/* The notebook shares the homepage's paper, ink, fonts, and navigation. */
.journal-page .portfolio-nav nav a[aria-current]{color:var(--green);text-decoration:underline;text-underline-offset:7px}
.journal-page .journal-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;padding:76px 0 62px;border-bottom:1px solid var(--line)}
.journal-page .journal-hero h1{font-size:clamp(42px,4.7vw,68px);line-height:1.13;max-width:760px}
.journal-page .journal-hero p:not(.eyebrow){max-width:620px;font-size:20px;line-height:1.75;color:var(--muted);margin:0}
.journal-illustration{width:100%;mix-blend-mode:multiply}
.writing-start{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:22px;font:500 14px/1.6 'DM Sans',sans-serif}
.writing-start>span{width:100%;font-size:12px;color:var(--muted)}
.writing-start a{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--green);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:5px}
.journal-page .journal-hero-small{display:block;padding:65px 0 52px}
.journal-hero-small h1{margin-bottom:24px!important}
.journal-hero-small .text-link{margin-top:25px}
.archive-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:42px 0 26px}
.journal-page .archive-heading h2{font-size:32px;letter-spacing:-.035em}
.archive-heading>span{font:14px 'DM Sans',sans-serif;color:var(--muted)}
.writing-controls{display:flex;align-items:end;gap:18px;flex-wrap:wrap;font-family:'DM Sans',sans-serif}
.kind-controls{display:flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:5px;min-height:48px;align-items:center}
.journal-page button,.journal-page input,.journal-page select{font:15px 'DM Sans',sans-serif;color:var(--ink)}
.journal-page button{cursor:pointer;background:transparent;border:1px solid var(--line);border-radius:3px;min-height:44px;padding:9px 15px}
.kind-controls button{border:0;min-height:40px;padding:9px 18px}
.kind-controls button[aria-pressed=true]{background:var(--green);color:white}
.kind-controls button:hover:not([aria-pressed=true]){background:#eae9df}
.writing-controls label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600}
.search-control{flex:1;min-width:220px}
.topic-control{width:210px}.source-control{width:160px}
.journal-page input,.journal-page select{background:transparent;border:1px solid var(--line);border-radius:3px;min-height:48px;padding:10px 13px;max-width:100%;width:100%}
.journal-page input:focus-visible,.journal-page select:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
.archive-status{display:flex;align-items:center;justify-content:space-between;min-height:69px;gap:16px;font:13px 'DM Sans',sans-serif;color:var(--muted)}
.archive-status p{margin:0}.journal-page .clear-filters{font-size:13px;border:0;text-decoration:underline;text-underline-offset:4px;padding-right:0}
.journal-entry{display:grid;grid-template-columns:155px minmax(0,1fr) 42px;gap:36px;padding:34px 0 36px;border-top:1px solid var(--line)}
.entry-meta{font:12px/1.7 'DM Sans',sans-serif;color:var(--muted);display:flex;flex-direction:column;gap:6px;padding-top:5px}
.entry-meta time{font-weight:600;color:var(--green);font-size:13px}
.journal-page .entry-copy h3{font:700 27px/1.3 Lora,Georgia,serif;letter-spacing:-.03em;margin:0 0 12px}
.entry-copy h3 a:hover{text-decoration:underline;text-underline-offset:5px}
.journal-page .entry-copy p{font-size:16px;line-height:1.75;color:var(--muted);margin:0 0 14px;max-width:820px}
.journal-page .entry-tags{display:flex;flex-wrap:wrap;gap:8px 20px;padding:0;margin:0;list-style:none;font:12px/1.6 'DM Sans',sans-serif;color:var(--green)}
.entry-tags a{text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}
.entry-arrow{display:flex;justify-content:center;align-items:center;align-self:start;min-height:44px;color:var(--green)!important;font-size:23px}
.writing-empty{border-top:1px solid var(--line);padding:55px 0}.writing-empty h3{font-size:27px}.writing-empty p{font-size:17px;color:var(--muted)}
.archive-links{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:34px 0 65px;font:15px 'DM Sans',sans-serif;color:var(--green)}
.archive-links i{margin-left:12px}
.topic-index{display:flex;gap:14px 25px;flex-wrap:wrap;padding:35px 0;font:14px/1.8 'DM Sans',sans-serif}.topic-index a{text-decoration:underline;text-underline-offset:5px}.topic-index span{font-size:11px;color:var(--muted);margin-left:4px}
.topic-section{padding-bottom:30px}.topic-section .archive-heading{padding-top:25px}
.reading-page{max-width:1120px;margin:0 auto;padding:45px 0 65px}
.reading-header{max-width:840px;padding-bottom:40px}.reading-header>.text-link{margin:0 0 38px}.journal-page .reading-header .eyebrow{margin-bottom:18px}
.journal-page .reading-header h1{font-size:clamp(36px,4.7vw,64px);line-height:1.16;overflow-wrap:break-word;margin-bottom:24px}
.journal-page .reading-meta{font:14px/1.6 'DM Sans',sans-serif;color:var(--muted);margin-bottom:17px}
.journal-page .source-note{font:13px/1.7 'DM Sans',sans-serif;color:var(--muted);margin:20px 0 0}.source-note a{text-decoration:underline}
.reading-grid{display:grid;grid-template-columns:minmax(0,760px) 210px;gap:72px;align-items:start}
.journal-page .reading-content{font-size:19px;line-height:1.85;overflow-wrap:break-word}
.reading-content h2,.reading-content h3,.reading-content h4{scroll-margin-top:24px}
.journal-page .reading-content h1{font-size:38px;margin:40px 0 22px}
.journal-page .reading-content h2{font-size:32px;line-height:1.3;margin:44px 0 22px}
.journal-page .reading-content h3{font-size:25px;line-height:1.35;margin:35px 0 17px}
.journal-page .reading-content h4{font-size:20px;margin:30px 0 15px}
.reading-content a{color:var(--green);text-decoration:underline;text-underline-offset:4px}
.reading-content ul,.reading-content ol{padding-left:25px;margin:20px 0 28px}.reading-content li{margin:8px 0}
.reading-content blockquote{border-left:3px solid var(--green);padding:5px 0 5px 24px;margin:30px 0;color:var(--muted)}
.reading-content pre{max-width:100%;overflow:auto;padding:20px;border:1px solid var(--line);background:#efeee5;font-size:13px;line-height:1.65;white-space:pre;overflow-wrap:normal}
.reading-content code{font-size:.85em;word-break:break-word}.reading-content pre code{word-break:normal}
.reading-content img{max-width:100%!important;height:auto!important;margin:24px auto}.reading-content figure{max-width:100%;margin:25px 0}
.reading-content iframe{max-width:100%}.reading-content table{display:block;max-width:100%;overflow:auto;font-size:15px;border-collapse:collapse}.reading-content th,.reading-content td{padding:10px;border:1px solid var(--line)}
.reading-guide{position:sticky;top:35px;border-left:1px solid var(--line);padding-left:23px;font:13px/1.6 'DM Sans',sans-serif}.reading-guide p{font-weight:700;color:var(--green)}.reading-guide ol{list-style:none;margin:0;padding:0}.reading-guide li{margin:0 0 13px}.reading-guide a:hover{text-decoration:underline}.reading-guide .toc-subheading{padding-left:12px;font-size:12px}
.reading-end{border-top:1px solid var(--line);margin-top:50px;padding:30px 0}.reading-end p{font-size:23px;margin-bottom:12px}
.reading-neighbors{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid var(--line);padding:26px 0;font-size:18px;line-height:1.5}.reading-neighbors span{display:block;font:11px 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:10px}
.reading-comments{border-top:1px solid var(--line);padding-top:35px;margin-top:12px}.journal-page .reading-comments h2{font-size:28px;margin-bottom:15px}.reading-comments p{font-size:15px;color:var(--muted)}
@media(min-width:1000px){.reading-grid:not(:has(.reading-guide:not([hidden]))){grid-template-columns:minmax(0,760px)}}
@media(max-width:1050px){.reading-grid{gap:35px;grid-template-columns:minmax(0,1fr) 190px}.journal-page .journal-hero{gap:30px}.topic-control{width:180px}}
@media(max-width:800px){.journal-page .journal-hero{grid-template-columns:1fr;gap:25px;padding:45px 0 35px}.journal-illustration{max-width:480px;margin:0 auto}.journal-page .journal-hero h1{font-size:48px}.reading-grid{display:block}.reading-guide{display:none}.journal-entry{grid-template-columns:110px minmax(0,1fr) 32px;gap:18px}.journal-page .entry-copy h3{font-size:23px}.topic-control{flex:1}.archive-heading{padding-top:30px}.journal-page .archive-heading h2{font-size:28px}}
@media(max-width:540px){.journal-page .journal-hero h1{font-size:38px}.journal-page .journal-hero p:not(.eyebrow){font-size:17px}.journal-page .journal-hero{padding-top:35px}.journal-illustration{max-width:330px}.archive-heading{align-items:start;flex-direction:column;gap:5px}.writing-controls{gap:15px}.kind-controls{width:100%}.kind-controls button{flex:1}.search-control{width:100%;flex:auto;min-width:0}.topic-control{width:100%;flex:auto}.journal-entry{grid-template-columns:minmax(0,1fr) 32px;gap:10px;padding:25px 0}.entry-meta{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:5px 14px;padding:0 0 5px}.journal-page .entry-copy h3{font-size:23px}.journal-page .entry-copy p{font-size:15px}.archive-links{flex-direction:column;gap:20px;padding-bottom:40px}.reading-page{padding-top:28px}.reading-header{padding-bottom:28px}.journal-page .reading-content{font-size:17px;line-height:1.85}.journal-page .reading-content h2{font-size:27px}.journal-page .reading-content h3{font-size:23px}.reading-header>.text-link{margin-bottom:28px}.journal-page .reading-meta{font-size:12px}.reading-neighbors{grid-template-columns:1fr}.journal-page .reading-header h1{font-size:35px}.journal-page .reading-content pre{padding:14px;font-size:12px}}