/* Reference-driven journal: media and text never share a positioned box accidentally. */
:root {
    --paper: #FAF4EB;
    --light-paper: #FFF9EF;
    --honey: #F3E4CC;
    --ink: #341929;
    --muted: #64514F;
    --ochre: #8B4B10;
    --gold: #C08436;
    --line: #c6b7a7;
    --color-background: #FAF4EB;
    --color-surface: #FFF9EF;
    --color-text: #341929;
    --color-accent: #8B4B10;
    --font-serif: Georgia, 'Times New Roman', serif;
    --font-sans: Arial, Helvetica, sans-serif;
}
body { background: var(--paper); color: var(--ink); font-family: var(--font-serif); }
a { color: inherit; }
h1, h2, h3 { font-weight: 400; line-height: 1.1; overflow-wrap: anywhere; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid var(--ochre); outline-offset: 4px; }
.site-container { width: calc(100% - 64px); max-width: 1320px; margin-inline: auto; }
.site-header { border: 0; background: transparent; padding: 0; }
.masthead { position: relative; display: flex; align-items: center; justify-content: center; min-height: 128px; }
.brand { display: inline-flex; align-items: center; gap: 12px; font: clamp(32px, 3.5vw, 50px)/1 var(--font-serif); letter-spacing: -.035em; text-decoration: none; }
.honey-mark { color: var(--gold); font-size: 1.2em; }
.custom-logo { width: auto; max-height: 90px; }
.header-search { position: absolute; right: 0; top: 40px; z-index: 4; font: 14px var(--font-sans); }
.header-search summary { cursor: pointer; padding: 12px; }
.header-search[open] { padding: 12px; background: var(--light-paper); border: 1px solid var(--line); }
.header-search input { min-width: 0; max-width: 200px; }
.primary-navigation { display: block; border-block: 1px solid var(--line); margin-bottom: 26px; padding: 0; }
.primary-menu, .journal-category-links { list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0 20px; margin: 0; padding: 0; }
.primary-menu .journal-category-links { width: 100%; }
.primary-menu a { display: block; padding: 16px 0; font-size: clamp(16px, 1.3vw, 19px); text-decoration: none; }
.primary-menu a:hover, .primary-menu [aria-current="page"], .primary-menu .current-menu-item > a { text-decoration: underline; text-underline-offset: 6px; }
.primary-menu .sub-menu { display: none; }
.menu-toggle { display: none; }
.homepage-main { padding-block: 0 32px; }
.content-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 29%); gap: 24px; }
.content-primary { min-width: 0; }
.opening { align-items: stretch; margin-bottom: 32px; }
.opening > .content-primary { display: flex; }
.opening > .content-primary > .story--lead { flex: 1; width: 100%; }
.primary-sidebar { min-width: 0; border: 0; border-left: 1px solid var(--line); padding: 0 0 0 24px; background: transparent; }
.sidebar-heading { display: flex; align-items: center; gap: 14px; margin: 0 0 20px; font-size: clamp(24px, 2.2vw, 33px); font-style: italic; }
.sidebar-heading::after { content: ''; flex: 1; min-width: 24px; border-top: 1px solid var(--line); }
.primary-sidebar .story + .story { margin-top: 24px; }
.primary-sidebar .journal-category-links { display: block; font: 16px var(--font-sans); }
.primary-sidebar .journal-category-links a { display: block; padding: 12px 0; border-bottom: 1px solid var(--line); }
.primary-sidebar .widget { margin-top: 24px; border: 0; border-radius: 0; padding: 0; background: transparent; }
/* All simple cards: image, category and title, on the common paper background. */
.story { min-width: 0; display: flex; flex-direction: column; }
.story__image { display: block; position: relative; aspect-ratio: 1.65; min-width: 0; overflow: hidden; background: var(--honey); }
.story__image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.story__copy { min-width: 0; padding: 12px 4px 0; }
.story__paper { min-width: 0; }
.story__title { margin: 0; font-size: clamp(22px, 2vw, 29px); line-height: 1.13; overflow-wrap: anywhere; }
.story__link { text-decoration: none; }
.story__link:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.eyebrow { display: block; position: static; margin: 0 0 8px; color: var(--ochre); font: 700 11px/1.45 var(--font-sans); letter-spacing: .07em; text-transform: uppercase; text-decoration: none; }
.story__stroke { display: block; width: 140px; height: auto; margin: 8px 0 0 -12px; pointer-events: none; }
.story__branch { display: block; width: 180px; height: auto; margin: 12px 0 0 -12px; pointer-events: none; }
/* An intrinsic grid row contains both photo and complete paper: no absolute overflow. */
.story--lead, .story--final { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: center; isolation: isolate; }
.story--lead > .story__image, .story--final > .story__image { grid-column: 1 / -1; grid-row: 1; align-self: stretch; aspect-ratio: auto; min-height: clamp(460px, 43vw, 620px); }
.story--lead > .story__copy, .story--final > .story__copy { grid-column: 6 / 13; grid-row: 1; position: relative; z-index: 1; min-width: 0; margin: 28px 24px 28px 0; padding: clamp(24px, 2.5vw, 38px); background: var(--light-paper); clip-path: polygon(1% 2%, 22% 0, 49% 2%, 76% 0, 99% 3%, 100% 98%, 80% 100%, 56% 98%, 30% 100%, 0 97%); }
.story--lead .story__title { font-size: clamp(34px, 3.6vw, 52px); line-height: 1.04; }
.story--lead.story--long .story__title { font-size: clamp(30px, 2.95vw, 43px); }
.story--lead.story--very-long .story__title { font-size: clamp(27px, 2.5vw, 36px); }
.story--lead .eyebrow, .story--final .eyebrow { display: flex; align-items: center; gap: 14px; }
.story--lead .eyebrow::after, .story--final .eyebrow::after { content: ''; width: 26px; border-top: 1px solid var(--gold); }
.story--sidebar .story__image { aspect-ratio: 2; }
.story--sidebar .story__title { font-size: clamp(22px, 1.9vw, 28px); }
.story--sidebar .story__copy { padding: 12px 0 0; }
.spread-heading { display: flex; align-items: center; gap: 28px; border-top: 1px solid var(--line); padding-top: 26px; margin: 0 0 30px; font-size: clamp(38px, 4.4vw, 62px); }
.spread-heading::after { content: ''; flex: 1; min-width: 24px; border-top: 1px solid var(--line); }
.spread { display: grid; gap: 24px; margin-bottom: 34px; }
.spread--latest { grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr)); align-items: start; }
.spread--latest .story__image { aspect-ratio: auto; height: clamp(220px, 27vw, 390px); }
.spread--trio { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.spread--pair { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.spread--trio .story__image { aspect-ratio: 1.6; }
.spread--pair .story__image { aspect-ratio: 1.8; }
.spread--latest > .story:only-child, .spread--trio > .story:only-child, .spread--pair > .story:only-child { grid-column: 1 / -1; }
/* Honey spread has independent photo, headline and links columns. */
.spread--honey { grid-template-columns: minmax(0, 3.2fr) minmax(0, 1fr); align-items: stretch; gap: 24px; padding: 14px 24px 14px 14px; background: var(--honey); }
.story--honey { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(0, 1fr); align-items: center; gap: 26px; }
.story--honey > .story__image { aspect-ratio: auto; min-height: 260px; align-self: stretch; }
.story--honey > .story__copy { padding: 24px 0; }
.story--honey .story__title { font-size: clamp(28px, 2.8vw, 40px); }
.story--honey.story--long .story__title, .story--honey.story--very-long .story__title { font-size: clamp(26px, 2.4vw, 35px); }
.honey-links { display: flex; flex-direction: column; justify-content: center; gap: 0; border-left: 1px solid var(--gold); padding-left: 24px; }
.honey-links .story { flex: 1; justify-content: flex-start; padding: 18px 0; }
.honey-links .story + .story { border-top: 1px solid var(--line); }
.story--text .story__copy { padding: 0; }
.story--text .eyebrow { display: none; }
.story--text .story__title { font-size: clamp(21px, 1.8vw, 26px); }
.spread--honey:not(:has(.honey-links)) { grid-template-columns: 1fr; }
/* Portrait copy is one bottom gradient group. Compact neighbours have real columns. */
.spread--mosaic { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: stretch; gap: 22px 26px; }
.story--portrait { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(430px, auto); grid-row: span 2; isolation: isolate; }
.story--portrait > .story__image { grid-area: 1 / 1; aspect-ratio: auto; align-self: stretch; }
.story--portrait > .story__copy { grid-area: 1 / 1; z-index: 1; align-self: end; padding: 70px 28px 28px; background: linear-gradient(transparent, rgba(29, 19, 21, .94) 70%); color: #FFF9EF; }
.story--portrait .eyebrow { color: #ffda99; }
.story--portrait .story__title { font-size: clamp(30px, 3.1vw, 44px); }
.story--portrait.story--long .story__title, .story--portrait.story--very-long .story__title { font-size: clamp(28px, 2.5vw, 36px); }
.story--compact { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); align-items: start; gap: 18px; }
.story--compact > .story__image { aspect-ratio: auto; min-height: 210px; align-self: stretch; }
.story--compact > .story__copy { padding: 10px 0; }
.story--compact .story__title { font-size: clamp(22px, 1.9vw, 27px); }
.story--compact.story--long .story__title, .story--compact.story--very-long .story__title { font-size: clamp(21px, 1.75vw, 25px); }
/* The final paper reserves a corner for its decoration, away from all text. */
.spread--final { display: block; }
.story--final > .story__image { min-height: 330px; }
.story--final > .story__copy { grid-column: 7 / 13; padding-bottom: 84px; }
.story--final .story__title { font-size: clamp(30px, 3vw, 43px); }
.story--final.story--long .story__title, .story--final.story--very-long .story__title { font-size: clamp(27px, 2.4vw, 35px); }
.story--final .story__branch { position: absolute; right: 8px; bottom: 4px; width: 190px; margin: 0; }
.story--final .story__stroke { width: 110px; margin-top: 6px; }
/* Missing covers are readable text cards; no universal 'long title' backplates. */
.story--no-image { display: flex; }
.story--lead.story--no-image > .story__copy, .story--final.story--no-image > .story__copy { margin: 0; clip-path: none; }
.story--portrait.story--no-image > .story__copy { background: var(--light-paper); color: var(--ink); padding: 28px; }
.story--portrait.story--no-image .eyebrow { color: var(--ochre); }
.story--honey.story--no-image > .story__copy { padding-inline: 18px; }
/* Two roomy navigation levels rather than one compressed footer strip. */
.site-footer { padding: 34px 0 22px; margin: 0; border: 0; background: #2D1423; color: #FFF9EF; }
.site-footer .brand { color: inherit; font-size: 32px; }
.site-footer__grid { display: grid; grid-template-columns: minmax(240px, .8fr) minmax(0, 2.2fr); gap: 24px 40px; }
.footer-brand { grid-column: 1; grid-row: 1 / 3; border-right: 1px solid #8d747d; padding-right: 28px; }
.footer-categories { grid-column: 2; grid-row: 1; }
.footer-information { grid-column: 2; grid-row: 2; }
.site-footer .journal-category-links { justify-content: flex-start; gap: 10px 24px; }
.site-footer .journal-category-links a, .site-footer .footer-menu a, .footer-information > a { display: inline-block; font-size: 16px; padding-block: 6px; line-height: 1.4; text-decoration: none; }
.site-footer .footer-menu { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 8px 28px; margin: 0; padding: 0; list-style: none; }
.site-footer a:hover { text-decoration: underline; }
.site-info { display: flex; align-items: center; gap: 20px; margin: 28px 0 0; font-size: 13px; }
.site-info::before, .site-info::after { content: ''; flex: 1; border-top: 1px solid #8d747d; }
.footer-widgets { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 24px; }
.breadcrumbs{
font:13px var(--font-sans);
color:var(--muted);
margin:24px 0}
.archive-title{
font-size:clamp(38px,4.6vw,66px);
margin:0 0 16px}
.archive-description{
max-width:55ch;
font-size:19px}
.archive-header{
padding:0 0 24px;
border:0}
.archive-layout{
align-items:start;
margin-bottom:50px}
.archive-stories{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:28px 24px;
margin-top:24px}
.archive-story{
min-width:0;
order:var(--archive-position-order)}
.archive-story .story__title{
font-size:27px}
.story--archive-lead .story__image{
aspect-ratio:1.7}
.story--archive-lead .story__title{
font-size:clamp(28px,3.4vw,44px)}
.text-pagination{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
gap:24px;
border-top:1px solid var(--line);
margin-top:30px;
padding-top:20px;
font-size:18px}
.entry-title{
font-size:clamp(36px,4.8vw,68px);
max-width:24ch;
margin:12px 0 20px}
.entry-header{
max-width:100%;
margin-bottom:30px}
.entry-header>.eyebrow{
position:static}
.entry-lead{
font-size:22px;
max-width:65ch;
color:var(--muted)}
.single-entry { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 29%); gap: 0 24px; }
.single-entry > .entry-header { grid-column: 1; min-width: 0; }
.single-reading { grid-column: 1 / -1; align-items: start; grid-template-rows: auto 1fr; row-gap: 24px; }
.entry-featured-image { grid-column: 1; grid-row: 1; margin: 0; min-width: 0; }
.entry-featured-image img { display: block; width: 100%; height: auto; max-height: 650px; object-fit: cover; }
.entry-featured-image figcaption { margin-top: 10px; }
.reading-body { grid-column: 1; grid-row: 2; }
.reading-aside { grid-column: 2; grid-row: 1 / 3; min-width: 0; }
.reading-toc { margin-top: 28px; }
.reading-toc ul { padding-left: 18px; margin: 0; }
.reading-toc li { margin-bottom: 12px; }
.reading-toc a { text-decoration: none; }
.single-reading:not(:has(.entry-featured-image)) .reading-body { grid-row: 1; }
.entry-content{
max-width:70ch;
font-size:20px;
line-height:1.7;
overflow-wrap:anywhere}
.entry-content h2{
font-size:34px;
margin-top:1.4em}
.entry-content h3{
font-size:28px}
.entry-content blockquote{
border-left:3px solid var(--gold);
background:var(--honey);
padding:24px;
margin-inline:0;
font-size:24px}
.entry-content figure{
max-width:100%;
margin-inline:0}
.entry-content img,.entry-content iframe,.entry-content video{
max-width:100%}
.entry-content table{
display:block;
max-width:100%;
overflow-x:auto;
border-collapse:collapse}
.entry-content th,.entry-content td{
padding:12px;
border:1px solid var(--line)}
figcaption{
font:14px/1.5 var(--font-sans);
color:var(--muted);
margin-top:8px}
.entry-content h2,.entry-content h3{
scroll-margin-top:24px}
.archive-back{
display:inline-block;
margin:22px 0;
text-underline-offset:5px}
.single-main{
padding-bottom:50px}
.entry-content pre{
max-width:100%;
overflow:auto}
.tag-links{
display:flex;
flex-wrap:wrap;
gap:12px}

@media (max-width: 1100px) {
    .spread--honey { grid-template-columns: 1fr; padding: 16px; }
    .story--honey { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); }
    .honey-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; border-left: 0; border-top: 1px solid var(--line); padding: 0; }
    .honey-links .story + .story { border-top: 0; border-left: 1px solid var(--line); padding-left: 24px; }
    .spread--mosaic { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .story--portrait { grid-column: 1 / -1; grid-row: auto; grid-template-rows: minmax(420px, auto); }
    .story--portrait > .story__copy { width: 100%; }
    .story--compact { grid-template-columns: 1fr; grid-template-rows: auto 1fr; align-content: start; gap: 0; }
    .story--compact > .story__image { aspect-ratio: 1.6; min-height: 0; width: 100%; align-self: start; }
    .story--compact > .story__copy { padding: 12px 0 0; }
    .story--compact .story__title { font-size: 26px; }
}
@media (max-width: 1024px) {
    .site-container { width: calc(100% - 40px); }
    .masthead { min-height: 104px; }
    .header-search { top: 28px; }
    .primary-navigation { margin-bottom: 20px; }
    .primary-navigation #primary-menu { position: static; inset: auto; min-width: 0; width: 100%; padding: 0; margin: 0; border: 0; border-radius: 0; background: var(--paper); box-shadow: none; }
    .primary-navigation #primary-menu, .primary-navigation #primary-menu > .journal-category-links { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; align-items: stretch; }
    .primary-navigation div#primary-menu { display: block; }
    .primary-navigation #primary-menu li { min-width: 0; margin: 0; border-top: 1px solid var(--line); }
    .primary-navigation #primary-menu a { display: flex; align-items: center; min-height: 48px; height: 100%; padding: 12px 10px; font-size: 16px; line-height: 1.25; }
    .primary-navigation #primary-menu a[aria-current="page"], .primary-navigation #primary-menu .current-menu-item > a, .primary-navigation #primary-menu .current-menu-ancestor > a { color: var(--ochre); background: var(--honey); }
    .menu-toggle { display: inline-flex; align-items: center; min-height: 44px; margin: 3px 0; padding: 6px 14px; border: 1px solid var(--line); border-radius: 0; background: transparent; color: var(--ink); }
    .has-js:not(.is-open) #primary-menu { display: none; }
    .content-layout { grid-template-columns: minmax(0, 1fr) 250px; gap: 20px; }
    .story--lead { grid-template-columns: repeat(12, minmax(0, 1fr)); }
    .story--lead > .story__copy { grid-column: 4 / 13; margin: 22px 18px 22px 0; padding: 26px; }
    .story--lead .story__title { font-size: 38px; }
    .story--lead.story--long .story__title, .story--lead.story--very-long .story__title { font-size: 31px; }
    .primary-sidebar { padding-left: 20px; }
    .story--sidebar .story__title { font-size: 24px; }
    .spread--latest { gap: 18px; }
    .spread--latest .story__image { height: 260px; }
    .site-footer__grid { grid-template-columns: 1fr; gap: 20px; }
    .footer-brand, .footer-categories, .footer-information { grid-column: 1; grid-row: auto; border: 0; padding: 0; }
    .single-entry { grid-template-columns: minmax(0, 1fr) 250px; gap: 0 20px; }
    .entry-title { font-size: 46px; }
    .entry-content { font-size: 19px; }
}
@media (max-width: 900px) {
    .opening, .archive-layout { grid-template-columns: 1fr; }
    .opening > .primary-sidebar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; border-left: 0; border-top: 1px solid var(--line); padding: 22px 0 0; }
    .opening > .primary-sidebar > .sidebar-heading { grid-column: 1 / -1; margin: 0; }
    .opening > .primary-sidebar .story + .story { margin: 0; }
    .story--lead > .story__copy { grid-column: 6 / 13; }
    .story--lead .story__title { font-size: 42px; }
    .story--lead.story--long .story__title { font-size: 36px; }
    .story--lead.story--very-long .story__title { font-size: 30px; }
    .spread--latest { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .spread--latest > .story:first-child { grid-column: 1 / -1; }
    .spread--latest .story__image { height: 280px; }
    .spread--trio { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .spread--trio > .story:last-child { grid-column: 1 / -1; }
    .story--final > .story__copy { grid-column: 6 / 13; }
    .archive-layout > .primary-sidebar { border-left: 0; border-top: 1px solid var(--line); padding: 22px 0 0; }
}
@media (max-width: 800px) {
    .single-entry { display: block; }
    .single-reading { display: flex; flex-direction: column; gap: 24px; }
    .single-reading > * { width: 100%; }
    .entry-featured-image { order: 0; }
    .reading-body { order: 1; }
    .reading-aside { order: 2; }
    .reading-toc, .reading-related .primary-sidebar { border-left: 0; border-top: 1px solid var(--line); padding: 22px 0 0; }
}
@media (max-width: 600px) {
    .site-container { width: calc(100% - 32px); }
    .masthead { min-height: 94px; justify-content: flex-start; }
    .brand { font-size: 30px; gap: 7px; }
    .custom-logo { max-width: min(65vw, 250px); height: auto; }
    .header-search { top: 25px; }
    .header-search summary { padding-inline: 0; font-size: 13px; }
    .header-search[open] { max-width: 100%; }
    .primary-navigation #primary-menu, .primary-navigation #primary-menu > .journal-category-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .primary-menu a { min-height: 44px; }
    .story--lead, .story--final { display: flex; }
    .story--lead > .story__image, .story--final > .story__image { width: 100%; aspect-ratio: 1.3; min-height: 0; }
    .story--lead > .story__copy, .story--final > .story__copy { width: 100%; margin: 0; padding: 26px 22px; clip-path: polygon(0 1%, 22% 0, 49% 1%, 76% 0, 100% 2%, 100% 100%, 0 100%); }
    .story--lead .story__title { font-size: 36px; }
    .story--lead.story--long .story__title { font-size: 32px; }
    .story--lead.story--very-long .story__title { font-size: 29px; }
    .opening > .primary-sidebar { grid-template-columns: 1fr; }
    .opening .story--sidebar .story__image { aspect-ratio: 1.9; }
    .opening .story--sidebar .story__title { font-size: 25px; }
    .opening { margin-bottom: 28px; }
    .spread-heading { margin-bottom: 24px; padding-top: 22px; gap: 16px; font-size: 40px; }
    .spread { gap: 24px; margin-bottom: 28px; }
    .spread--latest, .spread--trio, .spread--pair, .spread--mosaic { grid-template-columns: 1fr; }
    .spread--latest .story__image { height: auto; aspect-ratio: 1.55; }
    .story__title { font-size: 27px; }
    .spread--honey { gap: 20px; padding: 12px; }
    .story--honey { grid-template-columns: 1fr; gap: 0; }
    .story--honey > .story__image { aspect-ratio: 1.45; min-height: 0; }
    .story--honey > .story__copy { padding: 24px 8px 4px; }
    .story--honey .story__title { font-size: 34px; }
    .story--honey.story--long .story__title, .story--honey.story--very-long .story__title { font-size: 30px; }
    .honey-links { grid-template-columns: 1fr; gap: 0; padding-inline: 8px; }
    .honey-links .story + .story { padding-left: 0; border-left: 0; border-top: 1px solid var(--line); }
    .story--text .story__title { font-size: 25px; }
    .story--portrait { display: flex; }
    .story--portrait > .story__image { aspect-ratio: 1.3; }
    .story--portrait > .story__copy { width: 100%; padding: 22px; color: var(--ink); background: var(--light-paper); }
    .story--portrait .eyebrow { color: var(--ochre); }
    .story--portrait .story__title, .story--portrait.story--long .story__title, .story--portrait.story--very-long .story__title { font-size: 32px; }
    .story--compact > .story__image { aspect-ratio: 1.65; }
    .story--compact .story__title, .story--compact.story--long .story__title, .story--compact.story--very-long .story__title { font-size: 26px; }
    .story--final > .story__copy { padding-bottom: 84px; }
    .story--final .story__title, .story--final.story--long .story__title, .story--final.story--very-long .story__title { font-size: 31px; }
    .archive-stories { grid-template-columns: 1fr; }
    .archive-title { font-size: 42px; }
    .entry-title { font-size: 38px; }
    .entry-content { font-size: 18px; }
    .entry-lead { font-size: 20px; }
    .entry-content h2 { font-size: 29px; }
    .entry-content h3 { font-size: 25px; }
    .footer-widgets { grid-template-columns: 1fr; }
    .site-footer .journal-category-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 24px; }
    .site-footer .journal-category-links a, .site-footer .footer-menu a { min-height: 44px; padding-block: 12px; }
    .site-footer .footer-menu { gap: 4px 24px; }
    .footer-information > a { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation: none !important; transition: none !important; }
}

@media (min-width: 901px) {
    .spread--latest > .story:first-child .story__title { font-size: clamp(25px, 2.25vw, 33px); }
}

/* Archive has one sequential grid; empty ad hooks never reserve a cell. */
.archive-main { padding-block: 8px 40px; }
.archive-main .breadcrumbs { margin: 4px 0 14px; }
.archive-main .archive-header { margin: 0; padding-bottom: 18px; }
.archive-main .archive-description > :last-child { margin-bottom: 0; }
.archive-main .archive-description { margin: 0; }
.archive-stories .category-inline-ad { grid-column: 1 / -1; }
.archive-stories .category-inline-ad--first { order: 45; }
.archive-stories .category-inline-ad--second { order: 85; }
.story--archive-sidebar { display: grid; grid-template-columns: minmax(80px, 34%) minmax(0, 1fr); align-items: start; gap: 14px; }
.story--archive-sidebar.story--no-image { display: block; }
.story--archive-sidebar .story__image { aspect-ratio: 1.25; }
.story--archive-sidebar .story__copy { padding: 0; }
.story--archive-sidebar .story__title { font-size: 21px; }
.story--archive-sidebar .eyebrow { display: none; }
.sidebar-categories { margin-top: 30px; padding-top: 22px; border-top: 1px solid var(--line); }
@media (max-width: 600px) {
    .archive-stories .category-inline-ad--first { order: 25; }
    .archive-stories .category-inline-ad--second { order: 65; }
    .story--archive-sidebar { grid-template-columns: 100px minmax(0, 1fr); }
}

@media (min-width: 801px) {
    .reading-related .story--archive-sidebar { display: flex; align-items: stretch; gap: 0; }
    .reading-related .story--archive-sidebar .story__image { aspect-ratio: 2; }
    .reading-related .story--archive-sidebar .story__copy { padding: 12px 0 0; }
    .reading-related .story--archive-sidebar .story__title { font-size: clamp(22px, 1.9vw, 28px); }
    .reading-related .story--archive-sidebar .eyebrow { display: block; }
}