* { margin:0; padding:0; box-sizing:border-box; }
body {
    font-family: Georgia, 'Times New Roman', serif;
    background-color:#efe6d2;
    color:#1a1a1a; line-height:1.6; min-height:100vh;
}
.container { width:92%; max-width:1200px; margin:0 auto; padding:20px; background:#f6efdd; box-shadow:0 0 18px rgba(60,40,10,.25); min-height:100vh; }
.header { display:flex; justify-content:space-between; align-items:center; padding:12px 10px; border-top:5px double #1a1a1a; border-bottom:2px solid #1a1a1a; }
.header h1 { font-size:2.8rem; font-weight:900; letter-spacing:2px; color:#111; font-variant:small-caps; }
.header h1 span { color:#8b1a1a; }
.logo { width:56px; height:56px; border-radius:50%; border:3px double #8b1a1a; color:#8b1a1a; font-size:2rem; font-weight:900; display:flex; align-items:center; justify-content:center; background:#f6efdd; }
.navbar { display:flex; flex-wrap:wrap; justify-content:center; border-bottom:3px double #1a1a1a; margin-bottom:6px; }
.navbar a { color:#1a1a1a; padding:12px 22px; text-decoration:none; font-weight:bold; text-transform:uppercase; font-size:.9rem; letter-spacing:1px; }
.navbar a:hover { color:#8b1a1a; text-decoration:underline; }
.content { display:grid; grid-template-columns:1fr 3fr; gap:24px; margin-top:20px; }
.sidebar { padding:16px; border-right:1px solid #1a1a1a; }
.sidebar h2 { font-size:1.3rem; margin-bottom:10px; border-bottom:2px solid #8b1a1a; color:#8b1a1a; text-transform:uppercase; letter-spacing:1px; }
.sidebar ul { list-style:none; }
.sidebar ul li { margin:0; border-bottom:1px dotted #777; }
.sidebar ul li a { color:#1a1a1a; text-decoration:none; font-weight:600; display:block; padding:9px 4px; }
.sidebar ul li a:hover { color:#8b1a1a; padding-left:10px; transition:.2s; }
.main-content { padding:0; }
.card { padding:12px 0 18px; margin-bottom:20px; border-bottom:1px solid #1a1a1a; }
.thumb { height:180px; display:flex; align-items:center; justify-content:center; color:#f6efdd; font-size:1.8rem; font-weight:900; letter-spacing:6px; background-color:#3a3a3a; filter:grayscale(1); }
.t2 { background-color:#555; }
.card h3 { font-size:1.7rem; margin-top:12px; color:#111; line-height:1.25; }
.card.c1 h3 { color:#8b1a1a; }
.card p { color:#3a3a3a; margin-top:8px; font-size:1rem; }
.footer { color:#1a1a1a; padding:14px 0; text-align:center; margin-top:20px; border-top:3px double #1a1a1a; font-size:.9rem; }
@media (max-width:700px){ .content{grid-template-columns:1fr;} .sidebar{border-right:none;} .header h1{font-size:1.8rem;} .thumb{height:120px;} }
.bolum { margin-bottom:30px; }
.bolum h2, .manset h2 { font-size:1.5rem; border-bottom:2px solid #8b1a1a; color:#8b1a1a; text-transform:uppercase; letter-spacing:1px; margin-bottom:10px; }
.yazar { font-size:.8rem; font-weight:normal; text-transform:none; color:#555; margin-left:10px; font-style:italic; letter-spacing:0; }
.meta { font-size:.8rem; color:#777; text-transform:uppercase; letter-spacing:1px; }
.kaynak { display:inline-block; margin-top:6px; font-size:.85rem; color:#8b1a1a; }
.bos { color:#777; font-style:italic; padding:10px 0; }
.manset { margin-bottom:30px; }
.mkart { padding:10px 0; border-bottom:1px solid #1a1a1a; }
.mkart h3 { font-size:1.8rem; color:#8b1a1a; line-height:1.25; }
.mkart p { color:#3a3a3a; }
html { scroll-behavior:smooth; }
/* Canlı piyasa şeridi */
.piyasa { margin-top:10px; padding:8px 0 6px; border-bottom:3px double #1a1a1a; }
.piyasa h2 { font-size:1.05rem; color:#8b1a1a; text-transform:uppercase; letter-spacing:1px; border-bottom:2px solid #8b1a1a; margin-bottom:6px; }
.piyasa .canli { font-size:.7rem; font-weight:normal; color:#1f5a2a; letter-spacing:0; text-transform:none; margin-left:8px; }
.pz-liste { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); }
.pz { padding:6px 10px; border-right:1px dotted #777; }
.pz:last-child { border-right:none; }
.pz-ad { font-size:.75rem; color:#777; text-transform:uppercase; letter-spacing:1px; }
.pz-deger { font-size:1.35rem; font-weight:bold; color:#111; line-height:1.25; font-variant-numeric:tabular-nums; }
.pz-deg { font-size:.8rem; min-height:1.1em; color:#555; }
.pz.yukari .pz-deg { color:#1f5a2a; }
.pz.asagi .pz-deg { color:#8b1a1a; }
.pz-kaynak { font-size:.68rem; color:#777; font-style:italic; line-height:1.3; }
.pz.yok .pz-deger { font-size:1rem; font-weight:normal; font-style:italic; color:#8b1a1a; }
.piyasa-not { font-size:.72rem; color:#777; margin-top:4px; text-align:right; font-style:italic; }
@media (max-width:700px){ .pz-liste{grid-template-columns:repeat(2,1fr);} .pz{border-bottom:1px dotted #777;} }
.kose p { margin-top:10px; color:#2a2a2a; }
.kose-liste { list-style:none; padding:0; } .kose-liste li { padding:8px 0; border-bottom:1px solid #ddd; } .kose-liste .meta { margin-left:8px; }
.kose-sayfa { margin-top:20px; }
.card.kose { display:grid; grid-template-columns:3fr 2fr; gap:28px; align-items:start; }
.kose-resim { width:100%; border:1px solid #1a1a1a; position:sticky; top:16px; }
@media (max-width:800px){ .card.kose { grid-template-columns:1fr; } .kose-resim { position:static; } }
.card.resimli { display:block; }
.haber-resim { float:left; width:104px; height:104px; object-fit:cover; margin:2px 16px 8px 0; border:1px solid #1a1a1a; filter:sepia(.15); }
.card.resimli::after { content:""; display:block; clear:both; }
@media (max-width:700px){ .haber-resim { width:80px; height:80px; margin-right:12px; } }
/* Makale kartı (ana sayfa) ve makale sayfası */
.makale-bolum { margin-bottom:30px; }
.makale-bolum h2 { font-size:1.5rem; border-bottom:2px solid #8b1a1a; color:#8b1a1a; text-transform:uppercase; letter-spacing:1px; margin-bottom:10px; }
.makale-kart { display:grid; grid-template-columns:150px 1fr; gap:18px; align-items:start; padding:12px 0 16px; border-bottom:1px solid #1a1a1a; }
.makale-kucuk { width:150px; aspect-ratio:4/3; object-fit:cover; border-radius:8px; border:1px solid #1a1a1a; display:block; }
.makale-ozet h3 { font-size:1.4rem; line-height:1.25; margin-top:4px; }
.makale-ozet h3 a { color:#111; text-decoration:none; }
.makale-ozet h3 a:hover { color:#8b1a1a; }
.makale-ozet p { color:#3a3a3a; margin-top:6px; font-size:.95rem; }
.makale-oku { display:inline-block; margin-top:8px; font-weight:bold; color:#8b1a1a; text-decoration:none; }
.makale-oku:hover { text-decoration:underline; }
@media (max-width:700px){ .makale-kart{grid-template-columns:1fr;} .makale-kucuk{width:140px;} }
.makale-sayfa { max-width:820px; margin:20px auto 0; }
.makale-geri { font-size:.9rem; margin-bottom:14px; } .makale-geri a { color:#8b1a1a; font-weight:bold; text-decoration:none; } .makale-geri a:hover { text-decoration:underline; } .makale-geri.alt { margin-top:26px; padding-top:12px; border-top:3px double #1a1a1a; }
.makale-baslik { font-size:2.1rem; line-height:1.2; color:#111; margin:6px 0 10px; }
.makale-spot { font-style:italic; font-size:1.15rem; color:#3a3a3a; border-left:4px solid #8b1a1a; padding-left:14px; margin-bottom:16px; }
.makale-gorsel { margin:0 0 20px; } .makale-gorsel img { width:100%; height:auto; display:block; border:1px solid #1a1a1a; border-radius:6px; }
.makale-govde h2 { font-size:1.4rem; color:#8b1a1a; margin:26px 0 8px; border-bottom:1px solid #8b1a1a; }
.makale-govde p { margin-top:10px; font-size:1.05rem; color:#222; }
.makale-govde ul { margin:10px 0 0 22px; }
.atif { font-size:.7em; line-height:0; } .atif a { color:#8b1a1a; text-decoration:none; font-weight:bold; }
.makale-kaynaklar { margin-top:30px; padding-top:10px; border-top:3px double #1a1a1a; }
.makale-kaynaklar h2 { font-size:1.2rem; color:#8b1a1a; text-transform:uppercase; letter-spacing:1px; margin-bottom:8px; }
.makale-kaynaklar ol { margin-left:26px; font-size:.9rem; color:#333; } .makale-kaynaklar li { margin-bottom:6px; overflow-wrap:anywhere; } .makale-kaynaklar a { color:#8b1a1a; }
.makale-kaynaklar li:target { background:#efe0b8; }
@media (max-width:700px){ .makale-baslik{font-size:1.6rem;} }
/* Dede Korkut Günlüğü */
.dk-giris { font-style:italic; color:#3a3a3a; margin:4px 0 14px; }
.dk-bolum { padding:12px 0 22px; margin-bottom:26px; border-bottom:3px double #1a1a1a; }
.dk-bolum h3 { font-size:1.9rem; line-height:1.25; color:#8b1a1a; margin:4px 0 14px; }
.dk-izgara { display:grid; grid-template-columns:repeat(3,1fr); gap:18px 16px; }
.dk-panel { margin:0; display:flex; flex-direction:column; }
.dk-panel img { width:100%; aspect-ratio:16/9; object-fit:cover; display:block; border:1px solid #1a1a1a; filter:sepia(.25) contrast(1.02); background:#e3d6b6; }
.dk-panel figcaption { font-size:.95rem; line-height:1.45; color:#2a2a2a; margin-top:8px; font-style:italic; }
.dk-panel:last-child figcaption { color:#8b1a1a; }
@media (max-width:800px){ .dk-izgara { grid-template-columns:1fr; } .dk-bolum h3 { font-size:1.5rem; } }
/* Hisse şeritleri (BIST 30 + ABD): sayfanın en üstünde, iki ince kayan şerit */
.seritlar { background:#1a1a1a; color:#f6efdd; font-family:Georgia,'Times New Roman',serif; position:relative; z-index:5; }
.serit { display:flex; align-items:stretch; height:26px; border-bottom:1px solid #3a3a3a; overflow:hidden; }
.serit-etiket { flex:0 0 auto; display:flex; align-items:center; padding:0 12px; background:#8b1a1a; color:#fff; font-size:.7rem; font-weight:bold; letter-spacing:1px; text-transform:uppercase; white-space:nowrap; position:relative; z-index:1; }
.serit-pencere { flex:1 1 auto; min-width:0; overflow:hidden; }
.serit-ray { display:flex; width:max-content; height:100%; animation:serit-kay var(--sure,60s) linear infinite; will-change:transform; }
.serit-ray ul { display:flex; flex:0 0 auto; list-style:none; margin:0; padding:0; }
.si { display:flex; align-items:center; gap:6px; padding:0 14px; font-size:.78rem; white-space:nowrap; border-right:1px solid #444; font-variant-numeric:tabular-nums; }
.si b { color:#fff; letter-spacing:.5px; }
.si .sf { color:#e8dfc6; }
.si.ar .sd { color:#5fe07a; font-weight:bold; }
.si.az .sd { color:#ff7d70; font-weight:bold; }
.si.sb .sd { color:#bbb; }
.serit:hover .serit-ray, .serit:focus-within .serit-ray, .serit:active .serit-ray { animation-play-state:paused; }
@keyframes serit-kay { from { transform:translateX(0); } to { transform:translateX(-50%); } }
.serit-not { font-size:.62rem; line-height:1.3; padding:2px 10px; color:#b5ab92; text-align:center; background:#222; }
@media (max-width:700px){ .serit{height:24px;} .serit-etiket{padding:0 8px;font-size:.62rem;} .si{padding:0 10px;font-size:.72rem;gap:4px;} .serit-not{font-size:.56rem;padding:2px 6px;} }
@media (prefers-reduced-motion:reduce){ .serit-ray{animation:none;} .serit-pencere{overflow-x:auto;} .serit-ray ul[aria-hidden]{display:none;} }