:root{--paper:#f6f4ed;--card:#fffef9;--ink:#1b2527;--muted:#5c6562;--line:#d7dbd2;--accent:#b6451c;--orange:#ff804d;--dark:#172124;--sage:#dce5d7;--radius:12px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:var(--accent);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible{outline:3px solid #d35725;outline-offset:5px}button{font:inherit}img,svg{max-width:100%}.wrap{width:min(1120px,calc(100% - 56px));margin:auto}.site-header{background:var(--dark);color:white;border-bottom:1px solid #394243}.header-inner{min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{display:inline-block;color:white;text-decoration:none;font-size:30px;font-weight:400;letter-spacing:-1.6px;line-height:1.05}.wordmark span{color:var(--orange)}.wordmark small{display:block;font-size:10px;font-weight:400;letter-spacing:2.2px;text-transform:uppercase;color:#bbc7c4;margin-top:10px}.site-nav{display:flex;gap:24px;align-items:center;font-size:13px}.site-nav a{color:#e6ece8;text-decoration:none;line-height:1.6}.site-nav a[aria-current=page]{color:var(--orange)}.age-pill{border:1px solid #71817e;border-radius:99px;color:#e4eae6;padding:6px 10px;font-size:11px;white-space:nowrap}.skip-link{position:absolute;top:-80px;left:24px;background:white;padding:12px;z-index:100}.skip-link:focus{top:16px}.section-label,.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--accent)}.hero{display:grid;grid-template-columns:1.12fr .88fr;gap:72px;align-items:center;padding:74px 0 62px}.hero h1{font:400 clamp(40px,4.5vw,61px)/1.04 Georgia,'Times New Roman',serif;letter-spacing:-2px;margin:20px 0 24px}.hero .intro{max-width:540px;font-size:17px;line-height:1.7;color:#4c5856}.hero .intro strong{color:var(--ink)}.button-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 18px;border-radius:5px;background:var(--dark);border:1px solid var(--dark);color:white;text-decoration:none;font-size:13px;font-weight:700;cursor:pointer}.button:hover{background:#2d3e41}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.hero-footnote{font-size:12px;color:var(--muted);line-height:1.6;margin-top:22px}.notebook{background:var(--dark);color:#edf3ea;border-radius:var(--radius);padding:27px 28px 23px;box-shadow:9px 9px 0 #dde3d8;position:relative}.notebook-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #46534f;padding-bottom:17px;margin-bottom:21px;font:11px/1.5 'Courier New',monospace;letter-spacing:1.4px;text-transform:uppercase;color:#bfd0c3}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);display:inline-block;margin-right:8px}.notebook h2{font:400 28px/1.2 Georgia,serif;margin:0 0 10px}.notebook p{font-size:13px;line-height:1.7;color:#ccd6cd;margin:0}.story-map{display:block;width:100%;margin:20px 0 17px}.notebook .notebook-caption{font-size:11px;border-top:1px solid #46534f;padding-top:16px;line-height:1.6}.affiliation{display:grid;grid-template-columns:190px 1fr;gap:32px;border-block:1px solid var(--line);padding:23px 0;margin-bottom:56px}.affiliation p{font-size:14px;line-height:1.65;margin:0;color:#4c5856}.affiliation strong{color:var(--ink)}.affiliation .section-label{padding-top:4px;color:#61745d}.section-heading{display:flex;gap:32px;justify-content:space-between;align-items:end;margin:0 0 28px}.section-heading h2{font:400 36px/1.1 Georgia,serif;letter-spacing:-.8px;margin:9px 0 0}.section-heading p{font-size:14px;color:var(--muted);line-height:1.6;max-width:350px;margin:0}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:25px;display:flex;flex-direction:column}.card-number{font:12px/1.3 'Courier New',monospace;color:#65715f;letter-spacing:1px}.card-visual{height:96px;margin:18px 0 23px;background:#ecefe6;border:1px solid #d5ddce;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:12px;color:#33453e}.card-visual .badge{border:1px solid #bcc9b7;border-radius:4px;padding:10px 12px;background:#fbfcf7;font:11px/1.4 'Courier New',monospace}.mini-branch{display:flex;gap:8px;align-items:center}.mini-branch b{font:20px Georgia,serif;color:var(--accent)}.guide-card h3{font:400 26px/1.15 Georgia,serif;letter-spacing:-.4px;margin:0 0 15px}.guide-card h3 a{color:var(--ink);text-decoration:none}.guide-card p{color:var(--muted);font-size:14px;line-height:1.65;margin:0 0 20px}.card-bottom{margin-top:auto;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px}.card-bottom a{font-weight:700}.card-bottom span{color:var(--muted)}.resource-band{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin:52px 0 64px;background:#e4ebdf;border:1px solid #d1dbc9;border-radius:var(--radius);padding:34px}.resource-band h2{font:400 31px/1.15 Georgia,serif;margin:10px 0 14px}.resource-band p{font-size:14px;line-height:1.65;color:#4c5856;margin:0}.resource-list{display:grid;gap:12px}.resource-link{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#f8faf3;border:1px solid #cad4c3;border-radius:6px;padding:16px;text-decoration:none;color:var(--ink);font-size:14px;font-weight:700}.resource-link span{font:11px 'Courier New',monospace;color:#53674a}.history-teaser{display:grid;grid-template-columns:1fr 1fr;gap:72px;padding-bottom:66px}.history-teaser h2{font:400 33px/1.16 Georgia,serif;margin:12px 0 18px;letter-spacing:-.4px}.history-teaser p{font-size:15px;line-height:1.75;color:var(--muted)}.timeline-small{border-left:1px solid #b9c5b3;padding-left:25px}.timeline-small div{padding:0 0 23px}.timeline-small span{font:12px 'Courier New',monospace;color:var(--accent)}.timeline-small h3{font:400 21px Georgia,serif;margin:8px 0}.timeline-small p{font-size:13px;line-height:1.6;margin:0}.site-footer{border-top:1px solid var(--line);padding:30px 0 36px;background:#ebece3}.footer-top{display:flex;justify-content:space-between;gap:25px;align-items:start}.footer-top strong{font-size:14px}.footer-top p{font-size:12px;line-height:1.7;color:var(--muted);max-width:520px;margin:9px 0 0}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:12px}.copyright{font-size:11px;color:#687166;margin:25px 0 0}.breadcrumb{display:flex;gap:9px;flex-wrap:wrap;list-style:none;padding:0;margin:30px 0;font-size:12px;color:var(--muted)}.breadcrumb a{color:var(--muted)}.article-head{max-width:880px;padding:18px 0 35px}.article-head h1{font:400 clamp(36px,4.3vw,56px)/1.06 Georgia,serif;letter-spacing:-1.7px;margin:18px 0 24px}.article-head .lead{font-size:18px;line-height:1.65;color:#53605c;max-width:770px}.article-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:23px 0}.article-affiliation{font-size:13px;line-height:1.7;padding:16px 20px;border-left:3px solid #697f5d;background:#eaf0e4;border-radius:0 6px 6px 0;max-width:800px}.article-affiliation a{color:var(--accent)}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 235px;gap:75px;align-items:start;padding-bottom:64px}.article-body{min-width:0}.article-body section{padding-top:25px;margin-bottom:24px;border-top:1px solid var(--line)}.article-body h2{font:400 31px/1.2 Georgia,serif;letter-spacing:-.5px;margin:0 0 20px}.article-body h3{font:700 17px/1.4 Arial,sans-serif;margin:25px 0 12px}.article-body p,.article-body li{font-size:16px;line-height:1.8;color:#384845}.article-body p{margin:0 0 18px}.article-body ul,.article-body ol{padding-left:24px;margin:12px 0 22px}.article-body li{padding-left:4px;margin-bottom:8px}.prompt-box{position:relative;background:#182529;color:#e3eddd;border:1px solid #35454a;border-radius:8px;margin:23px 0;padding:20px}.prompt-box pre{font:13px/1.75 'Courier New',monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 0}.prompt-label{font:10px/1.4 'Courier New',monospace;letter-spacing:1px;text-transform:uppercase;color:#b8cbb2}.copy-button{border:1px solid #748776;border-radius:4px;background:transparent;color:#e3eddd;padding:6px 10px;font-size:11px;cursor:pointer;float:right}.copy-status{font-size:11px;color:#c6dabb;display:block;min-height:15px;margin-top:9px}.dialogue{border-left:3px solid #bcccb0;padding:10px 20px;margin:24px 0;background:#edf0e7}.dialogue p{font-size:15px;margin:7px 0}.dialogue strong{color:#526a44}.table-scroll{overflow-x:auto;margin:22px 0;border:1px solid var(--line);border-radius:7px}table{border-collapse:collapse;width:100%;min-width:580px;background:var(--card);font-size:13px;line-height:1.6}th,td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{background:#e6ecdf;font-size:12px;color:#394c33}tr:last-child td{border-bottom:0}.article-toc{position:sticky;top:30px;border-left:1px solid var(--line);padding-left:22px;margin-top:25px}.article-toc h2{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;margin:0 0 18px;color:#61725b}.article-toc ol{padding:0;list-style:none;margin:0}.article-toc li{margin-bottom:13px}.article-toc a{font-size:12px;line-height:1.5;color:#53615a;text-decoration:none}.article-toc .small-note{font-size:12px;line-height:1.7;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-top:23px}.related{border-top:1px solid var(--line);padding:36px 0 52px}.related h2{font:400 29px Georgia,serif;margin:0 0 25px}.related-links{display:flex;gap:25px;flex-wrap:wrap;font-size:14px}.source-list li{font-size:13px}.route-demo{background:#e7ecdf;border:1px solid #c7d2bb;border-radius:10px;padding:25px;margin:24px 0}.route-demo h3{font:400 26px Georgia,serif;margin:0 0 15px}.route-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.route-choice{background:#fafcf6;border:1px solid #b2c0a4;padding:13px 10px;border-radius:6px;cursor:pointer;color:#30462b;line-height:1.5;font-size:13px}.route-choice[aria-pressed=true]{background:#233b2d;color:white;border-color:#233b2d}.route-result{background:#fffef9;border:1px solid #c8d3bc;border-radius:6px;padding:20px;min-height:135px}.route-result p{font-size:14px;margin:0 0 12px}.state-line{font:12px/1.6 'Courier New',monospace;color:#4c6840}.demo-note{font-size:12px!important;color:#596a51!important;margin-top:17px!important}.no-script{padding:12px;border:1px solid var(--line);font-size:13px}
@media(min-width:1450px){.hero h1{font-size:65px}}
@media(max-width:980px){.hero{gap:35px;grid-template-columns:1.1fr .9fr}.hero h1{font-size:47px}.site-nav{gap:17px}.article-layout{grid-template-columns:minmax(0,1fr) 190px;gap:34px}.guide-card{padding:20px}.guide-card h3{font-size:24px}.history-teaser{gap:35px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header-inner{flex-wrap:wrap;gap:19px;padding:20px 0}.site-nav{width:100%;gap:18px;flex-wrap:wrap;font-size:12px}.wordmark{font-size:28px}.hero{grid-template-columns:1fr;padding:46px 0 40px;gap:32px}.hero h1{font-size:46px;letter-spacing:-1.5px}.hero .intro{font-size:16px}.notebook{max-width:540px}.affiliation{grid-template-columns:1fr;gap:12px;margin-bottom:40px}.section-heading{display:block}.section-heading p{margin-top:17px}.guide-grid{grid-template-columns:1fr}.guide-card{padding:23px}.card-visual{height:80px}.guide-card h3{font-size:27px}.resource-band,.history-teaser{grid-template-columns:1fr;gap:28px}.resource-band{padding:24px;margin:35px 0 44px}.history-teaser{padding-bottom:42px}.footer-top{display:block}.footer-links{margin-top:23px}.article-layout{display:flex;flex-direction:column-reverse;gap:10px}.article-toc{position:static;width:100%;margin:0 0 22px;padding:19px;border:1px solid var(--line);border-radius:7px}.article-toc ol{columns:2;gap:20px}.article-toc li{break-inside:avoid}.article-toc .small-note{display:none}.article-head h1{font-size:40px}.article-head .lead{font-size:16px}.article-body h2{font-size:28px}.article-body p,.article-body li{font-size:15px}.route-choices{grid-template-columns:1fr}.article-body{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
