/* NewsNow Tamil – haber detay sayfası (WordPress: single.php)
   Düzen: Washington Post makale sayfası – ortalanmış başlık, geniş kapak, okuma sütunu + yan sütun */

.progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--c-brand);transform:scaleX(0);transform-origin:0 50%;z-index:50;pointer-events:none}

/* ---------- başlık bloğu ---------- */
.story-head{max-width:860px;margin:0 auto;padding:var(--s-6) var(--gutter) 0;text-align:left}
.story-section{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-2) var(--s-3);margin-bottom:var(--s-3)}
.crumbs{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0;font-size:var(--fs-sm);font-weight:700}
.crumbs li+li::before{content:"›";margin-right:6px;color:#aaa;font-weight:400}
.crumbs a{color:var(--c-muted)}
.crumbs a:hover{color:var(--c-brand)}
.crumbs [aria-current]{color:var(--c-brand)}
.story-title{font-family:var(--f-head);font-weight:800;font-size:clamp(25px,1rem + 2.4vw,44px);line-height:1.38;letter-spacing:-.005em}
.story-dek{font-size:clamp(17px,1rem + .4vw,21px);line-height:1.7;color:var(--c-ink-2);margin-top:var(--s-3)}

/* yazar satırı */
.story-byline{display:flex;align-items:center;gap:var(--s-3);margin-top:var(--s-5)}
.story-byline .avatar{width:44px;height:44px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;color:#fff;font:700 16px/1 var(--f-ui)}
.by{font:400 var(--fs-md)/1.4 var(--f-ui);color:var(--c-muted)}
.by a{color:var(--c-ink);font-family:var(--f-body);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.by a:hover{color:var(--c-brand)}
.stamp{font:400 var(--fs-sm)/1.6 var(--f-ui);color:var(--c-muted);margin-top:2px}
.stamp time{white-space:nowrap}

/* paylaşım + araç satırı */
.story-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-4);padding:var(--s-3) 0;border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line)}
.story-actions .spacer{flex:1}
.tool{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:var(--tap);height:40px;padding:0 14px;border:1px solid var(--c-line-strong);border-radius:999px;background:#fff;cursor:pointer;font:600 var(--fs-sm)/1 var(--f-ui);color:var(--c-ink);transition:border-color var(--t-fast),background var(--t-fast);white-space:nowrap}
.tool:hover{border-color:var(--c-ink);color:var(--c-ink)}
.tool:disabled{opacity:.35;cursor:not-allowed}
.tool svg{width:16px;height:16px;flex:none}
.tool-wa{color:var(--c-wa);border-color:#cdebd9;background:var(--c-wa-bg)}
.tool-wa:hover{color:var(--c-wa);border-color:var(--c-wa)}
.tool.icon-only{padding:0;width:40px;min-width:40px}
.font-ctl{display:inline-flex;border:1px solid var(--c-line-strong);border-radius:999px;overflow:hidden}
.font-ctl .tool{border:0;border-radius:0;height:38px;min-width:42px;padding:0 10px;font-weight:700}
.font-ctl .tool+.tool{border-left:1px solid var(--c-line-strong)}
/* beğeni (kalp) düğmesi */
.tool-like svg{width:18px;height:18px;transition:transform var(--t-fast)}
.tool-like:hover{border-color:var(--c-brand);color:var(--c-brand)}
.tool-like[aria-pressed=true]{border-color:var(--c-brand);background:#fff5f5;color:var(--c-brand);--heart-fill:var(--c-brand)}
.tool-like.pop svg{transform:scale(1.25)}
@media (prefers-reduced-motion:reduce){.tool-like svg{transition:none}.tool-like.pop svg{transform:none}}
.read-time{font:600 var(--fs-sm)/1 var(--f-ui);color:var(--c-muted);white-space:nowrap}

/* ---------- kapak görseli: okuma sütunundan geniş ---------- */
.story-hero{max-width:1100px;margin:var(--s-5) auto 0;padding:0 var(--gutter)}
.story-hero img{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--c-img)}
.story-hero figcaption{max-width:812px;margin:0 auto;padding-top:var(--s-2);font:400 var(--fs-sm)/1.6 var(--f-body);color:var(--c-muted)}
.credit{font-family:var(--f-ui);font-size:var(--fs-xs);color:#8a8a8a;text-transform:uppercase;letter-spacing:.04em;margin-left:4px}

/* ---------- gövde + yan sütun ---------- */
.story-grid{max-width:1100px;margin:0 auto;padding:var(--s-6) var(--gutter) 0;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--s-7);align-items:start}
.story-main{max-width:680px;width:100%;justify-self:center}
.story-rail{display:flex;flex-direction:column;gap:var(--s-5);position:relative}
.story-rail::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--s-7) / -2);border-left:1px solid var(--c-line)}

