/* Field notes: the selected monospaced type treatment. */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--serif:'IBM Plex Mono',monospace}
body{font-family:var(--mono)}
#stars{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.masthead{align-items:center}
.signature{font:400 17px/1.5 var(--mono);letter-spacing:-.65px}
.signature span{font:400 11px/1.5 var(--mono);letter-spacing:0;color:#9ba58e;margin-top:6px}
.masthead nav{font:400 11px/1.5 var(--mono);padding-top:0}
.chapter{padding-top:clamp(170px,22vh,240px);padding-left:10%;padding-right:8%;min-height:100svh}
.chapter-content{width:68%;max-width:740px;padding-left:28px;border-left:1px solid #87966b55}
.chapter-label{font:400 12px/1.6 var(--mono);letter-spacing:0;margin:0 0 32px;color:#b8a875}
h1{font:400 clamp(32px,3.1vw,43px)/1.3 var(--mono);letter-spacing:-1.4px;max-width:690px}
h2{font:400 clamp(26px,2.65vw,36px)/1.35 var(--mono);letter-spacing:-1.1px;max-width:710px}
em{font:inherit;color:inherit}
.opening-question,.closing-thought{font:400 13px/1.9 var(--mono);letter-spacing:-.3px;max-width:490px;color:#bac4ad;margin:28px 0}
.opening-question>span{color:inherit}
.evidence{font:400 11px/1.9 var(--mono);gap:14px;color:#a3af95}
.evidence-mark{font:400 16px/1.3 var(--mono)}
.continue{font:400 10px/1.6 var(--mono);margin-top:30px;color:#a4ae93}
.continue span{font-size:16px}
.work-note{margin-top:30px;max-width:570px}
.work-note summary{font:400 12px/1.7 var(--mono);gap:14px;padding:20px 0;color:#c2cbb6}
.work-note small{font:400 10px/1.8 var(--mono);letter-spacing:0;margin-top:8px;color:#98a587}
.note-body{padding-left:30px}
.note-body p{font:400 12px/1.9 var(--mono);max-width:510px;color:#b0bca1}
.comparison strong{font:400 32px/1.4 var(--mono);letter-spacing:-1px}
.comparison div>span,.note-body .micro{font:400 10px/1.6 var(--mono);letter-spacing:0}
.comparison-divider{font:400 24px/1.4 var(--mono)}
.email{font:400 17px/1.7 var(--mono);letter-spacing:-.5px}
.email>span{font:inherit}
.socials{font:400 10px/1.6 var(--mono)}
.chapter-dock a{font-size:11px;min-height:44px}
.motion-toggle{font-size:10px;min-height:32px}
@media(min-width:1600px){.chapter-content{max-width:800px;width:65%}}
@media(max-width:1000px){.chapter-content{width:78%}.chapter{padding-left:8%}.chapter-dock a{font-size:10px}}
@media(max-width:680px){
  .masthead{padding:25px 6% 30px}.signature{font-size:15px;letter-spacing:-.5px}.signature span{font-size:10px;letter-spacing:0;margin-top:5px}.masthead nav{font-size:10px}
  .chapter{padding:150px 6% 145px}.chapter-content{width:100%;padding-left:18px}.chapter-label{font-size:11px;letter-spacing:0;margin-bottom:26px}
  h1{font-size:clamp(27px,7.2vw,35px);line-height:1.35;letter-spacing:-1px}h2{font-size:clamp(23px,5.8vw,29px);line-height:1.4;letter-spacing:-.8px}
  .opening-question,.closing-thought{font-size:12px;line-height:1.85;letter-spacing:-.3px}.evidence{font-size:10px;gap:10px}.continue{font-size:10px}
  .work-note summary{font-size:11px;gap:10px}.work-note small{font-size:10px}.note-body{padding-left:0}.note-body p{font-size:11px}.comparison{gap:18px}.comparison strong{font-size:27px}
  .email{font-size:15px;gap:18px}.socials{font-size:10px;gap:18px;flex-wrap:wrap}
  .chapter-dock a{font-size:9px;min-height:44px}.motion-toggle{font-size:9px;min-height:24px}.page-count{font-size:9px}
}