/* Notebook layout only. Shared marketing header/footer keep the site's styles. */
.directory{--mono:'Courier New',monospace;--sans:Verdana,Geneva,sans-serif;--serif:Spectral,Georgia,serif}
.field-computer.directory{background:var(--nb-desk);font-family:Verdana,Geneva,sans-serif}
.directory .directory-page,.directory .article-page{box-sizing:border-box;max-width:1230px;margin:28px auto 48px;padding:0;border:1px solid var(--nb-border)}
.directory main *{box-sizing:border-box}.directory main h1,.directory main h2{margin:0;line-height:1.12}.directory main p{margin:0 0 1em}.directory main a{text-underline-offset:3px;text-decoration-thickness:1px}.directory main a:hover{text-decoration-thickness:2px}.directory main .eyebrow{font:10px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.07em;margin:0 0 12px}.directory .directory-heading h1{font-family:var(--mono);letter-spacing:-.065em}.directory .directory-heading .notebook-subtitle{max-width:none}
.directory .local-nav{display:flex;gap:20px;flex-wrap:wrap}.directory .local-nav a{display:inline-flex;min-height:38px;align-items:center}.directory .directory-layout{display:grid;grid-template-columns:216px minmax(0,1fr)}.directory .sidebar{font:11px/1.8 Verdana,sans-serif;border-right:1px solid var(--nb-border)}.directory .sidebar h2{font:700 10px/1.4 var(--mono);margin-bottom:15px}.directory .sidebar a{display:block;min-height:40px}.directory .sidebar .doodle{width:145px;margin:32px auto 0}.directory .directory-welcome{display:grid}.directory .welcome-links a{display:inline-flex}.directory .section-label{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--nb-border);padding:8px 0;font:10px/1.6 var(--mono)}.directory .section-label h2{font:700 11px/1.5 var(--mono)}.directory .entry{display:grid;border-bottom:1px dotted var(--nb-border)}.directory .entry-date{font:10px/1.8 var(--mono)}.directory .entry-date time{display:block}.directory .entry h2{margin-bottom:10px}.directory .entry .read-link{display:inline-flex;align-items:center;min-height:38px;font:11px/1.7 var(--mono)}.directory .entry-copy{min-width:0}.directory .index-entry{grid-template-columns:104px minmax(0,1fr)!important}.directory .directory-bottom{display:block!important;padding-top:20px;font:11px/1.8 var(--mono)}
.directory .article-page{max-width:1120px;padding:35px 45px 50px}.directory .article-breadcrumb{display:flex;gap:10px;flex-wrap:wrap;font:10px/1.7 var(--mono);border-bottom:1px solid var(--nb-border)}.directory .article-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:43px;margin-top:32px}.directory .article-margin{font:12px/1.8 Verdana,sans-serif}.directory .article-margin a{display:inline-flex;min-height:40px;align-items:center}.directory .article-margin .mini-title{font:700 17px/1.3 var(--mono);display:block;margin-bottom:24px}.directory .article-margin .doodle{width:145px;margin:35px 0}.directory .article-margin .margin-quote{font:italic 17px/1.6 Georgia,serif;border-top:1px solid var(--nb-border);padding-top:20px;margin-top:25px}.directory .essay h1{font:700 49px/1.08 Spectral,Georgia,serif;letter-spacing:-.035em;max-width:20ch;margin:14px 0 25px}.directory .prose{font:18px/1.85 Georgia,serif;max-width:65ch}.directory .prose p{margin:0 0 1.3em}.directory .prose .intro{font-size:21px;line-height:1.7}.directory .paragraph-doodle{float:right;width:165px;margin:8px 0 20px 25px}.directory .prose:after{content:'';display:block;clear:both}.directory .inside-back{font:12px/1.8 var(--mono);border-top:1px solid var(--nb-border);margin-top:35px;padding-top:20px}.directory .endmark{text-align:center;font-size:26px;margin-top:25px!important}
.directory .computer-header a,.directory .computer-footer a,.directory .bottom-page-nav a{color:#eaf0eb}.directory .bottom-page-nav a[aria-current=page]{color:#dfc477}.directory .computer-header,.directory .computer-footer,.directory .bottom-page-nav{font-family:var(--mono)}.directory .computer-header nav a{font-size:11px}.directory .computer-footer{margin-top:0}
@media(max-width:1100px){.directory .directory-page,.directory .article-page{margin-inline:18px}.directory .article-layout{grid-template-columns:150px minmax(0,1fr);gap:28px}}
@media(max-width:800px){.directory .directory-layout{grid-template-columns:180px minmax(0,1fr)}.directory .article-page{padding:25px}.directory .article-layout{grid-template-columns:125px minmax(0,1fr);gap:25px}.directory .essay h1{font-size:45px}}
@media(max-width:600px){.directory .directory-page,.directory .article-page{margin:16px 12px 25px}.directory .directory-layout{display:flex;flex-direction:column}.directory .directory-main{display:contents}.directory .directory-welcome{order:0}.directory .directory-layout>.sidebar{order:1}.directory .file-index{order:2}.directory .directory-bottom{order:3}.directory .sidebar .doodle{display:none}.directory .sidebar a{min-height:38px}.directory .index-entry{display:block!important}.directory .index-entry .entry-date{margin-bottom:10px}.directory .article-page{padding:25px 21px 30px}.directory .article-layout{display:flex;flex-direction:column;gap:24px;margin-top:25px}.directory .essay{order:0;min-width:0}.directory .article-margin{order:1}.directory .article-margin .doodle,.directory .article-margin .margin-quote,.directory .article-margin .mini-title{display:none}.directory .essay h1{font-size:clamp(34px,9vw,45px)}.directory .prose{font-size:17px}.directory .prose .intro{font-size:19px}.directory .paragraph-doodle{float:none;width:140px;margin:20px 0 25px auto}.directory .article-breadcrumb{font-size:9px}.directory .inside-back{font-size:11px}}