/**
 * Mevzuat (Legislation Radar) — archive + single styles.
 *
 * Loaded by the koksal-site-core dynamic-slot renderers on /mevzuat/ routes.
 * All selectors below are net-new (not present in kao.css / koksal-brand.css),
 * so this file never overrides shared design-system rules. It only relies on
 * design tokens already defined in koksal-brand.css, plus the status-colour
 * (--st-*) tokens defined here, which the standalone design shipped but the
 * live modular stylesheets do not.
 *
 * @package Koksal_Site_Core
 */

:root {
  --st-live: #3F6B4E;
  --st-live-bg: #E8EFE9;
  --st-soon: #946420;
  --st-soon-bg: #F3EAD9;
  --st-new: var(--crimson-700);
  --st-new-bg: var(--crimson-tint);
  --st-old: var(--stone-600);
  --st-old-bg: var(--paper-alt);
}

/* ===== single: reading progress ===== */
.readbar { position:fixed; left:0; top:0; width:100%; height:3px; z-index:200; background:transparent; pointer-events:none; }
.readbar__fill { height:100%; width:0; background: var(--crimson-600); transition: width .1s linear; }

/* ===== single: hero status + meta ===== */
.mevz-hpill { display:inline-flex; align-items:center; gap:8px; font-family: var(--font-mono); font-size:11px; letter-spacing:.05em;
  padding:5px 13px; border-radius:100px; border:1px solid rgba(255,255,255,.28); color:#fff; background: rgba(255,255,255,.08); }
.mevz-hpill::before { content:""; width:7px; height:7px; border-radius:50%; background:#8FD0A6; box-shadow:0 0 0 3px rgba(143,208,166,.24); flex:none; }
.phero__metarow { display:flex; flex-wrap:wrap; gap:16px; align-items:center; margin-top: var(--sp-5); font-family: var(--font-mono); font-size:12px; letter-spacing:.03em; color: rgba(244,232,229,.74); }
.phero__metarow b { color:#fff; font-weight:500; }
.phero__metarow .dot { width:3px; height:3px; border-radius:50%; background: rgba(244,232,229,.42); }

/* ===== single: layout ===== */
.mk { max-width: 1160px; margin:0 auto; display:grid; grid-template-columns: minmax(0,1fr) 316px; gap: clamp(28px,4vw,64px); align-items:start; }
@media (max-width:900px){ .mk { grid-template-columns:1fr; } }
.mk__main { max-width: 790px; }

/* ===== single: sticky rail ===== */
.mk__rail { position:sticky; top:96px; align-self:start; display:grid; gap: var(--sp-5); }
@media (max-width:900px){ .mk__rail { position:static; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); } }
.railcard { border:1px solid var(--hairline); border-radius: var(--r-md); background: var(--ivory); padding: var(--sp-5); }
.railcard--künye { border-top:3px solid var(--crimson-600); border-radius:0 0 var(--r-md) var(--r-md); }
.railcard__k { font-family: var(--font-mono); font-size:11px; letter-spacing:.12em; text-transform:uppercase; color: var(--stone-600); margin:0 0 14px; }

/* ===== single: künye status card ===== */
.docstat { display:grid; gap:0; }
.docstat__row { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:11px 0; border-bottom:1px solid var(--hairline-soft); font-size: var(--fs-small); }
.docstat__row:last-of-type { border-bottom:0; }
.docstat__k { color: var(--stone-600); display:inline-flex; align-items:center; gap:8px; }
.docstat__k svg { width:15px; height:15px; color: var(--crimson-600); stroke-width:1.7; }
.docstat__v { font-family: var(--font-mono); font-size:12.5px; color: var(--ink-900); text-align:right; }
.docstat__v--badge { padding:2px 10px; border-radius:100px; color:#3F6B4E; background:#E8EFE9; border:1px solid color-mix(in srgb,#3F6B4E 26%,transparent); display:inline-flex; align-items:center; gap:6px; }
.docstat__v--badge::before { content:""; width:6px; height:6px; border-radius:50%; background: currentColor; }
.docstat__dl { margin-top: var(--sp-4); }

.railnote p { font-size: var(--fs-caption); color: var(--graphite-700); margin:0 0 14px; line-height:1.6; }

/* TOC scroll-spy active link (base .toc-aside styling is shared/live) */
.toc-aside a.is-active { color: var(--crimson-700); font-weight:600; }

/* ===== single: özet ===== */
.legsum { border:1px solid var(--hairline); border-left:3px solid var(--crimson-600); border-radius: 0 var(--r-md) var(--r-md) 0; background: var(--paper-alt); padding: var(--sp-5) var(--sp-6); margin: 0 0 var(--sp-7); }
.legsum__h { display:flex; align-items:center; gap:10px; font-family: var(--font-sans); font-weight:700; font-size: var(--fs-caption); letter-spacing:.08em; text-transform:uppercase; color: var(--crimson-700); margin:0 0 10px; }
.legsum__h svg { width:16px; height:16px; }
.legsum p { font-size: var(--fs-body); color: var(--ink-900); margin:0; line-height:1.6; }

/* ===== single: kimleri etkiler ===== */
.affects { display:grid; grid-template-columns: repeat(3,1fr); gap: var(--sp-4); margin: 0 0 var(--sp-7); }
@media (max-width:640px){ .affects { grid-template-columns:1fr; } }
.affects__card { border:1px solid var(--hairline); border-top:3px solid var(--crimson-600); border-radius:0 0 var(--r-md) var(--r-md); background: var(--ivory); padding: var(--sp-5); }
.affects__ic { color: var(--crimson-600); margin-bottom:11px; display:inline-flex; }
.affects__ic svg { width:22px; height:22px; stroke-width:1.5; }
.affects__card h4 { font-family: var(--font-serif); font-weight:500; font-size:1.08rem; margin:0 0 6px; color: var(--ink-900); }
.affects__card p { font-size: var(--fs-caption); color: var(--graphite-700); margin:0; line-height:1.52; }

/* ===== single: obligations checklist ===== */
.obl { list-style:none; margin: var(--sp-4) 0 var(--sp-7); padding:0; display:grid; gap:2px; border:1px solid var(--hairline); border-radius: var(--r-md); overflow:hidden; }
.obl li { display:flex; gap:14px; align-items:flex-start; padding: var(--sp-4) var(--sp-5); background: var(--ivory); border-bottom:1px solid var(--hairline-soft); }
.obl li:last-child { border-bottom:0; }
.obl__n { font-family: var(--font-mono); font-size:12px; color: var(--crimson-600); flex:none; padding-top:2px; min-width:1.6em; }
.obl__t { font-size: var(--fs-small); color: var(--ink-800); line-height:1.55; }
.obl__t b { color: var(--ink-900); font-weight:600; }

/* ===== single: legal body ===== */
.legalbody { font-size: 1.06rem; line-height: 1.78; color: var(--graphite-700); counter-reset: legsec; }
.legalbody h2 { display:flex; gap:14px; align-items:baseline; font-family: var(--font-serif); font-weight:500; font-size: 1.5rem; color: var(--ink-900); margin: var(--sp-8) 0 var(--sp-3); letter-spacing:-.01em; scroll-margin-top: 96px; }
.legalbody h2::before { counter-increment: legsec; content: counter(legsec); font-family: var(--font-mono); font-size: .92rem; font-weight:500; color: var(--crimson-600); flex:none; min-width:1.4em; }
.legalbody h2:first-child { margin-top:0; }
.legalbody h3 { font-family: var(--font-sans); font-weight:700; font-size: 1.12rem; color: var(--ink-900); margin: var(--sp-6) 0 var(--sp-2); }
.legalbody p { margin: 0 0 var(--sp-4); }
.legalbody ul { padding-left: 1.2em; margin: 0 0 var(--sp-4); }
.legalbody li { margin-bottom: 9px; }
.legalbody a { color: var(--ink-900); }

/* ===== single: table ===== */
.legtable { width:100%; border-collapse:collapse; margin: var(--sp-5) 0 var(--sp-6); font-size: var(--fs-small); }
.legtable th, .legtable td { text-align:left; vertical-align:top; padding: 13px 16px; border-bottom:1px solid var(--hairline); }
.legtable thead th { font-family: var(--font-mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color: var(--stone-600); background: var(--paper-alt); }
.legtable td { color: var(--graphite-700); }
.legtable td:first-child { color: var(--ink-900); font-weight:600; width:38%; }

/* ===== single: info box ===== */
.mk-info { border:1px solid var(--hairline); border-radius: var(--r-md); background: var(--crimson-tint); padding: var(--sp-5) var(--sp-6); margin: var(--sp-6) 0; display:flex; gap:16px; }
.mk-info__ic { flex:none; width:40px; height:40px; border-radius:8px; background:#fff; color: var(--crimson-700); display:grid; place-items:center; }
.mk-info__t { font-family: var(--font-sans); font-weight:700; font-size: var(--fs-small); color: var(--ink-900); margin:0 0 4px; }
.mk-info p { font-size: var(--fs-small); color: var(--graphite-700); margin:0; line-height:1.6; }

/* ===== single: amendment timeline ===== */
.mtl { list-style:none; margin: var(--sp-5) 0 0; padding:0; position:relative; }
.mtl::before { content:""; position:absolute; left:7px; top:8px; bottom:8px; width:2px; background: var(--hairline); }
.mtl li { position:relative; padding: 0 0 var(--sp-5) 32px; }
.mtl li:last-child { padding-bottom:0; }
.mtl__dot { position:absolute; left:0; top:3px; width:16px; height:16px; border-radius:50%; border:2px solid var(--crimson-600); background: var(--ivory); }
.mtl li.is-current .mtl__dot { background: var(--crimson-600); box-shadow:0 0 0 4px var(--crimson-tint); }
.mtl__date { font-family: var(--font-mono); font-size:11.5px; letter-spacing:.04em; color: var(--crimson-700); }
.mtl__t { font-family: var(--font-sans); font-weight:600; font-size: var(--fs-small); color: var(--ink-900); margin:2px 0 3px; }
.mtl__d { font-size: var(--fs-small); color: var(--graphite-700); margin:0; line-height:1.55; }

/* ===== single: references + disclaimer + taxonomy ===== */
.mk-refs { margin-top: var(--sp-7); border:1px solid var(--hairline); border-radius: var(--r-md); overflow:hidden; }
.mk-refs__h { font-family: var(--font-mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color: var(--stone-600); padding: var(--sp-4) var(--sp-5); background: var(--paper-alt); border-bottom:1px solid var(--hairline); margin:0; }
.mk-refs a { display:flex; align-items:center; justify-content:space-between; gap:12px; padding: 14px var(--sp-5); border-bottom:1px solid var(--hairline-soft); color: var(--ink-900); font-size: var(--fs-small); text-decoration:none; transition: background .2s var(--ease); }
.mk-refs a:last-child { border-bottom:0; }
.mk-refs a:hover { background: var(--ivory); color: var(--crimson-700); }
.mk-refs a .src { font-family: var(--font-mono); font-size:11px; color: var(--stone-500); }
.mk-refs a svg { width:16px; height:16px; flex:none; color: var(--crimson-600); }
.mk-disc { margin-top: var(--sp-6); padding: var(--sp-5); border:1px dashed var(--hairline); border-radius: var(--r-md); font-size: var(--fs-caption); color: var(--stone-600); line-height:1.6; }
.mk-cats { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top: var(--sp-6); padding-top: var(--sp-6); border-top:1px solid var(--hairline); }
.mk-cats__k { font-family: var(--font-mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color: var(--stone-600); margin-right:2px; }
.mk-cats a.chip { text-decoration:none; }

/* ===== single: jurisdiction desk spotlight ===== */
.deskspot { position:relative; overflow:hidden; display:grid; grid-template-columns: auto 1fr auto; gap: clamp(20px,3vw,44px); align-items:center;
  background: radial-gradient(140% 130% at 92% -10%, var(--crimson-surface-2), var(--crimson-surface-3)); color:#fff;
  border-radius: var(--r-md); padding: clamp(26px,3.4vw,44px); }
.deskspot::after { content:""; position:absolute; inset:0; background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1px); background-size:26px 26px;
  -webkit-mask-image: radial-gradient(120% 90% at 92% 0%, #000, transparent 62%); mask-image: radial-gradient(120% 90% at 92% 0%, #000, transparent 62%); pointer-events:none; }
.deskspot > * { position:relative; z-index:1; }
.deskspot__code { width:74px; height:74px; border-radius: var(--r-sm); border:1px solid rgba(255,255,255,.22); display:grid; place-items:center;
  font-family: var(--font-mono); font-size:22px; letter-spacing:.02em; color:#fff; background: rgba(255,255,255,.06); }
.deskspot__eyebrow { font-family: var(--font-mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color: var(--crimson-accent); }
.deskspot h3 { color:#fff; margin:8px 0 8px; font-size: clamp(1.4rem,1.1rem+1vw,1.9rem); }
.deskspot p { color: rgba(244,232,229,.82); font-size: var(--fs-small); margin:0; max-width:52ch; }
.deskspot .k-btn { white-space:nowrap; background:#fff; color: var(--crimson-700); }
.deskspot .k-btn:hover { background: var(--paper); }
@media (max-width:760px){ .deskspot { grid-template-columns:1fr; text-align:left; gap: var(--sp-5); } .deskspot .k-btn { justify-self:start; } }

/* ===== archive: legend ===== */
.mevz-legend { display:flex; flex-wrap:wrap; gap:12px 26px; align-items:center; margin-top: var(--sp-5);
  padding: var(--sp-4) 0 0; border-top:1px solid var(--hairline-soft); }
.mevz-legend__grp { display:inline-flex; align-items:center; gap:9px; font-family: var(--font-mono);
  font-size:11px; letter-spacing:.05em; color: var(--stone-600); }
.mevz-legend__code { display:grid; place-items:center; min-width:26px; height:20px; padding:0 5px; border-radius:var(--r-sm);
  border:1px solid var(--hairline); background: var(--paper); color: var(--crimson-700);
  font-size:10.5px; font-weight:500; letter-spacing:.04em; }
.mevz-legend__dot { width:9px; height:9px; border-radius:50%; flex:none; }

/* ===== archive: multi-axis filter ===== */
.mevzfilters { margin: var(--sp-6) 0; padding-bottom: var(--sp-5); border-bottom:1px solid var(--hairline); display:grid; gap: var(--sp-4); }
.mevzfilters__row { display:grid; grid-template-columns: 132px 1fr; gap: var(--sp-4); align-items:start; }
@media (max-width:640px){ .mevzfilters__row{ grid-template-columns:1fr; gap:10px; } }
.mevzfilters__label { font-family: var(--font-mono); font-size:11px; letter-spacing:.12em; text-transform:uppercase; color: var(--stone-500); padding-top:9px; }
@media (max-width:640px){ .mevzfilters__label{ padding-top:0; } }
.mevzfilters__chips { display:flex; gap:9px; flex-wrap:wrap; align-items:center; }
.mevz-sel { appearance:none; -webkit-appearance:none; font-family: var(--font-sans); font-size: var(--fs-caption);
  font-weight:500; color: var(--ink-900); background: var(--ivory)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23A4282E' stroke-width='2.2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;
  border:1px solid var(--hairline); border-radius:100px; padding:9px 34px 9px 16px; cursor:pointer; transition: border-color .2s var(--ease); }
.mevz-sel:hover { border-color: var(--mist-400); }
.mevz-sel:focus { outline:none; border-color: var(--crimson-600); }
.mevzfilters__foot { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.mevzfilters__reset { margin-left:auto; display:inline-flex; align-items:center; gap:7px; cursor:pointer; background:transparent; border:0; font-family: var(--font-sans); font-size: var(--fs-caption); font-weight:600; color: var(--crimson-700); padding:4px 2px; }
.mevzfilters__reset span { display:inline-grid; place-items:center; width:16px; height:16px; border-radius:100px; background: var(--crimson-tint); color: var(--crimson-700); font-size:10px; }
.mevzfilters__reset:hover { color: var(--crimson-600); }
.mevzfilters__reset[hidden] { display:none; }

/* ===== archive: list ===== */
.mevz-list { display:grid; border-top:1px solid var(--hairline); }
.mevz { position:relative; display:grid; grid-template-columns: 64px minmax(0,1fr) auto; gap: var(--sp-5); align-items:start;
  padding: clamp(20px,2.3vw,26px) clamp(6px,1.2vw,16px); border-bottom:1px solid var(--hairline);
  text-decoration:none; transition: background .2s var(--ease); }
.mevz:hover { background: var(--ivory); }
.mevz__flag { display:flex; flex-direction:column; align-items:center; gap:7px; width:64px; padding-top:2px; }
.mevz__code { width:48px; height:48px; border-radius: var(--r-sm); border:1px solid var(--hairline); background: var(--paper);
  display:grid; place-items:center; font-family: var(--font-mono); font-size:14px; font-weight:500; letter-spacing:.02em; color: var(--crimson-700); }
.mevz__region { font-family: var(--font-mono); font-size:9.5px; letter-spacing:.07em; text-transform:uppercase; color: var(--stone-500); text-align:center; }
.mevz__body { min-width:0; }
.mevz__top { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:9px; }
.mevz__tur { font-family: var(--font-mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color: var(--crimson-600); }
.mevz__status { display:inline-flex; align-items:center; gap:6px; font-family: var(--font-mono); font-size:10.5px; letter-spacing:.05em;
  padding:3px 10px; border-radius:100px; border:1px solid transparent; }
.mevz__status::before { content:""; width:6px; height:6px; border-radius:50%; background: currentColor; flex:none; }
.mevz__status--live { color: var(--st-live); background: var(--st-live-bg); border-color: color-mix(in srgb, var(--st-live) 26%, transparent); }
.mevz__status--soon { color: var(--st-soon); background: var(--st-soon-bg); border-color: color-mix(in srgb, var(--st-soon) 26%, transparent); }
.mevz__status--new  { color: var(--st-new);  background: var(--st-new-bg);  border-color: var(--crimson-tint-2); }
.mevz__status--old  { color: var(--st-old);  background: var(--st-old-bg);  border-color: var(--hairline); }
.mevz__title { font-family: var(--font-serif); font-weight:500; font-size:1.3rem; line-height:1.24; color: var(--ink-900);
  margin:0 0 9px; letter-spacing:-.005em; text-wrap:pretty; transition: color .2s var(--ease); }
.mevz:hover .mevz__title { color: var(--crimson-700); }
.mevz__kunye { display:flex; flex-wrap:wrap; align-items:center; gap:7px 14px; font-family: var(--font-mono); font-size:11.5px; letter-spacing:.02em; color: var(--stone-600); margin-bottom:11px; }
.mevz__kunye .dot { width:3px; height:3px; border-radius:50%; background: var(--mist-400); }
.mevz__kunye b { color: var(--graphite-700); font-weight:500; }
.mevz__desc { font-size: var(--fs-small); color: var(--graphite-700); margin:0 0 13px; line-height:1.58; max-width: 72ch; }
.mevz__tags { display:flex; flex-wrap:wrap; gap:7px; }
.mevz__tagk { font-family: var(--font-mono); font-size:10px; letter-spacing:.12em; text-transform:uppercase; color: var(--stone-500); align-self:center; margin-right:2px; }
.mevz__tag { font-family: var(--font-mono); font-size:10.5px; letter-spacing:.02em; padding:4px 10px; border-radius:100px;
  border:1px solid var(--hairline); color: var(--graphite-700); background: var(--paper); }
.mevz__go { flex:none; width:42px; height:42px; border-radius:50%; border:1px solid var(--hairline); display:grid; place-items:center;
  color: var(--ink-900); align-self:center; transition: all .2s var(--ease); }
.mevz__go svg { width:18px; height:18px; }
.mevz:hover .mevz__go { background: var(--crimson-700); border-color: var(--crimson-700); color:#fff; transform: translateX(3px); }
@media (max-width:640px){
  .mevz { grid-template-columns: 52px minmax(0,1fr); }
  .mevz__flag { width:52px; }
  .mevz__code { width:42px; height:42px; }
  .mevz__go { display:none; }
}

/* ===== intro-gate sections (homepage compact + Bilgi Merkezi rich) ===== */
.mevzgate { display:grid; grid-template-columns: 1.35fr 1fr; gap: clamp(24px,4vw,60px); align-items:center; }
@media (max-width:820px){ .mevzgate { grid-template-columns:1fr; gap: var(--sp-6); } }
.mevzgate__lead h2 { font-family: var(--font-serif); font-weight:500; font-size: clamp(1.5rem,1.2rem+1.4vw,2.1rem); line-height:1.12; letter-spacing:-.01em; margin:14px 0 12px; color: var(--ink-900); }
.mevzgate__lead h2 em { font-style:italic; color: var(--crimson-700); }
.mevzgate__lead p { font-size: var(--fs-body); color: var(--graphite-700); margin:0; max-width:54ch; line-height:1.6; }
.mevzgate__side { display:flex; flex-direction:column; gap: var(--sp-5); align-items:flex-start; }
.mevzgate__pills { display:flex; flex-wrap:wrap; gap:9px; }
.mevzgate__pill { display:inline-flex; align-items:center; gap:8px; padding:6px 15px 6px 7px; border:1px solid var(--hairline); border-radius:100px; background: var(--ivory); font-family: var(--font-mono); font-size:12px; color: var(--ink-800); text-decoration:none; transition: border-color .2s var(--ease), background .2s var(--ease), color .2s var(--ease); }
.mevzgate__pill:hover { border-color: var(--crimson-600); background:#fff; color: var(--crimson-700); }
.mevzgate__pill .mevz-legend__code { min-width:30px; }

.mevzgate__facets { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; font-family: var(--font-mono); font-size:11px; letter-spacing:.06em; text-transform:uppercase; color: var(--stone-600); margin: var(--sp-5) 0 var(--sp-6); }
.mevzgate__facets b { color: var(--crimson-600); font-weight:500; }

.mevzgate-cards { display:grid; grid-template-columns: repeat(4,1fr); gap:12px; }
@media (max-width:820px){ .mevzgate-cards { grid-template-columns:1fr 1fr; } }
@media (max-width:460px){ .mevzgate-cards { grid-template-columns:1fr; } }
.mevzgate-card { position:relative; display:flex; flex-direction:column; gap:8px; padding: var(--sp-5); border:1px solid var(--hairline); border-radius: var(--r-md); background: var(--ivory); text-decoration:none; transition: border-color .2s var(--ease), box-shadow .2s var(--ease), transform .2s var(--ease); }
.mevzgate-card:hover { border-color: var(--crimson-tint-2); box-shadow: var(--shadow-md); transform: translateY(-2px); }
.mevzgate-card__code { align-self:flex-start; display:grid; place-items:center; min-width:34px; height:26px; padding:0 8px; border-radius: var(--r-sm); border:1px solid var(--hairline); background: var(--paper); color: var(--crimson-700); font-family: var(--font-mono); font-size:12px; font-weight:500; letter-spacing:.02em; }
.mevzgate-card h4 { font-family: var(--font-serif); font-weight:500; font-size:1.08rem; margin:2px 0 0; color: var(--ink-900); }
.mevzgate-card p { font-size: var(--fs-caption); color: var(--graphite-700); margin:0; line-height:1.5; }
.mevzgate-card__n { position:absolute; top:14px; right:14px; font-family: var(--font-mono); font-size:10.5px; letter-spacing:.02em; color: var(--stone-500); }

.mevzgate__featured { margin-top: var(--sp-6); }
.mevzgate__flabel { display:block; font-family: var(--font-mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color: var(--stone-600); margin-bottom:12px; }

/* ===== homepage "Bilgi Merkezi" hub (Yayınlar + Mevzuat + SSS zones) ===== */
.bmhub__all { display:inline-flex; align-items:center; gap:8px; margin-top:16px; font-family: var(--font-mono); font-size:12px; letter-spacing:.04em; color: var(--crimson-700); text-decoration:none; }
.bmhub__all .ar { transition: transform .2s var(--ease); }
.bmhub__all:hover .ar { transform: translateX(3px); }
.bmhub { display:grid; gap: clamp(36px,5vw,64px); margin-top: var(--sp-7); }
.bmhub__zonehead { display:flex; align-items:center; gap:14px; margin-bottom: var(--sp-5); padding-bottom:14px; border-bottom:1px solid var(--hairline); }
.bmhub__zoneic { flex:none; color: var(--crimson-600); display:inline-flex; }
.bmhub__zoneic svg { width:22px; height:22px; stroke-width:1.5; }
.bmhub__zonehead h3 { font-family: var(--font-serif); font-weight:500; font-size:1.35rem; margin:0; color: var(--ink-900); }
.bmhub__more { margin-left:auto; font-family: var(--font-mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color: var(--stone-600); display:inline-flex; align-items:center; gap:7px; text-decoration:none; white-space:nowrap; transition: color .2s var(--ease); }
.bmhub__more:hover { color: var(--crimson-700); }
.bmhub__more .ar { color: var(--crimson-600); transition: transform .2s var(--ease); }
.bmhub__more:hover .ar { transform: translateX(3px); }
.bmhub__faqs { display:grid; grid-template-columns:1fr 1fr; gap:0 clamp(24px,3vw,48px); }
@media (max-width:720px){ .bmhub__faqs { grid-template-columns:1fr; } }
.bmhub__faq { display:flex; align-items:flex-start; gap:12px; padding:13px 0; border-bottom:1px solid var(--hairline-soft); color: var(--ink-800); text-decoration:none; font-size: var(--fs-small); line-height:1.5; transition: color .2s var(--ease); }
.bmhub__faq:hover { color: var(--crimson-700); }
.bmhub__faq .k-chevron { margin-top:.3em; flex:none; transform: scale(.82); transition: transform .2s var(--ease); }
.bmhub__faq:hover .k-chevron { transform: scale(.82) translateX(3px); }

/* ===== Bilgi Merkezi "Mevzuat Radarı" console band ===== */
.mevzradar { position:relative; overflow:hidden; background: var(--crimson-surface); }
.mevzradar > .s { position:relative; z-index:1; }
.mevzradar .s-head h2 { color:#fff; }
.mevzradar .s-head__no { color: var(--crimson-accent); }
.mevzradar .s-head__lead { color: rgba(244,232,229,.72); }
.mevzradar__orn { position:absolute; top:-140px; right:-140px; width:560px; height:560px; border-radius:50%; pointer-events:none; opacity:.5;
  background:
    repeating-radial-gradient(circle at center, rgba(245,242,236,.09) 0 1px, transparent 1px 64px),
    conic-gradient(from 0deg, transparent 0deg, rgba(245,242,236,.09) 26deg, transparent 84deg);
  -webkit-mask-image: radial-gradient(circle, #000 58%, transparent 72%);
  mask-image: radial-gradient(circle, #000 58%, transparent 72%);
  animation: mevzradar-sweep 26s linear infinite; }
@keyframes mevzradar-sweep { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce){ .mevzradar__orn { animation:none; } }
@media (max-width:820px){ .mevzradar__orn { width:380px; height:380px; top:-110px; right:-130px; } }

.mevzradar__live { display:inline-flex; align-items:center; gap:10px; margin:-4px 0 var(--sp-6); padding:7px 16px; border:1px solid rgba(245,242,236,.18); border-radius:100px; font-family:var(--font-mono); font-size:11.5px; letter-spacing:.05em; color: rgba(244,232,229,.85); }
.mevzradar__dot { flex:none; width:8px; height:8px; border-radius:50%; background: var(--crimson-accent); animation: mevzradar-pulse 2.4s ease-out infinite; }
@keyframes mevzradar-pulse { 0% { box-shadow:0 0 0 0 rgba(245,242,236,.35); } 70% { box-shadow:0 0 0 9px rgba(245,242,236,0); } 100% { box-shadow:0 0 0 0 rgba(245,242,236,0); } }
@media (prefers-reduced-motion: reduce){ .mevzradar__dot { animation:none; } }

.mevzradar__console { display:grid; grid-template-columns: 1.12fr .88fr; gap: clamp(28px,4.5vw,64px); align-items:start; }
@media (max-width:920px){ .mevzradar__console { grid-template-columns:1fr; } }
.mevzradar__lbl { display:block; font-family:var(--font-mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color: rgba(244,232,229,.55); margin-bottom:14px; }

/* dark-context overrides for the shared jurisdiction cards */
.mevzradar .mevzgate-cards { grid-template-columns:1fr 1fr; }
@media (max-width:460px){ .mevzradar .mevzgate-cards { grid-template-columns:1fr; } }
.mevzradar .mevzgate-card { background: rgba(245,242,236,.05); border-color: rgba(245,242,236,.14); }
.mevzradar .mevzgate-card:hover { border-color: rgba(245,242,236,.4); background: rgba(245,242,236,.09); box-shadow:none; }
.mevzradar .mevzgate-card__code { background:transparent; border-color: rgba(245,242,236,.22); color: var(--crimson-accent); }
.mevzradar .mevzgate-card h4 { color:#fff; }
.mevzradar .mevzgate-card p { color: rgba(244,232,229,.62); }
.mevzradar .mevzgate-card__n { color: rgba(244,232,229,.5); }

.mevzradar__search { display:flex; align-items:center; gap:10px; padding:6px 6px 6px 16px; border:1px solid rgba(245,242,236,.2); border-radius:100px; background: rgba(245,242,236,.06); transition: border-color .2s var(--ease); }
.mevzradar__search:focus-within { border-color: rgba(245,242,236,.45); }
.mevzradar__search svg { width:17px; height:17px; color: rgba(244,232,229,.6); flex:none; }
.mevzradar__search input { flex:1; min-width:0; background:none; border:0; outline:0; color:#fff; font-size: var(--fs-small); font-family: var(--font-sans); }
.mevzradar__search input::placeholder { color: rgba(244,232,229,.45); }
.mevzradar__search button { flex:none; border:0; cursor:pointer; padding:9px 20px; border-radius:100px; background: var(--paper); color: var(--crimson-700); font-family: var(--font-mono); font-size:12px; letter-spacing:.04em; transition: background .2s var(--ease); }
.mevzradar__search button:hover { background:#fff; }
.mevzradar__tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.mevzradar__tags a { padding:5px 13px; border:1px solid rgba(245,242,236,.16); border-radius:100px; font-family:var(--font-mono); font-size:11.5px; color: rgba(244,232,229,.8); text-decoration:none; transition: border-color .2s var(--ease), color .2s var(--ease); }
.mevzradar__tags a:hover { border-color: rgba(245,242,236,.45); color:#fff; }

.mevzradar__facets { margin-top: var(--sp-5); display:grid; gap:8px; }
.mevzradar__frow { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 6px; }
.mevzradar__frow > span:first-child { font-family:var(--font-mono); font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color: rgba(244,232,229,.5); min-width:52px; }
.mevzradar__frow a { display:inline-flex; align-items:center; gap:7px; padding:3px 10px; border:1px solid transparent; border-radius:100px; font-size:12.5px; color: rgba(244,232,229,.82); text-decoration:none; transition: border-color .2s var(--ease), color .2s var(--ease); }
.mevzradar__frow a:hover { border-color: rgba(245,242,236,.3); color:#fff; }
.mevzradar__frow .dot { width:7px; height:7px; border-radius:50%; display:inline-block; flex:none; }

.mevzradar__latest { margin-top: var(--sp-7); }
.mevzradar__rows { display:grid; border-top:1px solid rgba(245,242,236,.14); }
.mevzradar-row { display:grid; grid-template-columns: 48px 150px 1fr auto 22px; gap:16px; align-items:center; padding:15px 4px; border-bottom:1px solid rgba(245,242,236,.14); text-decoration:none; transition: background .2s var(--ease); }
.mevzradar-row:hover { background: rgba(245,242,236,.05); }
.mevzradar-row__code { font-family:var(--font-mono); font-size:12px; color: var(--crimson-accent); }
.mevzradar-row__status { display:inline-flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:11px; letter-spacing:.03em; color: rgba(244,232,229,.75); white-space:nowrap; }
.mevzradar-row__status i { flex:none; width:7px; height:7px; border-radius:50%; display:inline-block; }
.mevzradar-row__title { font-family: var(--font-serif); font-size:1.02rem; color:#fff; line-height:1.35; }
.mevzradar-row:hover .mevzradar-row__title { text-decoration:underline; text-underline-offset:3px; text-decoration-color: rgba(245,242,236,.4); }
.mevzradar-row__meta { font-family:var(--font-mono); font-size:11px; color: rgba(244,232,229,.55); white-space:nowrap; }
.mevzradar-row__go { color: rgba(244,232,229,.6); display:inline-flex; }
.mevzradar-row__go svg { width:16px; height:16px; }
@media (max-width:760px){
  .mevzradar-row { display:flex; flex-wrap:wrap; gap:6px 14px; align-items:center; }
  .mevzradar-row__title { flex-basis:100%; order:4; }
  .mevzradar-row__meta { margin-left:auto; }
  .mevzradar-row__go { display:none; }
}

.mevzradar__foot { margin-top: var(--sp-7); display:flex; flex-wrap:wrap; align-items:center; gap:16px 26px; }
.mevzradar__note { font-size: var(--fs-caption); color: rgba(244,232,229,.55); }