/* gövde metni – kullanıcı yazı boyutunu seçebilir */
.art-body{--body-size:19px;font-size:var(--body-size);line-height:1.9;color:#1f1f1f}
.art-body[data-size=sm]{--body-size:17px}
.art-body[data-size=lg]{--body-size:21px}
.art-body[data-size=xl]{--body-size:23px}
.art-body>*+*{margin-top:1.15em}
.art-body h2{font-family:var(--f-head);font-weight:800;font-size:1.25em;line-height:1.5;margin-top:1.7em}
.art-body a{color:var(--c-brand);text-decoration:underline;text-underline-offset:3px}
.art-body ul{padding-left:1.2em}
.art-body li+li{margin-top:.4em}
.art-body blockquote{margin:1.7em 0;padding:0 0 0 var(--s-5);border-left:4px solid var(--c-brand);font-family:var(--f-head);font-weight:700;font-size:1.12em;line-height:1.75}
.art-body blockquote cite{display:block;margin-top:var(--s-2);font:400 var(--fs-sm)/1.4 var(--f-body);font-style:normal;color:var(--c-muted)}
.art-body figure{margin:1.6em 0}

/* önemli noktalar kutusu (WaPo "Takeaways") */
.keypoints{border-top:3px solid var(--c-ink);padding-top:var(--s-3)}
.eyebrow{font:800 11px/1 var(--f-ui);letter-spacing:.14em;color:var(--c-brand);text-transform:uppercase}
.art-body .keypoints h2{margin:0;font:800 11px/1 var(--f-ui)}
.keypoints ol{list-style:none;counter-reset:kp;margin:var(--s-3) 0 0;padding:0}
.keypoints li{counter-increment:kp;display:flex;gap:var(--s-3);padding:var(--s-2) 0;border-bottom:1px solid var(--c-line);font-size:.92em;line-height:1.7}
.keypoints li::before{content:counter(kp);flex:none;font:800 18px/1.5 var(--f-ui);color:var(--c-brand);width:18px}

.also{border-top:1px solid var(--c-ink);border-bottom:1px solid var(--c-line);padding:var(--s-3) 0}
.also .eyebrow{margin-bottom:var(--s-2);display:block}
.also ul{list-style:none;padding:0;margin:0}
.also li+li{margin-top:var(--s-2)}
.also a{font-family:var(--f-head);font-weight:700;font-size:var(--fs-md);line-height:1.5;color:var(--c-ink);text-decoration:none}
.also a:hover{color:var(--c-brand);text-decoration:underline}

.alert-box{background:#fff4f4;border:1px solid #f3c9cb;border-left:4px solid var(--c-brand);padding:var(--s-4);border-radius:var(--radius);font-size:.9em;line-height:1.75}
.alert-box strong{display:block;font-family:var(--f-head);margin-bottom:var(--s-1)}

.ad-inline{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--s-4) 0;border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line)}

