/* ===================================================================
   Basın360 temel yapı stilleri (tüm temalar tarafından kullanılır)
   Renk ve yazı tipleri style.css içinde değişkenlerle verilir.
   =================================================================== */
:root{
  --primary:#c8102e;--ink:#16181d;--ink2:#40444f;--muted:#6b7280;--bg:#fff;--surface:#f4f5f7;--line:#e5e7eb;
  --f-head:"Source Serif 4",Georgia,"Times New Roman",serif;--f-body:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --wrap:1280px;--gap:24px;--r:6px;--cat:var(--primary)
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 var(--f-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--primary)}
button{font:inherit;color:inherit;cursor:pointer}
h1,h2,h3,h4{margin:0;line-height:1.2;font-family:var(--f-head)}
p{margin:0 0 1em}
.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 16px}
.muted{color:var(--muted)}.small{font-size:.85rem}
.skip{position:absolute;left:-999px;top:0;z-index:999;background:var(--ink);color:#fff;padding:8px 12px}.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.empty{padding:40px 0;color:var(--muted);text-align:center}
.btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:var(--r);background:var(--primary);color:#fff;border:0;font-weight:600}
.btn:hover{color:#fff;filter:brightness(1.08)}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.icon-btn{display:inline-grid;place-items:center;width:42px;height:42px;border:0;background:transparent;border-radius:50%}
.icon-btn:hover{background:var(--surface)}

/* Izgara */
.grid{display:grid;gap:var(--gap)}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:32px;align-items:start;margin-bottom:40px}
.layout.no-side{grid-template-columns:minmax(0,1fr)}
.main-col{min-width:0}
.split-main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--gap)}

