/* ISLAH NEWS — Semak (fact-check) page redesign. Shared by v3 + v5.
   Editorial fact-check IA: hero verdict, scannable verdict list, trending sidebar.
   Claim headlines use Lora (loaded on v5) with Georgia fallback (v3) — both serif. */

.fcpage{padding:34px 0 62px}
.fcpage__grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:50px;align-items:start}

/* ---- verdict pills (out of the image, in front of the claim) ---- */
.verdict{display:inline-block;font-family:var(--disp);font-weight:800;font-size:11.5px;letter-spacing:.06em;
  text-transform:uppercase;color:#fff;padding:5px 13px;border-radius:5px;line-height:1.3}
.verdict--palsu{background:#c0392b}
.verdict--mengelirukan{background:#d97706}
.verdict--separa{background:#b7791f}
.verdict--benar{background:#2e7d32}
.verdict--lg{font-size:14px;padding:8px 17px;border-radius:6px}

/* ---- metadata, darkened for editorial trust ---- */
.fcmeta{font-family:var(--disp);font-weight:600;font-size:12px;letter-spacing:.02em;color:#5b574e;text-transform:uppercase}

/* ---- serif claim (Lora on v5; Georgia fallback on v3) ---- */
.fchero__claim,.vlist__claim{font-family:"Lora",Georgia,"Times New Roman",serif;font-weight:700;color:var(--ink)}

/* ---- HERO FACT-CHECK (60/40 split) ---- */
.fchero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:36px;align-items:center;
  padding-bottom:36px;margin-bottom:10px;border-bottom:2px solid var(--ink)}
.fchero__media{display:block}
.fchero__media .ph{border-radius:4px}
.fchero__body{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.fchero__claim{font-size:31px;line-height:1.16;letter-spacing:-.01em}
.fchero__claim a{color:var(--ink)}
.fchero__claim a:hover{color:var(--gold-deep)}
.fchero__exp{color:var(--ink-2);font-size:16px;line-height:1.6}

/* ---- RECENT VERDICTS LIST (dense, scannable) ---- */
.vlist{display:flex;flex-direction:column}
.vlist__item{display:grid;grid-template-columns:142px minmax(0,1fr) 150px;gap:34px;align-items:start;
  padding:26px 0;border-top:1px solid var(--line)}
.vlist__col1 .verdict{white-space:nowrap}
.vlist__item:first-child{border-top:0}
/* align-items:flex-start so the verdict reads as a natural-width pill (not a stretched bar);
   padding-top nudges the badge's top edge to line up with the headline's cap height */
.vlist__col1{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding-top:3px}
.vlist__time{font-family:var(--disp);font-weight:600;font-size:11.5px;color:#5b574e}
.vlist__claim{font-size:19px;line-height:1.32;margin-bottom:8px}
.vlist__claim a{color:var(--ink)}
.vlist__claim a:hover{color:var(--gold-deep)}
.vlist__exp{color:var(--muted);font-size:14px;line-height:1.55;max-width:62ch}
.vlist__thumb{display:block}
.vlist__thumb .ph{border-radius:3px}

/* ---- TRENDING CLAIMS SIDEBAR ---- */
.fcpage__side{position:sticky;top:90px}
.trend{background:var(--bg-warm);border-radius:10px;border-top:3px solid #c0392b;padding:24px 26px 28px}
.trend__hdr{font-family:var(--disp);font-weight:800;font-size:14px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink);margin-bottom:14px}
.trend__list{list-style:none;counter-reset:t;padding-left:4px}
.trend__item{padding:14px 0;border-top:1px solid var(--line)}
.trend__item:first-child{border-top:0;padding-top:0}
.trend__item a{display:flex;gap:15px;font-family:var(--disp);font-weight:600;font-size:14.5px;line-height:1.34;color:var(--ink)}
.trend__item a:hover{color:var(--gold-deep)}
.trend__item a::before{counter-increment:t;content:counter(t);font-family:var(--disp);font-weight:800;color:#c0392b;font-size:15px;flex-shrink:0;min-width:13px}

/* ---- responsive ---- */
@media(max-width:900px){ .fcpage__grid{grid-template-columns:1fr;gap:42px} .fcpage__side{position:static} }
@media(max-width:720px){
  .fchero{grid-template-columns:1fr;gap:22px}
  .fchero__claim{font-size:25px}
  .vlist__item{grid-template-columns:1fr 130px;gap:18px}
  .vlist__col1{grid-column:1 / -1;flex-direction:row;align-items:center}
}