:root{color-scheme:light;--paper:#f4f0e7;--ink:#23211c;--line:#d2cec5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Serif SC","Songti SC",serif;letter-spacing:0}header{min-height:72px;padding:20px 6%;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:16px}main{max-width:920px;padding:32px 24px;margin:auto}h1{font-size:28px;font-weight:500}h2{font-size:20px;font-weight:500}nav{display:flex;flex-wrap:wrap;gap:12px}button,a{font:inherit;font-size:16px;color:inherit}button{border:0;border-bottom:1px solid var(--line);background:transparent;padding:12px 4px;cursor:pointer}a{padding:12px 0;text-underline-offset:6px}section{border-top:1px solid var(--line);padding:24px 0;margin-top:24px}section a{display:inline-block;margin-right:24px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:1px solid var(--ink);outline-offset:2px}@media(max-width:480px){header{font-size:14px;padding:20px}main{padding:24px 20px}nav{gap:8px 16px}}