/* شهر کوران — public site. Ported 1:1 from the original design; interactive
   states that used to be `style-hover`/`style-active` attributes live here. */
html{scroll-behavior:smooth;}
#episode,#city,#news,#inside,#collab{scroll-margin-top:92px;}
body{margin:0;background:#121118;color:#F1E6C6;font-family:'Estedad','Vazirmatn',system-ui,sans-serif;-webkit-font-smoothing:antialiased;}
a{color:#F1E6C6;}
a:hover{color:#E23B22;}
::selection{background:#E23B22;color:#F1E6C6;}
:focus-visible{outline:3px solid #1BA7A6;outline-offset:3px;}
input::placeholder,textarea::placeholder{color:rgba(241,230,198,.7);}
@keyframes kFlicker{0%,88%,100%{opacity:1;}90%{opacity:.35;}92%{opacity:1;}95%{opacity:.55;}97%{opacity:1;}}
@keyframes kGlowFlicker{0%,84%,100%{opacity:.85;}86%{opacity:.3;}88%{opacity:.8;}93%{opacity:.5;}95%{opacity:.85;}}
@keyframes kSettle{0%{transform:translate(-2px,1px);text-shadow:2px 0 0 rgba(226,59,34,.8),-2px 0 0 rgba(27,167,166,.8);}55%{transform:translate(-2px,1px);text-shadow:2px 0 0 rgba(226,59,34,.8),-2px 0 0 rgba(27,167,166,.8);}62%{transform:none;text-shadow:none;}74%{transform:translate(-1px,1px);text-shadow:1px 0 0 rgba(226,59,34,.55),-1px 0 0 rgba(27,167,166,.55);}100%{transform:none;text-shadow:none;}}
@keyframes kDrift{from{transform:translateX(-12px);}to{transform:translateX(12px);}}
@keyframes kBreathe{0%,100%{opacity:.5;transform:scale(1);}50%{opacity:.85;transform:scale(1.03);}}
@keyframes kNode{0%{box-shadow:0 0 0 0 rgba(27,167,166,.55);}100%{box-shadow:0 0 0 7px rgba(27,167,166,0);}}
@keyframes kEnd{0%{opacity:0;}30%{opacity:1;}42%{opacity:.2;}55%{opacity:1;}70%{opacity:.5;}100%{opacity:1;}}

/* ── responsive visibility (the original toggled these from React state) ── */
.only-desktop{display:contents;}
.only-mobile{display:none;}
@media (max-width:919px){
  .only-desktop{display:none !important;}
  .only-mobile{display:contents;}
  [data-hero-grid]{grid-template-columns:minmax(0,1fr) !important;padding-top:26px !important;padding-bottom:44px !important;gap:30px !important;}
  [data-hero-art]{width:min(340px,100%) !important;}
  [data-boot="badge"]{right:8px !important;bottom:12px !important;}
  [data-hero-copy] img{width:min(240px,66%) !important;}
  [data-hero-copy] [data-boot="headline"]{font-size:26px !important;line-height:1.5 !important;margin-bottom:14px !important;}
  [data-strip-extra]{display:none !important;}
  [data-spine]{width:3px !important;}
  [data-spine] #spine-fill{box-shadow:0 0 6px rgba(27,167,166,.35) !important;}
  [data-spine] span{width:10px !important;height:10px !important;right:0 !important;}
  [data-breathe]{animation:none !important;}
  [data-sec]{padding-top:52px !important;padding-bottom:52px !important;}
  [data-nav="follow"]{padding-bottom:110px !important;}
  [data-tiles]{grid-template-columns:minmax(0,1fr) !important;grid-template-rows:none !important;}
  [data-tile-a],[data-tile-b],[data-tile-c]{grid-column:auto !important;grid-row:auto !important;}
  [data-collab-grid]{grid-template-columns:minmax(0,1fr) !important;}
  [data-collab-img]{order:-1;}
  [data-city-grid]{grid-template-columns:minmax(0,1fr) !important;}
  [data-city-img]{order:-1;}
  [data-shabkhiz-grid]{grid-template-columns:minmax(0,1fr) !important;}
  [data-watch-block]{grid-template-columns:minmax(0,1fr) !important;padding:18px 16px !important;}
  [data-watch-block] a,[data-watch-block] button{flex:1 1 auto;justify-content:center;}
}
/* ── hero boot sequence: station coming online. Pure CSS (no JS gate) so the
   headline paints immediately for LCP; fill-mode backwards hands control back to
   inline styles (parallax) once each step finishes. ── */
@keyframes bFade{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
@keyframes bStrip{from{opacity:0;}to{opacity:1;}}
@keyframes bPlateT{from{opacity:0;transform:translate(-10px,10px);}to{opacity:.55;transform:none;}}
@keyframes bPlateR{from{opacity:0;transform:translate(8px,-8px);}to{opacity:.45;transform:none;}}
@keyframes bArt{from{opacity:0;transform:rotate(.8deg) scale(.97) translateY(14px);}to{opacity:1;transform:rotate(.8deg);}}
@keyframes bHead{0%{opacity:0;transform:translate(-2px,1px);text-shadow:2px 0 0 rgba(226,59,34,.8),-2px 0 0 rgba(27,167,166,.8);}50%{opacity:1;transform:translate(-2px,1px);text-shadow:2px 0 0 rgba(226,59,34,.8),-2px 0 0 rgba(27,167,166,.8);}62%{opacity:1;transform:none;text-shadow:none;}78%{opacity:1;transform:translate(-1px,1px);text-shadow:1px 0 0 rgba(226,59,34,.55),-1px 0 0 rgba(27,167,166,.55);}100%{opacity:1;transform:none;text-shadow:none;}}
@keyframes bBadge{0%{opacity:0;transform:rotate(-2deg) scale(1.25);}70%{opacity:1;transform:rotate(-2deg) scale(.96);}100%{opacity:1;transform:rotate(-2deg);}}
[data-boot]{animation-fill-mode:backwards;animation-timing-function:cubic-bezier(.2,.8,.2,1);}
[data-boot="strip"]{animation-name:bStrip;animation-duration:.22s;}
[data-boot="plate-teal"]{animation-name:bPlateT;animation-duration:.48s;animation-delay:.1s;}
[data-boot="plate-red"]{animation-name:bPlateR;animation-duration:.48s;animation-delay:.15s;}
[data-boot="art"]{animation-name:bArt;animation-duration:.6s;animation-delay:.18s;}
[data-boot="logo"]{animation-name:bFade;animation-duration:.42s;animation-delay:.22s;}
[data-boot="category"]{animation-name:bFade;animation-duration:.32s;animation-delay:.28s;}
[data-boot="headline"]{animation-name:bHead;animation-duration:.34s;animation-delay:.32s;animation-timing-function:ease-out;}
[data-boot="support"]{animation-name:bFade;animation-duration:.3s;animation-delay:.4s;}
[data-boot="cta"]{animation-name:bFade;animation-duration:.38s;animation-delay:.48s;}
[data-boot="badge"]{animation-name:bBadge;animation-duration:.4s;animation-delay:.6s;animation-timing-function:cubic-bezier(.3,1.4,.5,1);}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important;}html{scroll-behavior:auto;}}

/* ── header nav ── */
.nav-link{color:rgba(241,230,198,.72);text-decoration:none;font-size:15px;display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-bottom:3px solid transparent;}
.nav-link.is-active{color:#F1E6C6;border-bottom-color:#1BA7A6;}
.nav-link:hover{color:#F1E6C6;}
#mobile-nav{background:#121118;border-bottom:2px solid #1BA7A6;display:flex;flex-direction:column;padding:8px 20px 18px;}
#mobile-nav[hidden]{display:none;}
#mobile-nav a{color:#F1E6C6;text-decoration:none;font-size:18px;padding:13px 4px;border-bottom:1px dashed rgba(241,230,198,.15);}
#mobile-nav a:last-child{border-bottom:0;}
.burger{background:none;border:2px solid rgba(241,230,198,.35);border-radius:6px;min-width:46px;min-height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex:none;}
.burger .ico-open{display:flex;flex-direction:column;gap:5px;}
.burger .ico-close{display:none;position:relative;width:20px;height:20px;}
.burger[aria-expanded="true"] .ico-open{display:none;}
.burger[aria-expanded="true"] .ico-close{display:block;}

/* ── buttons & links (base + hover/active) ── */
.btn-red-sm{flex:none;background:#E8442B;color:#121118;font-family:Lalezar,serif;font-size:17px;line-height:1;padding:12px 18px 10px;border:2px solid #121118;border-radius:6px;box-shadow:3px 3px 0 rgba(0,0,0,.55);text-decoration:none;min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center;}
.btn-red-sm:hover{background:#F1E6C6;color:#121118;transform:translateY(-1px);}
.btn-hero{display:inline-flex;align-items:center;gap:10px;background:#E8442B;color:#121118;font-family:Lalezar,serif;font-size:21px;line-height:1;padding:15px 30px 13px;border:2px solid #121118;border-radius:8px;box-shadow:4px 4px 0 rgba(0,0,0,.55);transform:rotate(-.6deg);text-decoration:none;min-height:52px;box-sizing:border-box;transition:transform .16s ease-out,box-shadow .16s ease-out,background .16s;}
.btn-hero:hover{background:#F1E6C6;color:#121118;transform:rotate(-.6deg) translateY(-2px);box-shadow:4px 6px 0 rgba(0,0,0,.5);}
.btn-hero:active{transform:rotate(-.6deg) translate(2px,2px);box-shadow:1px 1px 0 rgba(0,0,0,.6);}
.btn-hero-ghost{display:inline-flex;align-items:center;background:transparent;color:#F1E6C6;font-family:Lalezar,serif;font-size:20px;line-height:1;padding:14px 30px 12px;border:2px dashed rgba(241,230,198,.6);border-radius:8px;text-decoration:none;min-height:52px;box-sizing:border-box;transition:transform .16s ease-out,border-color .16s,background .16s;}
.btn-hero-ghost:hover{border-color:#D9C43D;color:#F1E6C6;background:rgba(217,196,61,.07);transform:translateY(-1px);}
.btn-hero-ghost:active{transform:translateY(1px);}
.btn-red{display:inline-flex;align-items:center;gap:10px;background:#E8442B;color:#121118;font-family:Lalezar,serif;font-size:20px;line-height:1;padding:15px 26px 13px;border:2px solid #121118;border-radius:7px;box-shadow:4px 4px 0 rgba(0,0,0,.6);text-decoration:none;min-height:52px;box-sizing:border-box;cursor:pointer;}
.btn-red:hover{background:#F1E6C6;color:#121118;transform:translateY(-2px);}
.btn-red.lg{font-size:21px;padding:16px 30px 14px;}
.btn-red.wide{padding:15px 28px 13px;}
.btn-dashed{display:inline-flex;align-items:center;background:transparent;color:#F1E6C6;font-family:Lalezar,serif;font-size:20px;line-height:1;padding:14px 24px 12px;border:2px dashed rgba(241,230,198,.55);border-radius:7px;min-height:52px;box-sizing:border-box;cursor:pointer;text-decoration:none;}
.btn-dashed:hover{border-color:#1BA7A6;color:#F1E6C6;background:rgba(27,167,166,.08);}
.btn-dashed.lg{font-size:21px;padding:15px 30px 13px;}
.btn-outline{display:inline-flex;align-items:center;color:#F1E6C6;text-decoration:none;font-size:15px;font-weight:700;border:2px solid rgba(241,230,198,.35);border-radius:6px;padding:11px 18px;min-height:44px;box-sizing:border-box;}
.btn-outline:hover{border-color:#E23B22;color:#F1E6C6;}
.link-teal{font-size:14.5px;font-weight:700;color:#1BA7A6;text-decoration:none;display:inline-flex;align-items:center;min-height:44px;}
.link-teal:hover{color:#F1E6C6;}
.link-cream{color:#F1E6C6;text-decoration:none;font-size:14.5px;display:inline-flex;align-items:center;min-height:44px;}
.link-cream:hover{color:#E23B22;}
.tile{position:relative;border:3px solid #1F1C26;border-radius:6px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.5);display:flex;flex-direction:column;background:#0B0A0E;transition:transform .2s ease-out,box-shadow .2s ease-out;}
.tile:hover{transform:translateY(-3px);box-shadow:0 28px 60px rgba(0,0,0,.6);}

/* ── collab form ── */
.collab-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:6px;}
.collab-form .full{grid-column:1 / -1;}
.collab-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:rgba(241,230,198,.8);}
.collab-form input,.collab-form textarea{font:inherit;font-size:15px;color:#F1E6C6;background:#0B0A0E;border:1px solid rgba(241,230,198,.3);border-radius:4px;padding:11px 12px;min-height:44px;box-sizing:border-box;width:100%;}
.collab-form textarea{min-height:120px;resize:vertical;}
.collab-form input:focus,.collab-form textarea:focus{border-color:#1BA7A6;outline:none;}
.collab-form .hp{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}
.collab-form .err{margin:0;font-size:12.5px;color:#D99A24;}
.collab-ok{margin:0 0 16px;padding:12px 14px;border:1px dashed rgba(27,167,166,.7);border-radius:5px;font-size:14px;line-height:1.9;color:#F1E6C6;}
@media (max-width:599px){.collab-form{grid-template-columns:minmax(0,1fr);}}

/* Kooran TV: a compact newspaper, using the existing brand fonts and palette. */
#news{scroll-margin-top:92px;background:#F1E6C6;color:#121118;padding:64px 0 60px;border-block:6px solid #121118;}
.ktv-paper{max-width:1240px;margin:0 auto;padding:0 24px;}
.ktv-edition{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;padding:0 0 12px;border-bottom:2px solid #121118;font-size:12px;line-height:1.8;}
.ktv-kicker{font-weight:700;color:#A02818;}
.ktv-masthead{padding:20px 0 22px;border-bottom:6px double #121118;text-align:center;}
#news h2,#news h1{font-family:Lalezar,serif;font-size:clamp(58px,8vw,100px);line-height:1.2;font-weight:400;margin:0 0 4px;color:#121118;}
.ktv-masthead p{font-size:15px;line-height:2;margin:0;}
.ktv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:28px;align-items:start;}
.ktv-story{min-width:0;padding:0 20px;}
.ktv-story:nth-child(2){padding-inline-start:0;}
.ktv-story:last-child{padding-inline-end:0;}
.ktv-story:nth-child(n+3){border-inline-start:1px solid rgba(18,17,24,.4);}
.ktv-lead{grid-column:1 / -1;padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid rgba(18,17,24,.4);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(20px,3vw,40px);align-items:start;}
.ktv-lead .ktv-art{grid-row:1 / span 5;}
.ktv-art{margin:0 0 16px;background:#F1E6C6;}
.ktv-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-top:1px solid rgba(18,17,24,.25);border-bottom:1px solid rgba(18,17,24,.25);}
.ktv-lead .ktv-art{margin:0;}
.ktv-tagline{font-size:15px;line-height:2;margin:0;}
.ktv-byline{display:flex;flex-wrap:wrap;gap:4px 10px;margin:0 0 12px;font-size:11px;line-height:1.8;}
.ktv-byline strong{color:#A02818;}
.ktv-byline span{opacity:.75;}
#news h3{margin:0 0 14px;font-family:Lalezar,serif;font-weight:400;font-size:28px;line-height:1.45;overflow-wrap:break-word;text-wrap:pretty;}
#news .ktv-lead h3{font-size:clamp(32px,3.2vw,44px);line-height:1.35;}
.ktv-dek{font-size:14px;line-height:2;margin:0 0 12px;}
.ktv-lead .ktv-dek{font-weight:700;font-size:17px;}
.ktv-story details{border-top:1px solid rgba(18,17,24,.28);}
.ktv-story summary{cursor:pointer;font-size:13px;font-weight:700;line-height:1.9;min-height:44px;padding:10px 0;color:#121118;}
.ktv-story summary::marker{color:#A02818;}
.ktv-story summary:hover{color:#A02818;}
.ktv-story summary:focus-visible{outline:3px solid #197E83;outline-offset:3px;}
.ktv-less,.ktv-story details[open] .ktv-more{display:none;}
.ktv-story details[open] .ktv-less{display:inline;}
.ktv-body p{font-size:14px;line-height:2.1;margin:0 0 14px;}
.ktv-signoff{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;margin-top:30px;padding-top:14px;border-top:3px double #121118;font-size:12px;line-height:1.9;}
.ktv-signoff a{color:#121118;font-weight:700;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center;}
.ktv-signoff a:hover{color:#A02818;}
.ktv-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}
@media(max-width:1099px){
 .ktv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 0;}
 .ktv-lead{grid-template-columns:minmax(0,1fr);margin-bottom:0;}
 .ktv-lead .ktv-art{grid-row:auto;margin:0 0 16px;}
 .ktv-story:nth-child(2){padding-inline:0 20px;}
 .ktv-story:nth-child(3){padding-inline:20px 0;border-inline-start:1px solid rgba(18,17,24,.4);}
 .ktv-story:nth-child(4){grid-column:1 / -1;border-inline-start:0;padding:28px 0 0;border-top:1px solid rgba(18,17,24,.4);}
}
@media(max-width:599px){
 .ktv-paper{padding:0 20px;}
 .ktv-grid{grid-template-columns:minmax(0,1fr);gap:28px;}
 .ktv-story,.ktv-story:nth-child(n+2){padding:0;border-inline-start:0;}
 .ktv-story:nth-child(n+3){border-top:1px solid rgba(18,17,24,.4);padding-top:28px;}
 .ktv-story:nth-child(4){padding:28px 0 0;}
 #news h3{font-size:29px;}
 #news .ktv-lead h3{font-size:36px;}
}
[data-watch-bar]{position:fixed;left:0;right:0;bottom:0;z-index:58;background:rgba(18,17,24,.96);border-top:2px solid #1BA7A6;padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px;transform:translateY(110%);transition:transform .28s ease-out;}
[data-watch-bar][data-on="1"]{transform:none;}
@media (min-width:920px){[data-watch-bar]{display:none;}}
@media(max-width:399px){
 [data-site-header]>div:first-child{gap:8px !important;padding-inline:12px !important;}
 [data-site-header] img{height:34px !important;}
}

/* ── inner pages (episodes, Kooran TV stories, characters, about, collab) ── */
.crumbs{background:rgba(18,17,24,.6);border-bottom:1px dashed rgba(241,230,198,.14);font-size:12.5px;}
.crumbs-in{max-width:1240px;margin:0 auto;padding:9px 20px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;color:rgba(241,230,198,.6);}
.crumbs a{color:rgba(241,230,198,.8);text-decoration:none;}
.crumbs a:hover{color:#1BA7A6;}
.crumbs [aria-current]{color:#F1E6C6;}
.page-light .crumbs{background:#F1E6C6;border-bottom-color:rgba(18,17,24,.25);}
.page-light .crumbs-in,.page-light .crumbs a{color:rgba(18,17,24,.7);}
.page-light .crumbs [aria-current]{color:#121118;}
.page-sec{padding:64px 0 72px;background:radial-gradient(900px 500px at 80% 0%,rgba(23,106,165,.12),transparent 60%),#121118;}
.page-in{max-width:1240px;margin:0 auto;padding:0 20px;}
.eyebrow-line{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:12px;color:rgba(241,230,198,.7);}
.eb-bar{width:26px;height:4px;background:#1BA7A6;}
.eb-rule{flex:1;border-top:1px dashed rgba(241,230,198,.16);}
.page-h1{margin:0 0 12px;font-family:Lalezar,serif;font-weight:400;font-size:clamp(36px,5vw,64px);line-height:1.15;color:#F1E6C6;text-wrap:balance;}
.page-h2{margin:36px 0 12px;font-family:Lalezar,serif;font-weight:400;font-size:clamp(26px,3vw,36px);line-height:1.25;color:#F1E6C6;}
.page-sub{margin:0 0 18px;font-family:Lalezar,serif;font-size:clamp(20px,2.2vw,26px);line-height:1.5;color:#1BA7A6;}
.page-lede{margin:0 0 28px;font-size:17px;line-height:2;color:rgba(241,230,198,.85);max-width:60ch;text-wrap:pretty;}
.page-note{margin:18px 0 0;font-size:14.5px;line-height:1.9;color:rgba(241,230,198,.75);}
.prose{font-size:16.5px;line-height:2.1;color:rgba(241,230,198,.9);max-width:66ch;}
.prose p{margin:0 0 16px;}
.prose a{color:#1BA7A6;}
.ep-summary p{margin:0;font-size:16.5px;line-height:2.1;color:rgba(241,230,198,.9);max-width:66ch;}
.ep-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:8px;}
.ep-card{border:3px solid #1F1C26;border-radius:6px;overflow:hidden;background:#0B0A0E;box-shadow:0 20px 50px rgba(0,0,0,.5);display:flex;flex-direction:column;transition:transform .2s ease-out;}
.ep-card:hover{transform:translateY(-3px);}
.ep-card-img{display:block;}
.ep-card-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;border-top:1px dashed rgba(241,230,198,.18);}
.ep-card-kicker{margin:0;font-size:12px;color:rgba(241,230,198,.7);display:inline-flex;align-items:center;gap:8px;}
.ep-card-kicker .dot{width:7px;height:7px;border-radius:50%;display:inline-block;animation:kFlicker 4.5s infinite;}
.ep-card h2{margin:0;font-family:Lalezar,serif;font-weight:400;font-size:24px;line-height:1.3;}
.ep-card h2 a{color:#F1E6C6;text-decoration:none;}
.ep-card h2 a:hover{color:#E23B22;}
.ep-card-text{margin:0;font-size:14.5px;line-height:1.9;color:rgba(241,230,198,.8);}
.chip-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;}
.chip{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border:2px dashed rgba(241,230,198,.4);border-radius:6px;color:#F1E6C6;text-decoration:none;font-size:15px;font-weight:700;}
.chip:hover{border-color:#1BA7A6;color:#F1E6C6;background:rgba(27,167,166,.08);}
.ep-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:40px;padding-top:18px;border-top:1px dashed rgba(241,230,198,.2);}
.yt{position:relative;aspect-ratio:16/9;background:#000 var(--poster) center/cover;border:3px solid #1F1C26;border-radius:6px;overflow:hidden;box-shadow:0 34px 70px rgba(0,0,0,.65);}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.makers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.makers li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:10px 0;border-bottom:1px dashed rgba(241,230,198,.16);font-size:15px;}
.makers li span{color:rgba(241,230,198,.7);}
/* Kooran TV story page — the newspaper, full width */
.page-light{background:#F1E6C6;}
.story{background:#F1E6C6;color:#121118;padding:40px 0 64px;}
.story-head{padding:22px 0 18px;border-bottom:1px solid rgba(18,17,24,.3);}
.story h1{margin:0 0 12px;font-family:Lalezar,serif;font-weight:400;font-size:clamp(34px,4.6vw,60px);line-height:1.3;color:#121118;text-wrap:balance;max-width:24ch;}
.story-dek{margin:0 0 10px;font-size:18px;font-weight:700;line-height:1.9;max-width:60ch;}
.story-meta{margin:0;font-size:12.5px;color:rgba(18,17,24,.7);display:flex;gap:10px;flex-wrap:wrap;}
.story-art{margin:22px 0 18px;}
.story-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid rgba(18,17,24,.25);}
.story-body{font-size:17px;line-height:2.1;max-width:66ch;}
.story-body p{margin:0 0 16px;}
.story-body a{color:#A02818;}
.story-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:28px;padding-top:14px;border-top:3px double #121118;font-size:13px;}
.story-foot a{color:#121118;font-weight:700;min-height:44px;display:inline-flex;align-items:center;}
.story-foot a:hover{color:#A02818;}
.story-share{font:inherit;font-weight:700;background:none;border:2px dashed rgba(18,17,24,.4);border-radius:5px;padding:9px 14px;min-height:44px;cursor:pointer;color:#121118;}
.story-share:hover{border-color:#A02818;color:#A02818;}
.story-related{margin-top:36px;padding-top:18px;border-top:2px solid #121118;}
.story-related h2{margin:0 0 6px;font-family:Lalezar,serif;font-weight:400;font-size:28px;color:#121118;}
.ktv-grid-3{padding-top:14px;}
.ktv-grid-3 .ktv-story:nth-child(2){padding-inline-start:20px;}
.ktv-grid-3 .ktv-story:nth-child(n+2){border-inline-start:1px solid rgba(18,17,24,.4);}
.ktv-grid-3 .ktv-story:first-child{padding-inline-start:0;}
.ktv-link{color:inherit;text-decoration:none;}
.ktv-link:hover{color:#A02818;}
@media(max-width:599px){.ktv-grid-3 .ktv-story:nth-child(n+2){border-inline-start:0;padding-inline-start:0;}}