/* =========================================================
   PriceONN v2 · haberler (/news, /haberler ve haber sayfası)
   Başlık bandı legal.css'teki .lg-head ile aynı (home.css marka bandı tokenları). Renk yalnız tokenlardan.
   Okuma genişliği 68ch. Hover: yalnız renk ve kenarlık; yukarı kalkma efekti YOK. Uzun tire görünümü süs YOK.
   ========================================================= */
.hb{display:grid;gap:var(--gap);min-width:0}
.hb>*{min-width:0}
.hb-head{position:relative;display:grid;gap:12px;padding:24px 16px;border-radius:var(--r-xl);border:1px solid var(--band-border);
  background:var(--band-bg);box-shadow:var(--band-shadow);overflow:clip;isolation:isolate;color:var(--text-primary)}
.hb-head h1{margin:0;font-size:1.875rem;line-height:2.25rem;font-weight:700;letter-spacing:-.03em}
.hb-head .lg-lead{margin:0;max-width:68ch;color:var(--text-secondary)}
.hb-empty{margin:0;padding:24px 0;color:var(--text-secondary)}
.hb-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.hb-item{display:grid;gap:6px;padding:16px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-surface);transition:border-color var(--t-fast) var(--ease)}
.hb-item:hover{border-color:var(--action-text)}
.hb-link{display:grid;gap:6px;color:inherit;text-decoration:none}
.hb-t{margin:0;font-size:1.125rem;line-height:1.625rem;font-weight:650;color:var(--text-primary);overflow-wrap:anywhere}
.hb-link:hover .hb-t,.hb-link:focus-visible .hb-t{color:var(--action-text)}
.hb-dek{margin:0;max-width:72ch;font-size:.9375rem;line-height:1.5rem;color:var(--text-secondary)}
.hb-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0;font-size:.8125rem;line-height:1.25rem;color:var(--text-tertiary)}
.hb-sym{padding:1px 8px;border-radius:999px;background:var(--chip-bg);color:var(--text-secondary);font-family:var(--font-mono);font-size:.75rem}
.hb-pager{display:flex;gap:12px;justify-content:space-between}
.hb-art{max-width:760px;width:100%;margin-inline:auto}
.hb-crumb a{font-size:.8125rem;color:var(--action-text);text-decoration:none}
.hb-art-head{display:grid;gap:10px}
.hb-art-head h1{margin:0;font-size:1.75rem;line-height:2.25rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);text-wrap:balance}
.hb-art-dek{margin:0;font-size:1.0625rem;line-height:1.75rem;color:var(--text-secondary)}
.hb-by b{color:var(--text-secondary);font-weight:600}
.hb-ai{margin:0;padding:8px 12px;border-radius:var(--r-md);background:var(--action-tint);color:var(--text-secondary);font-size:.8125rem;line-height:1.25rem}
.hb-body{display:grid;gap:16px;max-width:68ch}
.hb-body p{margin:0;font-size:1.0625rem;line-height:1.8rem;color:var(--text-primary)}
.hb-mk{display:grid;gap:10px;padding:16px;border-radius:var(--r-lg)}
.hb-mk h2,.hb-src h2{margin:0;font-size:.9375rem;line-height:1.375rem;font-weight:650;color:var(--text-primary)}
.hb-mk ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.hb-mk li{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:baseline;font-variant-numeric:tabular-nums}
.hb-mk-s{font-weight:600;color:var(--text-primary)}
.hb-mk-p{font-family:var(--font-mono);color:var(--text-primary)}
.hb-mk-c{font-family:var(--font-mono);color:var(--text-secondary)}
.hb-mk-c.up{color:var(--up)}.hb-mk-c.down{color:var(--down)}
.hb-mk-note{margin:0;font-size:.75rem;line-height:1.125rem;color:var(--text-tertiary)}
.hb-src{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--line)}
.hb-src ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px}
.hb-src a{font-size:.875rem;color:var(--action-text)}
@media (min-width:600px){.hb-head{padding:32px 24px}}
@media (min-width:900px){.hb-art-head h1{font-size:2.125rem;line-height:2.625rem}}