/*
Theme Name: Herb & Bloom
Description: An independent botanical journal inspired by L’Erbolario, with seven complete language editions.
Version: 1.0.0
Text Domain: herb-bloom
*/
:root { --paper:#f6f3e9; --forest:#23483e; --sage:#dce5d9; --terracotta:#a65d43; --ink:#25332d; --muted:#58645b; --line:#c9d0c1; --soft:#e9eddf; --serif:Georgia,'Times New Roman',serif; --sans:'Helvetica Neue',Arial,sans-serif; --gutter:48px; --measure:1280px; color-scheme:light; }
*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:24px; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--sans); font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; }
button,input { font:inherit; }
button,a,summary { -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
button,summary { cursor:pointer; }
button { color:inherit; }
a { color:inherit; text-decoration:none; }
a:hover { text-decoration:underline; text-underline-offset:5px; }
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible { outline:3px solid var(--forest); outline-offset:5px; }
h1,h2,h3,p,figure { margin:0; }
h1,h2,h3 { font-family:var(--serif); font-weight:400; }
img,svg { max-width:100%; }
img { display:block; height:auto; }
.wrap { width:calc(100% - var(--gutter)*2); max-width:var(--measure); margin-inline:auto; }
main { min-height:35vh; }
main:focus { outline:none; }
::selection { background:var(--sage); color:var(--forest); }
.ui-icon { display:block; width:22px; height:22px; flex:0 0 22px; }
.eyebrow { font-family:var(--sans); font-size:11px; font-weight:600; line-height:1.6; letter-spacing:.12em; text-transform:uppercase; }
.herb-bloom-mark { display:block; width:80px; height:80px; object-fit:contain; }
.skip-link { position:absolute; z-index:100; top:-100px; left:var(--gutter); padding:14px 20px; background:var(--forest); color:var(--paper); }
.skip-link:focus { top:12px; }
.read-link { display:inline-flex; align-items:center; justify-content:space-between; gap:22px; width:fit-content; max-width:100%; min-height:44px; border-bottom:1px solid currentColor; font-family:var(--sans); font-size:13px; line-height:1.5; color:var(--forest); }
.read-link:hover { text-decoration:none; }
.read-link .ui-icon { transition:transform 180ms ease; }
.read-link:hover .ui-icon { transform:translateX(4px); }
/* The centered serif masthead presents a publication, with the sprig as its seal. */
.site-header { position:relative; z-index:20; }
.utility { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:55px; border-bottom:1px solid var(--line); }
.issue-label { font-size:10px; line-height:1.7; letter-spacing:.1em; }
.utilities { display:flex; align-items:center; gap:28px; }
.search-toggle { display:flex; align-items:center; gap:10px; min-height:48px; border:0; padding:0; background:transparent; font-size:12px; }
.search-toggle .ui-icon { width:18px; height:18px; flex-basis:18px; }
.language-menu { position:relative; }
.language-menu summary { display:flex; align-items:center; gap:8px; min-height:48px; list-style:none; font-size:12px; }
.language-menu summary::-webkit-details-marker { display:none; }
.language-code { font-size:10px; font-weight:700; letter-spacing:.06em; }
.language-menu .ui-icon { width:14px; height:14px; flex-basis:14px; transition:transform 180ms ease; }
.language-menu[open] summary .ui-icon { transform:rotate(180deg); }
.language-menu ul { position:absolute; z-index:50; right:0; top:100%; width:224px; margin:0; border:1px solid var(--line); padding:10px 16px; background:var(--paper); box-shadow:0 12px 32px #25332d16; list-style:none; }
.language-menu li+li { border-top:1px solid var(--line); }
.language-menu li a { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:48px; padding:10px 3px; font-size:14px; }
.language-menu li a[aria-current] { color:var(--forest); font-weight:700; }
.masthead { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:25px 0 28px; text-align:center; }
.brand-symbol { display:flex; align-items:center; justify-content:center; width:48px; min-height:48px; }
.brand-symbol .herb-bloom-mark { width:48px; height:48px; }
.wordmark { color:var(--forest); font-family:var(--serif); font-size:clamp(52px,6.5vw,91px); font-weight:400; line-height:1; letter-spacing:-.055em; white-space:nowrap; }
.wordmark:hover { text-decoration:none; }
.tagline { margin-top:4px; color:var(--muted); font-size:10px; line-height:1.7; letter-spacing:.13em; text-transform:uppercase; }
.navigation-row { display:flex; align-items:center; justify-content:space-between; gap:30px; min-height:61px; border-block:1px solid var(--forest); }
.main-navigation { display:flex; flex-wrap:wrap; align-items:center; gap:0 29px; min-width:0; }
.main-navigation a { position:relative; display:flex; align-items:center; min-height:59px; font-size:13px; line-height:1.5; }
.main-navigation a[aria-current] { color:var(--forest); font-weight:700; }
.main-navigation a[aria-current]::after { position:absolute; right:0; bottom:12px; left:0; height:2px; background:var(--terracotta); content:''; }
.editorial-nav { display:flex; align-items:center; justify-content:flex-end; gap:12px; min-height:59px; max-width:210px; flex-shrink:0; color:var(--forest); text-align:right; font-size:12px; line-height:1.5; }
.editorial-nav span { font-size:20px; }
.menu-toggle { display:none; }
#search-panel { border-bottom:1px solid var(--line); padding:26px 0 30px; }
#search-panel[hidden] { display:none; }
.search-form { width:100%; }
.search-form label { display:block; margin-bottom:12px; font-size:13px; line-height:1.5; }
.search-fields { display:flex; gap:12px; }
.search-fields input { min-width:0; min-height:52px; flex:1; border:1px solid var(--muted); border-radius:0; padding:13px 16px; background:transparent; color:var(--ink); font-size:16px; }
.search-fields input::placeholder { color:var(--muted); opacity:1; }
.search-fields button { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:52px; border:1px solid var(--forest); padding:12px 23px; background:var(--forest); color:var(--paper); font-size:13px; }
.search-fields button:hover { background:var(--ink); }
/* The native six-story query becomes one feature, two side stories and three cards. */
.journal-intro { max-width:780px; margin-inline:auto; padding:38px 0 33px; text-align:center; }
.journal-intro .eyebrow { color:var(--forest); font-size:10px; }
.journal-intro h1 { margin-top:14px; font-size:clamp(34px,3.6vw,52px); line-height:1.14; letter-spacing:-.035em; }
.intro-note { max-width:650px; margin:17px auto 0; color:var(--muted); font-size:14px; line-height:1.8; }
.front-selection { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); align-items:start; gap:40px; }
.hero { min-width:0; }
.hero-photo { display:block; overflow:hidden; }
.story-image { display:flex; align-items:center; justify-content:center; width:100%; aspect-ratio:1.25; overflow:hidden; padding:30px; background:var(--sage); }
.story-image img { display:block; width:100%; height:100%; min-width:0; object-fit:contain; transition:transform 220ms ease; }
.story-image[data-fit="cover"] { padding:0; }
.story-image[data-fit="cover"] img { object-fit:cover; }
.hero-photo .story-image { aspect-ratio:1.36; padding:36px; }
.hero-photo .story-image[data-fit="cover"] { padding:0; }
.hero-photo .story-image[data-fit="cover"] img { object-position:center; }
.hero-copy { border-bottom:1px solid var(--line); padding:22px 0 28px; }
.hero-topline { display:flex; align-items:center; justify-content:space-between; gap:20px; color:var(--forest); }
.hero-topline .eyebrow { font-size:10px; }
.story-number { color:var(--terracotta); font-size:11px; }
.hero-copy>.eyebrow { display:inline-flex; align-items:center; min-height:40px; color:var(--forest); font-size:10px; }
.hero h2 { max-width:750px; font-size:clamp(35px,3.5vw,49px); line-height:1.1; letter-spacing:-.035em; overflow-wrap:anywhere; }
.hero h2 a:hover { text-decoration-thickness:1px; text-underline-offset:7px; }
.hero-copy p { max-width:670px; margin-top:18px; color:var(--muted); font-size:15px; line-height:1.8; }
.hero-copy .read-link { margin-top:16px; }
.side-stories { display:grid; gap:27px; min-width:0; border-left:1px solid var(--line); padding-left:28px; }
.image-link { display:block; overflow:hidden; }
.image-link:hover .story-image img { transform:scale(1.025); }
.story-card { min-width:0; }
.card-kicker { display:flex; align-items:center; justify-content:space-between; gap:14px; color:var(--forest); }
.card-kicker .eyebrow { display:flex; align-items:center; min-height:42px; font-size:10px; }
.card-kicker>span { color:var(--terracotta); font-size:11px; letter-spacing:.08em; }
.story-card h2 { font-size:31px; line-height:1.15; letter-spacing:-.025em; overflow-wrap:anywhere; }
.story-card h2 a:hover { color:var(--forest); text-decoration-thickness:1px; }
.card-copy>p { margin-top:13px; color:var(--muted); font-size:14px; line-height:1.8; }
.card-copy .read-link { margin-top:14px; }
.side-story .story-image { aspect-ratio:2.05; padding:19px; }
.side-story .story-image[data-fit="cover"] { padding:0; }
.side-story h2 { font-size:27px; line-height:1.12; }
.side-story .card-copy>p { margin-top:10px; font-size:13px; line-height:1.7; }
.side-story .read-link { margin-top:9px; font-size:12px; }
.topic-index { display:grid; grid-template-columns:150px minmax(0,1fr); align-items:center; gap:30px; margin-top:38px; border-block:1px solid var(--forest); padding:23px 0 18px; }
.topic-index>.eyebrow { max-width:145px; color:var(--forest); font-size:10px; }
.topic-index ol { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:20px; counter-reset:chapters; margin:0; padding:0; list-style:none; }
.topic-index li { min-width:0; counter-increment:chapters; }
.topic-index li::before { display:block; color:var(--terracotta); font-family:var(--serif); font-size:17px; line-height:1; content:counter(chapters,upper-roman); }
.topic-index a { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:44px; font-family:var(--serif); font-size:19px; line-height:1.3; }
.topic-index a span { flex-shrink:0; color:var(--forest); font-family:var(--sans); font-size:15px; }
.latest { padding-top:39px; }
.section-heading { display:flex; align-items:baseline; justify-content:space-between; gap:24px; margin-bottom:28px; border-bottom:1px solid var(--line); padding-bottom:18px; }
.section-heading h2 { font-size:35px; line-height:1.15; letter-spacing:-.03em; }
.section-heading>.eyebrow { color:var(--muted); font-size:9px; text-align:right; }
.story-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:42px 30px; }
.story-grid .card-copy { padding-top:5px; }
.story-grid .story-image { aspect-ratio:1.2; }
.archive-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.archive-grid .story-image { aspect-ratio:1.45; }
.manifesto { display:grid; grid-template-columns:70px minmax(0,1fr) minmax(0,1.1fr); align-items:center; gap:35px; margin-top:50px; border-block:1px solid var(--line); padding:30px 0; }
.manifesto-art .herb-bloom-mark { width:64px; height:64px; }
.manifesto .eyebrow { color:var(--forest); font-size:10px; }
.manifesto h2 { margin-top:10px; font-size:31px; line-height:1.2; letter-spacing:-.025em; }
.manifesto-copy p { color:var(--muted); font-size:14px; line-height:1.8; }
.manifesto-copy .read-link { margin-top:12px; }
.pagination { display:flex; justify-content:center; padding:42px 0 56px; }
.pagination ul { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px; margin:0; padding:0; list-style:none; }
.pagination .page-numbers:not(ul) { display:flex; align-items:center; justify-content:center; min-width:46px; min-height:46px; border:1px solid var(--line); padding:8px 16px; font-size:13px; }
.pagination .current { border-color:var(--forest)!important; background:var(--forest); color:var(--paper); }
.pagination a:hover { background:var(--sage); text-decoration:none; }
/* Essays keep official attribution and model instructions next to the reading. */
.archive-heading { max-width:1050px; padding:40px 0 34px; }
.archive-heading>.eyebrow { display:inline-flex; align-items:center; min-height:44px; color:var(--forest); }
.archive-heading h1 { margin-top:10px; font-size:clamp(43px,5.6vw,77px); line-height:1.06; letter-spacing:-.035em; overflow-wrap:anywhere; }
.archive-heading p { max-width:670px; margin-top:20px; color:var(--muted); font-size:16px; line-height:1.8; }
.empty-state { max-width:760px; margin:5px 0 60px; border-top:3px solid var(--forest); padding:30px; background:var(--sage); }
.empty-state h2 { font-size:35px; line-height:1.2; }
.empty-state>p { margin:18px 0 26px; color:var(--muted); }
.empty-state>.read-link { margin-top:23px; }
.article-header { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.9fr); align-items:center; gap:7%; padding-top:44px; padding-bottom:40px; }
.article-heading { min-width:0; }
.article-heading>.eyebrow { display:inline-flex; align-items:center; min-height:44px; color:var(--forest); }
.article-heading h1 { margin-top:10px; font-size:clamp(41px,4.3vw,63px); line-height:1.08; letter-spacing:-.035em; overflow-wrap:anywhere; }
.article-deck { max-width:800px; margin-top:23px; color:var(--muted); font-family:var(--serif); font-size:24px; line-height:1.5; }
.byline { display:flex; flex-wrap:wrap; align-items:center; gap:10px 22px; margin-top:26px; font-size:10px; line-height:1.8; letter-spacing:.07em; }
.article-cover { min-width:0; }
.article-cover .story-image { aspect-ratio:.95; max-height:640px; padding:35px; }
.article-cover .story-image[data-fit="cover"] { padding:0; }
.article-cover figcaption { margin-top:7px; color:var(--muted); font-size:11px; line-height:1.7; }
.article-cover figcaption a { display:inline-block; min-height:44px; padding-block:10px; text-decoration:underline; text-underline-offset:4px; }
.article-reading { display:grid; grid-template-columns:minmax(145px,.7fr) minmax(0,2.4fr) minmax(0,.3fr); gap:6%; border-top:1px solid var(--line); padding-top:42px; }
.reading-note { align-self:start; padding-top:6px; }
.reading-note>.eyebrow { color:var(--forest); font-size:10px; }
.reading-note .herb-bloom-mark { width:66px; height:66px; margin:21px 0; }
.reading-note p { color:var(--muted); font-family:var(--serif); font-size:17px; line-height:1.7; }
.reading-note>a { display:inline-flex; align-items:center; gap:9px; min-height:44px; margin-top:17px; font-size:12px; line-height:1.7; }
.article-body { min-width:0; max-width:790px; font-family:var(--serif); font-size:21px; line-height:1.8; overflow-wrap:anywhere; }
.article-body>p,.article-body section>p { margin:0 0 28px; }
.article-body h2 { margin:40px 0 18px; font-size:35px; line-height:1.2; letter-spacing:-.025em; }
.article-body h2:first-child { margin-top:0; }
.article-body h3 { margin:30px 0 15px; font-size:28px; line-height:1.3; }
.article-body a:not(.read-link) { text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:1px; }
.article-body ul,.article-body ol { padding-left:26px; }
.article-body li+li { margin-top:11px; }
.article-body blockquote { margin:30px 0; border-left:3px solid var(--forest); padding-left:25px; font-size:27px; line-height:1.5; }
.sources { margin:42px 0 28px; border-top:3px solid var(--forest); padding:28px 30px; background:var(--sage); }
.sources>.eyebrow { color:var(--forest); font-family:var(--sans); font-size:10px; }
.sources h2 { margin:12px 0 16px!important; font-size:31px; }
.sources ul { margin:0; padding-left:18px; font-family:var(--sans); font-size:16px; line-height:1.7; }
.sources li+li { margin-top:4px; }
.sources li a { display:inline-block; min-height:44px; padding-block:9px; }
.sources p { margin:22px 0 0!important; color:var(--muted); font-family:var(--sans); font-size:14px; line-height:1.8; }
.article-body>.read-link { font-family:var(--sans); }
.related { margin-top:64px; margin-bottom:64px; }
.page-body { padding-bottom:65px; }
.page-body .article-body { margin-inline:auto; }
.editorial-page { padding-top:43px; padding-bottom:65px; }
.editorial-header { max-width:1050px; margin-bottom:40px; }
.editorial-header>.eyebrow { color:var(--forest); }
.editorial-header h1 { margin-top:19px; font-size:clamp(46px,5.8vw,81px); line-height:1.08; letter-spacing:-.035em; overflow-wrap:anywhere; }
.editorial-header .article-deck { max-width:880px; }
.editorial-layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr); align-items:start; gap:9%; }
.editorial-illustration { display:flex; flex-direction:column; align-items:center; justify-content:space-between; gap:50px; min-height:450px; padding:38px; background:var(--sage); color:var(--forest); text-align:center; }
.editorial-illustration .herb-bloom-mark { width:130px; height:130px; }
.editorial-illustration>span { font-family:var(--serif); font-size:clamp(35px,3.8vw,54px); line-height:1.05; letter-spacing:-.045em; }
.editorial-layout .article-body { font-size:20px; }
.editorial-layout .article-body section+section { margin-top:35px; }
.editorial-layout .article-body h2 { margin-top:0; font-size:33px; }
.error-page { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center; gap:8%; padding-top:55px; padding-bottom:65px; }
.error-art { position:relative; display:flex; align-items:center; justify-content:center; min-height:410px; background:var(--sage); color:var(--forest); font-family:var(--serif); font-size:clamp(110px,15vw,210px); line-height:1; letter-spacing:-.06em; }
.error-art .herb-bloom-mark { position:absolute; right:20px; bottom:20px; width:62px; height:62px; }
.error-copy .eyebrow { color:var(--forest); }
.error-copy h1 { margin:18px 0 22px; font-size:clamp(39px,4.4vw,64px); line-height:1.1; letter-spacing:-.03em; overflow-wrap:anywhere; }
.error-copy>p { max-width:520px; color:var(--muted); }
.error-copy>.read-link { margin-top:20px; }
.error-copy .search-form { margin-top:30px; }
.error-copy .search-fields { flex-direction:column; }
.error-copy .search-fields button { align-self:flex-start; }
/* A quiet forest colophon states the journal's independent perspective. */
.site-footer { border-top:4px solid var(--terracotta); background:var(--forest); color:var(--paper); }
.footer-top { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:12%; padding-top:39px; padding-bottom:34px; }
.footer-brand { display:inline-flex; align-items:center; gap:19px; min-height:62px; font-family:var(--serif); font-size:clamp(33px,3.5vw,48px); line-height:1.1; letter-spacing:-.045em; }
.footer-brand .herb-bloom-mark { width:48px; height:48px; }
.footer-brand:hover { text-decoration:none; }
.footer-top>div>p { max-width:470px; margin-top:18px; color:#e6ece2; font-size:14px; line-height:1.85; }
.footer-editorial .eyebrow { color:#e6ece2; font-size:10px; }
.footer-editorial>p { max-width:530px!important; margin-top:16px!important; }
.footer-editorial .read-link { margin-top:14px; color:var(--paper); }
.footer-bottom { display:flex; align-items:center; justify-content:space-between; gap:24px; border-top:1px solid #f6f3e940; padding-top:16px; padding-bottom:20px; color:#e6ece2; font-size:10px; line-height:1.8; }
.footer-bottom>a { display:flex; align-items:center; gap:16px; min-height:44px; font-size:12px; }
.site-footer a:focus-visible { outline-color:var(--paper); }
@media(max-width:1180px) {
 :root { --gutter:32px; }
 .main-navigation { gap:0 22px; }
 .front-selection { gap:30px; }
 .side-stories { padding-left:23px; }
 .hero h2 { font-size:41px; }
 .side-story h2 { font-size:25px; }
 .topic-index { grid-template-columns:125px minmax(0,1fr); gap:22px; }
 .topic-index ol { gap:16px; }
 .topic-index a { font-size:18px; }
 .story-grid { gap:38px 26px; }
 .story-card h2 { font-size:29px; }
 .side-story h2 { font-size:25px; }
 .article-heading h1 { font-size:50px; }
 .article-reading { grid-template-columns:145px minmax(0,1fr); gap:7%; }
 .manifesto { grid-template-columns:65px minmax(0,1fr) minmax(0,1fr); gap:25px; }
}
@media(max-width:950px) {
 .navigation-row { gap:20px; }
 .main-navigation { gap:0 17px; }
 .main-navigation a { font-size:11px; }
 .editorial-nav { max-width:150px; font-size:10px; }
 .front-selection { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:25px; }
 .hero-photo .story-image { aspect-ratio:1.05; padding:29px; }
 .hero h2 { font-size:37px; }
 .side-stories { gap:24px; padding-left:22px; }
 .side-story .story-image { aspect-ratio:1.8; }
 .side-story h2 { font-size:24px; }
 .side-story .card-copy>p { font-size:12px; }
 .topic-index { grid-template-columns:115px minmax(0,1fr); gap:22px; }
 .topic-index ol { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px 25px; }
 .story-grid { gap:36px 23px; }
 .story-card h2 { font-size:27px; }
 .side-story h2 { font-size:24px; }
 .manifesto { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:30px; }
 .manifesto-art { display:none; }
 .manifesto h2 { font-size:29px; }
 .article-heading h1 { font-size:43px; }
 .article-deck { font-size:22px; }
 .article-cover .story-image { aspect-ratio:.82; padding:26px; }
 .article-body { font-size:20px; }
 .editorial-layout { grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr); gap:6%; }
 .editorial-illustration { min-height:410px; padding:28px; }
}
@media(max-width:760px) {
 :root { --gutter:22px; }
 .utility { min-height:52px; gap:12px; }
 .issue-label { max-width:180px; font-size:8px; letter-spacing:.06em; }
 .utilities { gap:13px; }
 .search-toggle { justify-content:center; gap:0; width:44px; min-height:44px; font-size:0; }
 .search-toggle .ui-icon { width:19px; height:19px; flex-basis:19px; }
 .language-menu summary { min-height:44px; gap:6px; font-size:11px; }
 .language-menu summary .ui-icon { width:12px; height:12px; flex-basis:12px; }
 .language-menu ul { right:-55px; }
 .masthead { gap:9px; padding:23px 0 25px; }
 .brand-symbol,.brand-symbol .herb-bloom-mark { width:43px; height:43px; min-height:44px; }
 .wordmark { font-size:clamp(39px,9.4vw,64px); letter-spacing:-.055em; }
 .tagline { margin-top:3px; font-size:8px; letter-spacing:.08em; }
 .navigation-row { position:relative; flex-wrap:wrap; gap:0; min-height:56px; }
 .has-js .menu-toggle { display:flex; align-items:center; gap:9px; min-width:44px; min-height:54px; border:0; padding:0; background:transparent; font-size:13px; }
 .menu-toggle .ui-icon { width:21px; height:21px; flex-basis:21px; }
 .menu-toggle[aria-expanded="true"] .ui-icon { transform:rotate(90deg); }
 .main-navigation { display:flex; flex-wrap:wrap; gap:0; width:100%; }
 .main-navigation a { flex-basis:50%; min-height:49px; border-top:1px solid var(--line); padding:10px 12px 10px 0; font-size:15px; }
 .main-navigation a[aria-current]::after { display:none; }
 .has-js .main-navigation { display:none; order:3; padding:9px 0 11px; }
 .has-js .main-navigation.is-open { display:flex; }
 .editorial-nav { gap:10px; min-height:54px; max-width:68%; margin-left:auto; font-size:11px; }
 .editorial-nav span { font-size:18px; }
 .journal-intro { padding:29px 0; text-align:left; }
 .journal-intro .eyebrow { font-size:9px; letter-spacing:.08em; }
 .journal-intro h1 { margin-top:14px; font-size:clamp(35px,8.5vw,47px); }
 .intro-note { margin-top:17px; font-size:14px; }
 .front-selection { display:block; }
 .hero-photo .story-image { aspect-ratio:1.13; padding:28px; }
 .hero-copy { padding-top:21px; padding-bottom:26px; }
 .hero h2 { font-size:clamp(35px,8.5vw,46px); }
 .hero-copy p { margin-top:17px; font-size:15px; }
 .hero-copy .read-link { margin-top:15px; }
 .side-stories { display:grid; grid-template-columns:1fr; gap:29px; margin-top:29px; border:0; padding:0; }
 .side-story { border-bottom:1px solid var(--line); padding-bottom:25px; }
 .side-story .story-image { aspect-ratio:1.28; padding:28px; }
 .side-story h2 { font-size:33px; line-height:1.15; }
 .side-story .card-copy>p { margin-top:14px; font-size:15px; line-height:1.8; }
 .side-story .read-link { margin-top:15px; font-size:13px; }
 .topic-index { grid-template-columns:1fr; gap:22px; margin-top:29px; padding:23px 0 15px; }
 .topic-index>.eyebrow { max-width:none; }
 .topic-index ol { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px 20px; }
 .topic-index a { font-size:19px; }
 .latest { padding-top:31px; }
 .section-heading { align-items:flex-end; gap:18px; margin-bottom:24px; padding-bottom:17px; }
 .section-heading h2 { font-size:32px; }
 .section-heading>.eyebrow { display:none; }
 .section-heading .read-link { min-width:76px; gap:8px; font-size:11px; }
 .story-grid,.archive-grid { grid-template-columns:1fr; gap:33px; }
 .story-grid .story-image,.archive-grid .story-image { aspect-ratio:1.28; padding:28px; }
 .story-grid .story-image[data-fit="cover"],.side-story .story-image[data-fit="cover"] { padding:0; }
 .story-grid .card-copy { padding-top:6px; }
 .story-grid h2 { font-size:33px; line-height:1.15; }
 .story-grid .card-copy>p { margin-top:14px; font-size:15px; }
 .story-grid .read-link { margin-top:15px; font-size:13px; }
 .manifesto { grid-template-columns:1fr; gap:21px; margin-top:35px; padding:26px 0; }
 .manifesto h2 { max-width:550px; font-size:31px; }
 .manifesto-copy p { max-width:560px; font-size:15px; }
 .pagination { padding:34px 0 43px; }
 .archive-heading { padding:29px 0; }
 .archive-heading h1 { font-size:44px; }
 .archive-heading p { margin-top:18px; font-size:15px; }
 .search-fields { flex-direction:column; }
 .search-fields button { align-self:flex-start; gap:22px; padding:13px 20px; }
 .empty-state { margin-bottom:44px; padding:25px 22px; }
 .empty-state h2 { font-size:32px; }
 .empty-state>p { font-size:15px; }
 .article-header { display:block; padding-top:27px; padding-bottom:26px; }
 .article-heading h1 { margin-top:9px; font-size:clamp(38px,9vw,52px); }
 .article-heading>.eyebrow { font-size:10px; }
 .article-deck { margin-top:20px; font-size:23px; }
 .byline { gap:10px 20px; margin-top:21px; font-size:9px; }
 .article-cover { margin-top:26px; }
 .article-cover .story-image { aspect-ratio:1.1; max-height:560px; padding:28px; }
 .article-cover figcaption { margin-top:6px; font-size:11px; }
 .article-reading { display:block; padding-top:29px; }
 .reading-note { display:none; }
 .article-body { max-width:100%; font-size:20px; }
 .article-body h2 { margin-top:34px; margin-bottom:18px; font-size:32px; }
 .article-body>p,.article-body section>p { margin-bottom:26px; }
 .sources { margin-top:35px; padding:25px 23px; }
 .sources h2 { font-size:29px; }
 .sources ul { font-size:16px; }
 .sources p { font-size:14px; }
 .related { margin-top:43px; margin-bottom:49px; }
 .editorial-page { padding-top:32px; padding-bottom:49px; }
 .editorial-header { margin-bottom:29px; }
 .editorial-header h1 { margin-top:18px; font-size:47px; }
 .editorial-layout { display:block; }
 .editorial-illustration { flex-direction:row; align-items:center; gap:25px; min-height:230px; margin-bottom:31px; padding:28px; }
 .editorial-illustration .herb-bloom-mark { width:110px; height:110px; }
 .editorial-illustration>span { font-size:42px; }
 .editorial-layout .article-body { font-size:20px; }
 .editorial-layout .article-body h2 { font-size:31px; }
 .page-body { padding-bottom:49px; }
 .error-page { display:block; padding-top:32px; padding-bottom:47px; }
 .error-art { min-height:250px; margin-bottom:30px; font-size:160px; }
 .error-art .herb-bloom-mark { width:55px; height:55px; }
 .error-copy h1 { font-size:43px; }
 .error-copy>p { font-size:15px; }
 .footer-top { display:block; padding-top:31px; padding-bottom:27px; }
 .footer-brand { gap:15px; font-size:37px; }
 .footer-brand .herb-bloom-mark { width:40px; height:40px; }
 .footer-top>div>p { margin-top:16px; }
 .footer-editorial { margin-top:26px; border-top:1px solid #f6f3e940; padding-top:24px; }
 .footer-bottom { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 16px; padding-top:17px; padding-bottom:22px; }
 .footer-bottom>span:nth-child(2) { grid-column:1; grid-row:2; max-width:230px; }
 .footer-bottom>a { grid-column:2; grid-row:1/3; font-size:11px; }
}
@media(max-width:390px) {
 :root { --gutter:18px; }
 .issue-label { max-width:125px; font-size:7px; }
 .utilities { gap:4px; }
 .language-menu summary { gap:4px; font-size:10px; }
 .wordmark { font-size:10vw; }
 .tagline { font-size:7px; }
 .topic-index ol { gap:17px 12px; }
 .topic-index a { font-size:17px; }
 .hero h2,.story-grid h2,.side-story h2 { font-size:32px; }
 .manifesto h2 { font-size:30px; }
 .article-heading h1 { font-size:38px; }
 .article-deck { font-size:22px; }
 .sources { padding:24px 20px; }
 .editorial-header h1 { font-size:43px; }
 .editorial-illustration { min-height:205px; gap:17px; padding:23px; }
 .editorial-illustration .herb-bloom-mark { width:80px; height:80px; }
 .editorial-illustration>span { font-size:35px; }
 .footer-brand { gap:11px; font-size:31px; }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}
@media print {
 body { background:#fff; color:#000; }
 .utility,.navigation-row,#search-panel,.related,.reading-note,.site-footer,.read-link,.skip-link { display:none!important; }
 .wrap { width:100%; max-width:none; }
 .masthead { display:block; padding:0; }
 .brand-symbol { display:none; }
 .wordmark { font-size:42px; }
 .tagline { font-size:10px; }
 .article-header { display:block; padding-top:25px; }
 .article-heading h1 { font-size:34px; }
 .article-deck { font-size:17px; }
 .article-cover .story-image { max-height:290px; }
 .article-reading { display:block; }
 .article-body { max-width:none; font-size:12pt; line-height:1.6; }
 .article-body h2 { font-size:20pt; }
 a { color:#000; text-decoration:underline; }
 .sources { break-inside:avoid; border:1px solid #aaa; background:#fff; }
}