:root{--neon:#deff36;--dark:#0d0e10;--pag:#19333d;--ink:#212529;--soft:#3d434a;--meta:#6c757d;--bg:#f1f1f1;--card:#fff;--line:#e4e6e8;--red:#e03131;--sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--wrap:1194px}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font:16px/1.5 var(--sans)}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 15px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px;background:var(--dark);color:#fff;padding:8px 16px;z-index:99}
.skip:focus{left:8px;top:8px}

/* ---- Header (siyah) ---- */
.mainnav{background:var(--dark);position:sticky;top:0;z-index:40}
.mainnav .wrap{display:flex;align-items:center;height:74px;gap:26px}
.logo{font:800 27px/1 var(--sans);letter-spacing:-.8px;color:#fff;text-transform:lowercase;flex:none}
.logo em{font-style:normal;color:var(--neon)}
.mainnav nav{display:flex;flex-wrap:wrap;align-items:center;flex:1;gap:2px}
.mainnav nav a{font:700 15px/1 var(--sans);padding:8px 9px;color:#fff;white-space:nowrap}
.mainnav nav a:hover,.mainnav nav a.nav-featured{color:var(--neon)}
.nav-right{display:flex;align-items:center;gap:10px;flex:none}
.nav-search-btn,.nav-toggle{width:34px;height:34px;border:0;background:none;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center}
.nav-search-btn svg{width:19px;height:19px;fill:#fff}
.nav-toggle{display:none}
.nav-toggle svg{width:24px;height:24px;fill:#fff}
.nav-search-btn:hover svg,.nav-toggle:hover svg{fill:var(--neon)}
.head-search{display:none;background:#17181b;position:absolute;left:0;right:0;top:100%;z-index:45}
.head-search.open{display:block}
.head-search form{display:flex;max-width:var(--wrap);margin:0 auto;padding:12px 15px}
.head-search input{flex:1;font:15px var(--sans);border:0;padding:12px 14px;background:#fff;color:var(--ink)}
.head-search button{font:700 14px var(--sans);background:var(--neon);color:#000;border:0;padding:0 24px;cursor:pointer}

main.wrap{padding:24px 15px 44px}
.show-mobile{display:none}
.mobile-minis{display:flex;flex-direction:column;gap:12px;margin:0 0 22px}
.nav-close,.drawer-head{display:none}
.nav-backdrop{display:none}

/* ---- Haber ticker (donen serit) ---- */
.ticker{display:flex;align-items:stretch;width:100%;background:#e9eaeb;margin:0 0 22px}
.ticker .flag{display:flex;align-items:center;background:var(--neon);color:#000;font:700 19px/1 var(--sans);padding:10px 26px;border-radius:0 12px 12px 0;flex:none}
.ticker .track{position:relative;flex:1;min-width:0;height:44px}
.ticker .tk-item{position:absolute;inset:0;display:flex;align-items:center;gap:10px;padding:0 16px;opacity:0;visibility:hidden;transition:opacity .4s}
.ticker .tk-item.active{opacity:1;visibility:visible}
.ticker .time{color:var(--red);font:700 14px var(--sans);flex:none}
.ticker .tx{font:600 15px/1.3 var(--sans);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ticker .tk-item:hover .tx{color:#000;text-decoration:underline}

/* ---- Hero: slider + yan overlay kartlar ---- */
.hero{display:grid;grid-template-columns:1fr 380px;gap:18px;margin-bottom:26px}
.slider{position:relative;display:flex;flex-direction:column}
.slider .slides{position:relative;background:var(--dark);flex:1;min-height:0}
.slider .slide{display:none;height:100%}
.slider .slide.active{display:block}
.feat{position:relative;display:block;overflow:hidden;background:var(--dark)}
.feat img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.feat:hover img{transform:scale(1.03)}
.hero-lead{height:100%;min-height:430px}
.hero-lead .cap{position:absolute;left:0;right:0;bottom:0;padding:70px 22px 18px;background:linear-gradient(to top,rgba(5,6,8,.93),rgba(5,6,8,.35) 60%,transparent);color:#fff}
.hero-lead .cap-meta{display:flex;align-items:center;gap:8px;font:600 13px/1 var(--sans);color:#d4d6d9;margin-bottom:10px}
.hero-lead .chip{display:inline-block;background:var(--neon);color:#000;font:700 15px/1.2 var(--sans);padding:6px 10px;margin-bottom:10px;width:max-content}
.hero-lead h2{font:700 24px/1.25 var(--sans);color:#fff}
.slider-nav{display:flex;justify-content:center;gap:9px;background:var(--pag);padding:11px 8px}
.slider-nav button{width:30px;height:30px;border-radius:50%;border:0;background:transparent;color:#fff;font:700 14px/1 var(--sans);cursor:pointer}
.slider-nav button:hover{background:rgba(255,255,255,.15)}
.slider-nav button.active{background:var(--neon);color:#000}
.hero-side{display:grid;grid-template-rows:repeat(3,1fr);gap:14px}
.hero-mini{position:relative;display:block;overflow:hidden;background:var(--dark)}
.hero-mini img{width:100%;height:100%;min-height:130px;object-fit:cover;transition:transform .4s}
.hero-mini:hover img{transform:scale(1.05)}
.hero-mini .cap{position:absolute;left:0;right:0;bottom:0;padding:34px 14px 12px;background:linear-gradient(to top,rgba(5,6,8,.92),transparent);color:#fff}
.hero-mini h3{font:700 16px/1.3 var(--sans)}

/* ---- Orta: liste satirlari + kenar ---- */
.home-cols{display:grid;grid-template-columns:1fr 380px;gap:18px;align-items:start}
.news-rows{display:flex;flex-direction:column;gap:16px}
.news-row{display:grid;grid-template-columns:283px 1fr;background:var(--card);min-height:150px}
.news-row figure{overflow:hidden;aspect-ratio:16/10}
.news-row img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.news-row:hover img{transform:scale(1.05)}
.news-row .body{padding:20px 24px;display:flex;flex-direction:column;justify-content:center;gap:12px;align-items:flex-start}
.news-row .title{font:700 20px/1.3 var(--sans);color:var(--ink);margin:0}
.news-row:hover .title{text-decoration:underline}
.chip-dark{display:inline-block;background:var(--ink);color:#fff;font:600 13px/1 var(--sans);padding:8px 10px}

/* ---- Kenar bloklari ---- */
.side-title{display:flex;align-items:center;gap:9px;font:700 18px/1 var(--sans);color:var(--ink);margin:4px 0 14px}
.side-title.gap-top{margin-top:26px}
.side-title::before{content:"";width:14px;height:14px;background:var(--neon);border-radius:4px}
.rank-list{list-style:none;counter-reset:rank;display:flex;flex-direction:column;gap:10px}
.rank-list li{counter-increment:rank;display:flex;gap:12px;padding:12px 14px;background:var(--card);align-items:center}
.rank-list li::before{content:counter(rank);display:flex;align-items:center;justify-content:center;min-width:30px;height:30px;background:var(--neon);color:#000;font:700 15px/1 var(--sans);border-radius:8px}
.rank-list h3{font:700 14.5px/1.4 var(--sans)}
.rank-list li:hover h3{text-decoration:underline}

/* ---- Neon bolum bari ---- */
.neon-bar{display:block;background:var(--neon);color:#000;text-align:center;font:700 17px/1 var(--sans);padding:12px 16px;margin:30px 0 16px}
.neon-bar a{color:#000}
.neon-bar:hover a{text-decoration:underline}

/* ---- Manset carousel ---- */
.manset-carousel{overflow:hidden;position:relative;margin-bottom:40px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.manset-track{display:flex;gap:16px;width:max-content;animation:manset-scroll 70s linear infinite;will-change:transform}
.manset-carousel:hover .manset-track{animation-play-state:paused}
.manset-track a{width:178px;flex:none;background:var(--card);display:block}
.manset-track img{width:100%;aspect-ratio:141/200;object-fit:cover;object-position:top}
.manset-track .t{display:block;font:600 13.5px/1.3 var(--sans);color:var(--ink);padding:10px 8px;text-align:center}
.manset-track a:hover .t{text-decoration:underline}
@keyframes manset-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 8px))}}
@media(prefers-reduced-motion:reduce){.manset-track{animation:none;overflow-x:auto}}

/* ---- Kart izgarasi ---- */
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.home-section .card-grid{grid-template-columns:repeat(4,1fr)}
.post-card{display:block;background:var(--card)}
.post-card figure{overflow:hidden;position:relative;aspect-ratio:16/10}
.post-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.post-card:hover img{transform:scale(1.05)}
.post-card .chip-white{position:absolute;top:10px;left:10px;background:#fff;color:#000;font:600 12.5px/1 var(--sans);padding:6px 10px;border-radius:4px}
.post-card .body{padding:13px 15px 16px}
.post-card .title{margin:0;font:700 16px/1.4 var(--sans);color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.post-card:hover .title{text-decoration:underline}
.post-card .category,.post-card time,.post-card .summary{display:none}
.home-section{margin-bottom:10px}

/* ---- Haber detay (beyaz kutu, gri zemin) ---- */
.article-box{background:#fff;padding:18px 16px 30px}
.article-top{margin-bottom:6px}
.news-layout{display:grid;grid-template-columns:1fr 274px;gap:30px;align-items:start}
.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font:500 13.5px var(--sans);color:var(--meta);margin-bottom:18px}
.breadcrumb a{color:var(--ink);font-weight:600}
.breadcrumb a:hover{text-decoration:underline}
.breadcrumb span{color:#b6bbc1}
.article-top h1{font:700 clamp(30px,3.8vw,48px)/1.23 var(--sans);color:#404040;margin-bottom:16px}
.article-spot{font:600 22px/1.5 var(--sans);color:#404040;margin-bottom:22px}
.byline{display:flex;align-items:center;flex-wrap:wrap;gap:14px 0;padding:10px 0;margin-bottom:24px}
.byline .author{display:flex;align-items:center;gap:12px;font:700 15px var(--sans);color:var(--ink)}
.byline .avatar{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:var(--dark);color:var(--neon);font:800 21px/1 var(--sans);text-transform:uppercase}
.byline .dates{display:flex;gap:0;margin-left:44px}
.byline .dt{font:500 12.5px/1.5 var(--sans);color:var(--meta);padding:0 22px;border-left:1px solid #dcdee1}
.byline .dt:first-child{border-left:0;padding-left:0}
.byline .dt b{display:block;font:600 12.5px var(--sans);color:var(--soft)}
.byline .share{margin-left:auto;display:flex;gap:9px}
.byline .share a,.byline .share .copy-link{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#ececee;color:var(--ink);border:0;cursor:pointer}
.byline .share a:hover,.byline .share .copy-link:hover{background:var(--neon)}
.byline .share svg{width:16px;height:16px;fill:currentColor}
.article-figure{margin-bottom:22px}
.article-figure img{width:100%}
.article-body{font:400 18px/1.56 var(--sans);color:#262626}
.article-body p{margin-bottom:18px}
.article-body h2{font:600 22px/1.35 var(--sans);color:#404040;margin:26px 0 12px}
.article-body h3{font:600 19px/1.35 var(--sans);color:#404040;margin:22px 0 11px}
.article-body ul,.article-body ol{margin:0 0 18px 22px}
.article-body li{margin-bottom:7px}
.article-body blockquote{font:600 italic 18px/1.6 var(--sans);border-left:4px solid var(--neon);background:var(--card);padding:14px 20px;margin:22px 0;color:var(--soft)}
.article-body a{color:var(--ink);font-weight:700;text-decoration:underline}
.article-body img{margin:18px auto}
.article-tags{margin:26px 0 4px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.article-tags b{font:700 12.5px var(--sans);color:var(--soft);margin-right:4px}
.article-tags span{font:600 12.5px var(--sans);background:var(--card);padding:7px 13px;color:var(--soft)}

/* Haber kenar: kucuk kartlar (kose duz gorsel + beyaz chip) */
.side-cards{display:flex;flex-direction:column;gap:24px}
.side-card{display:block}
.side-card figure{position:relative;overflow:hidden;aspect-ratio:16/9}
.side-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.side-card:hover img{transform:scale(1.05)}
.side-card .chip-white{position:absolute;top:8px;left:8px;background:#fff;color:#000;font:600 12px/1 var(--sans);padding:6px 10px;border-radius:4px}
.side-card h3{font:700 16px/1.4 var(--sans);color:#262626;margin-top:10px}
.side-card:hover h3{text-decoration:underline}

/* Benzer haberler (3'lu grid) */
.similar{margin-top:34px;padding-top:6px;border-top:2px solid var(--dark)}
.similar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.similar-grid .post-card .title{font:700 15px/1.4 var(--sans);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.copy-link.copied{background:var(--neon)!important}

/* Sonsuz kaydirma */
#infinite-container .article-box+.article-box{margin-top:14px;border-top:8px solid var(--bg);padding-top:26px}
#infinite-loader{text-align:center;padding:24px;font:600 14px var(--sans);color:var(--meta)}
#infinite-sentinel{height:1px}

/* ---- Sayfa basligi (kategori/arsiv) ---- */
.page-head{margin-bottom:20px}
.page-head h1{font:800 clamp(24px,3vw,32px)/1.2 var(--sans);letter-spacing:-.4px}
.page-head h1 em{font-style:normal;background:var(--neon);padding:2px 8px}
.page-head p{font:14.5px var(--sans);color:var(--meta);margin-top:8px}

/* ---- Sayfalama ---- */
.pagination{display:flex;justify-content:center;gap:8px;margin-top:30px;font:700 14px var(--sans)}
.pagination a,.pagination span{display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 8px;background:var(--card);border-radius:50%}
.pagination span.current{background:var(--neon);color:#000}
.pagination a:hover{background:var(--dark);color:#fff}

/* ---- Gazete mansetleri ---- */
.gazete-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}
.gazete-card{background:var(--card);display:block;position:relative}
.gazete-card img{width:100%;aspect-ratio:141/200;object-fit:cover;object-position:top}
.gazete-card .t{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:11px 13px}
.gazete-card .t b{font:700 13.5px/1.3 var(--sans)}
.gazete-card .t i{font:700 11px var(--sans);color:#000;background:var(--neon);padding:5px 9px;font-style:normal;border-radius:4px;flex:none}
.gazete-card:hover .t b{text-decoration:underline}
.gazete-single{display:grid;grid-template-columns:1fr 300px;gap:26px;align-items:start}
.gazete-note{font:12.5px var(--sans);color:var(--meta);margin-top:12px;line-height:1.6}
/* Buyutec */
.gz-zoom{position:relative;overflow:hidden;background:var(--card);cursor:zoom-in}
.gz-zoom img{display:block;width:100%;transform-origin:center center;transition:transform .18s ease-out}
.gz-zoom.zooming img{transition:none}
.gz-hint{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:6px;background:var(--neon);color:#000;font:600 12px/1 var(--sans);padding:7px 12px;border-radius:16px;pointer-events:none;transition:opacity .2s}
.gz-zoom.zooming .gz-hint{opacity:0}
.gz-hint svg{width:14px;height:14px;fill:currentColor}
.gz-zoom.tap-zoom{cursor:zoom-in}
/* Tam ekran gorsel popup */
.lightbox{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;padding:12px;overflow:auto}
.lightbox img{max-width:100%;max-height:100%;width:auto;height:auto;display:block}
.lightbox .lb-close{position:fixed;top:12px;right:14px;width:44px;height:44px;border:0;border-radius:50%;background:var(--neon);color:#000;font:700 26px/1 var(--sans);cursor:pointer}
/* Diger gazeteler listesi */
.gz-list ol{list-style:none;display:flex;flex-direction:column;gap:8px}
.gz-list a{display:block;padding:11px 14px;background:var(--card);font:600 14px/1.3 var(--sans);color:var(--ink)}
.gz-list li.current a{background:var(--neon);color:#000;cursor:default}
.gz-list li:not(.current) a:hover{text-decoration:underline}
/* SEO icerik */
.seo-content{margin-top:30px;background:var(--card);padding:26px 30px}
.seo-content h2{font:800 21px/1.3 var(--sans);margin-bottom:12px}
.seo-content h3{font:700 17.5px/1.3 var(--sans);margin:18px 0 9px}
.seo-content p{font:15.5px/1.75 var(--sans);color:var(--soft);margin-bottom:14px}
.seo-content p:last-child{margin-bottom:0}
.seo-content a{font-weight:700;text-decoration:underline}

/* Gunun manseti */
.daily-manset .dm-cover{display:block;background:var(--card)}
.daily-manset .dm-cover img{width:100%;display:block}
.daily-manset .dm-name{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font:700 14px/1.3 var(--sans);color:var(--ink);padding:12px 14px}
.daily-manset .dm-name em{font-style:normal;font-weight:600;font-size:12px;color:var(--meta)}
.daily-manset .dm-cover:hover .dm-name{text-decoration:underline}

/* ---- Statik sayfa ---- */
.page-static{max-width:800px;margin:0 auto;background:#fff;border:1px solid var(--line);padding:26px 32px 34px}
.page-static h1{font:800 clamp(26px,3.4vw,36px)/1.2 var(--sans);margin:6px 0 18px}
.static-body{font:400 17px/1.7 var(--sans);color:#262626}
.static-body p{margin-bottom:16px}
.static-body h2{font:700 21px/1.35 var(--sans);color:#404040;margin:24px 0 12px}
.static-body h3{font:700 18px/1.35 var(--sans);color:#404040;margin:20px 0 10px}
.static-body ul,.static-body ol{margin:0 0 16px 22px}
.static-body li{margin-bottom:6px}
.static-body a{color:var(--red);text-decoration:underline}
.static-body img{margin:14px 0;max-width:100%;height:auto}
.static-body blockquote{margin:0 0 16px;padding:10px 16px;border-left:3px solid var(--red);background:#faf7f7;color:#404040}
.static-body table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:16px}
.static-body th,.static-body td{border:1px solid #e5e5e5;padding:10px 14px;text-align:left;vertical-align:top}
.static-body th{width:38%;background:#f7f7f7;font-weight:700;color:#404040}
.static-body .table-scroll{overflow-x:auto}
@media(max-width:640px){.page-static{padding:18px 15px 26px}.static-body table{font-size:15px}.static-body th{width:42%}}

/* ---- Footer ---- */
.site-footer{background:var(--dark);color:#9aa0a6;margin-top:34px;font-family:var(--sans)}
.site-footer .ftop{height:5px;background:var(--neon)}
.site-footer .cols{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:38px;padding:44px 0 34px}
.site-footer .fcol-brand{max-width:360px}
.site-footer .logo{font:800 26px/1 var(--sans);color:#fff;text-transform:lowercase}
.site-footer .logo em{color:var(--neon);font-style:normal}
.site-footer p{font-size:13px;line-height:1.7;margin-top:12px}
.site-footer .fsocial{display:flex;gap:10px;margin-top:16px}
.site-footer .fsocial a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#1f2124;color:#fff}
.site-footer .fsocial a:hover{background:var(--neon);color:#000}
.site-footer .fsocial svg{width:16px;height:16px;fill:currentColor}
.site-footer h2{font:700 13px/1 var(--sans);color:#fff;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}
.site-footer ul{list-style:none}
.site-footer li{margin-bottom:10px}
.site-footer a{color:#9aa0a6;font-size:13.5px}
.site-footer a:hover{color:var(--neon)}
.site-footer .bottom{border-top:1px solid #26282c;padding:16px 0;font-size:12px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;color:#7c8288}

/* ---- 404 ---- */
.error-page{text-align:center;padding:70px 16px}
.error-page .code{font:800 120px/1 var(--sans);color:var(--dark)}
.error-page h1{font:800 26px/1.3 var(--sans);margin:10px 0}
.error-page p{color:var(--meta)}
.error-page a.btn{display:inline-block;margin-top:22px;background:var(--neon);color:#000;font:700 14px var(--sans);padding:13px 30px}
.error-page a.btn:hover{background:#eaff70}

@media(max-width:1050px){
.hero{grid-template-columns:1fr}
.hero-side{grid-template-rows:none;grid-template-columns:repeat(3,1fr)}
.hero-mini img{min-height:150px}
}
@media(max-width:980px){
.home-cols,.news-layout,.gazete-single{grid-template-columns:1fr}
.card-grid,.home-section .card-grid{grid-template-columns:repeat(2,1fr)}
.similar-grid{grid-template-columns:repeat(3,1fr)}
.news-layout aside{margin-top:24px}
.site-footer .cols{grid-template-columns:1.6fr 1fr 1fr;gap:28px}
.site-footer .fcol-brand{grid-column:1/-1;max-width:none}
.ticker .flag{font-size:16px;padding:10px 16px}
/* Sagdan acilir menu (drawer) — logo solda, arama+menu sagda */
.nav-right{order:3;margin-left:auto}
.nav-toggle{display:flex;order:4}
.site-nav{position:fixed;top:0;right:0;left:auto;bottom:0;width:288px;max-width:84vw;background:var(--dark);display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;transform:translateX(100%);transition:transform .25s ease;z-index:60;overflow-y:auto;-webkit-overflow-scrolling:touch}
.site-nav.open{transform:translateX(0);box-shadow:-4px 0 24px rgba(0,0,0,.4)}
.drawer-head{display:flex;align-items:center;padding:18px 60px 16px 18px;border-bottom:1px solid #26282c}
.drawer-logo{font:800 22px/1 var(--sans);color:#fff;text-transform:lowercase}
.drawer-logo em{color:var(--neon);font-style:normal}
.nav-close{position:absolute;top:0;right:0;display:flex;width:52px;height:52px;border:0;background:none;cursor:pointer;align-items:center;justify-content:center;z-index:1}
.nav-close svg{width:22px;height:22px;fill:#fff}
.site-nav a{padding:15px 18px;border-bottom:1px solid #2a2c30;width:auto;font:700 16px/1 var(--sans);color:#fff}
.site-nav a:hover,.site-nav a:active{background:#1f2124;color:var(--neon)}
.site-nav a.nav-featured{color:var(--neon)}
.nav-backdrop.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:30}
body.nav-open{overflow:hidden}
}
@media(max-width:640px){
.mainnav .wrap{height:58px;gap:6px}
.logo{font-size:22px}
.hero{gap:0}
.hide-mobile{display:none}
.show-mobile{display:flex}
.card-grid,.home-section .card-grid{grid-template-columns:1fr}
.news-row{grid-template-columns:120px 1fr}
.news-row figure{aspect-ratio:1/1}
.news-row .body{padding:10px 12px;gap:8px}
.news-row .title{font-size:15px}
.chip-dark{font-size:11px;padding:5px 8px}
.ticker .time{display:none}
.ticker .flag{font-size:14px;padding:10px 13px}
.hero-lead h2{font-size:20px}
.hero-lead .cap{padding:52px 15px 15px}
.byline{gap:12px 0}
.byline .share{margin-left:0;width:100%}
.byline .dates{margin-left:0;width:100%}
.byline .dt:first-child{padding-left:0}
.article-box{padding:16px 13px 26px}
.seo-content{padding:20px 16px}
.gz-hint{font-size:11px;padding:6px 9px}
.manset-track a{width:132px}
.slider-nav{flex-wrap:wrap;gap:6px}
.slider-nav button{width:26px;height:26px;font-size:12px}
.similar-grid{grid-template-columns:1fr}
.site-footer .cols{grid-template-columns:1fr 1fr;gap:22px}
.site-footer .bottom{flex-direction:column;align-items:flex-start}
#infinite-container .article-box+.article-box{border-top-width:6px;padding-top:20px}
}
@media(max-width:460px){
.site-footer .cols{grid-template-columns:1fr}
}