:root{--ink:#153e37;--paper:#fff;--muted:#52625e;--line:#d6dedb;--wash:#eef4f1;--accent:#b84029}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--paper);font:17px/1.65 Arial,sans-serif}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.wrap{max-width:1200px;margin:auto;padding:0 40px}.skip{position:absolute;left:20px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}header{padding:27px 0;border-bottom:1px solid var(--line)}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.brand{font:28px Georgia,serif;text-decoration:none;white-space:nowrap}nav{display:flex;gap:25px;flex-wrap:wrap}nav a{font-size:14px;text-decoration:none;padding:8px 0}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:700;color:var(--muted)}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:65px;padding:64px 0;align-items:center}h1{font:clamp(40px,5vw,67px)/1.08 Georgia,serif;margin:22px 0}h2{font:38px/1.15 Georgia,serif;margin:14px 0 22px}h3{font:27px/1.25 Georgia,serif;font-weight:400;margin:12px 0 18px}p{color:var(--muted);margin:0 0 20px}.hero p{max-width:620px}.hero-image{margin:0}.hero-image img{width:100%;height:390px;object-fit:cover;object-position:center 25%;display:block}.hero-image figcaption{font-size:12px;color:var(--muted);padding-top:8px}.actions{display:flex;gap:24px;flex-wrap:wrap;align-items:center;margin-top:28px}.button{background:var(--ink);color:#fff;padding:13px 23px;text-decoration:none;font-size:15px;display:inline-block}.button:hover{background:var(--accent);color:#fff}.bylines{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;font:19px Georgia,serif;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.bylines small{font:12px Arial,sans-serif;color:var(--muted);letter-spacing:1px}.section{padding:65px 0}.section-top{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}.section-top h2{margin-bottom:0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 30px}.filters button{font:14px Arial,sans-serif;padding:10px 15px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}.filters button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.story{border-top:3px solid var(--ink);padding:22px 0 20px;display:flex;flex-direction:column}.story[hidden]{display:none}.story h3 a{text-decoration:none}.story p{font-size:15px}.story .read{font-size:14px;margin-top:auto;align-self:start}.meta{font-size:12px;color:var(--muted);letter-spacing:.6px;text-transform:uppercase}.count{font-size:14px;color:var(--muted)}.about-band{background:var(--wash)}.about-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:80px}.recognition{border-top:1px solid var(--line);padding:20px 0}.recognition strong{display:block;font:22px Georgia,serif;margin-bottom:8px}.recognition a{font-size:14px}.audio-list{border-top:1px solid var(--line)}.audio-item{display:grid;grid-template-columns:180px 1fr 80px;gap:30px;align-items:center;border-bottom:1px solid var(--line);padding:23px 0}.audio-item h3{font-size:23px;margin:0 0 8px}.audio-item p{font-size:14px;margin:0}.audio-item .listen{font-size:14px}.contact{background:var(--ink);color:#fff;padding:65px 0}.contact p,.contact .eyebrow{color:#dce9e3}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact a{color:#fff;overflow-wrap:anywhere}.email{font:clamp(20px,2.3vw,28px) Georgia,serif}.contact a:hover{color:#ffd1c6}footer{padding:22px 0;font-size:13px;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}@media(max-width:900px){.hero{gap:30px;grid-template-columns:1.3fr 1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-inner{align-items:start;flex-direction:column}.about-grid{gap:35px}.audio-item{grid-template-columns:130px 1fr 65px}}@media(max-width:600px){.wrap{padding:0 22px}.brand{font-size:25px}nav{gap:18px}.hero{grid-template-columns:1fr;padding:35px 0;gap:28px}h1{font-size:42px}.hero-image img{height:300px}.grid,.about-grid,.contact-grid{grid-template-columns:1fr}.section{padding:42px 0}.section-top{align-items:start;flex-direction:column;gap:12px}.bylines{font-size:17px;justify-content:start}.audio-item{grid-template-columns:1fr;gap:12px}.audio-item .listen{justify-self:start}.contact{padding:42px 0}h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Preserve the full original portrait at every screen width. */
.hero-image img{height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;width:100%;max-width:100%}
.story figure{margin:0 0 18px}.story figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.story figcaption{font-size:12px;line-height:1.4;color:var(--muted);margin-top:7px}.story{min-width:0}.archive-heading{margin-top:45px}
.year-control{display:flex;gap:12px;align-items:center;margin:0 0 25px;font-size:14px}.year-control select{font:inherit;padding:10px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}.book-detail{max-width:820px;padding:28px;border-left:4px solid var(--ink);background:var(--wash)}

.book-entry{margin-top:36px}.book-entry h3{margin-bottom:18px}

.covid-band{border-top:1px solid var(--line);background:var(--wash)}.covid-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.covid-year{margin-top:36px;border-bottom:1px solid var(--line);padding-bottom:12px}.covid-story{border-top:1px solid var(--line);padding-top:18px}.covid-story h3{font-size:23px}.covid-story h3 a{text-decoration:none}.covid-story p{font-size:15px}@media(max-width:900px){.covid-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.covid-grid{grid-template-columns:1fr}}
/* A stronger editorial hierarchy, keeping the established forest-green identity. */
header{border-top:5px solid var(--ink);padding:23px 0}.header-inner{gap:22px}nav{gap:18px}nav a[aria-current=page]{font-weight:700;border-bottom:2px solid var(--accent)}
.hero{padding:48px 0 42px;grid-template-columns:1.35fr 1fr;gap:48px}h1{font-size:clamp(36px,4.2vw,57px);line-height:1.12;letter-spacing:-1.6px}h1 em{font-weight:400;color:var(--accent)}.hero p{font-size:17px;max-width:570px}.hero-image img{height:auto;object-fit:contain;box-shadow:12px 12px 0 var(--wash)}.hero-image figcaption{padding-top:17px}.hero-awards{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12px;line-height:1.55;color:var(--ink);border-top:1px solid var(--line);padding-top:17px;margin-top:24px;max-width:570px}.hero-awards span{max-width:100%}.bylines{font-size:18px;padding:20px 0}.section{padding:54px 0}
.bmj-spotlight{margin-top:36px;padding:25px 30px;background:var(--ink);color:white;display:flex;justify-content:space-between;gap:24px;align-items:center}.bmj-spotlight .eyebrow,.bmj-spotlight p{color:#dce9e3}.bmj-spotlight h2{font-size:29px;margin:7px 0 10px}.bmj-spotlight p{font-size:15px;margin:0;max-width:650px}.bmj-spotlight .button{border:1px solid #dce9e3;white-space:nowrap}
.featured-grid{gap:32px}.featured-grid .story{border-top:0;padding-top:0}.featured-grid .story h3{font-size:25px}.featured-grid .story figure img{aspect-ratio:3/2}.featured-grid .story p{font-size:15px}.featured-grid .story figcaption{font-size:12px}.story figure a{display:block;overflow:hidden}.story figure img{transition:transform .2s ease}.story figure a:hover img{transform:scale(1.025)}
details>summary{cursor:pointer;font-size:16px;color:var(--ink);padding:19px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);list-style-position:inside;font-weight:700}details>summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.more-reporting{margin-top:30px}.more-reporting[open]>summary{margin-bottom:25px}.archive-grid{display:block}.archive-grid .story{display:grid;grid-template-columns:155px 1fr;column-gap:25px;border-top:1px solid var(--line);padding:22px 0}.archive-grid .story[hidden]{display:none}.archive-grid .story figure{grid-column:1;grid-row:1/span 4;margin:0}.archive-grid .story>.meta,.archive-grid .story>h3,.archive-grid .story>p,.archive-grid .story>.read{grid-column:2}.archive-grid .story h3{font-size:23px;margin:6px 0 9px}.archive-grid .story p{margin-bottom:10px}.archive-grid .story:not(:has(figure)){grid-template-columns:1fr}.archive-grid .story:not(:has(figure))>*{grid-column:1}.archive-heading{margin-top:28px}.covid-band> .wrap>p{max-width:760px}.covid-archive{margin-top:24px}.covid-archive summary{border-color:#bbcfc4}.recognition strong{font-size:23px}.book-detail{border-left:3px solid var(--accent)}
.bmj-intro{padding-top:45px;padding-bottom:38px;border-bottom:1px solid var(--line)}.back-link{display:inline-block;font-size:14px;margin-bottom:25px}.bmj-intro h1{margin:18px 0 24px}.bmj-intro>p{max-width:760px}.access-note{font-size:14px!important;margin:20px 0 0!important;padding-left:18px;border-left:3px solid var(--accent)}.bmj-collection{padding-top:35px;padding-bottom:60px}.bmj-controls{display:flex;gap:20px;align-items:end;flex-wrap:wrap;margin-bottom:35px}.bmj-controls label{display:flex;flex-direction:column;gap:7px;font-size:14px}.bmj-controls label:first-child{flex:1;min-width:210px}.bmj-controls input,.bmj-controls select{font:16px Arial,sans-serif;color:var(--ink);background:white;border:1px solid #a8b8b0;padding:13px;min-height:46px;max-width:100%}.bmj-year-section{display:grid;grid-template-columns:110px 1fr;gap:32px;margin-top:32px}.bmj-year-heading{font-size:30px;margin:15px 0;color:var(--accent)}.bmj-entry{display:grid;grid-template-columns:145px 1fr;gap:22px;padding:22px 0;border-top:1px solid var(--line)}.bmj-entry[hidden],.bmj-year-section[hidden]{display:none}.bmj-entry time{font-size:13px;color:var(--muted);padding-top:5px}.bmj-entry h3{font-size:24px;margin:0 0 14px}.bmj-entry h3 a{text-decoration:none}.bmj-entry-links{display:flex;gap:23px;flex-wrap:wrap;font-size:13px}.bmj-empty{padding:22px;background:var(--wash)}.bibliography-note{font-size:13px;max-width:760px;margin-top:40px}
@media(max-width:1000px){.header-inner{flex-direction:column;align-items:start}.bmj-spotlight{align-items:start;flex-direction:column}.hero{gap:35px}}
@media(max-width:700px){.hero{grid-template-columns:1fr;gap:30px}.hero-image{max-width:480px}.hero h1{font-size:40px;letter-spacing:-1px}.hero-awards{font-size:12px}.bmj-spotlight{padding:23px}.bmj-spotlight .button{white-space:normal}.bmj-year-section{grid-template-columns:1fr;gap:0}.bmj-entry{grid-template-columns:1fr;gap:10px}.bmj-controls{align-items:stretch}.bmj-controls label{flex:1}.archive-grid .story{grid-template-columns:110px 1fr;column-gap:16px}.archive-grid .story figure img{aspect-ratio:1;object-fit:cover}.archive-grid .story h3{font-size:21px}.featured-grid .story h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.story figure img{transition:none}.story figure a:hover img{transform:none}}


/* Travel and opinion collections */
nav a[aria-current="page"]{color:var(--accent);border-bottom:2px solid currentColor}
.collection-highlights{padding-bottom:60px}.collection-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.collection-feature{border-top:2px solid #153e37;padding-top:18px}.collection-feature figure{margin:0 0 20px}.collection-feature img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:3px}.collection-feature figcaption{font-size:11px;color:#52625e;margin-top:6px}.collection-feature h3{font:normal 26px/1.22 Georgia,serif;margin:12px 0 22px}.collection-feature h3 a{text-decoration:none}.collection-feature h3 a:hover,.read-link:hover{text-decoration:underline}.collection-feature .meta{font-size:12px}.read-link{font-size:14px;font-weight:700;color:#153e37}.collection-group{margin-bottom:45px}.collection-group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;border-bottom:2px solid #153e37;padding-bottom:10px}.collection-group-heading h2{font:normal 32px Georgia,serif;margin:0}.collection-group-heading>a{font-size:13px;color:#52625e}.collection-entry[hidden],.collection-group[hidden]{display:none}.bmj-controls select{max-width:100%}nav{flex-wrap:wrap}
@media(min-width:1001px){.header-inner{flex-wrap:wrap;gap:16px}nav{gap:18px}}
@media(max-width:760px){.collection-features{grid-template-columns:1fr}.collection-feature{padding-top:20px}.collection-feature h3{font-size:27px}.collection-feature img{max-height:360px}.collection-highlights{padding-bottom:25px}.bmj-controls{flex-wrap:wrap}.collection-group-heading{align-items:flex-start;flex-direction:column;gap:8px}.collection-group-heading h2{font-size:28px}}

.social-links{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:24px}.social-links a{font-size:16px;color:inherit;text-underline-offset:4px}

.interview-card{display:grid;grid-template-columns:280px 1fr;gap:30px;padding:28px 0;border-bottom:1px solid #d7dfdb}.interview-card figure{margin:0}.interview-card img{display:block;width:100%;height:auto;max-height:260px;object-fit:contain;background:#eef4f1}.interview-card figcaption{font-size:11px;line-height:1.4;color:#52625e;margin-top:7px}.interview-card h3{font:normal 27px/1.25 Georgia,serif;margin:12px 0 16px}.interview-card h3 a{text-decoration:none}.interview-card h3 a:hover{text-decoration:underline}@media(max-width:650px){.interview-card{grid-template-columns:1fr;gap:18px}.interview-card img{max-height:360px}.interview-card h3{font-size:26px}}

/* Article photographs added to publication lists. Keep the full frame visible. */
.article-photo{margin:0 0 18px;min-width:0}.article-photo img{display:block;width:100%;height:auto;max-height:300px;object-fit:contain;background:var(--wash)}.article-photo figcaption{font-size:11px;line-height:1.4;color:var(--muted);margin-top:7px}.bmj-entry.has-article-photo{grid-template-columns:180px 110px minmax(0,1fr)}.bmj-entry .article-photo{margin:0}.collection-feature .article-photo img,.story .article-photo img{aspect-ratio:auto;object-fit:contain}.archive-grid .story .article-photo img{aspect-ratio:auto;object-fit:contain}
@media(max-width:800px){.bmj-entry.has-article-photo{grid-template-columns:140px minmax(0,1fr)}.bmj-entry.has-article-photo>time,.bmj-entry.has-article-photo>.meta{grid-column:2}.bmj-entry.has-article-photo>.article-photo{grid-column:1;grid-row:1/span 2}.bmj-entry.has-article-photo>div:not(.meta){grid-column:2}}
@media(max-width:600px){.bmj-entry.has-article-photo{grid-template-columns:minmax(0,1fr)}.bmj-entry.has-article-photo>time,.bmj-entry.has-article-photo>.meta,.bmj-entry.has-article-photo>.article-photo,.bmj-entry.has-article-photo>div:not(.meta){grid-column:1;grid-row:auto}.bmj-entry .article-photo img{max-height:320px}}

.interview-card.text-only-card{grid-template-columns:minmax(0,1fr)}

.scmp-vaccine-graphic .graphic-frame{display:block;overflow:hidden;aspect-ratio:688/1000;background:white}.interview-card .scmp-vaccine-graphic img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;margin-top:-46.5116%;background:white}


/* Selected bylines: four equal columns, including on small screens. */
.byline-logos{display:block;padding:18px 0}.byline-logos>small{display:block;margin:0 0 12px;font-size:10px;letter-spacing:1.7px}.byline-logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 20px;align-items:center}.byline-row{display:contents}.byline-logo{display:flex;align-items:center;gap:8px;min-width:0;min-height:34px;font:15px/1.3 Georgia,serif;text-decoration:none}.byline-logo>img{display:block;flex:0 0 24px;width:24px;height:24px;object-fit:contain}.byline-logo>span{min-width:0}.byline-logo:hover{color:var(--accent)}.byline-logo:hover>span{text-decoration:underline}.byline-logo .nyt-wordmark{display:block;width:150px;max-width:100%;aspect-ratio:1536/250;overflow:hidden}.byline-logo .nyt-wordmark img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;margin-top:-20.5%;flex:none}.nyt-byline .nyt-name{display:none}
@media(max-width:850px){.byline-logo-grid{column-gap:14px}.byline-logo{font-size:13px;gap:6px}.byline-logo>img{width:22px;height:22px;flex-basis:22px}}
@media(max-width:600px){.byline-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 10px;align-items:start}.byline-logo{flex-direction:column;align-items:center;text-align:center;font-size:11px;line-height:1.25;gap:5px;min-height:0}.byline-logo>img{width:23px;height:23px;flex-basis:auto}.byline-logo .nyt-wordmark{width:100%;margin:5px 0 2px}.nyt-byline .nyt-name{display:block}.byline-logos{padding:18px 0}}

.byline-logo.bbc-byline>img{width:70px;height:20px;flex:0 0 auto;object-fit:contain}@media(max-width:600px){.byline-logo.bbc-byline>img{width:60px;max-width:100%;height:23px;flex:none}}

/* Approved mobile homepage: compact navigation below the reporting link. */
.homepage-mobile-menu{display:none}
@media(max-width:700px){
body:has(.homepage-mobile-menu) header nav{display:none}
body:has(.homepage-mobile-menu) .header-inner{display:block}
body:has(.homepage-mobile-menu) .brand{font-size:34px;white-space:normal;line-height:1.15;display:block}
body:has(.homepage-mobile-menu) .hero{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:16px;align-items:center;padding-top:30px}
body:has(.homepage-mobile-menu) .hero>div{min-width:0}
body:has(.homepage-mobile-menu) .hero h1{font-size:28px;line-height:1.12;letter-spacing:-.5px}
body:has(.homepage-mobile-menu) .hero h1 em{font-size:26px}
body:has(.homepage-mobile-menu) .hero p{font-size:13px;line-height:1.65}
body:has(.homepage-mobile-menu) .hero .eyebrow{font-size:9px;letter-spacing:1px}
body:has(.homepage-mobile-menu) .hero-image{min-width:0}
body:has(.homepage-mobile-menu) .hero-image img{width:100%;height:auto;object-fit:contain}
body:has(.homepage-mobile-menu) .hero-image figcaption{font-size:10px}
body:has(.homepage-mobile-menu) .hero .actions{gap:13px}
body:has(.homepage-mobile-menu) .hero .button{font-size:12px;padding:12px}
body:has(.homepage-mobile-menu) .hero .actions>a:not(.button){font-size:12px}
.homepage-mobile-menu{display:block;margin-top:18px}
.homepage-mobile-menu summary{display:flex;justify-content:space-between;cursor:pointer;background:var(--ink);color:white;padding:12px 16px;font:14px Arial,sans-serif;list-style:none;min-height:44px}
.homepage-mobile-menu summary::-webkit-details-marker{display:none}
.homepage-mobile-menu nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 12px;padding:12px;background:var(--wash)}
.homepage-mobile-menu nav a{font-size:13px;min-height:44px;padding:8px 0}
.homepage-mobile-menu:not([open]) nav{display:none}
}

