/* One notebook, with daylight and lamplight. Scope stays in the directory. */
html:has(body.directory){--nb-desk:#dce2d7;--nb-paper:#faf7e9;--nb-chrome:#e3e2d5;--nb-ink:#252c22;--nb-muted:#596151;--nb-link:#164d82;--nb-visited:#70507d;--nb-rule:#9aabc238;--nb-margin:#bf705b60;--nb-border:#a0a68d;--nb-light:#fffdf3;--nb-shadow:#a2aa98;--nb-accent:#436a48;--nb-title:#243b2c}
html[data-notebook-theme=dark]:has(body.directory){--nb-desk:#090f0c;--nb-paper:#17241c;--nb-chrome:#293b2d;--nb-ink:#e8eee3;--nb-muted:#b4c3b4;--nb-link:#b9d6cf;--nb-visited:#d0badb;--nb-rule:#719a7e2b;--nb-margin:#ca886f59;--nb-border:#657e69;--nb-light:#455d4b;--nb-shadow:#070e09;--nb-accent:#bdd1a9;--nb-title:#e4eddd}
.directory{--link:var(--nb-link);--visited:var(--nb-visited);--ink:var(--nb-ink);--muted:var(--nb-muted);color:var(--nb-ink);background:var(--nb-desk)}
.directory a{color:var(--nb-link)}.directory a:visited{color:var(--nb-visited)}.directory a:hover{color:var(--nb-accent)}.directory a:focus-visible,.directory button:focus-visible,.directory input:focus-visible{outline:3px solid var(--nb-accent);outline-offset:4px}
.directory .site-header,.directory .site-footer{background:#0f1512}.directory .site-header a,.directory .site-footer a{color:#eaf0eb}.directory .site-header a[aria-current]{color:#dfc477}.directory .study-strip,.directory .design-switch{background:var(--nb-chrome);color:var(--nb-ink);border-color:var(--nb-border)}.directory .study-strip a,.directory .design-switch a{color:var(--nb-ink)}

/* Keep the little home-computer preference window; let the notebook lead. */
.notebook-tools-wrap{max-width:1230px;margin:16px auto -12px;display:flex;justify-content:flex-end}
.notebook-toolbar{max-width:100%;border:1px solid var(--nb-border);background:var(--nb-chrome);box-shadow:inset 1px 1px var(--nb-light),inset -1px -1px var(--nb-shadow);font:10px/1.5 Verdana,sans-serif;color:var(--nb-ink)}
.notebook-toolbar-title{display:flex;gap:9px;align-items:center;margin:3px;padding:2px 8px;background:#254970;color:#f7f7ef;font:700 9px/1.5 var(--mono);letter-spacing:.035em}
.notebook-swatches{display:inline-grid;grid-template-columns:repeat(4,4px);gap:2px}.notebook-swatches i{height:7px;background:#f29eb9}.notebook-swatches i:nth-child(2){background:#f4db8c}.notebook-swatches i:nth-child(3){background:#9adca0}.notebook-swatches i:nth-child(4){background:#8ecce6}
.notebook-controls{display:flex;align-items:center;gap:9px;padding:5px 10px 8px;flex-wrap:wrap}.notebook-controls>span:first-child{font:10px var(--mono)}.notebook-choice-group{display:flex;gap:5px}.notebook-choice-group button{border:1px solid var(--nb-border);border-top-color:var(--nb-light);border-left-color:var(--nb-light);border-radius:0;padding:7px 12px;min-height:40px;background:var(--nb-chrome);color:var(--nb-ink);font:11px/1.4 Verdana,sans-serif;box-shadow:1px 1px 0 var(--nb-shadow)}.notebook-choice-group button[aria-pressed=true]{border-color:var(--nb-shadow);border-right-color:var(--nb-light);border-bottom-color:var(--nb-light);box-shadow:inset 1px 1px var(--nb-shadow);background:var(--nb-paper);text-decoration:underline;text-underline-offset:4px}.notebook-mode-status{font:9px var(--mono);color:var(--nb-muted)}
html[data-notebook-theme=dark] .notebook-toolbar-title{background:#304d3d}

.directory .directory-page,.directory .article-page,.directory .collection-page,.directory .about-page{background-color:var(--nb-paper);background-image:linear-gradient(to right,transparent 0,transparent 27px,var(--nb-margin) 27px,var(--nb-margin) 28px,transparent 28px),repeating-linear-gradient(to bottom,transparent 0,transparent 31px,var(--nb-rule) 31px,var(--nb-rule) 32px);background-position:0 0,0 10px;background-size:100% 100%,100% 32px;border-color:var(--nb-border);box-shadow:4px 4px 0 var(--nb-shadow);color:var(--nb-ink)}
.directory .directory-heading{padding:34px 42px 17px;border-bottom:1px solid var(--nb-border)}.directory .directory-heading h1,.directory .directory-heading h1 span{color:var(--nb-title)}.directory .directory-heading h1{font-size:clamp(35px,4.3vw,55px)}.directory .directory-heading .notebook-subtitle{font:17px/1.6 Georgia,serif;margin:15px 0 12px}.directory .directory-heading>.local-nav{font-size:11px;gap:25px;border:0;padding:0;margin:0}.directory .local-nav a[aria-current]{color:var(--nb-ink)}
.directory .directory-main{padding:34px 36px;background:none}.directory .sidebar{background:none;border-color:var(--nb-border);padding:32px 21px 25px 32px}.directory .sidebar h2{color:var(--nb-muted);font-size:10px}.directory .topic-list a::before{content:'↳ ';color:var(--nb-accent)}.directory .topic-list span{color:var(--nb-muted)}.directory .sidebar-about{display:inline-flex;min-height:40px;align-items:center;font-size:10px}.sidebar-scribble{margin:30px 0 12px}.sidebar-scribble .doodle{width:155px}.doodle-note{display:block;margin:9px 0 0;font:italic 12px/1.5 Georgia,serif;color:var(--nb-muted)}
.directory .notebook-search input{color:var(--nb-ink);background:var(--nb-paper);border-color:var(--nb-border)}.directory .notebook-search input::placeholder{color:var(--nb-muted);opacity:1}.directory .notebook-search button{color:var(--nb-ink);background:var(--nb-chrome);border-color:var(--nb-border)}.directory .notebook-search label,.directory .search-result{color:var(--nb-ink)}.directory .empty-search button{color:var(--nb-link)}
.directory .directory-welcome{grid-template-columns:minmax(0,1fr) 225px;gap:25px;align-items:center;padding-bottom:32px;border-bottom:0;margin-bottom:12px}.directory .directory-welcome h2{font:700 28px/1.2 Georgia,serif;color:var(--nb-title);margin-bottom:17px}.directory .directory-welcome p{font:14px/1.95 Verdana,sans-serif;max-width:57ch}.directory .welcome-links{display:flex;flex-wrap:wrap;gap:5px 24px;margin-top:18px!important;font:11px/1.9 var(--mono)!important}.welcome-links a{display:inline-flex;align-items:center;min-height:36px}.welcome-drawing{align-self:center;padding-top:28px}.welcome-drawing .doodle{width:225px}.welcome-drawing .doodle-note{text-align:center}
.directory .section-label,.directory .entry,.directory .archive-month{border-color:var(--nb-border)}.directory .section-label h2,.directory .section-label span{color:var(--nb-muted)}.directory .entry{grid-template-columns:104px minmax(0,1fr) 94px;align-items:start;gap:17px;padding:28px 0}.directory .entry-date{color:var(--nb-muted);font-size:9px}.directory .entry-date .topic{color:var(--nb-accent)}.directory .entry h2{font:700 18px/1.4 Verdana,sans-serif}.directory .entry h2 a::before{content:none}.directory .entry p{font:13px/1.9 Verdana,sans-serif}.directory .entry .read-link{font-size:10px}.directory .entry-doodle{width:88px;align-self:center;justify-self:center}.directory .entry-doodle.doodle-pig{width:104px}.directory .entry-doodle.doodle-fallenTree{width:100px}.directory .directory-bottom{display:grid;grid-template-columns:250px 1fr;column-gap:28px;align-items:center;padding:30px 0 8px;margin-top:12px;font:11px/1.8 var(--mono)}.directory-bottom .bottom-doodle{width:250px;grid-row:span 2}.directory-bottom p{margin:0}.directory-bottom>a{display:flex;align-items:center;min-height:40px}

/* Transparent viewBox selections sit directly on the ruling. No image cards. */
.doodle{display:block;max-width:100%;pointer-events:none;user-select:none;flex-shrink:0}.doodle svg{display:block;width:100%;height:auto;max-width:100%;overflow:hidden}.doodle svg image{image-rendering:auto}
html[data-notebook-theme=dark] .doodle{filter:grayscale(1) brightness(0) invert(.89) sepia(.18);opacity:.9}
.directory .article-breadcrumb{background:transparent;color:var(--nb-muted);border-color:var(--nb-border);padding:0 0 15px}.directory .article-topline>span,.directory .sample-label,.directory .post-navigation span{color:var(--nb-muted)}.directory .article-margin{background:none;border:0;border-right:1px dashed var(--nb-border);padding:12px 20px 20px 0}.directory .article-margin .margin-quote{color:var(--nb-muted);border-color:var(--nb-border);font-size:17px}.directory .article-margin>.margin-doodle{width:150px;margin:36px auto}.directory .article-margin>.doodle-sensor{width:68px}.directory .article-margin>.doodle-pocket{width:100px}.directory .essay h1,.directory .collection-heading h1,.directory .about-page h1,.directory .prose h2{color:var(--nb-title)}.directory .sample-label{border-left-color:var(--nb-border)}.directory .prose{line-height:1.85}.directory .prose h2{font-size:27px}.directory .essay-drawing{margin:24px 0 30px;max-width:100%}.directory .essay-drawing>.doodle{width:540px;max-width:100%;margin-inline:auto}.directory .essay-drawing>.doodle-radio{width:135px;margin-right:26px}.directory .essay-drawing>.doodle-owl{width:175px;margin-right:26px}.directory .essay-drawing>.doodle-farm{width:310px}.directory .paragraph-doodle{float:right;width:135px;margin:8px 0 16px 24px}.directory .paragraph-doodle.doodle-pig,.directory .paragraph-doodle.doodle-farm,.directory .paragraph-doodle.doodle-fallenTree{width:180px}.directory .prose section::after{content:'';display:block;clear:both}.directory .endmark{color:var(--nb-accent)}.directory .post-navigation,.directory .collection-heading>.local-nav{border-color:var(--nb-border)}.directory .collection-layout .sidebar{border-color:var(--nb-border)}.directory .collection-list .entry{grid-template-columns:100px minmax(0,1fr) 85px}.directory .about-doodles{display:flex;flex-direction:column;gap:90px;padding:20px 0}.directory .about-doodles>.doodle-owl{width:190px;margin:0 auto}.directory .about-doodles>.doodle-farm{width:300px}.directory .about-doodles>.doodle-nest{width:200px;margin:0 auto}.directory .about-preview-note{font:11px/1.8 Verdana,sans-serif;color:var(--nb-muted);border-top:1px solid var(--nb-border);padding-top:20px}

@media(max-width:1100px){.notebook-tools-wrap{margin-inline:18px}.directory .directory-welcome{grid-template-columns:minmax(0,1fr) 180px;gap:20px}.welcome-drawing .doodle{width:180px}.directory .directory-main{padding:30px 26px}.directory .entry{grid-template-columns:85px minmax(0,1fr) 74px;gap:14px}.directory .entry-doodle{width:72px}.directory .entry-doodle.doodle-pig,.directory .entry-doodle.doodle-fallenTree{width:80px}.directory .directory-bottom{grid-template-columns:210px 1fr}.directory-bottom .bottom-doodle{width:210px}}
@media(max-width:800px){.directory .directory-welcome{display:block}.welcome-drawing{width:250px;margin:20px 0 0 auto;padding:0}.welcome-drawing .doodle{width:250px}.directory .entry{grid-template-columns:minmax(0,1fr) 75px;gap:8px 15px}.directory .entry-date{grid-column:1/-1;display:flex;gap:15px}.directory .entry-copy{grid-column:1}.directory .entry-doodle{grid-column:2;grid-row:2}.directory .collection-list .entry{grid-template-columns:minmax(0,1fr) 75px}.directory .directory-bottom{display:block}.directory-bottom .bottom-doodle{width:240px;margin:12px 0 20px}.directory .about-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:30px}}
@media(max-width:600px){.notebook-tools-wrap{margin:13px 12px -1px;justify-content:flex-start}.notebook-toolbar{width:100%}.notebook-toolbar-title{font-size:9px}.notebook-controls{gap:8px;padding:5px 9px 8px}.notebook-choice-group button{min-height:44px;padding:7px 12px;font-size:11px}.notebook-mode-status{margin-left:auto;font-size:8px}.directory .directory-page,.directory .article-page,.directory .collection-page,.directory .about-page{background-image:linear-gradient(to right,transparent 0,transparent 10px,var(--nb-margin) 10px,var(--nb-margin) 11px,transparent 11px),repeating-linear-gradient(to bottom,transparent 0,transparent 31px,var(--nb-rule) 31px,var(--nb-rule) 32px)}.directory .directory-heading{padding:25px 21px 15px}.directory .directory-heading h1{font-size:33px;line-height:1.13;letter-spacing:-.055em}.directory .directory-heading .notebook-subtitle{font-size:16px;line-height:1.65}.directory .directory-heading>.local-nav{font-size:10px;gap:3px 17px}.directory .directory-main{display:contents}.directory .directory-welcome{display:flex;flex-direction:column;gap:0;padding:25px 21px 22px;margin:0}.directory .directory-welcome h2{font-size:26px}.directory .directory-welcome p{font-size:13px;line-height:1.95}.directory .welcome-links{font-size:10px!important;gap:0}.welcome-drawing{width:225px;margin:16px 0 0 auto}.welcome-drawing .doodle{width:225px}.welcome-drawing .doodle-note{font-size:11px}.directory .directory-layout>.sidebar{padding:18px 21px;border-block:1px dashed var(--nb-border);background:transparent}.directory .sidebar>section:first-child{display:block;margin:0}.directory .sidebar-scribble,.directory .sidebar-about{display:none}.directory .topic-list a{font-size:11px;min-height:40px}.directory .sidebar h2{margin-bottom:7px;font-size:9px}.directory .notebook-search{margin:12px 0 0}.directory .file-index{padding:27px 21px}.directory .entry,.directory .collection-list .entry{grid-template-columns:minmax(0,1fr) 62px;padding:25px 0;gap:7px 12px}.directory .entry h2{font-size:17px}.directory .entry p{font-size:12px;line-height:1.9}.directory .entry-doodle{width:62px}.directory .entry-doodle.doodle-pig,.directory .entry-doodle.doodle-fallenTree{width:68px}.directory .entry-date{font-size:8px}.directory .entry-date .topic{font-size:9px}.directory .section-label{display:flex;font-size:8px;gap:10px}.directory .section-label h2{font-size:10px}.directory .section-label span{font-size:8px;margin:0}.directory .directory-bottom{padding:0 21px 28px;margin:0;font-size:10px}.directory-bottom .bottom-doodle{width:230px;margin:0 auto 22px}.directory .article-margin{border:0;border-top:1px dashed var(--nb-border);padding:20px 0 0}.directory .article-margin>.margin-doodle{display:none}.directory .prose{font-size:17px;line-height:1.85}.directory .essay-drawing{margin:25px 0}.directory .essay-drawing>.doodle-owl{width:140px;margin-right:10px}.directory .essay-drawing>.doodle-radio{width:105px;margin-right:15px}.directory .paragraph-doodle{width:98px;margin:6px 0 12px 16px}.directory .paragraph-doodle.doodle-pig,.directory .paragraph-doodle.doodle-farm,.directory .paragraph-doodle.doodle-fallenTree{width:120px;float:none;margin:20px 0 20px auto}.directory .about-grid{display:flex}.directory .about-doodles{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px;padding:0}.directory .about-doodles>.doodle-owl{width:120px;grid-row:span 2}.directory .about-doodles>.doodle-nest{width:110px}.directory .about-doodles>.doodle-farm{width:135px}}
@media(max-width:360px){.notebook-mode-status{display:none}.directory .directory-heading h1{font-size:30px}.directory .entry,.directory .collection-list .entry{grid-template-columns:minmax(0,1fr) 50px;gap:8px}.directory .entry-doodle{width:50px}.directory .entry-doodle.doodle-pig,.directory .entry-doodle.doodle-fallenTree{width:55px}}
@media(prefers-reduced-motion:reduce){.directory{scroll-behavior:auto}}
/* Narrow columns need the whole line for reading; the doodle gets its own pause. */
@media(max-width:600px){.directory .paragraph-doodle{float:none;width:100px;margin:18px 0 24px auto}}