/* anasayfa.html */
:root{
--brand:#D11515; --green:#166534; --green-2:#16a34a;
--page:#f3f4f6; --box:#fff; --line:#e5e7eb; --muted:#6b7280;
--radius:6px;
}
[data-bs-theme=dark]{ --page:#0f1115; --box:#1a1d23; --line:#2b2f37; --muted:#9ca3af; }
body{ font-family:'Poppins',sans-serif; background:var(--page); font-size:15px; }
a{ color:inherit; text-decoration:none; } a:hover{ color:var(--brand); }
.container{ max-width:1140px; }
.rounded-tm{ border-radius:var(--radius)!important; }
.bg-box{ background:var(--box); }
.clamp2{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.clamp3{ display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.ratio-16x9-img{ position:relative; width:100%; padding-top:56.25%; overflow:hidden; background:#ddd; }
.ratio-16x9-img img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .3s; }
a:hover .ratio-16x9-img img{ transform:scale(1.04); }
/* topbar + header */
.topbar{ background:var(--box); border-bottom:1px solid var(--line); font-size:12px; }
.topbar li + li{ border-left:1px solid var(--line); margin-left:10px; padding-left:10px; }
.soc{ width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center; color:#fff; border-radius:var(--radius); font-size:13px; }
.soc.fb{background:#1877f2}.soc.tw{background:#000}.soc.ig{background:#e1306c}.soc.us{background:#4b5563}
header.site{ background:var(--box); box-shadow:0 2px 6px rgba(0,0,0,.08); position:sticky; top:0; z-index:1020; }
.logo{ font-family:Georgia,serif; font-weight:900; font-size:2.1rem; color:var(--brand); letter-spacing:-1px; line-height:1; padding:.6rem 0; }
.logo small{ display:block; font-family:'Poppins'; font-size:8px; letter-spacing:1.5px; color:var(--bs-body-color); font-weight:700; }
.mainmenu a{ font-weight:700; text-transform:uppercase; font-size:13px; padding:0 .7rem; }
.icon-btn{ background:none; border:0; font-size:1.25rem; color:inherit; padding:.4rem; }
.icon-btn:hover{ color:var(--brand); }
/* spot (top 4) */
.spot{ background:var(--box); border-radius:var(--radius); overflow:hidden; display:block; height:100%; }
.spot .t{ padding:.7rem .75rem; min-height:77px; font-weight:700; font-size:16px; line-height:1.3; }
/* headline */
.hero{ position:relative; border-radius:var(--radius) var(--radius) 0 0; overflow:hidden; background:#000; }
.hero .slide{ display:none; position:relative; }
.hero .slide.active{ display:block; }
.hero .cap{ position:absolute; left:0; right:0; bottom:0; padding:2.5rem 1rem .8rem; background:linear-gradient(transparent,rgba(0,0,0,.88)); color:#fff; }
.hero .kick{ position:relative; display:inline-block; padding:.2rem .6rem; font-weight:700; font-size:1.05rem; margin-bottom:.2rem; }
.hero .kick:before{ content:""; position:absolute; inset:0 -30%; z-index:0; background:linear-gradient(90deg,transparent,#991b1b,transparent); }
.hero .kick span{ position:relative; z-index:1; }
.hero h2{ font-size:2rem; font-weight:700; margin:0; }
.hero .nav-arrow{ position:absolute; top:50%; transform:translateY(-50%); color:#ffffff90; font-size:2rem; background:none; border:0; z-index:5; }
.hero .nav-arrow:hover{ color:#fff; } .hero .prev{ left:6px; } .hero .next{ right:6px; }
.hnums{ list-style:none; margin:0; padding:0; display:flex; background:var(--box); border-radius:0 0 var(--radius) var(--radius); overflow:hidden; border:1px solid var(--line); border-top:0; }
.hnums li{ flex:1; border-left:1px solid var(--line); }
.hnums li:first-child{ border-left:0; }
.hnums a{ display:block; text-align:center; padding:.5rem 0; font-weight:700; font-size:13px; }
.hnums a:hover{ background:#f3f4f6; color:var(--brand); }
[data-bs-theme=dark] .hnums a:hover{ background:#262a31; }
.hnums li.active a{ background:var(--brand); color:#fff; }
.hnums li.t a, .hnums li.t span{ display:block; background:#374151; color:#fff; text-align:center; padding:.5rem 0; font-weight:700; font-size:13px; }
.sec-title{ font-size:1.15rem; font-weight:700; text-transform:uppercase; margin:0; white-space:nowrap; }
.sec-line{ flex:1; border-top:1px solid var(--line); margin:0 1rem; }
.sec-head{ display:flex; align-items:center; margin-bottom:.75rem; }
.sec-head .more{ font-size:13px; font-weight:600; }
.gundem-card{ position:relative; display:block; overflow:hidden; border-radius:var(--radius); }
.gundem-card .cap, .cap-b{ position:absolute; left:0; right:0; bottom:0; padding:1.5rem .6rem .6rem; background:linear-gradient(transparent,rgba(0,0,0,.85)); color:#fff; font-weight:600; font-size:16px; }
/* doviz */
.doviz{ background:var(--box); border-radius:var(--radius); display:flex; overflow-x:auto; align-items:center; }
.doviz .box{ display:flex; align-items:center; gap:.6rem; padding:.7rem 1rem; border-right:1px solid var(--line); white-space:nowrap; flex-shrink:0; }
.doviz .box i{ font-size:1.4rem; color:var(--muted); }
.doviz .h{ font-size:11px; font-weight:700; } .doviz .v{ font-weight:600; font-size:13px; }
.doviz .chg{ font-size:12px; color:#dc2626; } .doviz .chg.up{ color:#16a34a; }
.doviz .city{ margin:0 .8rem; padding:.45rem 1.5rem; background:#e8edf3; border-radius:var(--radius); font-size:13px; font-weight:500; }
[data-bs-theme=dark] .doviz .city{ background:#262a31; }
/* authors */
.writer{ background:var(--box); border-radius:var(--radius); padding:1rem; display:flex; gap:1rem; align-items:center; height:9rem; overflow:hidden; }
.writer img{ width:96px; height:96px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.adbox{ background:repeating-linear-gradient(45deg,#e5e7eb,#e5e7eb 10px,#f3f4f6 10px,#f3f4f6 20px); color:#6b7280; display:flex; align-items:center; justify-content:center; font-weight:600; border-radius:var(--radius); }
[data-bs-theme=dark] .adbox{ background:repeating-linear-gradient(45deg,#23262d,#23262d 10px,#1a1d23 10px,#1a1d23 20px); }
/* news card */
.ncard{ display:block; position:relative; background:var(--box); border-radius:var(--radius); overflow:hidden; height:100%; }
.ncard .tag{ position:absolute; left:0; top:0; z-index:2; padding:.15rem .55rem; background:rgba(0,0,0,.7); color:#fff; font-size:13px; }
.ncard .t{ padding:.7rem .75rem; min-height:76px; font-weight:700; font-size:16px; line-height:1.3; }
.ncard.big .t{ font-size:1.4rem; }
/* sidebar */
#sidebar.stuck{ position:sticky; top:96px; }
.pop a{ display:flex; align-items:center; background:var(--box); border-left:4px solid #000; border-radius:var(--radius); overflow:hidden; margin-bottom:.6rem; }
.pop .rank{ width:36px; align-self:stretch; display:flex; align-items:center; justify-content:center; font-weight:700; background:var(--brand); color:#fff; flex-shrink:0; }
.pop .info{ flex:1; padding:.5rem .7rem; font-size:15px; line-height:1.3; }
.pop img{ width:90px; aspect-ratio:16/9; object-fit:cover; margin:.4rem; border-radius:4px; }
.league thead{ background:var(--green-2); color:#fff; font-size:13px; }
.league td,.league th{ padding:.3rem .4rem; font-size:12px; }
.league td img,.league .dot{ width:16px; height:16px; border-radius:50%; background:#cbd5e1; display:inline-block; vertical-align:middle; margin-right:.4rem; }
.paper img{ width:100%; aspect-ratio:193/280; object-fit:cover; display:block; background:#ddd; transition:transform .3s; }
.paper:hover img{ transform:scale(1.05); }
.paper .n{ background:var(--box); text-align:center; font-weight:700; font-size:13px; padding:.7rem .3rem; }
.paper-wrap{ overflow:hidden; border-radius:var(--radius); }
.ctab .btn-tab{ background:#d1d5db; color:#000; font-weight:700; text-transform:uppercase; border:0; border-radius:4px; padding:.5rem 1rem; font-size:14px; }
.ctab .btn-tab.active{ background:#9ca3af; }
[data-bs-theme=dark] .ctab .btn-tab{ background:#15181d; color:#d1d5db; }
[data-bs-theme=dark] .ctab .btn-tab.active{ background:#2b2f37; }
footer.site{ background:#1f2937; color:#d1d5db; margin-top:2rem; position:relative; overflow:hidden; }
footer.site h2{ font-size:16px; font-weight:700; text-transform:uppercase; color:#fff; margin-bottom:.6rem; }
footer.site ul{ list-style:none; padding:0 0 0 1rem; margin:0; border-left:2px solid #374151; }
footer.site li{ padding:.3rem 0; font-size:14px; }
footer.site a:hover{ color:#fff; }
.hr-footer{ border-top:1px solid #374151; margin:1rem 0; }
#toTop{ position:fixed; right:24px; bottom:32px; width:40px; height:40px; border-radius:50%; border:0; background:var(--brand); color:#fff; display:none; z-index:1030; }
@media (max-width:991px){ .hero h2{ font-size:1.25rem; } .hero .kick{ font-size:.8rem; } .hnums li:nth-child(n+9){ display:none; } }
/* haber-detay.html */
:root{ --brand:#D11515; --green:#166534; --green-2:#16a34a; --page:#f3f4f6; --box:#fff; --line:#e5e7eb; --muted:#6b7280; --radius:6px; }
[data-bs-theme=dark]{ --page:#0f1115; --box:#1a1d23; --line:#2b2f37; --muted:#9ca3af; }
body{ font-family:'Poppins',sans-serif; background:var(--page); font-size:15px; }
a{ color:inherit; text-decoration:none; } a:hover{ color:var(--brand); }
.container{ max-width:1140px; }
.clamp2{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ratio-img{ position:relative; width:100%; padding-top:56.25%; overflow:hidden; background:#ddd; }
.ratio-img img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .5s; }
a:hover .ratio-img img{ transform:scale(1.05); }
.bg-box{ background:var(--box); }
/* topbar + header */
.topbar{ background:var(--box); border-bottom:1px solid var(--line); font-size:12px; }
.topbar li + li{ border-left:1px solid var(--line); margin-left:10px; padding-left:10px; }
.soc{ width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center; color:#fff!important; border-radius:var(--radius); font-size:13px; }
.soc.lg{ width:32px; height:32px; font-size:16px; }
.soc.fb{background:#1877f2}.soc.tw{background:#000}.soc.ig{background:#e1306c}.soc.us{background:#4b5563}.soc.wa{background:#25d366}.soc.tg{background:#229ed9}.soc.li{background:#0a66c2}
header.site{ background:var(--box); box-shadow:0 2px 6px rgba(0,0,0,.08); position:sticky; top:0; z-index:1020; margin-bottom:.75rem; }
.logo{ font-family:Georgia,serif; font-weight:900; font-size:2.1rem; color:var(--brand); letter-spacing:-1px; line-height:1; padding:.6rem 0; }
.logo small{ display:block; font-family:'Poppins'; font-size:8px; letter-spacing:1.5px; color:var(--bs-body-color); font-weight:700; }
.mainmenu a{ font-weight:700; text-transform:uppercase; font-size:13px; padding:0 .7rem; }
.icon-btn{ background:none; border:0; font-size:1.25rem; color:inherit; padding:.4rem; }
.icon-btn:hover{ color:var(--brand); }
.crumb{ font-size:13px; }
.crumb .sep{ margin:0 .4rem; color:var(--muted); font-size:11px; }
/* başlık kutusu */
.post-head{ background:var(--box); border-radius:var(--radius); padding:1rem; }
.post-head h1{ font-weight:900; font-size:1.6rem; line-height:1.15; margin-bottom:1rem; }
.post-head .spot{ font-size:1.05rem; margin-bottom:1rem; }
.tag{ display:inline-block; background:#e5e7eb; color:#111; font-size:13px; padding:.4rem 1rem; border-radius:var(--radius); margin:0 .5rem .5rem 0; }
[data-bs-theme=dark] .tag{ background:#262a31; color:#d1d5db; }
.tag:hover{ background:var(--brand); color:#fff; }
.meta{ font-size:12px; color:var(--muted); }
@media(min-width:768px){ .post-head h1{ font-size:3rem; } .post-head{ padding:1.25rem; } }
/* içerik */
.post-body-box{ background:var(--box); border-radius:var(--radius); overflow:hidden; }
.hero-img{ position:relative; }
.hero-img img{ width:100%; display:block; aspect-ratio:16/9; object-fit:cover; }
.expand{ position:absolute; top:0; right:0; padding:.4rem .55rem; background:rgba(0,0,0,.5); color:#fff; border:0; }
.toolbar{ display:flex; align-items:center; justify-content:space-between; padding:.5rem 1rem; flex-wrap:wrap; gap:.5rem; }
.tb-btn{ width:36px; height:36px; border:0; border-radius:var(--radius); background:#e5e7eb; color:#000; display:inline-flex; align-items:center; justify-content:center; }
.tb-btn:hover{ background:#d1d5db; }
#articleText{ padding:.5rem 1.5rem 1rem; line-height:1.7; }
#articleText h3{ font-size:1.05em; font-weight:700; margin:1.5rem 0 .6rem; }
#articleText p{ margin-bottom:.9rem; }
.gal-item{ position:relative; margin:.5rem 0 1.8rem; padding:0 1rem; }
.gal-item img{ width:100%; display:block; cursor:zoom-in; }
.gal-item .no{ position:absolute; top:0; left:1rem; background:rgba(0,0,0,.5); color:#fff; padding:0 .75rem; }
.gal-item .expand{ right:1rem; }
.gal-item .cap{ margin-top:.6rem; padding:0 .5rem; }
/* emoji tepki */
.emojis{ background:var(--box); border-radius:var(--radius); display:flex; overflow-x:auto; padding:.5rem; gap:.5rem; margin:.75rem 0; }
.emo{ flex:1; min-width:60px; border:0; background:rgba(136,141,150,.07); border-radius:12px; padding:.5rem .25rem; display:flex; flex-direction:column; align-items:center; gap:.2rem; position:relative; color:inherit; transition:.15s; }
.emo:hover{ background:rgba(136,141,150,.16); }
.emo.sel{ background:rgba(136,141,150,.25); }
.emo .e{ font-size:1.9rem; line-height:1; transition:transform .15s; }
.emo:hover .e{ transform:scale(1.15); }
.emo .bar{ width:100%; height:3px; background:rgba(136,141,150,.25); border-radius:2px; overflow:hidden; }
.emo .bar i{ display:block; height:100%; background:var(--brand); }
.emo .c{ font-size:12px; }
.emo .n{ position:absolute; top:-6px; font-size:11px; background:#374151; color:#fff; padding:1px 6px; border-radius:4px; opacity:0; pointer-events:none; white-space:nowrap; }
.emo:hover .n{ opacity:1; }
/* yorumlar */
.c-head{ display:flex; align-items:center; background:var(--box); border-radius:var(--radius); overflow:hidden; }
.c-head .ic{ background:var(--brand); color:#fff; padding:.75rem .9rem; font-size:1.6rem; line-height:1; }
.c-head h3{ font-size:1.05rem; font-weight:500; text-transform:uppercase; margin:0 0 0 1rem; flex:1; }
.c-form{ background:var(--box); border-radius:var(--radius); padding:1rem; margin-top:.75rem; display:none; }
.c-form.show{ display:block; }
.c-item{ background:var(--box); border-radius:var(--radius); padding:1rem; margin-top:.75rem; }
.c-item .vote{ font-size:12px; display:inline-flex; align-items:center; gap:.3rem; cursor:pointer; margin-right:1rem; }
.c-item .vote b{ color:#fff; background:#4ade80; padding:0 .45rem; border-radius:4px; font-weight:500; }
.c-item .vote.dis b{ color:#f87171; background:#fecaca; }
.sec-head{ display:flex; align-items:center; margin:1rem 0 .75rem; }
.sec-title{ font-size:1.15rem; font-weight:700; text-transform:uppercase; margin:0; white-space:nowrap; }
.sec-line{ flex:1; border-top:1px solid var(--line); margin-left:1rem; }
.gcard{ display:flex; flex-direction:column; height:100%; background:var(--box); border-radius:var(--radius); overflow:hidden; }
.gcard .t{ padding:.7rem .75rem; min-height:76px; font-weight:700; font-size:16px; line-height:1.3; }
/* sidebar */
#sidebar.stuck{ position:sticky; top:96px; }
.latest a{ display:flex; height:64px; background:var(--box); border-radius:var(--radius); overflow:hidden; box-shadow:0 1px 4px rgba(0,0,0,.1); margin-bottom:1rem; }
.latest img{ width:110px; height:64px; object-fit:cover; flex-shrink:0; }
.latest span{ padding:.25rem .5rem; display:flex; align-items:center; line-height:1.35; font-size:15px; }
.sbtn{ display:flex; align-items:center; gap:.6rem; color:#fff!important; padding:.5rem; border-radius:var(--radius); font-size:14px; }
.sbtn:hover{ filter:brightness(1.1); }
/* mobil sabit paylaşım */
#mShare{ position:fixed; top:0; left:0; right:0; z-index:1040; background:var(--box); border-bottom:1px solid var(--line); box-shadow:0 2px 8px rgba(0,0,0,.15); padding:.7rem; display:none; justify-content:center; gap:.6rem; }
/* önemli haberler zili */
#bell{ position:fixed; left:0; top:45%; z-index:30; background:var(--brand); color:#fff; width:40px; height:40px; border:0; border-radius:0 8px 8px 0; font-size:1.1rem; }
#bellPanel{ position:fixed; left:44px; top:30%; z-index:30; width:300px; max-height:50vh; overflow:auto; background:#1f2937; color:#d1d5db; border-radius:8px; padding:.6rem; display:none; box-shadow:0 8px 24px rgba(0,0,0,.4); }
#bellPanel.show{ display:block; }
#bellPanel .hd{ background:var(--brand); color:#fff; font-weight:600; padding:.5rem .75rem; border-radius:6px; margin-bottom:.5rem; }
#bellPanel a{ display:flex; gap:.6rem; padding:.4rem 0; font-size:13px; font-weight:600; }
#bellPanel img{ width:70px; height:46px; object-fit:cover; border-radius:4px; }
@media(max-width:991px){ #bell{ display:none; } }
footer.site{ background:#1f2937; color:#d1d5db; margin-top:2rem; }
footer.site h2{ font-size:16px; font-weight:700; text-transform:uppercase; color:#fff; margin-bottom:.6rem; }
footer.site ul{ list-style:none; padding:0 0 0 1rem; margin:0; border-left:2px solid #374151; }
footer.site li{ padding:.3rem 0; font-size:14px; }
footer.site a:hover{ color:#fff; }
.hr-footer{ border-top:1px solid #374151; margin:1rem 0; }
#toTop{ position:fixed; right:24px; bottom:32px; width:40px; height:40px; border-radius:50%; border:0; background:var(--brand); color:#fff; display:none; z-index:1030; }
/* kategori.html */
:root{ --brand:#D11515; --green:#166534; --green-2:#16a34a; --page:#f3f4f6; --box:#fff; --line:#e5e7eb; --muted:#6b7280; --radius:6px; --cat:#222; }
[data-bs-theme=dark]{ --page:#0f1115; --box:#1a1d23; --line:#2b2f37; --muted:#9ca3af; --cat:#e5e7eb; }
body{ font-family:'Poppins',sans-serif; background:var(--page); font-size:15px; }
a{ color:inherit; text-decoration:none; } a:hover{ color:var(--brand); }
.container{ max-width:1140px; }
.clamp2{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ratio-img{ position:relative; width:100%; padding-top:56.25%; overflow:hidden; background:#ddd; }
.ratio-img img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .5s; }
a:hover .ratio-img img{ transform:scale(1.05); }
/* topbar + header */
.topbar{ background:var(--box); border-bottom:1px solid var(--line); font-size:12px; }
.topbar li + li{ border-left:1px solid var(--line); margin-left:10px; padding-left:10px; }
.soc{ width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center; color:#fff!important; border-radius:var(--radius); font-size:13px; }
.soc.fb{background:#1877f2}.soc.tw{background:#000}.soc.ig{background:#e1306c}.soc.us{background:#4b5563}
header.site{ background:var(--box); box-shadow:0 2px 6px rgba(0,0,0,.08); position:sticky; top:0; z-index:1020; margin-bottom:.75rem; }
.logo{ font-family:Georgia,serif; font-weight:900; font-size:2.1rem; color:var(--brand); letter-spacing:-1px; line-height:1; padding:.6rem 0; }
.logo small{ display:block; font-family:'Poppins'; font-size:8px; letter-spacing:1.5px; color:var(--bs-body-color); font-weight:700; }
.mainmenu a{ font-weight:700; text-transform:uppercase; font-size:13px; padding:0 .7rem; }
.mainmenu a.active{ color:var(--brand); }
.icon-btn{ background:none; border:0; font-size:1.25rem; color:inherit; padding:.4rem; }
.icon-btn:hover{ color:var(--brand); }
/* kategori başlığı */
.crumb{ font-size:14px; }
.crumb .sep{ margin:0 .4rem; color:var(--muted); }
.cat-head{ display:flex; align-items:center; margin:1rem 0; }
.cat-head h1{ font-size:1.25rem; font-weight:700; text-transform:uppercase; margin:0; padding-left:.75rem; border-left:4px solid var(--cat); }
.cat-head .line{ flex:1; margin:0 1rem; border-top:2px solid var(--cat); opacity:.25; }
.cat-head .pill{ background:var(--cat); color:#fff; font-size:12px; font-weight:600; padding:.2rem .8rem; border-radius:999px; }
[data-bs-theme=dark] .cat-head .pill{ color:#111; }
/* kartlar */
.gcard{ display:flex; flex-direction:column; height:100%; background:var(--box); border-radius:var(--radius); overflow:hidden; position:relative; }
.gcard .t{ padding:.7rem .75rem; min-height:76px; font-weight:700; font-size:16px; line-height:1.3; flex:1; }
.gcard.big .body{ padding:1.25rem; }
.gcard.big h2{ font-size:1.5rem; font-weight:700; line-height:1.25; }
.gcard.sm .t{ font-size:15px; min-height:62px; padding:.6rem .7rem; }
.sec-head{ display:flex; align-items:center; margin-bottom:.75rem; }
.sec-title{ font-size:1.15rem; font-weight:700; text-transform:uppercase; margin:0; white-space:nowrap; }
.sec-line{ flex:1; border-top:1px solid var(--line); margin:0 1rem; }
/* sidebar */
#sidebar.stuck{ position:sticky; top:96px; }
.pop a{ display:flex; align-items:center; background:var(--box); border-left:4px solid #000; border-radius:var(--radius); overflow:hidden; margin-bottom:.6rem; }
.pop .rank{ width:36px; align-self:stretch; display:flex; align-items:center; justify-content:center; font-weight:700; background:var(--brand); color:#fff; flex-shrink:0; }
.pop .info{ flex:1; padding:.5rem .7rem; line-height:1.3; }
.pop img{ width:90px; aspect-ratio:16/9; object-fit:cover; margin:.4rem; border-radius:4px; }
.burc{ border-radius:var(--radius); overflow:hidden; border:1px solid var(--line); background:var(--box); }
.burc .hd{ background:linear-gradient(135deg,#1e1b4b,#312e81); color:#fff; padding:.75rem 1rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.burc .hd i{ color:#fbbf24; }
.burc .it{ display:flex; flex-direction:column; align-items:center; gap:.2rem; padding:.55rem .25rem; border:1px solid var(--line); border-radius:8px; transition:.15s; }
.burc .it .sym{ font-size:1.9rem; line-height:1; color:var(--c); font-family:'Segoe UI Symbol','Noto Sans Symbols',sans-serif; }
.burc .it span.n{ font-size:9.6px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; }
.burc .it:hover{ border-color:var(--c); background:color-mix(in srgb,var(--c) 8%,transparent); }
.league thead{ background:var(--green-2); color:#fff; font-size:13px; }
.league td,.league th{ padding:.3rem .4rem; font-size:12px; }
.league .dot{ width:16px; height:16px; border-radius:50%; background:#cbd5e1; display:inline-block; vertical-align:middle; margin-right:.4rem; }
.fix .day{ background:var(--green-2); color:#fff; font-weight:600; font-size:14px; padding:.5rem 1rem; border-radius:4px 4px 0 0; }
.fix .row-m{ display:flex; align-items:center; justify-content:space-between; padding:.5rem 1rem; font-size:13px; border-bottom:1px solid var(--line); background:var(--box); }
.fix .row-m:last-child{ border-radius:0 0 4px 4px; }
.fix .tm{ width:34%; display:flex; align-items:center; gap:.4rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.fix .tm.r{ justify-content:flex-end; }
.fix .sc{ width:3rem; text-align:center; font-weight:700; }
#moreBtn{ background:var(--box); border:0; border-radius:var(--radius); padding:.55rem 1.1rem; color:inherit; }
#moreBtn:hover{ color:var(--brand); }
footer.site{ background:#1f2937; color:#d1d5db; margin-top:2rem; }
footer.site h2{ font-size:16px; font-weight:700; text-transform:uppercase; color:#fff; margin-bottom:.6rem; }
footer.site ul{ list-style:none; padding:0 0 0 1rem; margin:0; border-left:2px solid #374151; }
footer.site li{ padding:.3rem 0; font-size:14px; }
footer.site a:hover{ color:#fff; }
.hr-footer{ border-top:1px solid #374151; margin:1rem 0; }
#toTop{ position:fixed; right:24px; bottom:32px; width:40px; height:40px; border-radius:50%; border:0; background:var(--brand); color:#fff; display:none; z-index:1030; }
/* kose-yazarlari.html */
:root{ --brand:#D11515; --page:#f3f4f6; --box:#fff; --line:#e5e7eb; --muted:#6b7280; --radius:6px; }
[data-bs-theme=dark]{ --page:#0f1115; --box:#1a1d23; --line:#2b2f37; --muted:#9ca3af; }
body{ font-family:'Poppins',sans-serif; background:var(--page); font-size:15px; }
a{ color:inherit; text-decoration:none; } a:hover{ color:var(--brand); }
.container{ max-width:1140px; }
.clamp1{ display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }
.clamp2{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
/* topbar + header */
.topbar{ background:var(--box); border-bottom:1px solid var(--line); font-size:12px; }
.topbar li + li{ border-left:1px solid var(--line); margin-left:10px; padding-left:10px; }
.soc{ width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center; color:#fff!important; border-radius:var(--radius); font-size:13px; }
.soc.fb{background:#1877f2}.soc.tw{background:#000}.soc.ig{background:#e1306c}.soc.us{background:#4b5563}
header.site{ background:var(--box); box-shadow:0 2px 6px rgba(0,0,0,.08); position:sticky; top:0; z-index:1020; margin-bottom:.75rem; }
.logo{ font-family:Georgia,serif; font-weight:900; font-size:2.1rem; color:var(--brand); letter-spacing:-1px; line-height:1; padding:.6rem 0; }
.logo small{ display:block; font-family:'Poppins'; font-size:8px; letter-spacing:1.5px; color:var(--bs-body-color); font-weight:700; }
.mainmenu a{ font-weight:700; text-transform:uppercase; font-size:13px; padding:0 .7rem; }
.mainmenu a.active{ color:var(--brand); }
.icon-btn{ background:none; border:0; font-size:1.25rem; color:inherit; padding:.4rem; }
.icon-btn:hover{ color:var(--brand); }
.crumb{ font-size:13px; }
.crumb .sep{ margin:0 .4rem; color:var(--muted); font-size:11px; }
.page-head{ display:flex; align-items:center; margin:1rem 0; }
.page-head h1{ font-size:1.25rem; font-weight:700; text-transform:uppercase; margin:0; }
.page-head .line{ flex:1; margin-left:1rem; border-top:1px solid var(--line); }
/* yazar kartı */
.author{ display:flex; flex-direction:column; align-items:center; height:100%; background:var(--box); border-radius:var(--radius); padding:1.5rem; text-align:center; transition:box-shadow .2s, transform .2s; }
.author:hover{ box-shadow:0 6px 18px rgba(0,0,0,.12); transform:translateY(-2px); }
.author img{ width:128px; height:128px; border-radius:50%; object-fit:cover; background:#ddd; }
.author .name{ font-weight:700; font-size:16px; margin-top:.9rem; text-transform:uppercase; }
.author .title{ margin-top:auto; padding-top:.9rem; min-height:3.5rem; font-size:16px; display:flex; align-items:center; justify-content:center; }
footer.site{ background:#1f2937; color:#d1d5db; margin-top:2rem; }
footer.site h2{ font-size:16px; font-weight:700; text-transform:uppercase; color:#fff; margin-bottom:.6rem; }
footer.site ul{ list-style:none; padding:0 0 0 1rem; margin:0; border-left:2px solid #374151; }
footer.site li{ padding:.3rem 0; font-size:14px; }
footer.site a:hover{ color:#fff; }
.hr-footer{ border-top:1px solid #374151; margin:1rem 0; }
#toTop{ position:fixed; right:24px; bottom:32px; width:40px; height:40px; border-radius:50%; border:0; background:var(--brand); color:#fff; display:none; z-index:1030; }
/* yazar-detay.html */
:root{ --brand:#D11515; --green:#166534; --green-2:#16a34a; --page:#f3f4f6; --box:#fff; --line:#e5e7eb; --muted:#6b7280; --radius:6px; }
[data-bs-theme=dark]{ --page:#0f1115; --box:#1a1d23; --line:#2b2f37; --muted:#9ca3af; }
body{ font-family:'Poppins',sans-serif; background:var(--page); font-size:15px; }
a{ color:inherit; text-decoration:none; } a:hover{ color:var(--brand); }
.container{ max-width:1140px; }
.clamp1{ display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }
.clamp2{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
/* topbar + header */
.topbar{ background:var(--box); border-bottom:1px solid var(--line); font-size:12px; }
.topbar li + li{ border-left:1px solid var(--line); margin-left:10px; padding-left:10px; }
.soc{ width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center; color:#fff!important; border-radius:var(--radius); font-size:13px; }
.soc.fb{background:#1877f2}.soc.tw{background:#000}.soc.ig{background:#e1306c}.soc.us{background:#4b5563}
header.site{ background:var(--box); box-shadow:0 2px 6px rgba(0,0,0,.08); position:sticky; top:0; z-index:1020; margin-bottom:.75rem; }
.logo{ font-family:Georgia,serif; font-weight:900; font-size:2.1rem; color:var(--brand); letter-spacing:-1px; line-height:1; padding:.6rem 0; }
.logo small{ display:block; font-family:'Poppins'; font-size:8px; letter-spacing:1.5px; color:var(--bs-body-color); font-weight:700; }
.mainmenu a{ font-weight:700; text-transform:uppercase; font-size:13px; padding:0 .7rem; }
.mainmenu a.active{ color:var(--brand); }
.icon-btn{ background:none; border:0; font-size:1.25rem; color:inherit; padding:.4rem; }
.icon-btn:hover{ color:var(--brand); }
.crumb{ font-size:13px; }
.crumb .sep{ margin:0 .4rem; color:var(--muted); font-size:11px; }
/* yazar kutusu */
.author-box{ background:var(--box); border-radius:var(--radius); padding:.75rem; display:flex; align-items:center; gap:1rem; }
.author-box img{ width:80px; height:80px; border-radius:50%; object-fit:cover; background:#ddd; }
.author-box h1{ font-size:1rem; font-weight:600; margin:0; text-transform:uppercase; }
.sec-head{ display:flex; align-items:center; margin:1rem 0; }
.sec-title{ font-size:1.15rem; font-weight:700; text-transform:uppercase; margin:0; white-space:nowrap; }
.sec-line{ flex:1; border-top:1px solid var(--line); margin-left:1rem; }
/* yazı listesi */
.posts-box{ background:var(--box); border-radius:var(--radius); padding:.5rem; }
.posts-scroll{ max-height:auto; }
.post-row{ display:flex; align-items:center; gap:1rem; padding:.5rem; border-bottom:1px dashed var(--line); }
.post-row:hover{ background:rgba(136,141,150,.12); }
.post-row .d{ color:var(--brand); flex-shrink:0; }
.post-row .t{ flex:1; min-width:0; }
@media(max-width:767px){ .post-row{ flex-wrap:wrap; gap:.25rem; } .post-row .t{ flex-basis:100%; } .posts-scroll{ max-height:200px; overflow:auto; } }
.pager .page-link{ color:inherit; background:var(--box); border-color:var(--line); }
.pager .page-item.active .page-link{ background:var(--brand); border-color:var(--brand); color:#fff; }
/* sidebar */
#sidebar.stuck{ position:sticky; top:96px; }
.pop a{ display:flex; align-items:center; background:var(--box); border-left:4px solid #000; border-radius:var(--radius); overflow:hidden; margin-bottom:.6rem; }
.pop .rank{ width:36px; align-self:stretch; display:flex; align-items:center; justify-content:center; font-weight:700; background:var(--brand); color:#fff; flex-shrink:0; }
.pop .info{ flex:1; padding:.5rem .7rem; line-height:1.3; }
.pop img{ width:90px; aspect-ratio:16/9; object-fit:cover; margin:.4rem; border-radius:4px; }
.burc{ border-radius:var(--radius); overflow:hidden; border:1px solid var(--line); background:var(--box); }
.burc .hd{ background:linear-gradient(135deg,#1e1b4b,#312e81); color:#fff; padding:.75rem 1rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.burc .hd i{ color:#fbbf24; }
.burc .it{ display:flex; flex-direction:column; align-items:center; gap:.2rem; padding:.55rem .25rem; border:1px solid var(--line); border-radius:8px; transition:.15s; }
.burc .it .sym{ font-size:1.9rem; line-height:1; color:var(--c); font-family:'Segoe UI Symbol','Noto Sans Symbols',sans-serif; }
.burc .it span.n{ font-size:9.6px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; }
.burc .it:hover{ border-color:var(--c); background:color-mix(in srgb,var(--c) 8%,transparent); }
.league thead{ background:var(--green-2); color:#fff; font-size:13px; }
.league td,.league th{ padding:.3rem .4rem; font-size:12px; }
.league .dot{ width:16px; height:16px; border-radius:50%; background:#cbd5e1; display:inline-block; vertical-align:middle; margin-right:.4rem; }
.fix .day{ background:var(--green-2); color:#fff; font-weight:600; font-size:14px; padding:.5rem 1rem; border-radius:4px 4px 0 0; }
.fix .row-m{ display:flex; align-items:center; justify-content:space-between; padding:.5rem 1rem; font-size:13px; border-bottom:1px solid var(--line); background:var(--box); }
.fix .row-m:last-child{ border-radius:0 0 4px 4px; }
.fix .tm{ width:34%; display:flex; align-items:center; gap:.4rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.fix .tm.r{ justify-content:flex-end; }
.fix .sc{ width:3rem; text-align:center; font-weight:700; }
footer.site{ background:#1f2937; color:#d1d5db; margin-top:2rem; }
footer.site h2{ font-size:16px; font-weight:700; text-transform:uppercase; color:#fff; margin-bottom:.6rem; }
footer.site ul{ list-style:none; padding:0 0 0 1rem; margin:0; border-left:2px solid #374151; }
footer.site li{ padding:.3rem 0; font-size:14px; }
footer.site a:hover{ color:#fff; }
.hr-footer{ border-top:1px solid #374151; margin:1rem 0; }
#toTop{ position:fixed; right:24px; bottom:32px; width:40px; height:40px; border-radius:50%; border:0; background:var(--brand); color:#fff; display:none; z-index:1030; }
.is-hidden { display: none !important; }
.logo { font-size: 1.35rem; max-width: 16rem; }
.avatar-fallback { width: 96px; height: 96px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #e5e7eb; color: #111; font-weight: 700; font-size: 2rem; }
.author-box .avatar-fallback, .author .avatar-fallback { width: 96px; height: 96px; }
#articleText img, .post-body-box img, .hero-img img { max-width: 100%; height: auto; }
section.gallery figure { margin: 1rem 0; }
.market-note { font-size: 12px; color: var(--muted); }
.mainmenu a.active, .dropdown-item.active { color: var(--brand); }
#bellPanel.show { display: block; }
header.site .container { flex-wrap: wrap; }
.mainmenu { flex-wrap: wrap; row-gap: .2rem; }
.mainmenu > a, .mainmenu .dropdown > a { padding: .35rem .45rem; font-size: 12px; }
.logo small { display: block; font-size: .62rem; letter-spacing: .18em; font-weight: 600; }
.slot-label { color: var(--muted); }
.ratio-paper { aspect-ratio: 193/280; background: #ddd; }
#moreBtn { display: inline-block; text-decoration: none; }
.doviz { max-width: 100%; }
aside [data-slot], footer [data-slot] { max-width: 100%; }
aside [data-slot] img, footer.site img { max-width: 100%; height: auto; }