:root{--paper:#fff;--ink:#15131a;--pop:#ffd43b;--soft:#fff4c7;--muted:rgba(21,19,26,.66)}
*{box-sizing:border-box}
html{background:var(--paper);-webkit-text-size-adjust:100%}
body{margin:0;color:var(--ink);font:500 16px/1.6 ui-rounded,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--paper);background-image:radial-gradient(circle at 1px 1px,rgba(21,19,26,.07) 1.1px,transparent 1.6px);background-size:20px 20px}
main{max-width:760px;margin:0 auto;padding:24px 16px 64px}
header{display:flex;align-items:center;gap:10px;margin-bottom:18px}
header a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--ink);font-weight:800}
header img{height:36px}
nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
nav a{border:2.5px solid var(--ink);border-radius:999px;padding:4px 12px;text-decoration:none;color:var(--ink);font-weight:700;font-size:14px;background:var(--paper)}
nav a[aria-current]{background:var(--pop)}
article{background:var(--paper);border:3px solid var(--ink);border-radius:18px;box-shadow:0 5px 0 var(--ink);padding:22px 20px}
h1{font-size:28px;line-height:1.15;margin:0 0 6px}
h2{font-size:19px;margin:26px 0 6px}
.meta{color:var(--muted);font-size:14px;margin:0 0 14px}
.note{background:var(--soft);border:2px solid var(--ink);border-radius:12px;padding:10px 12px;font-size:15px}
table{border-collapse:collapse;width:100%;font-size:14.5px;margin:8px 0}
th,td{border:2px solid var(--ink);padding:6px 8px;text-align:left;vertical-align:top}
th{background:var(--soft)}
a{color:var(--ink)}
footer{margin-top:22px;color:var(--muted);font-size:13px;text-align:center}
@media (max-width:480px){article{padding:16px 14px}h1{font-size:24px}}