/* Shared editorial system: Ege turquoise, olive and sunset on the existing dark base. */
.editorial-page {
  margin:0; color:#eef6f7; background:#061019;
  background-image:radial-gradient(ellipse at 0 0,#123c46 0,transparent 42rem),radial-gradient(ellipse at 100% 35%,#29203988 0,transparent 55rem);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  line-height:1.65; font-size:16px;
}
.editorial-page *, .story-grid * {box-sizing:border-box}
.editorial-page a {color:inherit}
.editorial-page a:focus-visible,.video-archive-page a:focus-visible {outline:3px solid #62e4e9;outline-offset:5px;border-radius:4px}
.editorial-page [hidden] {display:none!important}
.editorial-topbar,.editorial-footer {max-width:1440px;margin:auto;padding:26px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.editorial-topbar nav,.editorial-footer nav {display:flex;gap:24px;flex-wrap:wrap}
.editorial-topbar nav a,.editorial-footer a {font-size:.88rem;color:#c4dce3;text-decoration:none}
.editorial-topbar nav a:hover,.editorial-footer a:hover {color:#66e6ed}
.editorial-brand {font-size:1.55rem;font-weight:850;letter-spacing:-.05em;text-decoration:none;white-space:nowrap}
.editorial-brand span {color:#35cfe0}
.editorial-shell {max-width:1440px;padding:12px 32px 56px;margin:auto}
.editorial-footer {border-top:1px solid #28404c;color:#a8bfca;font-size:.8rem;margin-top:30px}
.skip-content {position:absolute;top:-100px;left:20px;z-index:20;background:#fff;color:#061019!important;padding:12px}
.skip-content:focus {top:12px}
.eyebrow {display:block;font-size:.73rem;font-weight:800;letter-spacing:.13em;color:#7ae5e2;margin-bottom:14px}
.editorial-hero {padding:clamp(28px,5vw,68px);border:1px solid #395f68;border-radius:26px;background:linear-gradient(125deg,#103d49,#12263b 65%,#28203b);overflow:hidden}
.editorial-hero h1 {font-size:clamp(2.25rem,5vw,4.8rem);line-height:1.04;letter-spacing:-.05em;margin:18px 0 24px;font-weight:800;max-width:800px}
.editorial-hero h1 em {font-style:normal;color:#75e4df}
.editorial-hero p {max-width:650px;font-size:1.05rem;color:#d0e0e5;line-height:1.8}
.compact-hero {max-height:none}
.radio-hero {background:linear-gradient(118deg,#163f49,#1b284d 65%,#4b2850)}
.world-hero {background:linear-gradient(118deg,#123648,#152855 65%,#39274b)}
.solid-button {display:inline-flex;align-items:center;justify-content:center;background:#69e4db;color:#06202b!important;text-decoration:none;min-height:48px;border-radius:9px;padding:12px 22px;font-weight:750;margin-top:12px}
.solid-button:hover {background:#a5fff3}
.text-link {font-size:.88rem;font-weight:750;color:#8ee8e4}
.muted {font-size:.86rem!important;color:#abc3cd!important}
.breadcrumb {font-size:.82rem;margin:12px 0 26px;color:#aecbd1;overflow-wrap:anywhere}
.breadcrumb a {text-decoration:none}
.editorial-section {margin-top:56px}
.editorial-section h2 {font-size:clamp(1.4rem,2.5vw,2.05rem);letter-spacing:-.025em;line-height:1.25}
.section-heading {display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:22px}
.section-heading h2 {margin:0}
.section-heading>a,.section-heading>span {font-size:.82rem;color:#93dee4}
.note-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.note-grid article {background:linear-gradient(130deg,#16333c,#10212f);border:1px solid #31515c;border-radius:18px;padding:28px}
.note-grid article:nth-child(2n) {background:linear-gradient(130deg,#293b2d,#12242c);border-color:#445b46}
.note-grid p {color:#c6d7db;line-height:1.8}
.note-grid h3 {font-size:1.1rem;margin:0}
.story-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.story-card {border-radius:18px;overflow:hidden;border:1px solid #304c5c;background:#102433}
.story-card>a {display:block;height:100%;text-decoration:none;color:#eef6f7}
.story-card img {width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.story-card a>div {padding:22px}
.story-card h3 {font-size:1.12rem;line-height:1.45;margin:0 0 12px}
.story-card p {font-size:.9rem;line-height:1.7;color:#bed0db}
.story-card:hover {border-color:#69dcd9}
.watch-article {border:1px solid #335063;border-radius:22px;overflow:hidden;background:#0c202e}
.watch-player {background:#000;aspect-ratio:16/9}
.watch-player iframe {width:100%;height:100%;border:0}
.watch-copy {padding:clamp(22px,4vw,44px);max-width:1040px}
.watch-copy h1 {font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.25;letter-spacing:-.025em;margin:0 0 20px}
.watch-copy p {font-size:1.03rem;color:#c7dbe3;white-space:pre-line}
.watch-copy time {color:#a5bfca;font-size:.82rem}
.radio-listen {display:grid;grid-template-columns:minmax(200px,.7fr) minmax(0,1.3fr);gap:clamp(24px,5vw,68px);padding:clamp(20px,4vw,50px);border:1px solid #3a5567;border-radius:24px;background:linear-gradient(115deg,#17384b,#152238)}
.radio-art {border-radius:18px;position:relative;align-self:start;overflow:hidden;aspect-ratio:1/1;box-shadow:0 12px 40px #0005;background:var(--tile-accent,#176e84)}
.radio-art img {width:100%;height:100%;object-fit:cover}
.radio-art span {position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#05111ef2);padding:44px 24px 20px;font-size:1.4rem;letter-spacing:.07em;font-weight:800}
.radio-copy {align-self:center;min-width:0}
.radio-copy h1 {font-size:clamp(2rem,4vw,3.5rem);line-height:1.1;letter-spacing:-.04em;margin:16px 0 24px}
.radio-copy p {color:#cadce4}
.radio-copy audio {display:block;width:100%;margin-top:26px}
.player-status {min-height:1.7em;font-size:.86rem}
.radio-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.radio-tile {display:flex;flex-direction:column;text-decoration:none;background:linear-gradient(140deg,#193243,#0e1d2d);border:1px solid #355167;border-top:3px solid var(--tile-accent,#66deda);border-radius:16px;padding:24px;transition:transform .16s ease,border-color .16s ease}
.radio-tile:hover {transform:translateY(-3px);border-color:var(--tile-accent,#66deda)}
.radio-number {color:var(--tile-accent,#77e7d7);font-size:.8rem;font-weight:750;margin-bottom:12px}
.radio-tile strong {font-size:1.12rem}
.radio-tile p {font-size:.86rem;line-height:1.75;color:#b6ccd8;margin-bottom:22px}
.radio-tile .text-link {margin-top:auto}
.directory-search {display:block;color:#bcd6dc;font-size:.88rem;max-width:460px}
.directory-search input {display:block;width:100%;margin-top:8px;background:#102736;color:#fff;border:1px solid #52798c;border-radius:10px;min-height:48px;padding:12px 16px;font:inherit}
.source-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.source-card {padding:26px;border:1px solid #354c71;border-radius:17px;background:linear-gradient(140deg,#203757,#121e34);display:flex;flex-direction:column}
.source-card:nth-child(3n+2) {background:linear-gradient(140deg,#213f3d,#142431);border-color:#3a5c56}
.source-card:nth-child(3n+3) {background:linear-gradient(140deg,#3c2e43,#192332);border-color:#634759}
.source-card h2 {font-size:1.18rem;line-height:1.4;margin:0}
.source-card p {font-size:.9rem;color:#c1d3df}
.source-card .eyebrow {font-size:.67rem;color:#b2e5df}
.source-links {display:flex;gap:20px;flex-wrap:wrap;margin-top:auto;padding-top:12px;font-size:.83rem}
.feature-editorial {display:grid;grid-template-columns:1fr 1.1fr;gap:0;padding:0}
.feature-editorial .hero-copy {padding:clamp(28px,4vw,56px)}
.feature-editorial h1 {font-size:clamp(2.5rem,4.1vw,4.2rem)}
.feature-editorial figure {margin:0;align-self:stretch;position:relative;background:#0d2936}
.feature-editorial figure img {height:100%;width:100%;object-fit:cover;min-height:330px;display:block}
.feature-editorial figcaption {position:absolute;left:0;right:0;bottom:0;padding:30px 18px 16px;background:linear-gradient(transparent,#001723e8);color:#eef8ff;font-size:.72rem}
.route-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.route-card {border:1px solid #40616a;border-radius:20px;padding:28px;background:linear-gradient(130deg,#193e43,#102532)}
.route-card:nth-child(2) {background:linear-gradient(130deg,#3c452b,#172d2f);border-color:#596745}
.route-card:nth-child(3) {background:linear-gradient(130deg,#573a32,#2c2737);border-color:#765345}
.route-card h3 {font-size:1.35rem;line-height:1.3;margin:10px 0 20px}
.route-card p {font-size:.94rem;color:#d0deda}
.route-card .route-number {font-size:.76rem;font-weight:750;color:#cde5b2}
.route-card a {font-size:.82rem;text-underline-offset:4px}
.editorial-faq {max-width:920px}
.editorial-faq details {border-bottom:1px solid #395362;padding:20px 0}
.editorial-faq summary {cursor:pointer;font-size:1.05rem;font-weight:650}
.editorial-faq details p {color:#bfd0dc;max-width:780px}
.photo-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.photo-grid figure {margin:0;background:#122939;border:1px solid #375567;border-radius:20px;overflow:hidden}
.photo-grid figure:first-child {grid-column:1/-1}
.photo-grid img {width:100%;height:auto;display:block}
.photo-grid figcaption {padding:22px;color:#b9d1d9;font-size:.85rem;line-height:1.8}
.photo-grid h2 {font-size:1.25rem;color:#f2f7fa;margin:0 0 10px}
.photo-credit {font-size:.76rem!important;color:#abc5ce}
.prose-block {max-width:900px;padding:30px 0;border-top:1px solid #304c5c;margin-top:32px}
.prose-block p {color:#c0d5dd;line-height:1.9}
/* More readable information pages, without changing their navigation or legal text. */
.info-page {background:radial-gradient(ellipse at 8% 0,#16444b,transparent 45rem),#07121d}
.info-page .info-hero {border-left:3px solid #61e5dd;padding-left:28px}
.info-page .info-card {background:linear-gradient(130deg,#193844,#0e202d);border-color:#365967}
.info-page .info-card:nth-child(3n+2) {background:linear-gradient(130deg,#283d30,#12262c);border-color:#465d4a}
.info-page .info-card:nth-child(3n+3) {background:linear-gradient(130deg,#3d303f,#172332);border-color:#584557}
.info-page .info-card p {color:#c1d5dc;line-height:1.85;font-size:.98rem}
.info-page .info-kicker,.info-page .info-card a {color:#80e2dc}
@media (max-width:1080px) {
  .radio-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
  .source-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .editorial-topbar nav {gap:16px}
}
@media (max-width:760px) {
  .editorial-topbar {flex-direction:column;align-items:flex-start;padding:22px 20px;gap:12px}
  .editorial-topbar nav {gap:10px 18px}
  .editorial-topbar nav a {font-size:.82rem}
  .editorial-shell {padding:4px 18px 36px}
  .editorial-section {margin-top:36px}
  .feature-editorial,.radio-listen {grid-template-columns:1fr}
  .feature-editorial figure img {min-height:0;height:auto;aspect-ratio:16/9}
  .radio-art {max-width:320px;width:100%;justify-self:center}
  .radio-grid,.story-grid,.route-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .route-grid .route-card:last-child {grid-column:1/-1}
  .note-grid {grid-template-columns:1fr}
  .section-heading {align-items:flex-start}
  .editorial-footer {flex-direction:column;align-items:flex-start;padding:24px 20px}
}
@media (max-width:480px) {
  .radio-grid,.story-grid,.source-grid,.route-grid,.photo-grid {grid-template-columns:1fr}
  .editorial-hero {border-radius:19px}
  .section-heading {flex-direction:column;gap:10px}
  .radio-tile {padding:22px}
}
@media (prefers-reduced-motion:reduce) {
  .radio-tile {transition:none}
  .radio-tile:hover {transform:none}
}
