:root{--paper:#f5f3eb;--ink:#252b23;--muted:#606959;--green:#46563a;--rule:#d5d7ca;--wash:#e9ecdf;--serif:"Iowan Old Style","Palatino Linotype","STKaiti","KaiTi",serif;--sans:"Trebuchet MS","Microsoft YaHei UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:7px}.wrap{width:min(1080px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;z-index:3;top:8px;left:8px;transform:translateY(-160%);background:var(--ink);color:var(--paper);padding:8px 16px}.skip:focus{transform:translateY(0)}.site-header{display:flex;align-items:center;justify-content:space-between;padding-block:28px;border-bottom:1px solid var(--rule)}.wordmark{text-decoration:none;font-weight:700;letter-spacing:.03em;display:flex;align-items:center;gap:12px}.mark{display:inline-grid;place-items:center;width:32px;height:36px;border:1px solid var(--green);font:italic 22px var(--serif);color:var(--green)}nav{display:flex;gap:28px;font-size:14px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.intro{display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:70px;padding-block:84px 88px}.eyebrow{color:var(--green);font-size:12px;letter-spacing:.2em;margin:0 0 25px}.eyebrow>span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:10px;vertical-align:middle}h1{font-family:var(--serif);font-weight:500;font-size:clamp(42px,5.5vw,70px);line-height:1.25;letter-spacing:.015em;margin:0 0 28px}.lead{color:var(--muted);font-size:15px;line-height:2;margin:0 0 28px}.reading-link{display:inline-flex;gap:36px;text-decoration:none;border-bottom:1px solid var(--green);padding-bottom:5px;font-size:14px;color:var(--green)}.reading-link span{font-size:21px;line-height:1.2}.margin-note{transform:rotate(-3deg);padding:32px 0 28px 27px;border-left:1px solid #bdc3b1;background:repeating-linear-gradient(transparent 0,transparent 35px,#dfe2d5 35px,#dfe2d5 36px);color:var(--green)}.note-label,.note-caption{font-size:11px;letter-spacing:.1em}.margin-note p{font-family:var(--serif);font-size:22px;line-height:2.05;margin:24px 0 10px}.pencil-line{width:70px;border-bottom:2px solid #899579;transform:rotate(-4deg);margin-bottom:25px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--ink)}h2{font-size:22px;font-weight:500;font-family:var(--serif);margin:0}.section-heading>span{color:var(--muted);font-size:12px}.note{display:grid;grid-template-columns:64px 1fr;gap:16px;padding-block:32px;border-bottom:1px solid var(--rule)}.note-number{font:italic 22px var(--serif);color:var(--green);padding-top:1px}details{min-width:0}summary{position:relative;list-style:none;cursor:pointer;padding-right:42px}summary::-webkit-details-marker{display:none}.category{font-size:11px;color:var(--green);letter-spacing:.1em}h3{font-family:var(--serif);font-size:25px;line-height:1.6;font-weight:500;margin:7px 0 8px}.summary-text{font-size:13px;color:var(--muted)}.toggle{position:absolute;right:2px;top:32px;width:24px;height:24px}.toggle::before,.toggle::after{content:"";position:absolute;background:var(--green);width:14px;height:1px;left:5px;top:12px}.toggle::after{transform:rotate(90deg)}details[open] .toggle::after{transform:rotate(0)}.note-body{max-width:740px;font-size:14px;line-height:2.05;padding-top:12px}.note-body p{margin:14px 0}.takeaway{border-left:2px solid #a6af95;padding:10px 18px;background:var(--wash)}.takeaway strong{font-weight:600}.about{display:grid;grid-template-columns:1fr 1.9fr;gap:70px;padding-block:66px 72px}.about .eyebrow{margin-bottom:12px}.about h2{font-size:30px}.about-copy{color:var(--muted);font-size:14px}.about-copy p{margin:0 0 14px}.site-footer{text-align:center;padding:27px 24px 32px;border-top:1px solid var(--rule);font-size:12px;color:var(--muted)}.site-footer p{margin:0 0 5px}.site-footer a{display:inline-block}.site-footer a:hover{color:var(--ink)}
@media(max-width:720px){.wrap{width:calc(100% - 40px)}.site-header{padding-block:20px}.wordmark{font-size:14px}nav{font-size:12px;gap:18px}.intro{grid-template-columns:1fr;gap:40px;padding-block:48px}.intro h1{font-size:48px}.lead{font-size:14px}.desktop-break{display:none}.margin-note{max-width:310px;margin:0 8px 0 auto;padding-block:12px}.margin-note p{font-size:20px;margin-block:12px}.note-caption{font-size:10px}.pencil-line{margin-bottom:18px}.section-heading{align-items:flex-start;flex-direction:column;gap:4px;padding-bottom:16px}.section-heading>span{font-size:11px}.note{grid-template-columns:26px 1fr;gap:14px;padding-block:26px}.note-number{font-size:18px}h3{font-size:22px;line-height:1.55}.summary-text{font-size:12px;line-height:1.8;display:block}.note-body{font-size:14px}.takeaway{padding:10px 12px}.about{grid-template-columns:1fr;gap:22px;padding-block:44px}.about h2{font-size:28px}.site-footer{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}