/* Kart */
.card{position:relative;min-width:0}
.card-img{display:block;position:relative;overflow:hidden;border-radius:var(--r);background:var(--surface);aspect-ratio:16/9}
.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.card:hover .card-img img{transform:scale(1.04)}
.card-body{padding-top:10px}
.card-title{font-size:1.05rem;font-weight:700;line-height:1.3}
.card-lg .card-title{font-size:1.6rem}
.card-sum{margin:8px 0 0;color:var(--ink2);font-size:.95rem}
.card-meta{display:flex;gap:10px;color:var(--muted);font-size:.78rem;margin-top:6px;flex-wrap:wrap}
.cat{display:inline-block;font:700 .72rem/1 var(--f-body);text-transform:uppercase;letter-spacing:.04em;color:var(--cat);margin-bottom:6px}
.type-badge{position:absolute;left:10px;bottom:10px;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;display:grid;place-items:center}
.type-badge .ic{width:16px;height:16px}
.card-sm{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:start}
.card-sm .card-img{aspect-ratio:4/3}
.card-sm .card-body{padding:0}
.card-sm .card-title{font-size:.95rem}
.card-txt{padding:10px 0;border-bottom:1px solid var(--line)}
.card-txt .card-title{font-size:1rem}
.card-row{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.card-row .card-body{padding:0}
.card-row .card-title{font-size:1.25rem}
.list-rows{display:grid;gap:20px}
.card-over .card-img{aspect-ratio:16/10}
.card-over .card-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.82))}
.card-over .card-body{position:absolute;left:0;right:0;bottom:0;padding:16px;color:#fff;z-index:2}
.card-over .card-title{color:#fff;font-size:1.1rem;text-shadow:0 1px 3px rgba(0,0,0,.4)}
.card-over .cat{color:#fff;background:var(--cat);padding:4px 7px;border-radius:3px}
.card-over:hover .card-title{text-decoration:underline}

/* Bölümler */
.sec{margin:36px auto}
.sec-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;border-bottom:2px solid var(--line);position:relative}
.sec-head h2{font-size:1.35rem;padding-bottom:10px;position:relative}
.sec-head h2::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;background:var(--cat)}
.sec-head .more{font-size:.85rem;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:2px}
.block{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--gap)}
.block-list{display:grid;gap:16px;align-content:start}
.sec-dark{background:#111318;color:#fff;padding:36px 0;margin:40px 0}

/* ---- Ortak bölüm görünümleri (her temada kullanılabilir; renkler temadan) ---- */
/* Kapak bloğu */
.g-feature-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,minmax(200px,1fr));gap:16px}
.g-feature-grid>.card:first-child{grid-row:span 2}
.g-feature-grid>.card:first-child .card-img{height:100%;aspect-ratio:auto}
.g-feature-grid>.card:first-child .card-title{font-size:1.6rem}
.g-feature-grid .card-over .card-img{height:100%;aspect-ratio:auto;min-height:200px}
/* İki sütunlu liste */
.g-split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px}
.g-numlist{list-style:none;margin:0;padding:0}
.g-numlist li{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:14px 0;border-bottom:1px solid var(--line);font:700 1.02rem/1.35 var(--f-head)}
.g-numlist .n{color:var(--primary);font-size:1.3rem}
/* Yatay kaydırmalı bant */
.g-stripband{background:var(--surface);padding:34px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.g-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}
.g-strip .card{scroll-snap-align:start}
/* Sıkı liste */
.y-dense .card-md{margin-bottom:12px}
.y-dense .card-md .card-img{aspect-ratio:16/8}
.y-dense-list{display:grid;gap:12px}
.y-dense-list .card-sm{grid-template-columns:96px minmax(0,1fr)}
/* Foto bandı */
.y-photo{background:#14181f;padding:30px 0;margin:36px 0;color:#fff}
.y-photo .sec-head{border-color:rgba(255,255,255,.18)}
@media (max-width:1000px){
  .g-feature-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .g-feature-grid>.card:first-child{grid-column:span 2;grid-row:auto}
  .g-feature-grid>.card:first-child .card-img{aspect-ratio:16/9}
  .g-split{grid-template-columns:1fr}
}
@media (max-width:600px){
  .g-feature-grid{grid-template-columns:1fr}
  .g-feature-grid>.card:first-child{grid-column:auto}
  .g-strip .card-md{display:block}
}

/* ---- Tam genişlik sliderlar ---- */
/* 1) Tam ekran */
.hs-full{margin:36px 0}
.slider.hs-full-slider{aspect-ratio:auto;height:clamp(340px,42vw,580px);border-radius:0}
.hs-full .slide::after{background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.35) 55%,rgba(0,0,0,.1)),linear-gradient(180deg,transparent 55%,rgba(0,0,0,.7))}
.hs-cap{position:absolute;left:0;right:0;bottom:64px;z-index:2;color:#fff;display:block}
.hs-cap .cat{color:#fff;background:var(--cat);padding:5px 9px;border-radius:3px}
.hs-cap strong{display:block;max-width:760px;font:800 clamp(1.5rem,3.4vw,3rem)/1.08 var(--f-head);letter-spacing:-.01em;text-shadow:0 2px 12px rgba(0,0,0,.35);margin:6px 0 10px}
.hs-cap em{display:block;max-width:620px;font-style:normal;color:#e3e6ec;font-size:1.02rem;line-height:1.5}
.hs-dots-wrap{position:absolute;left:0;right:0;bottom:16px;z-index:3}
.dots.hs-dots{position:static;background:transparent;gap:6px;display:flex}
.dots.hs-dots button{flex:0 0 auto;width:38px;height:6px;padding:0;border-radius:6px;background:rgba(255,255,255,.35);font-size:0;color:transparent}
.dots.hs-dots button.on{background:#fff;width:64px}
.dots.hs-dots button:hover{background:rgba(255,255,255,.7)}
.hs-full .sl-nav{top:auto;bottom:6px;width:38px;height:38px;opacity:1;background:rgba(255,255,255,.14)}
.hs-full .sl-nav.prev{left:auto;right:64px}.hs-full .sl-nav.next{right:18px}
/* 2) Kart kaydırıcı */
.hs-cards{background:var(--surface);padding:30px 0 26px;margin:36px 0}
.hs-cards-head{display:flex;align-items:flex-end;gap:12px}
.hs-cards-head .sec-head{flex:1}
.hs-arrows{display:flex;gap:6px;margin-bottom:18px}
.hs-arrows .icon-btn{background:var(--bg);border:1px solid var(--line)}
.hs-arrows .icon-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}
.hs-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 54px)/4);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;outline:0}
.hs-track::-webkit-scrollbar{display:none}
.hs-card{scroll-snap-align:start;background:var(--bg);border-radius:var(--r);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.hs-card .card-img{border-radius:0}
.hs-card .card-body{padding:12px 14px 14px}
.hs-card .card-title{font-size:1.02rem}
.hs-progress{height:3px;background:var(--line);border-radius:3px;margin-top:18px;overflow:hidden}
.hs-progress i{display:block;height:100%;width:25%;background:var(--primary);transition:width .3s}
/* 3) Küçük resimli */
.hs-thumbs{background:#101318;color:#fff;padding:30px 0;margin:36px 0}
.hs-thumbs .sec-head{border-color:rgba(255,255,255,.15)}
.hs-thumbs .sec-head .more{color:#aab}
.slider.hs-thumbs-slider{aspect-ratio:auto;background:transparent;overflow:visible;border-radius:0;display:block}
.slider.hs-thumbs-slider .slides{position:relative;aspect-ratio:21/9;border-radius:var(--r);overflow:hidden;background:#000}
.slider.hs-thumbs-slider .slide-cap{bottom:24px;padding:0 28px}
.slider.hs-thumbs-slider .slide-cap strong{font-size:clamp(1.4rem,2.8vw,2.5rem);max-width:820px}
.dots.hs-thumbrow{position:static;background:transparent;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:10px;margin-top:12px;overflow-x:auto;scrollbar-width:thin}
.dots.hs-thumbrow button{height:auto;display:grid;grid-template-columns:64px 1fr;gap:8px;align-items:center;padding:6px;border-radius:var(--r);background:rgba(255,255,255,.05);color:#c9ced8;text-align:left;font:600 .78rem/1.3 var(--f-body);border:2px solid transparent}
.dots.hs-thumbrow button img{width:64px;height:44px;object-fit:cover;border-radius:3px}
.dots.hs-thumbrow button span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dots.hs-thumbrow button.on,.dots.hs-thumbrow button:hover{background:rgba(255,255,255,.1);border-color:var(--primary);color:#fff}
.slider.hs-thumbs-slider .slides:hover .sl-nav{opacity:1}
.slider.hs-thumbs-slider .sl-nav{z-index:4}
@media (max-width:1000px){.hs-track{grid-auto-columns:calc((100% - 36px)/3)}}
@media (max-width:700px){
  .hs-track{grid-auto-columns:78%}
  .hs-cap{bottom:54px}.hs-cap em{display:none}
   .slider.hs-thumbs-slider .slides{aspect-ratio:16/10}
   .dots.hs-thumbrow{grid-auto-columns:200px}
}
/* Daralan satırlarda sliderlar kutu içinde */
.sec-main  .slider.hs-full-slider,.sec-pair  .slider.hs-full-slider{height:auto;aspect-ratio:16/9;border-radius:var(--r)}
.sec-main .hs-cards,.sec-main .hs-thumbs,.sec-pair .hs-cards,.sec-pair .hs-thumbs{border-radius:var(--r);padding:20px}
.sec-main .hs-track,.sec-pair .hs-track{grid-auto-columns:calc((100% - 36px)/3)}

/* Ana sayfa satırları: yan yana bölümler ve satıra özel widget sütunu */
.sec-pair-row,.sec-with-side{margin:36px auto}
.sec-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}
.sec-with-side{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
.sec-main{min-width:0}
.sec-side{display:grid;gap:22px;position:sticky;top:76px}
.sec-side .widget{min-width:0}
/* İç içe gelen bölümler kendi kenar boşluğunu ve tam genişlik zeminini bırakır */
.sec-pair .wrap,.sec-with-side .wrap{max-width:none;padding:0}
.sec-pair .sec,.sec-with-side .sec{margin:0 0 28px}
.sec-main .sec-pair .sec{margin-bottom:0}
.sec-pair>.sec:last-child,.sec-main>.sec:last-child{margin-bottom:0}
.sec-pair .sec-dark,.sec-main .sec-dark,.sec-main .sec-columnists,.sec-pair .sec-columnists,
.sec-main .g-stripband,.sec-pair .g-stripband,.sec-main .y-photo,.sec-pair .y-photo{border-radius:var(--r);padding:22px}
/* Daralan alanda ızgaralar bir kademe küçülür */
.sec-main .g4{grid-template-columns:repeat(3,minmax(0,1fr))}
.sec-pair .g4,.sec-pair .g3{grid-template-columns:repeat(2,minmax(0,1fr))}
.sec-pair .block,.sec-pair .split-main,.sec-main .split-main{grid-template-columns:1fr}
.sec-pair .side-list,.sec-main .side-list{border:0;padding:0}
.sec-pair .card-lg .card-title{font-size:1.3rem}
@media (max-width:1100px){.sec-with-side{grid-template-columns:minmax(0,1fr) 260px}}
@media (max-width:900px){
  .sec-with-side,.sec-pair{grid-template-columns:1fr}
  .sec-side{position:static}
  .sec-main .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.sec-dark .sec-head{border-color:rgba(255,255,255,.15)}
.sec-dark .sec-head .more{color:#bbb}

/* Manşet */
.slider{position:relative;border-radius:var(--r);overflow:hidden;background:#000;aspect-ratio:16/10}
.slides,.slide{position:absolute;inset:0}
.slide{opacity:0;visibility:hidden;transition:opacity .45s}
.slide.on{opacity:1;visibility:visible}
.slide img{width:100%;height:100%;object-fit:cover}
.slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.88))}
.slide-cap{position:absolute;left:0;right:0;bottom:44px;padding:0 24px;z-index:2;color:#fff}
.slide-cap strong{display:block;font:800 clamp(1.3rem,2.6vw,2.3rem)/1.15 var(--f-head);text-shadow:0 2px 8px rgba(0,0,0,.4)}
.slide-cap .cat{color:#fff;background:var(--cat);padding:4px 8px;border-radius:3px}
.dots{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;background:rgba(0,0,0,.65)}
.dots button{flex:1;height:34px;border:0;background:transparent;color:#bbb;font-weight:700;font-size:.85rem;min-width:0}
.dots button.on,.dots button:hover{background:var(--primary);color:#fff}
.sl-nav{position:absolute;top:42%;z-index:3;width:42px;height:42px;border-radius:50%;border:0;background:rgba(0,0,0,.5);color:#fff;display:grid;place-items:center;opacity:0;transition:opacity .2s}
.slider:hover .sl-nav,.gallery:hover .sl-nav{opacity:1}
.sl-nav.prev{left:12px}.sl-nav.next{right:12px}

/* Son dakika şeridi */
.ticker{border-bottom:1px solid var(--line)}
.ticker .wrap{display:flex;align-items:center;gap:14px;height:42px;overflow:hidden}
.ticker-label{flex:none;background:var(--primary);color:#fff;font-size:.75rem;letter-spacing:.06em;padding:5px 10px;border-radius:3px;animation:hbPulse 2s infinite}
@keyframes hbPulse{50%{opacity:.75}}
.ticker-track{flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.ticker-items{display:flex;gap:42px;white-space:nowrap;width:max-content;animation:hbTick 60s linear infinite}
.ticker-track:hover .ticker-items{animation-play-state:paused}
.ticker-items a{font-weight:600;font-size:.92rem}
.ticker-items time{color:var(--primary);font-weight:800;margin-right:4px}
@keyframes hbTick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker-items{animation:none}.slide{transition:none}}

/* Yan sütun */
.sidebar{display:grid;gap:28px;position:sticky;top:76px}
.widget .w-head,.side-list .w-head{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--ink);margin-bottom:12px}
.w-head h3{font-size:1.05rem;padding-bottom:8px}
.w-head .more{font-size:.8rem;color:var(--muted)}
.rank{list-style:none;margin:0;padding:0;counter-reset:r}
.rank li{display:grid;grid-template-columns:34px 1fr;gap:8px;padding:10px 0;border-bottom:1px solid var(--line);font-weight:600;font-size:.95rem;line-height:1.35}
.rank .n{font:800 1.5rem/1 var(--f-head);color:var(--primary);opacity:.85}
.authors-mini{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.authors-mini li{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center}
.authors-mini img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.authors-mini .name{display:block;font-weight:700;font-size:.9rem}
.authors-mini .last{display:block;font-size:.85rem;color:var(--ink2);line-height:1.3}
.tags{display:flex;flex-wrap:wrap;gap:8px}
.tags a{background:var(--surface);padding:5px 10px;border-radius:99px;font-size:.82rem;font-weight:600}
.tags a:hover{background:var(--primary);color:#fff}
.sticky-ad{position:sticky;top:90px}

/* Widgetlar */
.w-recent{display:grid;gap:12px}
.w-recent .card-txt:last-child{border-bottom:0}
.w-recent .card-sm{grid-template-columns:96px minmax(0,1fr)}
.w-recent .card-title{font-size:.95rem}
.w-more{display:inline-block;margin-top:10px;font-size:.85rem;font-weight:700;color:var(--primary)}
.w-weather .wx-now{display:flex;align-items:center;gap:14px}
.wx-ic{font-size:3rem;line-height:1}
.wx-t{display:block;font:800 2.4rem/1 var(--f-head)}
.wx-city{display:block;font-weight:700;margin-top:4px}.wx-d{display:block;color:var(--muted);font-size:.85rem}
.wx-meta{display:flex;gap:14px;color:var(--ink2);font-size:.85rem;margin:10px 0}
.wx-days{list-style:none;margin:0;padding:10px 0 0;border-top:1px solid var(--line);display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;text-align:center}
.wx-days li{display:grid;gap:2px;font-size:.8rem}.wx-days li span:nth-child(2){font-size:1.3rem}.wx-days small{color:var(--muted)}
.w-fx{width:100%;border-collapse:collapse;font-size:.9rem}
.w-fx th{text-align:left;font-weight:600;padding:7px 0;border-bottom:1px solid var(--line)}
.w-fx td{text-align:right;padding:7px 0 7px 8px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}
.w-fx td.up{color:#0f7b4b}.w-fx td.down{color:#c4001d}.w-fx td:last-child{font-size:.78rem;font-weight:600}
.w-src{font-size:.75rem;color:var(--muted);margin:8px 0 0}
.w-prayer ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.w-prayer li{background:var(--surface);border-radius:var(--r);padding:8px;text-align:center;display:grid;gap:2px;font-size:.78rem}
.w-prayer li b{font:800 1.1rem var(--f-head)}
.w-prayer li.on{background:var(--primary);color:#fff}
.w-prayer .w-src{margin:0 0 8px}
.w-cats,.w-links{list-style:none;margin:0;padding:0}
.w-cats li{display:flex;justify-content:space-between;align-items:center;padding:3px 0 3px 9px;border-left:3px solid var(--cat);margin-bottom:3px;font-weight:600;font-size:.9rem;line-height:1.3}
.w-cats span{color:var(--muted);font-weight:500;font-size:.78rem;padding-right:2px}
.w-links li{padding:4px 0;font-size:.9rem;line-height:1.3;font-weight:600}
.w-links li::before{content:"›";color:var(--primary);margin-right:6px;font-weight:800}
.w-mag{display:block;text-align:center}.w-mag .mag-cover{max-width:200px;margin:0 auto 10px}
.w-text{font-size:.92rem;color:var(--ink2)}
.w-html iframe{max-width:100%}
.foot-widgets{grid-column:span 2;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;align-content:start}
.foot-widgets .w-head{border-color:rgba(255,255,255,.15)!important}
.foot-widgets .w-head h3{color:#fff}
.foot-widgets .card-title,.foot-widgets .rank li,.foot-widgets .w-fx th{color:#e6e8ec}
@media (max-width:900px){.foot-widgets{grid-column:auto}}

/* Köşe yazarları */
.col-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
.col-card{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;scroll-snap-align:start}
.col-card .col-av img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid var(--bg);box-shadow:0 0 0 2px var(--primary)}
.col-name{display:block;font-weight:800;font-size:.95rem}
.col-title{display:block;font:600 .95rem/1.3 var(--f-head);margin-top:2px}
.authors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--gap);margin-bottom:40px}
.col-card.big{grid-template-columns:96px 1fr;padding:16px;border:1px solid var(--line);border-radius:var(--r)}
.col-card.big .col-av img{width:96px;height:96px}

/* Sayfa başlığı, kırıntı, sayfalama */
.crumbs{font-size:.82rem;color:var(--muted);padding:16px 0 4px}
.crumbs a:hover{color:var(--primary)}
.page-head{padding:10px 0 22px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.page-head h1{font-size:clamp(1.6rem,3vw,2.4rem);border-left:5px solid var(--cat);padding-left:14px}
.page-head p{margin:10px 0 0;color:var(--muted)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.chips a{border:1px solid var(--line);padding:5px 12px;border-radius:99px;font-size:.85rem;font-weight:600}
.lead-card{margin-bottom:28px}
.title-list .card-txt{padding:12px 0}
.title-list .card-title{font-size:1.15rem}
.pager{display:flex;justify-content:center;gap:6px;margin:34px 0;flex-wrap:wrap}
.pager a,.pager span{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 12px;border:1px solid var(--line);border-radius:var(--r);font-weight:600;font-size:.9rem}
.pager .on{background:var(--primary);border-color:var(--primary);color:#fff}
.pager .gap{border:0}

/* Haber */
.post-head{margin-bottom:20px}
.post-title{font-size:clamp(1.7rem,3.4vw,2.7rem);font-weight:800;line-height:1.15;letter-spacing:-.01em;margin:4px 0 14px}
.post-sum{font-size:1.2rem;line-height:1.5;color:var(--ink2);font-weight:500;margin-bottom:18px}
.post-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.byline{display:flex;align-items:center;gap:10px}
.byline img{width:36px;height:36px;border-radius:50%;object-fit:cover}
.byline b{display:block;font-size:.92rem}.byline small{display:block;color:var(--muted);font-size:.78rem}
.dates{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.8rem;align-items:center}
.dates .ic{width:15px;height:15px}
.post-tools{display:flex;gap:6px;align-items:center;margin-top:14px;flex-wrap:wrap}
.post-tools .sp{flex:1}
.share{display:inline-grid;place-items:center;min-width:38px;height:38px;padding:0 8px;border-radius:50%;border:1px solid var(--line);background:var(--bg);font-weight:700;font-size:.8rem}
.share .ic{width:17px;height:17px}
.share.fb:hover{background:#1877f2;color:#fff;border-color:#1877f2}.share.x:hover{background:#000;color:#fff;border-color:#000}
.share.wa:hover{background:#25d366;color:#fff;border-color:#25d366}.share.tg:hover{background:#229ed9;color:#fff;border-color:#229ed9}
.post-media{margin:0 0 24px}
.post-media img{width:100%;border-radius:var(--r)}
.post-media figcaption{font-size:.82rem;color:var(--muted);padding:8px 2px;border-bottom:1px solid var(--line)}
.post-content{font:1.13rem/1.75 var(--f-body);--fs:1;font-size:calc(1.13rem * var(--fs))}
.post-content p{margin:0 0 1.2em}
.post-content h2{font-size:1.5em;margin:1.5em 0 .6em}.post-content h3{font-size:1.25em;margin:1.4em 0 .5em}
.post-content a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}
.post-content blockquote{margin:1.5em 0;padding:4px 0 4px 20px;border-left:4px solid var(--primary);font:italic 1.15em/1.6 var(--f-head);color:var(--ink2)}
.post-content img{border-radius:var(--r);margin:1em 0}
.post-content figure{margin:1.5em 0}
.post-content figcaption{font-size:.8em;color:var(--muted)}
.post-content ul,.post-content ol{padding-left:1.3em;margin:0 0 1.2em}
.post-content iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:var(--r)}
.post-content .hb-ad{margin:2em auto}
.post-tags{margin:24px 0}
.author-box{display:grid;grid-template-columns:72px 1fr;gap:16px;padding:20px;background:var(--surface);border-radius:var(--r);margin:24px 0}
.author-box img{width:72px;height:72px;border-radius:50%;object-fit:cover}
.author-box .name{font-weight:800}.author-box p{margin:4px 0 0;font-size:.92rem;color:var(--ink2)}
.adjacent{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}
.adjacent a{padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);font:700 1rem/1.35 var(--f-head)}
.adjacent small{display:block;font:600 .75rem var(--f-body);color:var(--muted);text-transform:uppercase;margin-bottom:4px}
.adjacent .next{text-align:right}
.related{margin-top:36px}
.preview-bar{background:#fff4e0;color:#7a4500;padding:10px 16px;border-radius:var(--r);margin-top:14px;font-weight:600}
.gallery{position:relative;margin:0 0 24px;background:#111;border-radius:var(--r);overflow:hidden}
.g-item{margin:0;display:none}.g-item.on{display:block}
.g-item img{width:100%;max-height:72vh;object-fit:contain;margin:0 auto}
.g-item figcaption{color:#ddd;padding:12px 16px;font-size:.9rem}
.g-thumbs{display:flex;gap:6px;padding:8px;overflow-x:auto;background:#000}
.g-thumbs button{flex:none;width:72px;height:50px;padding:0;border:2px solid transparent;border-radius:4px;overflow:hidden;opacity:.6;background:none}
.g-thumbs button.on{opacity:1;border-color:var(--primary)}
.g-thumbs img{width:100%;height:100%;object-fit:cover}

/* Arama */
.search-layer{position:fixed;inset:0;z-index:200;background:rgba(10,12,16,.85);padding-top:12vh}
.search-box{position:relative;display:flex;align-items:center;gap:12px;background:var(--bg);border-radius:10px;padding:8px 8px 8px 18px;max-width:760px}
.search-box input{flex:1;border:0;outline:0;font-size:1.25rem;height:52px;background:transparent;color:var(--ink)}
.suggest{position:absolute;left:0;right:0;top:calc(100% + 8px);background:var(--bg);border-radius:10px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.3)}
.suggest a{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:10px 14px;align-items:center;border-bottom:1px solid var(--line)}
.suggest img{width:72px;height:48px;object-fit:cover;border-radius:4px}
.suggest b{display:block;font-size:.95rem;line-height:1.3}.suggest small{color:var(--muted)}
.search-inline{display:flex;gap:8px;margin-top:14px;max-width:620px}
.search-inline input{flex:1;height:46px;border:1px solid var(--line);border-radius:var(--r);padding:0 14px;font-size:1rem;background:var(--bg);color:var(--ink)}
.search-inline button{height:46px;padding:0 18px;border:0;border-radius:var(--r);background:var(--primary);color:#fff;font-weight:600;display:flex;align-items:center;gap:6px}

/* Mobil çekmece */
.drawer{position:fixed;inset:0;z-index:220;background:rgba(0,0,0,.5)}
.drawer-panel{position:absolute;left:0;top:0;bottom:0;width:min(340px,86vw);background:var(--bg);overflow-y:auto;padding:12px 18px 30px;animation:hbIn .2s}
@keyframes hbIn{from{transform:translateX(-100%)}}
.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.drawer-head .logo img{height:40px;width:auto}
.drawer-search input{width:100%;height:44px;border:1px solid var(--line);border-radius:var(--r);padding:0 12px;margin-bottom:12px;background:var(--bg);color:var(--ink)}
.drawer nav a{display:block;padding:12px 0;border-bottom:1px solid var(--line);font-weight:700}
.drawer nav a.child{padding-left:16px;font-weight:500}
.drawer .langs{margin-top:18px}

/* Yazar ve iletişim */
.author-head{display:grid;grid-template-columns:112px 1fr;gap:24px;align-items:center;padding:24px 0 28px;border-bottom:1px solid var(--line);margin-bottom:28px}
.author-head img{width:112px;height:112px;border-radius:50%;object-fit:cover}
.author-head h1{font-size:2rem}.author-title{color:var(--primary);font-weight:700;margin:4px 0 8px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:40px}
.contact-list{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:20px 0}
.contact-list dt{font-weight:700;color:var(--muted)}.contact-list dd{margin:0}
.contact-form{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.contact-form h2{font-size:1.3rem;margin-bottom:14px}
.contact-form label{display:block;margin-bottom:12px}
.contact-form label>span{display:block;font-size:.82rem;font-weight:700;color:var(--ink2);margin-bottom:4px}
.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:var(--r);padding:10px 12px;font:inherit;background:var(--bg);color:var(--ink)}
.contact-form textarea{resize:vertical}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cf-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.cf-captcha{display:flex!important;align-items:center;gap:8px;margin:0!important}
.cf-captcha>span{margin:0!important}
.cf-captcha b{font-size:1.1rem;white-space:nowrap}
.cf-captcha input{width:70px;text-align:center;font-weight:700}
.cf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cf-msg{padding:10px 14px;border-radius:var(--r);margin-bottom:14px;font-weight:600}
.cf-msg.ok{background:#e7f6ee;color:#0b5e39}.cf-msg.bad{background:#fdecee;color:#9b0018}
.cf-note{font-size:.78rem;color:var(--muted);margin:12px 0 0}
.is-contact .map{margin-bottom:40px}
@media (max-width:600px){.cf-row{grid-template-columns:1fr}}
.map iframe{width:100%;height:100%;min-height:340px;border:0;border-radius:var(--r)}
.social{display:flex;gap:6px;flex-wrap:wrap}
.social a{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%}
.social.big a{width:44px;height:44px;border:1px solid var(--line)}
.langs{display:flex;gap:4px}
.langs a{font-size:.75rem;font-weight:800;padding:3px 7px;border-radius:4px}
.langs a.on{background:var(--primary);color:#fff}
.notfound{text-align:center;padding:50px 16px}
.notfound .code{display:block;font:900 6rem/1 var(--f-head);color:var(--primary)}
.notfound .search-inline{margin:20px auto}
.notfound .grid{text-align:left;margin-top:12px}

/* E-Dergi */
.mag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:28px 22px;margin-bottom:40px}
.mag-grid.small{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
.mag-card{display:block}
.mag-cover{display:grid;place-items:center;aspect-ratio:3/4;background:var(--surface);border-radius:4px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.15);margin-bottom:10px;transition:transform .25s}
.mag-card:hover .mag-cover{transform:translateY(-4px) rotate(-1deg)}
.mag-cover img,.mag-cover canvas{width:100%;height:100%;object-fit:cover}
.mag-cover .ic{width:42px;height:42px;color:var(--muted)}
.mag-card b{display:block;font-family:var(--f-head);line-height:1.3}.mag-card small{color:var(--muted)}
.mag-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin:10px 0 18px}
.mag-head h1{font-size:1.8rem}
.mag-tools{display:flex;gap:6px;align-items:center}
.mag-tools .btn{height:40px;padding:0 12px}
.mag-page{min-width:110px;text-align:center;font-weight:700;font-size:.9rem}
.mag-stage{position:relative;background:linear-gradient(#2a2d34,#1b1d22);border-radius:10px;padding:24px 12px;min-height:420px;display:flex;justify-content:center;align-items:center;margin-bottom:24px}
.mag-stage:fullscreen{border-radius:0;padding:12px}
.mag-loading{color:#ddd;font-weight:600}
.hb-flipbook.flat{display:grid;gap:12px}
.hb-flipbook.flat .hb-flip-page{width:min(900px,100%)}
.mag-desc{max-width:780px;margin:0 auto 30px;color:var(--ink2)}

@media (max-width:1100px){
  .layout{grid-template-columns:minmax(0,1fr) 300px;gap:24px}
  .g4{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  :root{--gap:18px}
  .layout,.split-main{grid-template-columns:minmax(0,1fr)}
  .sidebar{position:static}
  .block{grid-template-columns:1fr}
  .g4,.g3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact-grid{grid-template-columns:1fr}
}
@media (max-width:600px){
  .g4,.g3,.g2{grid-template-columns:minmax(0,1fr)}
  .grid.g4>.card-md,.grid.g3>.card-md{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px}
  .grid.g4>.card-md .card-img,.grid.g3>.card-md .card-img{aspect-ratio:4/3}
  .grid.g4>.card-md .card-body,.grid.g3>.card-md .card-body{padding:0}
  .grid.g4>.card-md .card-title,.grid.g3>.card-md .card-title{font-size:.98rem}
  .slider{aspect-ratio:4/3}
  .slide-cap{padding:0 14px;bottom:40px}
  .card-row{grid-template-columns:120px minmax(0,1fr);gap:12px}
  .card-row .card-title{font-size:1rem}.card-row .card-sum{display:none}
  .card-lg .card-title{font-size:1.3rem}
  .author-head{grid-template-columns:72px 1fr;gap:14px}.author-head img{width:72px;height:72px}
  .adjacent{grid-template-columns:1fr}
  .post-content{font-size:calc(1.06rem * var(--fs))}
  .sl-nav{display:none}
}
@media print{
  .site-header,.site-footer,.sidebar,.post-tools,.hb-ad,.related,.adjacent,.ticker{display:none!important}
  .layout{display:block}
}

/* ===================================================================
   Manşet tasarımları (ortak; seçim: Ana sayfa düzeni → Manşet görünümü)
   =================================================================== */
.mh{margin-top:20px}
.mh-subs{margin-top:var(--gap)}
.mh .slide::after{background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.86))}
.mh-cap{position:absolute;left:0;right:0;bottom:0;z-index:2;color:#fff;padding:0 26px 22px;display:block}
.mh-cap .cat{color:#fff;background:var(--cat);padding:4px 8px;border-radius:3px}
.mh-cap strong{display:block;font:800 clamp(1.4rem,3vw,2.6rem)/1.12 var(--f-head);text-shadow:0 2px 10px rgba(0,0,0,.4);max-width:900px}
/* 1) Numaralı */
.mh-numbered .slider.mh-slider{aspect-ratio:auto;background:transparent;overflow:visible;display:block}
.mh-numbered .slides{position:relative;aspect-ratio:21/9;max-height:600px;width:100%;border-radius:var(--r) var(--r) 0 0;overflow:hidden;background:#000}
.mh-numbered .dots.mh-nums{position:static;display:flex;background:#16181d;border-radius:0 0 var(--r) var(--r);overflow-x:auto;scrollbar-width:none}
.mh-numbered .mh-nums button{flex:1 0 34px;height:40px;font-size:.95rem}
/* 2) Başlık listeli */
.mh-side .slider.mh-slider{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);aspect-ratio:auto;background:var(--surface);border-radius:var(--r);overflow:hidden}
.mh-side .slides{position:relative;aspect-ratio:16/9.6;inset:auto}
.mh-side .dots.mh-list{position:static;display:block;background:transparent;list-style:none;margin:0;padding:0;overflow-y:auto;max-height:100%}
.mh-list li{border-bottom:1px solid var(--line)}
.mh-list button{display:grid;grid-template-columns:30px 1fr;gap:8px;width:100%;height:auto;text-align:left;padding:10px 14px;color:var(--ink);font:600 .95rem/1.3 var(--f-body);background:transparent;align-items:start}
.mh-list .n{font:800 1.05rem/1.25 var(--f-head);color:var(--primary)}
.mh-list button.on,.mh-list button:hover{background:var(--primary);color:#fff}
.mh-list button.on .n,.mh-list button:hover .n{color:#fff}
/* 3) Kapak */
.mh-cover{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:28px}
.mh-lead{position:relative;border-radius:var(--r);overflow:hidden;background:#000;min-height:470px}
.mh-lead-img{position:absolute;inset:0}
.mh-lead-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.mh-lead:hover .mh-lead-img img{transform:scale(1.03)}
.mh-lead::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(5,7,10,.92));pointer-events:none}
.mh-lead-body{position:absolute;left:0;right:0;bottom:0;padding:30px;z-index:2;color:#fff}
.mh-lead-body .cat{background:var(--cat);color:#fff;padding:4px 8px;border-radius:3px}
.mh-lead-body h2{font-size:clamp(1.6rem,3vw,2.6rem);font-weight:800;line-height:1.1;margin:10px 0}
.mh-lead-body h2 a:hover{color:#fff;text-decoration:underline}
.mh-lead-body p{color:#d5dae3;max-width:640px;margin:0 0 10px}
.mh-lead-body .card-meta{color:#aab3c2}
.mh-cover-side{display:grid;align-content:start}
.mh-num{display:grid;grid-template-columns:40px 96px 1fr;gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line)}
.mh-num:last-child{border-bottom:0}
.mh-num .n{font:800 1.8rem/1 var(--f-head);color:transparent;-webkit-text-stroke:1.4px var(--primary)}
.mh-num-img{display:block;aspect-ratio:4/3;border-radius:var(--r);overflow:hidden;background:var(--surface)}
.mh-num-img img{width:100%;height:100%;object-fit:cover}
.mh-num h3{font-size:1.02rem;line-height:1.3}
/* 4) Tam ekran */
.mh-hero{margin-top:0}
.mh-hero .slider.mh-slider{aspect-ratio:auto;height:clamp(380px,46vw,640px);border-radius:0}
.mh-hero .slide::after{background:linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.2) 65%),linear-gradient(180deg,transparent 50%,rgba(0,0,0,.85))}
.mh-hero .mh-cap{bottom:96px;padding-bottom:0}
.mh-hero .mh-cap strong{font-size:clamp(1.7rem,3.8vw,3.4rem);max-width:820px;margin:8px 0 10px}
.mh-hero .mh-cap em{display:block;font-style:normal;max-width:620px;color:#e3e6ec}
.mh-tabs-wrap{position:absolute;left:0;right:0;bottom:0;z-index:3;background:linear-gradient(180deg,transparent,rgba(0,0,0,.55))}
.mh-hero .dots.mh-tabs{position:static;background:transparent;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);gap:14px;overflow-x:auto;scrollbar-width:none;padding-top:14px;padding-bottom:16px}
.mh-tabs button{position:relative;height:auto;text-align:left;display:grid;grid-template-columns:auto 1fr;gap:8px;padding:12px 0 0;background:transparent!important;color:rgba(255,255,255,.7);font:600 .85rem/1.3 var(--f-body);border-top:3px solid rgba(255,255,255,.25)}
.mh-tabs button b{font:800 .85rem var(--f-head);color:#fff}
.mh-tabs button span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mh-tabs button.on,.mh-tabs button:hover{color:#fff}
.mh-tabs button::after{content:"";position:absolute;left:0;top:-3px;height:3px;width:0;background:var(--primary)}
.mh-tabs button.on::after{animation:mhFill var(--dur,6s) linear forwards}
@keyframes mhFill{from{width:0}to{width:100%}}
/* 5) Mozaik */
.mh-mosaic{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,minmax(210px,1fr));gap:14px}
.mh-mosaic>.card:first-child{grid-row:span 2}
.mh-mosaic .card-over .card-img{height:100%;aspect-ratio:auto}
.mh-mosaic>.card:first-child .card-title{font-size:clamp(1.4rem,2.6vw,2.2rem)}
.mh-mosaic.mh-n1{grid-template-columns:1fr;grid-template-rows:440px}
.mh-mosaic.mh-n2,.mh-mosaic.mh-n3{grid-template-columns:2fr 1fr}
@media (max-width:900px){
  .mh-side .slider.mh-slider,.mh-cover{grid-template-columns:1fr}
  .mh-list li:nth-child(n+6){display:none}
  .mh-lead{min-height:360px}
  .mh-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .mh-mosaic>.card:first-child{grid-column:span 2;grid-row:auto}
  .mh-mosaic .card-over .card-img{aspect-ratio:16/10;height:auto}
  .mh-numbered .slides{aspect-ratio:16/10}
}
@media (max-width:600px){
  .mh-cap{padding:0 14px 16px}
  .mh-lead-body{padding:18px}.mh-lead-body p{display:none}
  .mh-num{grid-template-columns:32px 80px 1fr}
  .mh-hero .mh-cap{bottom:84px}.mh-hero .mh-cap em{display:none}
  .mh-hero .dots.mh-tabs{grid-auto-columns:70%}
  .mh-mosaic{grid-template-columns:1fr}
  .mh-mosaic>.card:first-child{grid-column:auto}
}
/* 1b) Numaralı · görsel üstünde */
.mh-novl .slider.mh-slider{aspect-ratio:21/9;max-height:620px}
.mh-novl .slide.on::before{content:"";position:absolute;left:0;bottom:0;height:4px;width:0;background:var(--primary);z-index:4;animation:mhFill var(--dur,6s) linear forwards}
.mh-novl .mh-cap{padding:0 30px 34px;max-width:calc(100% - 330px)}
.mh-novl .mh-when{display:block;margin-top:8px;color:#d0d4db;font-size:.82rem}
.mh-novl .dots.mh-circles{position:absolute;left:auto;right:24px;bottom:30px;top:auto;background:transparent;display:grid;grid-template-columns:repeat(5,34px);gap:8px;justify-content:end;max-width:220px}
.mh-circles button{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.55);background:rgba(0,0,0,.35);color:#fff;font:700 .85rem var(--f-body);flex:none;padding:0}
.mh-circles button.on,.mh-circles button:hover{background:var(--primary);border-color:var(--primary);color:#fff}
/* 1c) Numaralı · özetli */
.mh-nsplit .slider.mh-slider{aspect-ratio:auto;background:transparent;overflow:visible;display:block}
.mh-nsplit .slides{position:relative;height:clamp(360px,36vw,480px);border-radius:var(--r) var(--r) 0 0;overflow:hidden;background:var(--surface)}
.mh-nsplit .slide{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.mh-nsplit .slide::after{display:none}
.mh-ns-img{display:block;height:100%;overflow:hidden}
.mh-ns-img img{width:100%;height:100%;object-fit:cover}
.mh-ns-body{position:relative;padding:34px 34px 28px;display:flex;flex-direction:column;justify-content:center;gap:10px;background:var(--surface);border-left:4px solid var(--cat)}
.mh-ns-no{position:absolute;top:16px;right:22px;font:900 3.4rem/1 var(--f-head);color:transparent;-webkit-text-stroke:1.5px var(--line)}
.mh-ns-body h2{font-size:clamp(1.4rem,2.3vw,2.1rem);line-height:1.15;font-weight:800}
.mh-ns-body p{color:var(--ink2);margin:0;font-size:1rem}
.mh-ns-more{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-weight:700;color:var(--primary)}
.mh-nsplit .dots.mh-nums{position:static;display:flex;background:#16181d;border-radius:0 0 var(--r) var(--r);overflow-x:auto;scrollbar-width:none}
.mh-nsplit .mh-nums button{flex:1 0 34px;height:40px;font-size:.95rem}
@media (max-width:900px){
  .mh-novl .slider.mh-slider{aspect-ratio:16/10}
  .mh-novl .mh-cap{max-width:none;padding-bottom:70px}
  .mh-novl .dots.mh-circles{left:16px;right:16px;bottom:16px;max-width:none;grid-template-columns:repeat(auto-fill,30px);justify-content:start}
  .mh-circles button{width:30px;height:30px}
  .mh-nsplit .slides{height:auto;aspect-ratio:auto}
  .mh-nsplit .slide{position:relative;grid-template-columns:1fr;display:none}
  .mh-nsplit .slide.on{display:grid}
  .mh-ns-img{aspect-ratio:16/9}
  .mh-ns-body{border-left:0;border-top:4px solid var(--cat);padding:20px}
}