/* Mobile home hero: headline, portrait, copy, then the menu. */
@media(max-width:700px){
body:has(.homepage-mobile-menu) .hero{grid-template-columns:minmax(0,1fr);gap:16px;align-items:start;padding-top:30px}
body:has(.homepage-mobile-menu) .hero-heading{grid-column:1;grid-row:1}
body:has(.homepage-mobile-menu) .hero-image{grid-column:1;grid-row:2;align-self:start;margin:0;min-width:0;max-width:none;width:100%}
body:has(.homepage-mobile-menu) .hero-image img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center 25%}
body:has(.homepage-mobile-menu) .hero-image figcaption{font-size:11px;padding-top:8px}
body:has(.homepage-mobile-menu) .hero-copy{grid-column:1;grid-row:3;min-width:0}
body:has(.homepage-mobile-menu) .hero p{font-size:16px;line-height:1.65;max-width:none}
body:has(.homepage-mobile-menu) .hero .eyebrow{font-size:9px;letter-spacing:1px}
body:has(.homepage-mobile-menu) .hero h1{font-size:36px;line-height:1.12;letter-spacing:-.5px}
body:has(.homepage-mobile-menu) .hero h1 em{font-size:32px}
body:has(.homepage-mobile-menu) .hero-awards{font-size:12px}
body:has(.homepage-mobile-menu) .hero .actions{gap:13px}
body:has(.homepage-mobile-menu) .hero .button{font-size:12px;padding:12px}
body:has(.homepage-mobile-menu) .hero .actions>a:not(.button){font-size:12px}
body:has(.homepage-mobile-menu) .homepage-mobile-menu{display:block}
body:has(.homepage-mobile-menu) .brand{font-size:24px}
body:has(.homepage-mobile-menu) .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
}

