*{box-sizing:border-box}html{color-scheme:light dark;scroll-behavior:smooth}body{--ink:#253b32;--muted:#53675d;--paper:#f6f3e9;--line:#cad2c5;--accent:#255b43;--card:#fffcf5;margin:0;background:var(--paper);color:var(--ink);font:18px/1.8 Georgia,serif;overflow-wrap:break-word}body.field{--ink:#2e3944;--muted:#626b72;--paper:#f6f1e8;--line:#d8cfc1;--accent:#a0482e;--card:#fffaf2;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:17px}.wrap{max-width:1120px;margin:auto;padding:0 38px}a{color:var(--accent);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px;border-radius:2px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;border-bottom:1px solid var(--line)}.brand{font:650 21px/1.4 system-ui,sans-serif;color:var(--ink);text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:24px;font:14px/1.6 system-ui,sans-serif}nav a[aria-current=page]{font-weight:700;text-decoration-thickness:2px}main{padding:54px 0 70px;min-height:70vh}h1,h2,h3{line-height:1.2;letter-spacing:-.025em}h1{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:500;margin:12px 0 22px;max-width:850px}h2{font-size:1.65rem;margin:2rem 0 1rem}p{margin:0 0 1.2rem}.eyebrow,.number{font:12px/1.6 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}.intro{font-size:1.23em;line-height:1.6;color:var(--muted);max-width:720px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:42px;align-items:center;margin-bottom:58px}.hero h1{font-size:clamp(2.7rem,5.5vw,4.5rem)}figure{margin:0}figure img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:14px}figcaption{font:12px/1.6 system-ui,sans-serif;color:var(--muted);padding:12px 0}.read-link{font:600 15px/1.6 system-ui,sans-serif;display:inline-block;padding:4px 0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 42px}.card{background:var(--card);padding:25px 23px;border:1px solid var(--line);border-radius:5px}.card h2{font-size:1.24rem;margin:14px 0;line-height:1.35}.card h2 a{color:var(--ink)}.card p{font-size:.91em;line-height:1.65;color:var(--muted);margin-bottom:0}.reading-route{border-top:1px solid var(--line);padding-top:12px;max-width:760px}.prose{max-width:720px}.prose h1{font-size:clamp(2rem,4.6vw,3.3rem)}.prose section{margin-top:40px}.prose h2{scroll-margin-top:24px}.note-layout{display:grid;grid-template-columns:minmax(0,720px) 1fr;gap:60px}.breadcrumbs{margin-bottom:30px;gap:12px;color:var(--muted)}.contents{align-self:start;position:sticky;top:20px;padding-left:22px;border-left:1px solid var(--line);margin-top:10px;font:14px/1.7 system-ui,sans-serif}.contents h2{font:600 14px/1.6 system-ui,sans-serif;letter-spacing:0;margin:0 0 10px}.contents ol{padding-left:18px;margin:0 0 18px}.contents li{margin:0 0 12px}.callout{border-left:3px solid var(--accent);background:var(--card);padding:20px 24px;margin:38px 0 22px}.callout h2{font:650 15px/1.6 system-ui,sans-serif;margin:0 0 8px;letter-spacing:0}.callout p{margin:0;font-size:.95em}.next-notes{display:grid;grid-template-columns:1fr 1fr;gap:28px;border-top:1px solid var(--line);padding-top:24px;margin-top:46px;max-width:720px}.next-notes a{font-size:15px}.next-notes span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}footer{border-top:1px solid var(--line);padding:24px 0 36px;display:flex;flex-wrap:wrap;gap:12px 24px;font:12px/1.7 system-ui,sans-serif;color:var(--muted)}footer span{margin-right:auto}.skip{position:absolute;left:-10000px}.skip:focus{left:16px;top:12px;background:var(--card);padding:12px;z-index:2}.field h1{font-weight:650}.field .card{border-radius:0;border-width:0 0 1px;background:transparent;padding-left:0}.field .number{color:var(--accent)}.field .hero figure{transform:rotate(1deg)}
@media(max-width:820px){.hero{grid-template-columns:1fr;gap:20px}.hero figure{max-width:480px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.note-layout{grid-template-columns:1fr;gap:22px}.contents{position:static;grid-row:1;padding:16px 20px;background:var(--card);margin:0}.contents ol{display:flex;flex-wrap:wrap;gap:4px 24px;list-style:none;padding:0}.contents li{margin:0}.hero{margin-bottom:42px}}
@media(max-width:500px){.wrap{padding:0 21px}body{font-size:17px}body.field{font-size:16px}header{display:block;padding:22px 0}header nav{margin-top:16px;gap:24px}main{padding:32px 0 44px}.cards{grid-template-columns:1fr;gap:12px}.card{padding:20px}.hero h1{font-size:2.9rem}.next-notes{gap:20px}.prose section{margin-top:30px}footer span{width:100%}.callout{padding:18px}}
@media(prefers-color-scheme:dark){body{--ink:#e4e9df;--muted:#b1c2b6;--paper:#1d2922;--line:#435849;--accent:#b2d5ba;--card:#26352c}body.field{--ink:#eee7dc;--muted:#c4b9ad;--paper:#272b2f;--line:#545350;--accent:#edb297;--card:#30363a}figure img{background:#f4f0e5}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}