@font-face{font-family:Fieldbook;src:url('assets/fieldbook.ttf') format('truetype');font-display:swap;font-weight:400 700}
:root{color-scheme:dark;--ink:#171c1c;--surface:#202827;--paper:#f0e9dc;--muted:#b8bfb5;--copper:#dfac7b;--line:#46524c;--green:#b9d4bd;--font:Fieldbook,Georgia,serif}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font:17px/1.55 'Segoe UI',sans-serif}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer;color:inherit;background:transparent;border:1px solid var(--line);border-radius:3px;padding:10px 17px}button:hover,button.active{background:var(--paper);color:var(--ink);border-color:var(--paper)}button:disabled{opacity:.35;cursor:default}a{color:var(--copper);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--copper);outline-offset:4px}::selection{background:var(--copper);color:var(--ink)}*{scrollbar-color:var(--line) var(--ink)}[hidden]{display:none!important}.skip{position:absolute;top:-90px;left:20px;z-index:20;background:var(--paper);color:var(--ink);padding:14px}.skip:focus{top:10px}
header{min-height:96px;display:flex;align-items:center;justify-content:space-between;padding:20px 4.5vw;border-bottom:1px solid var(--line);gap:20px}.identity{display:flex;align-items:center;gap:14px;color:var(--paper);text-decoration:none;font-size:12px;letter-spacing:.04em}.identity small{display:block;letter-spacing:0;font-size:13px;color:var(--muted);margin-top:3px}header nav{display:flex;gap:8px}header button{font-size:14px}#index{padding:22px 4.5vw;border-bottom:1px solid var(--line)}#chapters{display:flex;flex-wrap:wrap;gap:8px}#chapters a{padding:7px 12px;font-size:14px;color:var(--paper);text-decoration:none;border:1px solid var(--line)}#chapters a[aria-current]{background:var(--paper);color:var(--ink)}main{max-width:1540px;margin:auto;min-height:calc(100svh - 185px);padding:45px 5vw 35px}.chapter{animation:arrive .3s ease-out}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--font);font-weight:400;line-height:1.06;letter-spacing:-.025em;text-wrap:balance}h1{font-size:clamp(3.3rem,6vw,6rem);margin-bottom:25px}h2{font-size:clamp(2.5rem,4.4vw,4.8rem);margin-bottom:25px;max-width:1000px}h3{font-size:19px;font-weight:600;line-height:1.35;margin-bottom:12px}p{max-width:70ch}.lead{font-size:clamp(19px,1.65vw,25px);color:var(--muted);max-width:780px;margin-bottom:30px}.split{display:grid;grid-template-columns:1.15fr 1fr;gap:6vw;align-items:center}.hero-art{width:100%;height:440px;color:var(--copper)}.signature{margin-top:34px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:14px;color:var(--muted)}.signature strong{display:block;color:var(--paper);font-weight:500}.byline{margin-top:25px}.byline span{display:block;color:var(--muted);font-size:14px}.route{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.primary{background:var(--copper);border-color:var(--copper);color:var(--ink)}.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:30px 0}.columns>div{padding-top:20px;border-top:1px solid var(--line)}.columns p{color:var(--muted);font-size:17px}.columns strong,.emphasis{color:var(--copper)}.strip{padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);margin-top:28px}.strip strong{color:var(--paper)}.source{font-size:13px;color:var(--muted);margin-top:24px}.source a{margin-right:16px}.pill{display:inline-block;font-size:12px;letter-spacing:.04em;padding:4px 9px;border:1px solid var(--line);color:var(--green)}.planned{color:var(--copper);border-style:dashed}.timeline{display:grid;grid-template-columns:repeat(4,1fr);margin:35px 0;gap:0}.timeline>div{border-top:1px solid var(--copper);padding:23px 22px 8px 0;position:relative}.timeline>div:before{content:'';position:absolute;width:7px;height:7px;background:var(--copper);top:-4px;left:0}.timeline h3{font-family:var(--font);font-size:27px}.timeline p{color:var(--muted);font-size:16px}.timeline .pill{margin-bottom:15px}details{border-top:1px solid var(--line);padding:16px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:17px;color:var(--copper)}details .detail{padding:20px 0 2px;color:var(--muted);max-width:85ch}details p:last-child{margin-bottom:0}.detail li{margin-bottom:10px}table{border-collapse:collapse;width:100%;font-size:15px;margin:22px 0}th{text-align:left;font-weight:500;color:var(--copper)}td,th{padding:14px 18px 14px 0;border-bottom:1px solid var(--line);vertical-align:top}td{color:var(--muted)}td:first-child{color:var(--paper)}.table-wrap{overflow-x:auto}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:35px 0}.flow>div{padding:23px 0;border-block:1px solid var(--line);position:relative}.flow>div:not(:last-child):after{content:'→';position:absolute;right:-20px;top:22px;color:var(--copper)}.flow p{color:var(--muted);font-size:15px;margin-bottom:0}.demo{background:var(--surface);padding:25px;margin:28px 0}.demo-controls{display:flex;flex-wrap:wrap;gap:9px}.demo h3{font-family:var(--font);font-size:29px}.demo-output{min-height:120px;margin-top:20px;max-width:85ch}.demo-output strong{color:var(--copper)}.demo-output p{margin:8px 0;color:var(--muted)}.pattern-layout{display:grid;grid-template-columns:240px 1fr;gap:40px}.pattern-buttons{display:flex;flex-direction:column;gap:8px}.pattern-buttons button{text-align:left}.pattern-result{border-top:1px solid var(--copper);padding:22px 0;min-height:230px}.pattern-result h3{font-family:var(--font);font-size:34px}.pattern-result p{color:var(--muted)}.question{font-family:var(--font);font-size:clamp(24px,2.3vw,36px);line-height:1.35;max-width:950px;margin:25px 0}.question-list{list-style:none;padding:0}.question-list li{padding:16px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:180px 1fr;gap:20px}.question-list strong{color:var(--copper)}.sources{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.sources a{display:block;padding:15px 0;border-bottom:1px solid var(--line);font-size:16px}.sources small{display:block;color:var(--muted);font-size:13px}.study-only{display:none}.study .study-only{display:block}.study .chapter{border-bottom:1px solid var(--line);padding:50px 0}.study main{padding-top:0}.study footer{position:sticky;bottom:0}.study h2{font-size:3rem}.study details{max-width:100%}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 4.5vw;border-top:1px solid var(--line);background:var(--ink);font-size:13px;min-height:80px}.controls{display:flex;align-items:center;gap:22px}footer button{font-size:13px;padding:8px 14px}#position{font-variant-numeric:tabular-nums;color:var(--copper)}#chapter-name{min-width:110px;text-align:center}#notes{margin:0 auto;padding:25px 5vw;background:var(--surface);color:var(--muted);border-top:1px solid var(--line)}#notes p{max-width:100ch;margin:0}.progress{height:3px;background:var(--line)}#progress{display:block;height:100%;background:var(--copper);transition:none}.study .progress{display:none}input[type=search]{width:100%;padding:13px 16px;background:var(--surface);border:1px solid var(--line);color:var(--paper);margin:5px 0 15px;border-radius:3px}input::placeholder{color:var(--muted)}.quiz button{display:block;margin:9px 0;text-align:left;width:100%}.quiz-feedback{color:var(--green);min-height:45px}.small{font-size:14px;color:var(--muted)}
@keyframes arrive{from{opacity:.6;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(min-width:1600px){main{padding-top:60px}}@media(max-width:900px){.split{gap:25px}.hero-art{height:330px}.columns{gap:20px}.flow{grid-template-columns:1fr 1fr}.flow>div:nth-child(2):after{content:none}.timeline{grid-template-columns:1fr 1fr;row-gap:22px}.pattern-layout{grid-template-columns:190px 1fr}header{padding-inline:22px}main{padding:30px 25px}.identity{font-size:11px}#chapter-name{display:none}}
@media(max-width:600px){header{align-items:flex-start;flex-direction:column;padding:16px 20px;gap:15px}header nav{width:100%}header button{flex:1;padding:8px;font-size:13px}.split,.columns,.pattern-layout,.sources{grid-template-columns:1fr}.hero-art{height:240px}.split{gap:0}h1{font-size:3.4rem}h2{font-size:2.7rem}.columns{gap:10px;margin:20px 0}.lead{font-size:19px}.signature{font-size:12px;gap:12px}.pattern-buttons{flex-direction:row;flex-wrap:wrap}.pattern-buttons button{font-size:13px;padding:8px}.question-list li{grid-template-columns:1fr;gap:5px}.demo{padding:18px}.flow{gap:20px}.timeline>div{padding-right:14px}footer{padding:14px 15px;gap:8px}.controls{gap:6px}footer button{font-size:12px;padding:8px}.controls button span{display:none}#position{font-size:12px}main{min-height:calc(100svh - 225px)}.study h2{font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{:root{color-scheme:light;--ink:#fff;--surface:#f4f4f1;--paper:#161b19;--muted:#3d4941;--copper:#7d4526;--line:#b5b9b3;--green:#285f3a}header,footer,#index,#notes,.progress,.route,.demo-controls,.pattern-buttons{display:none!important}main{padding:0;max-width:none}.chapter{display:block!important;page-break-after:always;padding:20px 0!important}.study-only{display:block}.split{grid-template-columns:1fr 1fr}h1{font-size:48px}h2{font-size:36px}.hero-art{height:300px}details .detail{display:block}a{color:var(--copper)}}