.hero-heading{grid-column:1;grid-row:1}
.hero-copy{grid-column:1;grid-row:2;min-width:0}
.hero-image{grid-column:2;grid-row:2;align-self:start}

/* Mobile layout repair: override conflicting desktop placement and card columns. */
@media(max-width:700px){
body:has(.homepage-mobile-menu) .hero{grid-template-columns:minmax(0,1fr);gap:20px}
body:has(.homepage-mobile-menu) .hero-heading{grid-column:1;grid-row:1;min-width:0}
body:has(.homepage-mobile-menu) .hero-image{grid-column:1;grid-row:2;max-width:100%;width:100%;margin:0}
body:has(.homepage-mobile-menu) .hero-copy{grid-column:1;grid-row:3;min-width:0}
body:has(.homepage-mobile-menu) .hero-image img{height:auto;aspect-ratio:auto;object-fit:contain}
body:has(.homepage-mobile-menu) .grid{grid-template-columns:minmax(0,1fr);gap:28px}
body:has(.homepage-mobile-menu) .grid>*{min-width:0}
body:has(.homepage-mobile-menu) .brand{font-size:34px;line-height:1.15}
}

/* Give the audio section breathing room on phones only. */
@media(max-width:700px){
#audio.wrap{padding-left:24px;padding-right:24px;width:100%;box-sizing:border-box}
#audio .audio-item{min-width:0}
}

