/* Page reset (the claude.ai artifact wrapper used to provide this) + app chrome shared by every page. */
:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;padding:0}
img{max-width:100%}
[hidden]{display:none!important}
a{color:var(--blue,#2B57C9)}
.topnav{max-width:860px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px max(16px,env(safe-area-inset-left,0px)) 0;font-family:var(--display,system-ui);font-weight:700;font-size:14px}
.topnav a{text-decoration:none}
.topnav span{color:var(--muted,#566273);font-weight:500}