/* YouTube önizleme */
.yt{position:relative;aspect-ratio:16 / 9;background:#000;overflow:hidden}
.yt button{position:absolute;inset:0;width:100%;border:0;padding:0;cursor:pointer;background:#000}
.yt img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:opacity var(--t-base)}
.yt button:hover img{opacity:1}
.yt-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:48px;border-radius:12px;background:#FF0000;display:flex;align-items:center;justify-content:center;color:#fff}
.yt-play svg{width:22px;height:22px}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.art-body figcaption{font-size:var(--fs-sm);line-height:1.6;color:var(--c-muted);margin-top:var(--s-2)}

/* makale sonu */
.story-end{margin-top:var(--s-6)}

/* "அடுத்து படிக்க": aynı bölümden sonraki haberler (kısa haberlerde yan sütun boşluğunu doldurur) */
.read-next{margin-top:var(--s-7)}
.read-next ul{list-style:none;margin:0;padding:0}
.read-next a{display:grid;grid-template-columns:160px minmax(0,1fr);gap:var(--s-4);align-items:center;padding:var(--s-4) 0;border-bottom:1px solid var(--c-line)}
.read-next .img{width:160px;aspect-ratio:3 / 2;height:auto;object-fit:cover}
.read-next-body{display:flex;flex-direction:column;gap:var(--s-2);min-width:0}
.read-next .hl{font-size:var(--fs-md);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.read-next a:hover .hl{text-decoration:underline;text-underline-offset:3px}
.tags{display:flex;flex-wrap:wrap;gap:var(--s-2);list-style:none;margin:0;padding:0}
.tags a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:var(--c-bg-soft);font-size:var(--fs-sm);font-weight:600}
.tags a:hover{background:#ece9e4;color:var(--c-ink)}
.share-end{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);margin-top:var(--s-5);padding-top:var(--s-4);border-top:1px solid var(--c-line)}
.share-end-h{font:700 var(--fs-sm)/1 var(--f-ui);letter-spacing:.06em;text-transform:uppercase;margin-right:var(--s-2)}
.report{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-4);font-size:var(--fs-sm);color:var(--c-muted)}
.report svg{width:16px;height:16px}
.report a{color:var(--c-ink);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.author-box{display:flex;gap:var(--s-4);margin-top:var(--s-6);padding:var(--s-5);background:var(--c-bg-soft);border-radius:6px}
.author-box .avatar{width:64px;height:64px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;color:#fff;font:700 24px/1 var(--f-ui)}
.author-box h2{font-family:var(--f-head);font-size:var(--fs-lg);font-weight:800}
.author-box p{font-size:var(--fs-md);line-height:1.7;color:var(--c-ink-2);margin-top:var(--s-1)}
.author-box .more-link{display:inline-block;margin-top:var(--s-2)}

/* yan sütun */
.side-h{font-size:14px;font-weight:700;border-bottom:2px solid var(--c-ink);padding-bottom:var(--s-2);margin-bottom:var(--s-1)}
.rank{list-style:none;margin:0;padding:0;counter-reset:rank}
.rank a{display:flex;gap:14px;padding:var(--s-3) 0;border-bottom:1px solid var(--c-line);align-items:baseline}
.rank a::before{counter-increment:rank;content:counter(rank);font-family:var(--f-head);font-size:26px;font-weight:800;color:var(--c-brand);width:26px;flex:none;line-height:1}
.rank-title{font-size:var(--fs-md);line-height:1.5}

/* ilgili haberler – tam genişlik */
.related{max-width:1100px;margin:0 auto;padding:var(--s-7) var(--gutter) 0}
.related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-5)}
.related-grid article{display:flex;flex-direction:column;gap:var(--s-2)}
.related-grid .img{aspect-ratio:3 / 2}
.related-grid .hl{font-size:var(--fs-base)}
.story-cta{max-width:1100px;margin:0 auto;padding:var(--s-7) var(--gutter) 0}

