/* ==== extracted from templates/blog_article.html (T2.5) ==== */
* { margin:0; padding:0; box-sizing:border-box; }
body { background:var(--bp-bg); color:#e6edf3; font-family:'Segoe UI',system-ui,-apple-system,sans-serif; font-size:var(--bp-text-md); line-height:1.7; min-height:100vh; }
header { background:#161b22; border-bottom:1px solid #30363d; padding:14px 24px; display:flex; align-items:center; gap:16px; position:sticky; top:0; z-index:var(--bp-z-dropdown); }
.back-btn { display:flex; align-items:center; gap:6px; color:#8b949e; font-size:var(--bp-text-base); text-decoration:none; padding:5px 10px; border:1px solid #30363d; border-radius:var(--bp-radius); background:#21262d; transition:all .15s; white-space:nowrap; }
.back-btn:hover { background:#30363d; color:#e6edf3; }
.page-sub { font-size:var(--bp-text-sm); color:#8b949e; margin-top:1px; }
.container { max-width:var(--bp-container-820); margin:0 auto; padding:32px 24px; }
.article-header { margin-bottom:28px; }
.art-cat { font-size:var(--bp-text-sm); color:#58a6ff; font-weight:600; text-transform:uppercase; letter-spacing:.5px; }
.art-title{ font-size:var(--bp-text-28); font-weight:800; color:#f0f6fc; line-height:1.3; margin:10px 0 12px; }
.art-desc { font-size:var(--bp-text-15); color:#8b949e; line-height:1.6; margin-bottom:14px; }
.art-meta { display:flex; gap:16px; font-size:var(--bp-text-sm); color:var(--bp-text3); border-top:1px solid #21262d; padding-top:12px; }
.prose { color:#c9d1d9; }
.prose h2 { font-size:var(--bp-text-xl); font-weight:700; color:#f0f6fc; margin:32px 0 12px; padding-bottom:8px; border-bottom:1px solid #21262d; }
.prose h3 { font-size:var(--bp-text-15); font-weight:600; color:#c9d1d9; margin:20px 0 8px; }
.prose p { margin-bottom:14px; }
.prose ul, .prose ol { margin:8px 0 14px 20px; }
.prose li { margin-bottom:6px; }
.prose strong { color:#f0f6fc; }
.prose em { color:#e3b341; font-style:normal; }
.prose a { color:#58a6ff; text-decoration:none; }
.prose a:hover{ text-decoration:underline; }
.prose pre {
background:#161b22; border:1px solid #30363d; border-left:3px solid #58a6ff;
border-radius:var(--bp-radius); padding:14px 16px; margin:14px 0;
font-family:var(--bp-font-mono); font-size:var(--bp-text-base); color:#79c0ff;
overflow-x:auto; white-space:pre-wrap;
}
.prose code { background:#21262d; color:#79c0ff; padding:2px 6px; border-radius:var(--bp-radius-4); font-family:var(--bp-font-mono); font-size:var(--bp-text-base); }
.prose table { width:100%; border-collapse:collapse; margin:14px 0; }
.prose th, .prose td { padding:8px 10px; text-align:left; border-top:1px solid #30363d; font-size:var(--bp-text-base); }
.prose th { background:#21262d; font-weight:600; color:#f0f6fc; }
.prose span[style] { } /* allow inline color spans */
.related { margin-top:40px; padding-top:28px; border-top:1px solid #21262d; }
.related-title { font-size:var(--bp-text-base); color:#8b949e; text-transform:uppercase; letter-spacing:.5px; font-weight:600; margin-bottom:14px; }
.related-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:12px; }
.rel-card { background:#161b22; border:1px solid #30363d; border-radius:var(--bp-radius-md); padding:14px; text-decoration:none; display:block; transition:all .15s; }
.rel-card:hover { border-color:#8b949e; background:#1c2128; }
.rel-cat { font-size:var(--bp-text-xs); color:#58a6ff; margin-bottom:6px; }
.rel-title { font-size:var(--bp-text-base); font-weight:600; color:#f0f6fc; line-height:1.4; }
.rel-mins { font-size:var(--bp-text-xs); color:var(--bp-text3); margin-top:6px; }
/* İlgili Hisseler */
.rel-stock-card { background:#161b22; border:1px solid #30363d; border-radius:var(--bp-radius-md); padding:12px 16px; min-width:130px; flex:1; max-width:180px; text-decoration:none; display:block; transition:all .15s; }
.rel-stock-card:hover { border-color:#8b949e; background:#1c2128; transform:translateY(-1px); }
.rel-stock-ticker { font-size:var(--bp-text-base); font-weight:700; color:#f0f6fc; margin-bottom:3px; }
.rel-stock-price { font-family:var(--bp-font-mono); font-size:var(--bp-text-base); color:#e6edf3; }
.rel-stock-sig { display:inline-flex; align-items:center; gap:3px; padding:2px 8px; border-radius:var(--bp-radius-xl); font-size:var(--bp-text-2xs); font-weight:700; margin-top:5px; }
.rel-stock-sig.al { background:rgba(63,185,80,.12); color:#3fb950; border:1px solid rgba(63,185,80,.25); }
.rel-stock-sig.sat { background:rgba(var(--bp-sat-rgb),.12); color:var(--bp-sat); border:1px solid rgba(var(--bp-sat-rgb),.25); }
.rel-stock-sig.bekle { background:rgba(139,148,158,.1); color:#8b949e; border:1px solid rgba(139,148,158,.2); }
@keyframes shimmer { 0%{background-position:-200% 0} 100%{background-position:200% 0} }
.disclaimer { background:rgba(var(--bp-sat-rgb),.07); border:1px solid rgba(var(--bp-sat-rgb),.2); border-radius:var(--bp-radius-md); padding:14px 16px; color:#c9d1d9; font-size:var(--bp-text-base); margin-top:32px; }
/* SSS Akordeon */
.faq-section { margin-top:36px; padding-top:28px; border-top:1px solid #21262d; }
.faq-section-title { font-size:var(--bp-text-lg); font-weight:700; color:#f0f6fc; margin-bottom:14px; }
.faq-item { border:1px solid #30363d; border-radius:var(--bp-radius-md); margin-bottom:8px; overflow:hidden; transition:border-color .15s; }
.faq-item:hover { border-color:var(--bp-border2); }
.faq-q {
width:100%; text-align:left; background:none; border:none; cursor:pointer;
padding:13px 16px; display:flex; justify-content:space-between; align-items:center; gap:12px;
font-size:var(--bp-text-base); font-weight:600; color:#e6edf3; font-family:inherit; line-height:1.4;
transition:background .12s;
}
.faq-q:hover { background:rgba(255,255,255,.03); }
.faq-q .faq-chevron { flex-shrink:0; color:var(--bp-text3); transition:transform .2s; }
.faq-item.open .faq-chevron { transform:rotate(180deg); }
.faq-a {
display:none; padding:0 16px 13px; font-size:var(--bp-text-base); color:#8b949e; line-height:1.65;
}
.faq-item.open .faq-a { display:block; }
/* CTA kutusu */
.cta-box {
background:linear-gradient(135deg,rgba(31,111,235,.1),rgba(59,130,246,.06));
border:1px solid rgba(59,130,246,.3); border-radius:var(--bp-radius-xl);
padding:20px 22px; margin-top:28px;
display:flex; align-items:center; gap:16px; flex-wrap:wrap;
}
.cta-box-text { flex:1; min-width:220px; }
.cta-box-text strong { font-size:var(--bp-text-md); font-weight:700; color:#e2e8f0; display:block; margin-bottom:4px; }
.cta-box-text span { font-size:var(--bp-text-sm); color:#64748b; line-height:1.5; }
.cta-box-btns { display:flex; gap:8px; flex-wrap:wrap; }
.cta-btn-primary {
background:#1f6feb; color:#fff; border:none; border-radius:var(--bp-radius-7);
padding:8px 18px; font-size:var(--bp-text-base); font-weight:600; cursor:pointer;
text-decoration:none; display:inline-flex; align-items:center; gap:6px;
transition:background .15s; white-space:nowrap;
}
.cta-btn-primary:hover { background:#388bfd; }
.cta-btn-secondary {
background:rgba(59,130,246,.1); color:#93c5fd;
border:1px solid rgba(59,130,246,.25); border-radius:var(--bp-radius-7);
padding:8px 16px; font-size:var(--bp-text-base); font-weight:600; cursor:pointer;
text-decoration:none; display:inline-flex; align-items:center; gap:6px;
transition:all .15s; white-space:nowrap;
}
.cta-btn-secondary:hover { background:rgba(59,130,246,.18); }
footer { text-align:center; padding:20px; font-size:var(--bp-text-sm); color:var(--bp-text3); border-top:1px solid #21262d; margin-top:32px; }
footer a { color:#8b949e; text-decoration:none; }
@media(max-width:600px) { .container{padding:16px;} .art-title{font-size:var(--bp-text-22);} }
/* Makro Ticker */
.macro-bar { background:var(--bp-bg); border-bottom:1px solid var(--bp-border); height:34px; overflow:hidden; position:relative; white-space:nowrap; }
.macro-bar::before,.macro-bar::after { content:''; position:absolute; top:0; bottom:0; width:60px; pointer-events:none; z-index:var(--bp-z-raised); }
.macro-bar::before { left:0; background:linear-gradient(to right,var(--bp-bg),transparent); }
.macro-bar::after { right:0; background:linear-gradient(to left,var(--bp-bg),transparent); }
.macro-track { display:inline-flex; align-items:center; animation:macroScroll 40s linear infinite;will-change:transform; height:34px; }
.macro-bar:hover .macro-track { animation-play-state:paused; }
@keyframes macroScroll { from{transform:translateX(0);} to{transform:translateX(-50%);} }
.macro-pause-btn { position: absolute; right: 2px; top: 50%; transform: translateY(-50%); z-index: var(--bp-z-local-control); width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; background: transparent; border: none; color: inherit; opacity: .55; font-size: var(--bp-text-sm); line-height: 1; cursor: pointer; padding: 0; }
.macro-pause-btn:hover, .macro-pause-btn:focus-visible { opacity: 1; }
.macro-bar[data-paused="true"] .macro-track { animation-play-state: paused !important; }
.macro-item { display:inline-flex; align-items:center; gap:8px; padding:0 20px; border-right:1px solid var(--bp-border); font-size:var(--bp-text-sm); height:34px; color:inherit; }
.macro-item-lbl { font-weight:600; color:#cbd5e1; }
.mc-pos { color:#3fb950; } .mc-neg { color:var(--bp-sat); } .mc-neu { color:#8b949e; }
/* Reading progress bar */
.read-progress {
position: fixed; top: 0; left: 0;
width: 0%; height: 3px; z-index:var(--bp-z-toast);
background: linear-gradient(90deg, #1f6feb 0%, #3b82f6 50%, #7c3aed 100%);
will-change: width; pointer-events: none;
transition: width 60ms linear;
}