:root{
  --color-brand: #6B21A8;
  --color-text: #1C1C1C;
  --color-muted: #666;
  --color-bg: #FFFFFF;
  --color-line: #E5E7EB;
}

*{box-sizing:border-box}
body{font-family:system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial;line-height:1.6;margin:0;padding:2rem;max-width:900px;margin-inline:auto;color:var(--color-text);background:var(--color-bg)}
h1{font-size:1.8rem;margin-bottom:.5rem}
small{color:var(--color-muted)}
h2{margin-top:2rem}
a{color:var(--color-brand);text-decoration:none}
a:hover{text-decoration:underline}
code{background:#f6f6f7;padding:.15rem .35rem;border-radius:6px}
hr{border:0;border-top:1px solid var(--color-line);margin:2rem 0}

.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:16px;top:16px;background:#fff;padding:8px 12px;border:2px solid #6B21A8;border-radius:10px;z-index:9999}