/* sağda sabit paylaş düğmesi */
.float-share{position:fixed;right:24px;bottom:140px;z-index:30;width:var(--tap);height:var(--tap);border-radius:50%;border:1px solid var(--c-line-strong);background:#fff;color:var(--c-ink);display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:border-color var(--t-fast)}
.float-share:hover{border-color:var(--c-ink)}
.float-share svg{width:20px;height:20px}
@media (min-width:1180px){.float-share{display:inline-flex}}
.toast{position:fixed;left:50%;bottom:110px;transform:translateX(-50%);z-index:60;background:var(--c-ink);color:#fff;font:600 var(--fs-sm)/1 var(--f-ui);padding:12px 16px;border-radius:999px}

/* alttan çıkan abone bandı (NYT) */
.sub-banner{position:fixed;left:50%;bottom:16px;z-index:40;width:min(840px,calc(100% - 32px));display:flex;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-4) var(--s-4) var(--s-5);background:#2b2b2b;color:#fff;border-radius:6px;box-shadow:0 10px 30px rgba(0,0,0,.3);transform:translate(-50%,0);animation:banner-in .35s ease-out}
.sub-banner[hidden]{display:none}
@keyframes banner-in{from{transform:translate(-50%,120%)}to{transform:translate(-50%,0)}}
.sub-banner-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.sub-banner-text strong{font:700 var(--fs-md)/1.5 var(--f-body)}
.sub-banner-text span{font:400 var(--fs-sm)/1.4 var(--f-ui);color:#d6d6d6}
.sub-banner-btn{background:#fff;color:var(--c-ink);min-height:var(--tap);padding:0 20px;font-family:var(--f-ui)}
.sub-banner-btn:hover{background:var(--c-brand);color:#fff}
.sub-banner-close{flex:none;width:var(--tap);height:var(--tap);border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.sub-banner-close:hover{background:rgba(255,255,255,.12)}

/* ---------- tablet ---------- */
@media (max-width:1023px){
  .story-grid{grid-template-columns:minmax(0,1fr)}
  .story-rail{max-width:680px;width:100%;justify-self:center}
  .story-rail::before{display:none}
  .story-rail .ad-sky{position:static;height:250px}
  .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---------- telefon ---------- */
@media (max-width:640px){
  .story-head{padding-top:var(--s-5)}
  .story-hero{padding:0}                       /* kapak kenardan kenara */
  .story-hero figcaption{padding:var(--s-2) var(--gutter) 0}
  .story-grid{padding-top:var(--s-5)}
  .story-actions{gap:6px}
  .story-actions .spacer{display:none}
  .tool-label{display:none}
  .tool-wa .tool-label{display:inline}
  .art-body{--body-size:18px}
  .art-body[data-size=sm]{--body-size:16px}
  .art-body[data-size=lg]{--body-size:20px}
  .art-body[data-size=xl]{--body-size:22px}
  .art-body blockquote{padding-left:var(--s-4)}
  .author-box{flex-direction:column;padding:var(--s-4)}
  .related-grid{grid-template-columns:1fr;gap:0}
  .related-grid article{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:var(--s-3);row-gap:var(--s-1);padding:var(--s-3) 0;border-bottom:1px solid var(--c-line)}
  .related-grid .img{grid-row:1 / span 2;width:112px;height:75px;aspect-ratio:auto}
  .read-next a{grid-template-columns:112px minmax(0,1fr);gap:var(--s-3);padding:var(--s-3) 0}
  .read-next .img{width:112px}
  .sub-banner{bottom:0;width:100%;border-radius:0;flex-wrap:wrap;gap:var(--s-3);padding:var(--s-4) var(--s-3) var(--s-4) var(--s-4)}
  .sub-banner-text{flex-basis:calc(100% - 56px)}
  .sub-banner-close{position:absolute;top:6px;right:6px}
  .sub-banner-btn{width:100%}
}

/* destekçi içeriği ([members]) */
.members-tag{font:800 11px/1 var(--f-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--c-brand)}
.members-only{border-left:4px solid var(--c-brand);padding-left:var(--s-4)}
.members-cta{background:var(--c-bg-soft);border:1px solid var(--c-line);border-radius:6px;padding:var(--s-5);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--s-3)}
.members-cta p{margin:0}