.shell.notes-page{background:#f1e9dc}
.notes-page>#footer{display:none}
.journal{padding:28px 3.5% 40px;color:#292620}
.journal-hero{display:grid;grid-template-columns:41% 41% 18%;align-items:center;margin-bottom:28px}
.journal-intro{padding-right:30px}
.journal-kicker{font:400 11px/1.5 var(--font-body);letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px}
.journal h1{font:400 clamp(34px,4.6vw,62px)/1.04 var(--font-heading);letter-spacing:-.03em;margin:0 0 20px}
.journal h1 em{font-weight:400}
.journal-intro>p:last-child{font:400 15px/1.5 var(--font-body);color:#625a50;max-width:42ch}
.journal-hero-image{height:auto;box-shadow:0 3px 10px #48342220}
.journal-handwriting{height:auto;padding-left:18px;mix-blend-mode:multiply}
.journal-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #d8cdbd;padding:24px 0 28px}
.journal-categories{display:flex;flex-wrap:wrap;gap:12px}
.journal-categories button{padding:8px 18px;border-radius:30px;font-size:13px;color:#766b5c}
.journal-categories button[aria-pressed=true]{background:#282823;color:#fff}
.journal-categories button:hover{background:#ded1bf;color:#282823}
.journal-search{display:flex;gap:10px;align-items:center;border-bottom:1px solid #bbae9b;padding:6px 0;max-width:210px}
.journal-search svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.3}
.journal-search input{min-width:0;width:100%;border:0;background:transparent;font:400 12px/1.5 var(--font-body);color:#292620}
.journal-search:focus-within{outline:2px solid #8c7256;outline-offset:4px}
.journal-search input:focus{outline:0}
.journal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 26px}
.journal-card{min-width:0}
.journal-card img{height:auto;aspect-ratio:1.43;object-fit:cover}
.journal-meta{font:400 10px/1.5 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:#776957;margin:12px 0 6px}
.journal-card h2{font:400 clamp(19px,1.8vw,25px)/1.12 var(--font-heading);letter-spacing:-.025em;margin:0 0 8px}
.journal-excerpt{font:400 14px/1.45 var(--font-body);color:#756959}
.journal-read{display:inline-block;margin-top:10px;font:400 12px/1.5 var(--font-body);text-decoration:underline;text-underline-offset:3px}
.journal-read span{display:inline-block;margin-left:10px}
.journal-empty{grid-column:1/-1;padding:48px 0;text-align:center;color:#756959}
.journal-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.journal-article{max-width:850px;margin:auto;padding:36px 28px 56px}
.journal-article .journal-meta{margin-top:30px}
.journal-article h1{font:400 clamp(34px,4vw,54px)/1.1 var(--font-heading);letter-spacing:-.025em;margin:12px 0 24px}
.journal-article>img{height:auto;max-height:460px;object-fit:contain}
.journal-article-copy{font:400 19px/1.6 var(--font-heading);margin-top:28px;max-width:60ch}
@media(max-width:1000px){.journal-hero{grid-template-columns:50% 50%}.journal-handwriting{display:none}.journal-toolbar{align-items:flex-start}.journal-categories{gap:5px}.journal-categories button{padding:8px 12px}.journal-grid{gap:26px 18px}.journal-excerpt{font-size:13px}.journal-search{max-width:165px}}
@media(max-width:700px){.journal{padding:26px 20px}.journal-hero{grid-template-columns:1fr;gap:24px}.journal-intro{padding:0}.journal h1{font-size:44px}.journal-intro>p:last-child{font-size:14px}.journal-toolbar{flex-direction:column;gap:16px;padding:20px 0}.journal-categories{gap:6px}.journal-categories button{font-size:12px;padding:8px 12px}.journal-search{max-width:none;width:100%}.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.journal-card h2{font-size:21px}.journal-meta{font-size:9px;letter-spacing:.05em}.journal-excerpt{font-size:13px}.journal-article{padding:28px 22px 40px}}
@media(max-width:380px){.journal-grid{grid-template-columns:1fr}.journal-card h2{font-size:25px}}
.journal-handwriting{filter:grayscale(1) contrast(1.3) brightness(1.15)}
/* Homepage preview shares the journal imagery, summaries and type treatment. */
.home-notes-grid{gap:24px 20px;padding:20px}
.home-note img{aspect-ratio:1.43}
.home-note h3{font:400 21px/1.15 var(--font-heading);letter-spacing:-.02em;margin:6px 0 8px}
.home-note time{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#776957;margin:12px 0 6px}
.home-note-excerpt{font:400 13px/1.5 var(--font-body);color:#756959}
.home-note-read{display:inline-block;margin-top:10px;font-size:12px;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.home-notes-grid{padding:16px 12px;gap:24px 16px}.home-note h3{font-size:20px}.home-note time{font-size:9px}.home-note-excerpt{font-size:12px}}

/* Compact three-article homepage preview. */
.home-note img{width:100%;max-width:220px;height:112px;aspect-ratio:auto;object-fit:cover}
@media(max-width:700px){.home-note img{height:96px;max-width:180px}}