/* ── base.css ─────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}
body{min-height:100vh;line-height:1.55;font-family:'Satoshi',-apple-system,BlinkMacSystemFont,sans-serif}
img,svg,video{display:block;max-width:100%;height:auto}
button,input,select,textarea{font:inherit;color:inherit;background:none;border:none}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;letter-spacing:-0.02em}
code,pre{font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace}
::selection{background:var(--primary);color:#fff}

.skip{position:absolute;left:-9999px;top:0;background:var(--text);color:var(--bg);
  padding:8px 16px;z-index:100}
.skip:focus{left:8px;top:8px}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:0.01ms!important;transition-duration:0.01ms!important;scroll-behavior:auto}
}