* { box-sizing: border-box; }
html { min-width: 320px; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 400 16px/1.5 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: var(--brand); }
img { display: block; max-width: 100%; }
[hidden] { display: none !important; }
code { padding: .12rem .35rem; border-radius: 6px; background: var(--surface-2); }
h1, h2, h3, p { overflow-wrap: anywhere; }
button:focus-visible, a:focus-visible, input:focus, select:focus, textarea:focus { outline: 3px solid rgba(98,44,120,.24); outline-offset: 2px; }
.skip-link { position: fixed; left: 12px; top: -80px; z-index: 1000; padding: 10px 14px; border-radius: 8px; background: #fff; color: var(--ink); font-weight: 800; box-shadow: var(--shadow); }
.skip-link:focus { top: 12px; }