* { 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;} }