/* Match the audio inset for books and anthologies on phones. */
@media(max-width:700px){
#books.wrap{padding-left:24px;padding-right:24px;width:100%;box-sizing:border-box}
#books .book-entry,#books .book-detail{min-width:0;max-width:100%}
}

/* Homepage section navigation, shared by mobile and desktop. */
body:has(.reporting-navigation) header nav{display:none}
body:has(.reporting-navigation) .header-inner{display:block}
body:has(.reporting-navigation) #reporting .reporting-navigation{display:block;width:100%;max-width:640px;margin:0 0 36px;padding:0;border:0;box-sizing:border-box}
body:has(.reporting-navigation) .reporting-navigation nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr);gap:10px;padding:0;margin:0}
body:has(.reporting-navigation) .reporting-navigation nav a{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:48px;padding:12px 8px;border:1px solid #d8dfdc;text-decoration:none;font-size:16px;line-height:1.3;white-space:nowrap;color:#153e37}
body:has(.reporting-navigation) .reporting-navigation nav a:hover,body:has(.reporting-navigation) .reporting-navigation nav a:focus-visible{background:#153e37;color:#fff}
@media(max-width:700px){
body:has(.reporting-navigation) .reporting-navigation nav{gap:6px}
body:has(.reporting-navigation) .reporting-navigation nav a{font-size:12px;min-height:46px;padding:9px 3px}
}

/* Tagline immediately beneath the homepage name. */
.brand-tagline{font-family:Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:.08em;color:#5d6864;margin-top:8px}
@media(max-width:700px){.brand-tagline{font-size:12px;letter-spacing:.07em;margin-top:8px}}

/* Approved two-line tagline beneath the name, on every screen size. */
.brand-tagline,.brand-location{font-family:Arial,sans-serif;font-weight:600;font-size:12px;line-height:1.6;letter-spacing:1.1px;color:#5d6864;white-space:nowrap}
.brand-tagline{margin-top:14px}
.brand-location{display:block;margin-top:3px}

/* Branded, accessible social links in the contact section. */
#contact .social-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px;max-width:440px}
#contact .social-links .social-link{display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 14px;border:1px solid #b9ccc5;border-radius:12px;background:#fff;color:#153e37;font-size:15px;line-height:1.3;text-decoration:none;transition:background .18s,border-color .18s,box-shadow .18s}
#contact .social-icon{width:36px;height:36px;flex:0 0 36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#153e37;color:#fff}
#contact .social-icon svg{display:block;width:18px;height:18px}
#contact .social-arrow{margin-left:auto;color:#52625e;font-size:17px}
#contact .social-links .social-link:hover{background:#eef4f1;border-color:#153e37;box-shadow:0 3px 10px #153e3710}
@media(max-width:380px){#contact .social-links .social-link{gap:8px;padding:10px;font-size:13px}#contact .social-icon{width:30px;height:30px;flex-basis:30px}}
@media(prefers-reduced-motion:reduce){#contact .social-links .social-link{transition:none}}

/* Keep social labels intact and give each button enough room. */
#contact .social-links{grid-template-columns:repeat(auto-fit,minmax(min(100%,165px),1fr));max-width:480px}
#contact .social-links .social-link{min-width:0;gap:10px;padding:12px 14px;white-space:nowrap;word-break:normal;overflow-wrap:normal}
#contact .social-links .social-link>span:not(.social-icon){flex-shrink:0;white-space:nowrap}

/* Give the name more prominence on desktop only. */
@media(min-width:701px){body:has(.brand-tagline) header .brand{font-size:clamp(52px,4.5vw,64px);line-height:1.15}}

/* Prominent section navigation with room for complete labels. */
body:has(.reporting-navigation) #reporting .reporting-navigation{max-width:100%;margin-bottom:40px}
body:has(.reporting-navigation) .reporting-navigation nav{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
body:has(.reporting-navigation) .reporting-navigation nav a{background:#153e37;color:#fff;border-color:#153e37;border-radius:8px;min-height:54px;font-size:16px;font-weight:600;padding:13px 10px;box-shadow:0 2px 4px #153e3715}
body:has(.reporting-navigation) .reporting-navigation nav a:hover,body:has(.reporting-navigation) .reporting-navigation nav a:focus-visible{background:#24594f;color:#fff;border-color:#24594f}
@media(max-width:700px){
body:has(.reporting-navigation) .reporting-navigation nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body:has(.reporting-navigation) .reporting-navigation nav a{font-size:15px;min-height:50px;padding:12px 8px}
}
@media(min-width:701px) and (max-width:1000px){body:has(.reporting-navigation) .reporting-navigation nav{gap:8px}body:has(.reporting-navigation) .reporting-navigation nav a{font-size:12px;padding:12px 6px}}

/* Keep the name banner stacked on the standalone Books and Audio pages. */
.standalone-collection .header-inner{display:block}
.standalone-collection header nav{display:none}
@media(max-width:700px){.standalone-collection header .brand{display:block;font-size:34px;line-height:1.15;white-space:normal}}

/* A quiet highlight for journalism awards above the reporting button. */
.hero .hero-awards{background:#eef4f1;border:1px solid #d6e2dc;border-left:3px solid #b84029;border-radius:0 6px 6px 0;padding:15px 18px;margin-top:26px;gap:10px 20px;max-width:100%;font-size:13px;line-height:1.6}
.hero .hero-awards a{font-weight:600;text-decoration-thickness:1px;text-decoration-color:#a5b8af;text-underline-offset:4px}
.hero .hero-awards a:hover{color:#9e3522;text-decoration-color:currentColor}
@media(max-width:700px){.hero .hero-awards{padding:14px 16px;gap:10px 16px;font-size:13px}}