*{box-sizing:border-box}html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text-primary);font:var(--fs-400)/1.5 var(--font)}
a{color:inherit;text-underline-offset:3px}
a:focus,button:focus{outline:2px solid var(--brand-500);outline-offset:2px}
.container{max-width:1120px;margin:0 auto;padding:0 var(--space-6)}
.card{background:var(--chip-bg);border:1px solid var(--chip-border);border-radius:var(--radius)}
.btn{display:inline-flex;gap:8px;align-items:center;padding:10px 14px;border-radius:var(--radius);border:1px solid var(--chip-border);background:var(--bg-elev)}
.skip-link{position:absolute;left:-9999px;top:auto}
.skip-link:focus{left:var(--space-6);top:var(--space-6);background:var(--bg-elev);padding:8px 12px;border:1px solid var(--chip-border);border-radius:8px}