/* Emek Pusulasi reading layout. Existing logo and navigation identity preserved. */
body{background:#f5f5f2}
main.container{padding-top:24px;padding-bottom:56px}
.front-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:2px solid #23232c;margin-bottom:18px;padding-bottom:12px}
.front-heading h1{font:700 14px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;margin:0;color:var(--ink)}
.front-heading p{font-size:12px;color:#63636c;margin:0}
.front-hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:24px;align-items:stretch}
.front-hero>*{min-width:0}
.front-hero .slider{margin:0;border-radius:6px;height:560px;min-height:0}
.front-hero .slider-track{height:100%}
.front-hero .slide{grid-template-rows:1fr}
.front-hero .slide-media img{height:100%;aspect-ratio:auto;min-height:0;object-fit:cover}
.front-hero .slide-body{padding:110px 28px 84px;background:linear-gradient(0deg,rgba(15,20,29,.99),rgba(15,20,29,.8) 40%,rgba(15,20,29,.03) 100%)}
.front-hero .slide-title{font-size:clamp(26px,2.6vw,36px);line-height:1.18;letter-spacing:-.02em;text-wrap:pretty}
.front-hero .slide-spot{font-size:14px;line-height:1.6;-webkit-line-clamp:2}
.front-hero .slide-credit{font-size:10px;max-width:calc(100% - 24px);border-radius:2px;top:12px;right:12px;background:#121c2dde}
.front-hero .slider-btn{top:auto;bottom:18px;width:40px;height:40px;box-shadow:none}
.front-hero .slider-prev{left:auto;right:66px}.front-hero .slider-next{right:18px}
.front-hero .slider-controls{left:22px;bottom:19px;gap:4px}
.front-hero .slider-dots{gap:1px}
.front-hero .rank{border:0;border-top:4px solid var(--accent);border-bottom:1px solid #d9d9df;border-radius:0;background:#fff;padding:18px 20px 6px}
.rank-title{font:700 21px/1.3 var(--serif);padding-bottom:12px}
.front-hero .rank a{padding:13px 0;gap:5px}
.front-hero .rank-h{font-size:15px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rank-kicker{font-size:10px;letter-spacing:.09em}
.rank time{font-size:11px}
.front-popular{margin-top:28px;border-top:1px solid #d3d3d9;border-bottom:1px solid #d3d3d9;background:transparent;padding:18px 0 12px;border-radius:0}
.front-popular .rank-title{font:700 12px/1.3 var(--sans);letter-spacing:.09em;text-transform:uppercase}
.front-popular ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.front-popular li{border:0!important}
.front-popular .rank-h{font-size:13px;line-height:1.45}
.front-popular .numbered a::before{color:#aa3026;font:700 26px/1 var(--serif)}
.front-popular time{display:none}
.cat-section{margin-top:42px}
.section-head{border-bottom:2px solid var(--ink);padding-bottom:12px;margin-bottom:18px;align-items:center}
.section-title{font:700 28px/1.2 var(--serif);margin:0;padding:0;border:0;color:var(--ink)}
.view-all{font-size:12px;letter-spacing:.02em;min-height:32px;display:inline-flex;align-items:center}
.desk-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.card{border:0;border-radius:4px;background:#fff;box-shadow:0 1px 0 #dadade;transition:box-shadow .2s}
.card:hover{transform:none;box-shadow:0 5px 18px #1821310d}
.card-img{overflow:hidden;background:#e9e9e5}
.card-img img{aspect-ratio:16/10;object-fit:cover}
.card .img-credit{font-size:10px;line-height:1.4;padding:7px 12px 0;color:#65656f}
.card-body{padding:13px 14px 18px;gap:8px}
.card-title{font:700 19px/1.3 var(--serif);letter-spacing:-.015em;text-wrap:pretty}
.card-summary{font-size:13px;line-height:1.55;-webkit-line-clamp:2}
.card .meta{font-size:11px;padding-top:5px}
.article-layout{gap:36px;align-items:start}
.article-layout .article{background:#fff;border-top:3px solid var(--accent);padding:28px 30px;min-width:0;border-radius:0 0 4px 4px}
.article-title{font-size:clamp(30px,3.1vw,44px);line-height:1.15;letter-spacing:-.025em;text-wrap:pretty;margin:18px 0}
.article-summary{font-size:18px;line-height:1.65;color:#52525e}
.article-body{max-width:68ch;margin:0 auto;font-size:18px;line-height:1.85;color:#292934}
.article-body h2{font-size:25px;line-height:1.3;letter-spacing:-.015em;margin-top:1.7em}
.article-body h3{font-size:21px;line-height:1.4}
.article-body li{margin-bottom:8px}
.article-meta{font-size:12px;line-height:1.7;padding:13px 0}
.article-img img{height:auto;aspect-ratio:auto;object-fit:contain;border-radius:3px}
.article-img figcaption{font-size:11px;padding:8px 0;border-bottom:1px solid var(--line)}
.share{gap:6px}.share-btn{font-size:12px;padding:10px 12px;min-height:40px}
.sources{background:#f5f5f2;border-left:3px solid var(--accent);border-radius:0;padding:20px;margin-top:32px}
.sources h2{font:700 13px/1.4 var(--sans);letter-spacing:.08em}.sources ul{font-size:13px;line-height:1.7}
.sources .note{font-size:12px;line-height:1.6}
.article-side .rank{border-radius:4px;border:1px solid #dedee2;box-shadow:none}
.article-side .rank-h{font-size:14px;line-height:1.5}
.related>.section-title{border-bottom:2px solid var(--ink);padding-bottom:12px;margin-bottom:18px}
.page-title{font-size:34px}
.site-footer{margin-top:24px;border-top:4px solid var(--accent)}
@media(max-width:1099px){
 .front-hero{grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr)}
 .desk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .article-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .front-hero .slide-title{font-size:28px}
}
@media(min-width:761px) and (max-width:1000px){
 .header-inner{flex-wrap:wrap;gap:0;padding-top:10px}
 .main-nav{flex:1 0 100%;min-width:0;padding:5px 0 8px;gap:12px}
 .main-nav .nav-link{white-space:nowrap;padding-left:10px;padding-right:10px}
 .main-nav .search-form{flex:0 0 160px}.main-nav .search-form input{width:100%}
}
@media(max-width:760px){
 main.container{padding-top:16px;padding-bottom:32px}
 .front-heading{margin-bottom:12px;padding-bottom:10px;gap:10px}
 .front-heading h1{font-size:11px;letter-spacing:.08em}.front-heading p{font-size:10px}
 .front-hero{display:block}.front-hero .slider{height:auto;min-height:0;border-radius:5px;margin-bottom:22px}
 .front-hero .slider-track{height:auto}
 .front-hero .slide{grid-template-rows:auto 1fr}
 .front-hero .slide-media img{height:auto;min-height:0;aspect-ratio:16/9}
 .front-hero .slide-media::after{display:none}
 .front-hero .slide-body{padding:18px 18px 70px;background:#17212e;grid-area:2/1}
 .front-hero .slide-title{font-size:23px;line-height:1.24;-webkit-line-clamp:4;margin:10px 0}
 .front-hero .slide-spot{font-size:13px;line-height:1.55;-webkit-line-clamp:2}
 .front-hero .slide-credit{font-size:9px;top:7px;right:7px;max-width:calc(100% - 14px);padding:4px 6px}
 .front-hero .slide-top{font-size:11px}
 .front-hero .slider-btn{width:36px;height:36px;bottom:16px}
 .front-hero .slider-prev{right:56px}.front-hero .slider-next{right:12px}
 .front-hero .slider-controls{left:12px;bottom:18px}
 .front-hero .slider-dot{min-width:24px;width:24px}
 .front-hero .rank{padding:14px 16px 4px}.rank-title{font-size:20px}
 .front-hero .rank a{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:13px 0}
 .front-hero .rank-h{grid-column:1/-1;font-size:15px;-webkit-line-clamp:3}
 .front-hero .rank time{grid-column:2;grid-row:1;font-size:10px}
 .cat-section{margin-top:30px}.section-head{margin-bottom:14px;padding-bottom:10px}.section-title{font-size:25px}
 .desk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
 .card-body{padding:10px 10px 14px;gap:6px}.card-title{font-size:17px;line-height:1.35}
 .card .img-credit{font-size:10px;padding:6px 10px 0}.desk-grid .card-summary{display:none}
 .card .meta{font-size:10px}.card .kicker{font-size:9px}
 .front-popular{margin-top:24px}.front-popular ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}
 .front-popular .numbered a{grid-template-columns:20px 1fr;gap:4px 8px}.front-popular .rank-h{font-size:12px}.front-popular .numbered a::before{font-size:22px}
 .article-layout .article{padding:20px 16px;margin-left:-8px;margin-right:-8px}
 .article-title{font-size:30px;line-height:1.17;margin:14px 0}
 .article-summary{font-size:17px;line-height:1.65}
 .article-body{font-size:17px;line-height:1.8}.article-body h2{font-size:24px}
 .article-meta{font-size:11px;gap:5px 12px}.article-side{display:block}.article-side .rank{margin-bottom:18px}
 .article-img{margin:20px -8px}.article-img figcaption{padding:8px;font-size:11px}
 .sources{padding:16px}.share-label{display:none}.share-btn{font-size:11px;padding:10px;min-height:40px}
 .page-title{font-size:30px}.view-all{font-size:11px}
}
@media(max-width:350px){.desk-grid{grid-template-columns:1fr}.desk-grid .card-summary{display:-webkit-box}.front-hero .slide-title{font-size:21px}.front-heading p{display:none}.article-title{font-size:27px}}
@media(prefers-reduced-motion:reduce){.card{transition:none}}

/* Compact breaking-news label, separate from interactive controls. */
.ticker-inner{min-height:32px;gap:9px}.ticker-label{font-size:10px;line-height:1.25;letter-spacing:.04em;padding:4px 7px;border-radius:3px}.ticker{font-size:13px}
@media(max-width:760px){.ticker-inner{min-height:30px;gap:7px}.ticker-label{font-size:9px;padding:3px 6px;letter-spacing:.025em}.ticker{font-size:12px}.ticker-viewport{mask-image:linear-gradient(to right,transparent 0,#000 8px,#000 calc(100% - 12px),transparent 100%)}}