:root, :root[data-palette="midnight"]{--ground:#e1e6e9;--paper:#f8fafb;--ink:#273440;--cover:#1c344c;--cover-ink:#f3f5f4;--cover-accent:#d9bb80;--accent:#315978;--muted:#5c6871;--rule:#c8d1d8;}
@font-face{font-family:News;src:url('/field-guide/assets/newsreader.ttf');font-weight:200 800;font-display:swap}@font-face{font-family:News;src:url('/field-guide/assets/newsreader-italic.ttf');font-style:italic;font-weight:200 800;font-display:swap}@font-face{font-family:Public;src:url('/field-guide/assets/public-sans.ttf');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ground);color:var(--ink);font-family:Public,Arial,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{color:inherit}p{line-height:1.7}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:News,Georgia,serif;font-weight:400}em{font-weight:400}h2{font-size:36px;line-height:1.15}.top{max-width:1440px;margin:auto;padding:29px 4%;display:flex;align-items:center;gap:35px}.brand{display:flex;align-items:center;gap:15px;font-family:News,serif;font-size:27px}.brand span{font:10px Public,sans-serif;letter-spacing:2px}.top nav{display:flex;gap:28px;margin-left:auto;font-size:12px}.top nav a:hover{text-decoration:underline;text-underline-offset:5px}.edition{font-size:8px;letter-spacing:1.2px;border-left:1px solid var(--rule);padding-left:28px}.book{position:relative;display:grid;grid-template-columns:1fr 1.05fr;max-width:1200px;margin:20px auto 75px;box-shadow:0 25px 45px #242d251c,0 4px 8px #242d2520;border-radius:3px 8px 8px 3px;isolation:isolate}.book:before{content:'';position:absolute;inset:6px -6px -8px 10px;border:1px solid #c9c4b5;background:repeating-linear-gradient(#f0ecdF 0 2px,#d6d0c1 3px,#f0ecdf 4px);border-radius:3px 8px 8px 3px;z-index:-1}.cover{background:var(--cover);color:var(--cover-ink);position:relative;padding:42px 60px 34px 73px;display:flex;flex-direction:column;min-height:685px;border-radius:3px 0 0 3px;background-image:linear-gradient(90deg,#202d2560,transparent 5%,#ffffff04 7%,transparent 9%,transparent 95%,#17251d30)}.cover:after{content:'';position:absolute;inset:18px;border:1px solid #e9dfbc24;pointer-events:none}.cover-series{font-size:9px;letter-spacing:2.1px}.cover-title{margin:auto 0}.cover-title>p{font-family:News,serif;font-size:27px;margin-bottom:18px}.cover h1{font-size:clamp(54px,5.6vw,77px);line-height:.99;letter-spacing:-1.8px;margin-bottom:28px}.cover h1 em{color:var(--cover-accent)}.cover-line{height:1px;background:#c7b8856b;width:60px;margin-bottom:25px}.cover-title>span{font-size:11px;letter-spacing:3px}.cover-bottom{font-family:News,serif;font-size:19px;line-height:1.4;margin-bottom:0;color:var(--cover-accent)}.spine{position:absolute;left:27px;bottom:40px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:8px;letter-spacing:2px;color:#d4d5bc99}.opening{background:var(--paper);padding:32px 48px 27px;box-shadow:inset 13px 0 22px -16px #3f422d69;border-radius:0 6px 6px 0}.running{display:flex;justify-content:space-between;border-bottom:1px solid var(--rule);padding-bottom:14px;margin-bottom:34px;font-size:8px;letter-spacing:1.7px;color:var(--muted)}.little{font-size:9px;letter-spacing:1.7px;line-height:1.8;color:var(--muted);margin-bottom:14px}.opening h2{font-size:53px;line-height:1.03;letter-spacing:-1px;margin-bottom:16px}.opening h2 em{color:var(--accent)}.intro{font-family:News,serif;font-size:21px;line-height:1.45;color:var(--muted)}.opening .intro{font-size:18px;margin-bottom:26px}.feeling{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-top:1px solid var(--rule);font-family:News,serif;font-size:21px;transition:color .15s,padding .15s}.feeling:last-child{border-bottom:1px solid var(--rule)}.feeling>span:last-child{font:14px Public;color:var(--accent)}.feeling:hover{color:var(--accent);padding-left:7px}.opening-bottom{display:flex;justify-content:space-between;gap:15px;margin-top:23px}.text-link{font:11px Public,sans-serif;border:0;border-bottom:1px solid var(--rule);background:none;padding:0 0 5px;line-height:1.8;display:inline-block}.text-link:hover{color:var(--accent)}.tabs{position:absolute;left:100%;top:65px;display:flex;flex-direction:column;gap:9px}.tabs a{writing-mode:vertical-rl;font-size:8px;letter-spacing:1.5px;background:#c9c9b6;padding:17px 9px;border-radius:0 5px 5px 0}.tabs .active{background:var(--accent);color:#fff3de}.tabs a:nth-child(3){background:var(--cover);color:var(--cover-ink)}#resume{display:block;font-size:10px;color:var(--accent);margin-top:16px}#resume[hidden]{display:none}.below{max-width:1060px;margin:0 auto 55px;display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}.below h2{font-size:33px;margin-bottom:0}.below>p{font-size:14px;color:var(--muted);line-height:1.9;margin-bottom:0}.selection{max-width:1060px;margin:0 auto 65px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-head h2{font-size:26px;margin:0}.contents-row{display:grid;grid-template-columns:40px 1fr 80px;align-items:center;gap:24px;border-top:1px solid var(--rule);padding:22px 0}.contents-row:last-child{border-bottom:1px solid var(--rule)}.contents-row strong{display:block;font:25px News,serif;line-height:1.15}.contents-row small{display:block;font-size:11px;color:var(--muted);margin-top:9px}.contents-row:hover strong{color:var(--accent)}.folio{font:italic 19px News,serif;color:var(--muted)}.readtime{font-size:10px;white-space:nowrap;color:var(--muted)}.readtime b{margin-left:18px;font-weight:400}.philosophy{text-align:center;max-width:1060px;margin:0 auto 60px;border-top:1px solid var(--rule);padding-top:35px}.pillar-names{font:26px News,serif;line-height:1.7}.pillar-names span{margin:0 14px;color:#a69a7b}.philosophy p:not(.little){font-size:12px;color:var(--muted)}.site-foot{max-width:1280px;margin:0 auto;padding:25px 30px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:25px;font-size:9px;color:var(--muted)}.site-foot>span:first-child{letter-spacing:1px}.paper-index{max-width:920px;background:var(--paper);margin:25px auto 65px;padding:45px 70px 65px;box-shadow:0 15px 40px #30382e0b;min-height:60vh}.paper-index h1{font-size:65px;line-height:1.05;letter-spacing:-1px;margin:25px 0}.search-label{display:block;font-size:11px;margin:32px 0 10px}input{width:100%;padding:15px 16px;background:transparent;border:1px solid var(--rule);border-radius:0;margin-bottom:17px}.paper-index .contents-row strong{font-size:25px}.reading-layout{max-width:1220px;margin:25px auto 70px;display:grid;grid-template-columns:230px 1fr;gap:42px}.margin-note{padding:28px 10px;position:sticky;top:20px;align-self:start}.margin-note>.little{margin-top:40px}.margin-note>p:not(.little):not(.local-note){font:24px/1.3 News,serif}.margin-rule{display:block;width:40px;height:1px;background:var(--rule);margin:25px 0}.reading-paper{background:var(--paper);padding:35px 85px 45px;box-shadow:0 12px 40px #30382e10;min-width:0}.essay-heading{margin:65px 0 50px}.essay-heading h1{font-size:52px;line-height:1.06;letter-spacing:-.7px;margin-bottom:24px;text-wrap:balance}.byline{font-size:11px;color:var(--muted)}.prose{font:22px/1.63 News,Georgia,serif;color:var(--ink);overflow-wrap:break-word}.prose p{line-height:inherit;margin-bottom:19px}.prose p:first-child:first-letter{font-size:57px;float:left;line-height:.9;margin:8px 7px 0 0;color:var(--accent)}.bookmark{background:var(--cover);border:1px solid var(--cover);color:var(--cover-ink);padding:13px 17px;font-size:11px;line-height:1.4}.bookmark[aria-pressed=true]{background:transparent;color:var(--cover)}.local-note{font-size:10px;color:var(--muted);line-height:1.6;margin-top:13px}.essay-end{text-align:center;color:#9f8460;margin:40px 0}.source-note{font-size:11px;border-top:1px solid var(--rule);padding-top:20px;color:var(--muted);line-height:1.7}.source-note summary{cursor:pointer}.source-note a{text-decoration:underline}.page-turns{display:grid;grid-template-columns:1fr 1fr;gap:35px;border-top:1px solid var(--rule);margin-top:35px;padding-top:25px}.page-turns small{display:block;font-size:8px;letter-spacing:1.3px;margin-bottom:12px;color:var(--muted)}.page-turns span{font:21px/1.2 News,serif}.page-turns a:last-child{text-align:right}.about{max-width:820px}.about>p:not(.little){max-width:590px}.about h2{margin-top:45px}.pillar{border-top:1px solid var(--rule);padding-top:20px}.pillar h3{font-size:25px;margin-bottom:6px}.pillar h3 small{font:12px Public;color:var(--muted)}.pillar p{font-size:13px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--cover);color:var(--cover-ink);font-size:12px;padding:12px 20px;box-shadow:0 5px 15px #0002;z-index:10}.toast:empty{display:none}.skip{position:absolute;left:15px;top:-100px;z-index:10;background:#fff;padding:15px}.skip:focus{top:15px}[hidden]{display:none!important}@media(min-width:1400px){.book{margin-top:35px}}@media(max-width:1300px){.book{margin-left:5%;margin-right:7%}.below,.selection,.philosophy{margin-left:7%;margin-right:7%}.reading-layout{margin-left:4%;margin-right:4%}}@media(max-width:1000px){.edition{display:none}.cover{padding-left:55px;padding-right:35px}.opening{padding:27px 30px}.opening h2{font-size:46px}.feeling{font-size:19px}.opening-bottom{flex-direction:column;align-items:flex-start;gap:7px}.reading-layout{grid-template-columns:170px 1fr;gap:20px}.reading-paper{padding:30px 45px}.essay-heading h1{font-size:43px}.paper-index{margin-left:5%;margin-right:5%;padding:35px 40px}.below{gap:40px}}@media(max-width:700px){.top{padding:22px 6%;gap:12px;flex-wrap:wrap}.brand{font-size:23px}.brand span{font-size:8px}.top nav{gap:17px;font-size:10px;width:100%;margin:6px 0 0;justify-content:space-between}.book{display:block;margin:10px 6% 45px}.cover{min-height:0;padding:30px 35px 35px 45px;border-radius:3px 3px 0 0}.cover-series{font-size:7px;letter-spacing:1.5px}.cover-title{margin:30px 0}.cover-title>p{font-size:23px;margin-bottom:12px}.cover h1{font-size:61px;margin-bottom:23px}.cover h1{font-size:53px}.cover-line{margin-bottom:20px}.cover-bottom{font-size:17px}.spine{left:21px;bottom:30px;font-size:7px}.opening{padding:27px 26px 30px}.opening h2{font-size:48px}.tabs{display:none}.opening .intro{font-size:18px}.feeling{font-size:20px;padding:17px 0}.opening-bottom{flex-direction:row;align-items:center;margin-top:25px}.text-link{font-size:10px}.below{display:block;margin-bottom:35px}.below h2{font-size:29px;margin-bottom:20px}.below>p{font-size:13px}.section-head{align-items:flex-start;gap:20px}.section-head h2{font-size:25px;max-width:210px}.contents-row{grid-template-columns:24px 1fr;gap:12px;padding:21px 0}.contents-row strong{font-size:24px}.readtime{display:none}.pillar-names{font-size:23px}.pillar-names span{margin:0 5px}.site-foot{flex-wrap:wrap;padding:23px 7%;font-size:8px;gap:14px}.site-foot>span:first-child{width:100%}.paper-index{margin:12px 5% 40px;padding:25px 23px 40px}.paper-index h1{font-size:49px}.paper-index .contents-row strong{font-size:23px}.reading-layout{display:flex;flex-direction:column;margin:8px 4% 40px;gap:15px}.margin-note{position:static;padding:4px 8px;display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%}.margin-note>p,.margin-rule{display:none}.bookmark{padding:10px;font-size:10px}.reading-paper{padding:25px 25px 35px}.essay-heading{margin:40px 0 35px}.essay-heading h1{font-size:40px}.prose{font-size:21px;line-height:1.6}.page-turns{gap:20px}.page-turns span{font-size:18px}.running{font-size:7px;margin-bottom:26px}.pillar h3 small{display:block;margin-top:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.prose h2{font-size:30px;line-height:1.2;margin:40px 0 20px}.prose h2:first-child{margin-top:0}

/* Palette experiment: the type and composition stay identical. */
.cover:after{border-color:color-mix(in srgb,var(--cover-ink) 18%,transparent)}.cover-line{background:color-mix(in srgb,var(--cover-ink) 40%,transparent)}.spine{color:var(--cover-accent)}.tabs a{background:var(--rule);color:var(--ink)}.tabs a.active{background:var(--accent);color:var(--paper)}.tabs a:nth-child(3){background:var(--cover);color:var(--cover-ink)}.book:before{background:var(--paper);border-color:var(--rule)}
.palette-lab{max-width:1200px;margin:0 auto 24px;padding:16px 20px;background:var(--paper);border:1px solid var(--rule)}.palette-lab summary{cursor:pointer;font-size:11px;letter-spacing:.4px}.palette-options{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 10px}.palette-option{display:flex;align-items:center;gap:8px;border:1px solid var(--rule);background:transparent;color:var(--ink);padding:10px 12px;font-size:11px}.palette-option[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px}.palette-option .swatches{display:flex;border:1px solid #8885}.swatches i{width:12px;height:20px;display:block;background:var(--chip)}.palette-description{font-size:11px;color:var(--muted);margin:14px 0 0;line-height:1.6}.palette-lab+main .book{margin-top:0}@media(max-width:1300px){.palette-lab{margin-left:5%;margin-right:7%}}@media(max-width:700px){.palette-lab{margin:0 6% 20px;padding:14px}.palette-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.palette-option{font-size:10px;padding:9px 7px;gap:6px}.swatches i{width:9px;height:18px}.palette-description{font-size:10px}}