/* Field Notes: printed documents from the same terminal. */
body.notes-page{background:var(--deep);padding:0 24px;color:var(--gold)}
.notes-shell{max-width:1120px;margin:auto}
.notes-masthead{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:100px;border-bottom:2px solid #586d60}
.notes-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:25px/1 var(--pixel);letter-spacing:2px}
.notes-brand img{width:48px;height:44px;object-fit:contain}
.notes-brand small{display:block;font:12px var(--pixel);letter-spacing:1.6px;color:var(--light);margin-bottom:5px}
.notes-masthead nav{display:flex;gap:25px;font:16px var(--pixel);letter-spacing:1px}
.notes-masthead nav a{padding:10px 0;text-decoration:none;border-bottom:1px solid transparent}
.notes-masthead nav a:hover,.notes-masthead nav a[aria-current]{border-color:var(--coral);color:var(--coral)}
.reader-path{display:flex;justify-content:space-between;gap:16px;max-width:850px;margin:26px auto 18px;color:var(--light);font:14px var(--pixel);letter-spacing:1px}
.reader-path a{text-decoration:none}.reader-path a:hover{text-decoration:underline}
.paper{--paper-ink:#632b3b;position:relative;max-width:850px;margin:0 auto;background:#f2d398;color:var(--paper-ink);box-shadow:5px 5px 0 #100f19}
.paper::before,.paper::after{content:'';position:absolute;top:14px;bottom:14px;width:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='32'%3E%3Cpath fill='%23241b27' d='M3 0h6v2h2v6H9v2H3V8H1V2h2z'/%3E%3C/svg%3E") repeat-y;pointer-events:none}
.paper::before{left:7px}.paper::after{right:7px}
.paper-inner{margin:0 27px;border-left:1px dashed #c26751;border-right:1px dashed #c26751;padding:40px 43px 45px}
.document-meta{display:flex;justify-content:space-between;gap:16px;font:14px var(--pixel);letter-spacing:1.5px;color:#803547}
.document-heading{text-align:center;padding:30px 0 26px;border-bottom:4px double #bb5346;margin-bottom:30px}
.document-heading img{width:80px;height:67px;object-fit:contain;display:block;margin:0 auto 20px}
.document-heading .tiny{color:#983441}
.document-heading h1{font:60px/.98 var(--pixel);letter-spacing:-.5px;margin:16px auto 20px;max-width:600px;color:#853342}
.document-heading p{font:15px/1.7 var(--mono);max-width:530px;margin:0 auto}
.document-facts{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 20px;margin-top:24px;font:13px var(--pixel);letter-spacing:1px;color:#803547}
.article-copy{font:15px/1.9 var(--mono);color:#442731;overflow-wrap:anywhere}
.article-copy p{margin:0 0 20px}
.article-copy h2{font:34px/1.12 var(--pixel);font-weight:400;color:#853342;margin:43px 0 18px;border-bottom:1px solid #b55b49;padding-bottom:10px;scroll-margin-top:24px}
.article-copy h2 span{font-size:17px;margin-right:10px;vertical-align:middle;color:#9b4744}
.article-copy h3{font:25px var(--pixel);font-weight:400;color:#853342;margin:28px 0 12px}
.article-copy a{text-decoration-thickness:1px;text-underline-offset:4px;color:#7d263d}
.article-copy a:hover{color:#ad3d3e}
.article-copy a:focus-visible,.paper a:focus-visible,.paper button:focus-visible{outline-color:#853342}
.article-copy ul,.article-copy ol{padding-left:24px}.article-copy li{padding-left:5px;margin:8px 0}
.article-copy code{font-size:.9em;background:#d9b27d;padding:2px 5px}
.article-copy pre{overflow-x:auto;background:#302431;border:2px solid #713444;color:var(--gold);padding:20px;font:13px/1.8 var(--mono);tab-size:2}
.article-copy pre code{background:none;padding:0;font:inherit}
.code-caption{display:flex;justify-content:space-between;padding:7px 12px;background:#983441;color:var(--gold);font:14px var(--pixel);letter-spacing:1px;margin-top:22px}
.code-caption+pre{margin-top:0}
.contents{padding:18px 20px;border:1px solid #b55b49;background:#e9c48b;margin:28px 0 34px}
.contents .tiny{margin-bottom:12px;color:#853342}
.contents ol{list-style:none;counter-reset:section;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}
.contents li{counter-increment:section;margin:0;padding:0;font:17px/1.5 var(--pixel)}
.contents a{text-decoration:none}.contents a:hover{text-decoration:underline}
.contents li::before{content:'0' counter(section);margin-right:10px;color:#983441;font-size:14px}
.article-figure{margin:30px 0}.figure-mount{display:block;border:3px solid #713444;padding:6px;background:#ab544b;line-height:0;position:relative}
.figure-mount img{display:block;width:100%;height:auto;filter:none}
.figure-mount:hover{border-color:#442731}
.article-figure figcaption{font:12px/1.6 var(--mono);padding-top:10px;color:#723645}
.article-figure figcaption span{font:14px var(--pixel);color:#983441;margin-right:8px}
.margin-note{border-left:4px solid #983441;background:#e6bc81;padding:18px 20px;margin:28px 0}
.margin-note .tiny{display:block;color:#853342;margin-bottom:8px}.margin-note p:last-child{margin:0}
.document-end{display:flex;justify-content:space-between;gap:20px;border-top:4px double #b55b49;padding-top:19px;margin-top:40px;font:14px var(--pixel);letter-spacing:1px;color:#853342}
.paper-tray{position:relative;height:34px;max-width:870px;margin:0 auto;background:#983441;border:3px solid #311f2e;box-shadow:inset 0 3px #f16b50,3px 3px 0 #100f19}
.paper-tray::after{content:'';display:block;background:#241b27;border:2px solid #c26751;width:140px;height:9px;margin:10px auto}
.notes-footer{max-width:850px;margin:auto;color:#99af98;font:13px var(--pixel);letter-spacing:1px;display:flex;justify-content:space-between;gap:15px;padding:27px 0 40px}
.notes-footer a{color:var(--gold);text-underline-offset:4px}
.archive-intro{font:15px/1.8 var(--mono);margin:0 0 30px}
.note-list{list-style:none;padding:0;margin:0;border-top:2px solid #b55b49}
.note-list a{display:block;text-decoration:none;padding:25px 0;border-bottom:1px solid #b55b49}
.note-list a:hover h2{text-decoration:underline;text-underline-offset:5px}
.note-list .note-type{font:13px var(--pixel);letter-spacing:1.3px;display:flex;justify-content:space-between;color:#853342}
.note-list h2{font:34px/1.05 var(--pixel);font-weight:400;margin:12px 0;color:#853342}
.note-list p{font:14px/1.7 var(--mono);margin:0 0 13px;color:#442731}
.note-list .read-note{font:16px var(--pixel)}
.image-viewer{padding:0;border:2px solid #983441;background:#241b27;color:var(--gold);width:min(1100px,94vw);max-width:94vw;max-height:94vh}
.image-viewer::backdrop{background:#100d18ed}
.image-viewer .viewer-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 15px;font:16px var(--pixel)}
.image-viewer button{background:#f16b50;color:#241b27;border:2px solid #713444;padding:6px 12px;font:16px var(--pixel)}
.image-viewer img{display:block;width:100%;height:auto}.image-viewer a{color:var(--gold)}
@media(max-width:700px){
 body.notes-page{padding:0 12px}.notes-masthead{min-height:90px;gap:12px}.notes-brand{font-size:21px;letter-spacing:1px}.notes-brand small{font-size:11px}.notes-brand img{width:38px;height:36px}.notes-masthead nav{font-size:14px;gap:12px}
 .reader-path{font-size:12px;letter-spacing:.4px;margin-top:20px}.reader-path .reader-mode{display:none}
 .paper-inner{margin:0 21px;padding:25px 20px 30px}.paper::before{left:4px}.paper::after{right:4px}.paper::before,.paper::after{width:10px}
 .document-meta{font-size:12px;letter-spacing:.4px}.document-heading{padding:24px 0}.document-heading h1{font-size:43px}.document-heading img{width:65px;height:54px}.document-heading p{font-size:14px}.document-facts{gap:6px 12px}
 .article-copy{font-size:14px;line-height:1.85}.article-copy h2{font-size:29px}.contents{padding:15px}.contents ol{grid-template-columns:1fr}.article-copy pre{font-size:12px;padding:14px}.document-end{font-size:12px;letter-spacing:.4px}.notes-footer{font-size:12px;flex-wrap:wrap}.note-list h2{font-size:29px}.archive-intro{font-size:14px}
}
@media print{body.notes-page{background:white;padding:0}.notes-masthead,.reader-path,.paper-tray,.notes-footer,.contents,.image-viewer{display:none}.paper{max-width:none;background:white;box-shadow:none}.paper::before,.paper::after{display:none}.paper-inner{border:none;margin:0;padding:0}.document-heading{padding-top:0}.article-copy pre{white-space:pre-wrap;background:#eee;color:#222}.article-figure{break-inside:avoid}.article-copy h2{break-after:avoid}}

/* Notebook entrance and a compact index for a growing collection. */
.notes-index .paper-inner{padding-top:28px}
.notes-index .document-heading{padding:19px 0 21px;margin-bottom:20px}
.notes-index .document-heading>img{display:none}
.notes-index .document-heading h1{font-size:46px;margin:12px auto}
.notes-index .archive-intro{margin-bottom:20px;font-size:14px}
.notes-index .note-list a{padding:18px 0}
.notes-index .note-list h2{font-size:31px;margin:10px 0}
.notes-index .note-list p{font-size:13px;line-height:1.65;margin-bottom:10px}
.adjacent-note{margin-top:38px;border-top:1px solid #b55b49;border-bottom:1px solid #b55b49}
.adjacent-note a{display:block;padding:20px 0;text-decoration:none;color:#853342}
.adjacent-note span{font:14px var(--pixel);letter-spacing:1px}
.adjacent-note strong{display:block;margin-top:8px;font:29px/1.1 var(--pixel);font-weight:400}
.adjacent-note a:hover strong{text-decoration:underline;text-underline-offset:5px}
.brain-studies{display:grid;grid-template-columns:1fr 1fr;border:3px solid #713444;padding:6px;background:#ab544b;gap:6px}
.brain-studies a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#241b27;padding:22px 12px 14px;text-decoration:none;color:#f2d398}
.brain-studies img{width:100%;max-width:205px;height:162px;object-fit:contain}
.brain-studies span{font:14px var(--pixel);letter-spacing:1px}
.brain-studies a:hover{background:#392736}
@media(max-width:700px){.notes-index .document-heading h1{font-size:38px}.brain-studies{gap:4px;padding:4px}.brain-studies a{padding:15px 6px 10px;gap:10px}.brain-studies img{height:95px}.brain-studies span{font-size:12px;letter-spacing:0}.notes-index .note-list h2{font-size:29px}}

/* Scannable case-study summaries, with readable long-form copy. */
.case-summary{border:1px solid #b55b49;border-left:4px solid #983441;padding:20px;background:#e9c48b;margin:0 0 28px}
.case-summary h2{font:25px/1.2 var(--pixel);margin:0 0 14px;padding:0;border:0}
.case-summary dl{margin:0}.case-summary dt{font:19px/1.4 var(--pixel);color:#853342;margin-top:12px}.case-summary dd{margin:2px 0 0}
.document-heading p,.article-copy,.archive-intro,.note-list p{font-size:16px;line-height:1.75}
.notes-index .note-list p{font-size:16px;line-height:1.65}
@media(max-width:700px){.paper-inner{padding-left:14px;padding-right:14px}.document-heading p,.article-copy,.archive-intro,.note-list p{font-size:16px}.document-heading h1{font-size:39px;line-height:1.08}.case-summary{padding:16px}.code-caption{gap:10px;flex-wrap:wrap}.notes-masthead{flex-wrap:wrap;padding:16px 0}.notes-masthead nav{font-size:17px}}
.case-study .document-heading{padding:18px 0 22px;margin-bottom:24px}
.case-study .document-heading img{width:48px;height:40px;margin-bottom:14px}
.case-study .document-heading h1{font-size:46px;line-height:1.08}
@media(max-width:700px){.case-study .document-heading h1{font-size:35px}.case-study .document-heading p{font-size:16px}}