:root{--paper:#faf9f6;--ink:#202b39;--muted:#596673;--line:#dcdedc;--blue:#244f83;--tint:#edf1f5;--serif:"Noto Serif CJK SC","Source Han Serif SC","Songti SC",SimSun,serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.85 var(--sans)}a{color:var(--blue);text-underline-offset:.25em}a:hover{color:#102f54}a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}::selection{background:#d9e4f0}.wrap{width:min(1120px,calc(100% - 80px));margin-inline:auto}.skip{position:absolute;top:-100px;left:20px;background:white;padding:8px 15px;z-index:1}.skip:focus{top:8px}.masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px;border-bottom:1px solid var(--line)}.brand{font-size:18px;font-weight:650;text-decoration:none;letter-spacing:.04em;color:var(--ink)}.mark{margin-right:9px;color:var(--blue);font-size:24px}.masthead nav{display:flex;gap:28px}.masthead nav a{color:var(--muted);font-size:14px;text-decoration:none}.intro{padding:84px 0 76px;max-width:790px}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--blue);font-weight:650;margin:0 0 18px}.intro h1{font:500 clamp(36px,4.3vw,54px)/1.4 var(--serif);letter-spacing:.04em;margin:0 0 24px}.lead{max-width:600px;font-size:17px;color:var(--muted);margin:0 0 28px}.read-link{font-size:14px;font-weight:600;text-decoration:none}.read-link span{margin-left:18px}.notes{border-top:1px solid var(--line);padding-top:38px}.section-heading{margin-bottom:48px}.section-heading .eyebrow{margin-bottom:6px}h2{font:500 27px/1.5 var(--serif);margin:0 0 8px}.section-heading>p:last-child{margin:0;color:var(--muted);font-size:14px}.reading-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:62px}.contents{padding-top:2px}.contents p{font-size:12px;color:var(--muted);margin:0 0 14px}.contents a{display:block;text-decoration:none;font-size:13px;margin:10px 0}.articles{max-width:720px}article{padding:0 0 42px;margin-bottom:40px;border-bottom:1px solid var(--line)}article:last-child{margin-bottom:0}.article-meta{font-size:12px;color:var(--blue);letter-spacing:.07em;margin:0 0 10px}h3{font:500 28px/1.5 var(--serif);margin:0 0 22px}article p{margin:0 0 18px}article li{padding-left:3px;margin-bottom:12px}ol{padding-left:24px;margin:24px 0}strong{font-weight:650}.note{border-left:3px solid var(--blue);padding:16px 22px;background:var(--tint);margin-top:24px;font-size:14px}.note>p{margin:6px 0 0}code{font:13px/1.7 Consolas,"SFMono-Regular",monospace;overflow-wrap:anywhere}p>code{background:#e9edf0;padding:2px 5px;border-radius:3px}pre{background:#eef0ed;border:1px solid #e0e4df;padding:20px 24px;overflow-x:auto;line-height:1.6;margin:22px 0}pre code{white-space:pre;overflow-wrap:normal}.type-sample{background:#f0eee7;border:1px solid #e2e0d6;padding:30px;margin:24px 0}.sample-label{display:block;font-size:11px;color:var(--muted);letter-spacing:.1em;margin-bottom:10px}.type-sample h4{font:500 23px/1.6 var(--serif);margin:0 0 12px}.type-sample p{margin:0;max-width:30rem}.about{max-width:720px;margin-left:282px;padding-block:48px 60px}.about .eyebrow{margin-bottom:10px}.about p:not(.eyebrow){font-size:14px;color:var(--muted)}footer{border-top:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;padding-block:24px 32px;font-size:12px;color:var(--muted)}footer a{color:var(--muted);text-decoration:none}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.masthead{align-items:flex-start;flex-direction:column;gap:8px;padding-block:18px}.masthead nav{gap:24px}.intro{padding:52px 0 46px}.intro h1{font-size:36px}.lead{font-size:16px}.reading-grid{display:block}.contents{border-left:2px solid var(--line);padding:0 0 0 16px;margin-bottom:36px}.contents a{margin:8px 0}.section-heading{margin-bottom:28px}.about{margin-left:0;padding-block:38px}h3{font-size:25px}pre{padding:16px}.type-sample{padding:22px}footer{display:grid;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}