/* Editor's Selection — restrained editorial layout. Fonts and colour tokens come from typography.css / journal-style.css. */
.f-index,.f-single{max-width:900px;margin:0 auto;}
.f-index{padding-top:48px;}
.page-hero .by{font-family:var(--text);font-style:italic;font-size:19px;color:var(--amber);margin:16px 0 0;}
.f-disclosure{max-width:680px;margin:0 auto 18px;text-align:center;font-size:14.5px;line-height:1.7;opacity:.72;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);padding:16px 8px;}
.f-disclosure strong{font-weight:500;color:var(--gold);}
.f-eyebrow{font-family:var(--ui);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--amber);margin-bottom:8px;}
.f-center{text-align:center;}
.f-loc{font-family:var(--ui);font-size:12px;letter-spacing:.08em;opacity:.7;margin:2px 0 12px;}

/* index rows */
.f-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:44px;align-items:center;padding:44px 0;border-bottom:1px solid var(--border-soft);}
.f-row:last-child{border-bottom:0;}
.f-row-img{display:block;text-decoration:none;border:0;}
.f-row h2{font-family:var(--display);font-weight:400;font-size:clamp(26px,3vw,32px);line-height:1.2;margin:0 0 6px;}
.f-row h2 a{color:var(--gold);text-decoration:none;}
.f-row h2 a:hover{color:var(--highlight);}
.f-row p{font-size:17.5px;line-height:1.65;opacity:.9;margin:0 0 10px;}
.f-link,.f-more a,.f-back a,.f-links a{font-family:var(--ui);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);text-decoration:none;border-bottom:1px solid var(--amber);padding:6px 0 5px;}
.f-link:hover,.f-links a:hover,.f-back a:hover{color:var(--highlight);}
.f-linkrow{margin-top:14px !important;}

/* images and placeholders */
.f-img{margin:0;width:100%;border:1px solid var(--border-soft);background:var(--card-bg);overflow:hidden;}
.f-img img{display:block;width:100%;height:100%;object-fit:cover;}
.f-img figcaption{font-family:var(--ui);font-size:11px;opacity:.6;padding:6px 10px;}
.f-ph{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 70% 15%,rgba(243,217,164,.08),transparent 55%),linear-gradient(180deg,var(--card-bg),var(--violet));}
.f-ph span{font-family:var(--ui);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;opacity:.45;}
.f-thumb{aspect-ratio:4/3;}
.f-hero{aspect-ratio:16/9;margin:30px 0 34px;}
/* real images: keep the frame ratio on the picture, so the credit caption stays visible beneath it */
figure.f-thumb,figure.f-hero{aspect-ratio:auto;}
figure.f-thumb img{aspect-ratio:4/3;height:auto;}
figure.f-hero img{aspect-ratio:16/9;height:auto;}

/* single */
.f-single{padding:56px 0 20px;}
.f-single h1{font-family:var(--display);font-weight:400;font-size:clamp(32px,4.4vw,46px);line-height:1.15;color:var(--gold);text-align:center;margin:0 0 8px;}
.f-single p{margin:0 0 20px;}
.f-back{margin:0 0 30px !important;}
.f-badge{text-align:center;font-family:var(--ui);font-size:11.5px;letter-spacing:.12em;opacity:.8;margin-top:6px;}
.f-badge strong{font-weight:400;color:var(--amber);text-transform:uppercase;letter-spacing:.18em;}
.f-single .f-intro{font-family:var(--display);font-style:italic;font-weight:300;font-size:clamp(22px,2.6vw,27px);line-height:1.45;color:var(--gold);text-align:center;max-width:720px;margin:0 auto 34px;}
.f-single>p:not(.f-intro):not(.f-links):not(.f-added):not(.f-back):not(.f-disclosure){max-width:720px;margin-left:auto;margin-right:auto;}
.f-facts{max-width:720px;margin:34px auto;border-top:1px solid var(--border-soft);}
.f-facts div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:18px;border-bottom:1px solid var(--border-soft);padding:11px 0;}
.f-facts dt{font-family:var(--ui);font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.65;padding-top:4px;}
.f-facts dd{margin:0;font-size:17px;line-height:1.55;}
.f-note{max-width:720px;margin:34px auto;padding-left:22px;border-left:1px solid var(--amber);}
.f-note p{font-family:var(--display);font-style:italic;font-weight:300;font-size:22px;line-height:1.45;color:var(--gold);margin:0 0 8px;}
.f-links{max-width:720px;margin:30px auto !important;display:flex;flex-wrap:wrap;gap:6px 32px;}
.f-sources{max-width:720px;margin:26px auto 0;font-family:var(--ui);font-size:12px;line-height:1.9;opacity:.65;}
.f-sources span{margin-right:8px;}
.f-sources a{margin-right:16px;color:var(--cream);}
.f-single .f-disclosure{margin:40px auto 18px;}
.f-added{text-align:center;font-family:var(--ui);font-size:11px;letter-spacing:.12em;opacity:.5;margin:0 !important;}
.f-notfound{max-width:680px;margin:80px auto;text-align:center;}
.f-notfound h1{font-family:var(--display);font-weight:400;font-size:34px;color:var(--gold);margin-bottom:16px;}

@media(max-width:760px){
  .f-index{padding-top:28px;}
  .f-row{grid-template-columns:1fr;gap:20px;padding:34px 0;}
  .f-single{padding-top:34px;}
  .f-facts div{grid-template-columns:1fr;gap:2px;}
  .f-note p{font-size:20px;}
}