/* ═══════════════════════════════════════════════════════════════════════
   IADEOS · katil.html
   One data set, three reading levels (data-okuma), six views.
   Brand: white ≈80 / ink ≈15 / blue ≈5 · states by shape · no shadows ·
   44 px targets · 0 ms press · mono numbers, calm space.
   ═══════════════════════════════════════════════════════════════════════ */
.sr-only { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.mono { font-family: var(--mono); }
.btn--block { width: 100%; }
.is-katil .btn:active, .is-katil .chip:active, .is-katil [role="tab"]:active, .is-katil .tlink:active { transition: none; transform: translateY(1.5px) scale(.985); }

/* reading level: elements carry data-lv="b|s|u" combinations */
html[data-okuma="basit"] [data-lv]:not([data-lv*="b"]),
html[data-okuma="standart"] [data-lv]:not([data-lv*="s"]),
html[data-okuma="uzman"] [data-lv]:not([data-lv*="u"]) { display: none !important; }

.okuma { position: fixed; right: 16px; bottom: 16px; z-index: 40; justify-self: auto; display: flex; align-items: center; gap: 2px; padding: 4px; background: var(--white); border: 1px solid var(--ink); border-radius: 999px; }
.okuma__k { padding: 0 8px 0 10px; font: 500 11px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--gray-600); }
.okuma button { min-height: 44px; min-width: 44px; padding: 0 14px; border: 0; border-radius: 999px; background: transparent; font: 500 14px/1 var(--sans); color: var(--ink); cursor: pointer; }
.okuma button[aria-pressed="true"] { background: var(--ink); color: var(--white); }

.badge-ornek { display: inline-block; padding: 2px 8px; border: 1px dashed var(--gray-600); border-radius: 4px; font: 500 11px/1.4 var(--mono); letter-spacing: .06em; color: var(--ink); text-transform: uppercase; }
.live-dot { display: inline-block; width: 8px; height: 8px; margin-left: 6px; border-radius: 50%; border: 1px dashed var(--gray-600); vertical-align: 1px; }
.is-live .live-dot { background: var(--blue); border: 1px solid var(--blue); }

/* ── hero ─────────────────────────────────────────────────────────── */
.khero { position: relative; min-height: min(100vh, 980px); min-height: min(100svh, 980px); display: grid; align-items: center; padding-block: 104px 80px; overflow: hidden; border-bottom: 1px solid var(--line); }
.khero__stage { position: absolute; inset: 0; z-index: 0; }
.khero__gl { position: absolute; inset: 0 0 0 46%; }
.khero__gl canvas { width: 100% !important; height: 100% !important; display: block; }
.khero__in { position: relative; z-index: 1; display: grid; gap: 24px; justify-items: start; }
.khero__in > * { max-width: min(640px, 100%); }
.khero__h { max-width: 13ch; font-size: clamp(40px, 5vw, 76px); }
.khero__h2 { color: var(--gray-600); }
.khero .lede { max-width: 46ch; }
.khero__cap { position: absolute; right: var(--gut); bottom: 24px; z-index: 1; font: 400 11px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--gray-600); }
.kmetrics { display: grid; grid-template-columns: repeat(3, minmax(0, 200px)); gap: 0; margin: 8px 0 0; border-block: 1px solid var(--line); background: rgba(255, 255, 255, .86); }
.kmetrics > div { padding: 14px 16px 14px 0; }
.kmetrics > div + div { padding-left: 16px; border-left: 1px solid var(--line); }
.kmetrics dt { font: 500 11px/1.3 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--gray-600); }
.kmetrics dd { margin: 6px 0 2px; font-size: clamp(28px, 3vw, 40px); font-weight: 400; letter-spacing: -.02em; color: var(--ink); }
.kmetrics__s { font-size: 13px; color: var(--gray-600); }

/* ── aha ──────────────────────────────────────────────────────────── */
.aha { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 24px 48px; }
.aha__ctl { grid-column: 1 / -1; display: grid; gap: 10px; }
.aha__ctl input[type="range"] { width: 100%; height: 44px; accent-color: var(--ink); }
.aha__ticks { position: relative; height: 30px; font: 400 11px/1 var(--mono); color: var(--gray-600); }
.aha__ticks span { position: absolute; transform: translateX(-50%); white-space: nowrap; }
.aha__fig { margin: 0; border: 1px solid var(--line); border-radius: var(--r-card); padding: 16px; background: var(--white); }
.aha__svg { width: 100%; height: auto; display: block; }
.aha__say { margin-top: 12px; font-size: 17px; line-height: 1.5; max-width: 65ch; }
.aha__gates { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; align-content: start; }
.aha__gates li { display: grid; grid-template-columns: 22px 1fr auto; gap: 12px; align-items: center; min-height: 44px; padding: 8px 12px; border: 1px dashed var(--gray-600); border-radius: var(--r-ctl); font-size: 14px; }
.aha__gates li.is-open { border: 1px solid var(--ink); }
.aha__gates li .sh { width: 14px; height: 14px; }
.aha__gates b { font: 500 13px/1 var(--mono); }

/* shapes = states (no hue) */
.sh { display: inline-block; width: 12px; height: 12px; border-radius: 2px; vertical-align: -1px; }
.sh--fill { background: var(--ink); }
.sh--blue { border: 1.5px solid var(--blue); }
.sh--two { border: 2px solid var(--ink); }
.sh--dash { border: 1px dashed var(--gray-600); }
.sh--none { border: 1px solid var(--line); }

/* ── pledge ───────────────────────────────────────────────────────── */
.pledge { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 48px; align-items: start; }
.pledge__l { display: grid; gap: 20px; }
.pledge__form { display: grid; gap: 16px; max-width: 420px; padding: 20px; background: var(--white); border: 1px solid var(--line); border-radius: var(--r-card); }
.pstate { font-size: 14px; color: var(--gray-600); min-height: 2.9em; }
.pstate b { color: var(--ink); }
.pboard { display: grid; gap: 16px; padding: 20px; background: var(--white); border: 1px solid var(--line); border-radius: var(--r-card); }
.pboard__h { display: flex; justify-content: space-between; align-items: baseline; }
.pboard__delta { font-size: 15px; color: var(--ink); }
.pboard__spark { width: 100%; height: 120px; display: block; }
.pboard__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.ptop, .pfeed { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 2px; font-size: 14px; }
.ptop li, .pfeed li { display: flex; justify-content: space-between; gap: 12px; min-height: 30px; align-items: center; border-bottom: 1px solid var(--line); }
.ptop li b, .pfeed li span:last-child { font: 500 13px/1 var(--mono); color: var(--gray-600); }
.pfeed li.is-new { animation: pin 1.2s var(--ease); }
@keyframes pin { from { background: var(--blue-50); } to { background: transparent; } }

/* ── measure ──────────────────────────────────────────────────────── */
.meas { display: grid; gap: 24px; }
.drop { display: grid; justify-items: center; gap: 10px; padding: 40px 24px; border: 1.5px dashed var(--gray-600); border-radius: var(--r-card); text-align: center; background: var(--surface); cursor: pointer; }
.drop:hover, .drop.is-over { border-color: var(--ink); border-style: solid; background: var(--white); }
.drop svg { width: 44px; height: 44px; color: var(--ink); }
.drop__h { font-size: 18px; }
.drop__pick { text-decoration: underline; cursor: pointer; }
.drop__samples { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 14px; align-items: center; }
.tlink { display: inline-flex; align-items: center; min-height: 44px; padding: 0 2px; border: 0; background: none; font: 500 14px/1.2 var(--sans); color: var(--ink); text-decoration: underline; text-decoration-color: var(--line); text-underline-offset: 4px; cursor: pointer; }
.tlink:hover { text-decoration-color: var(--ink); }
.ladder { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 24px; }
.ladder[hidden] { display: none; }
.ladder__rail { list-style: none; margin: 0; padding: 0; position: sticky; top: 88px; align-self: start; display: grid; gap: 2px; }
.ladder__rail li { display: flex; gap: 10px; align-items: center; min-height: 36px; padding: 0 10px; border-left: 2px solid var(--line); font-size: 14px; color: var(--gray-600); }
.ladder__rail li span { font: 500 11px/1 var(--mono); }
.ladder__rail li.is-done { border-left-color: var(--ink); color: var(--ink); }
.ladder__body { display: grid; gap: 16px; min-width: 0; }
.lay { border: 1px solid var(--line); border-radius: var(--r-card); padding: 16px 18px; background: var(--white); min-width: 0; }
.lay header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 6px 16px; margin-bottom: 12px; }
.lay h3 { font: 500 15px/1.3 var(--sans); }
.hex, .txt, .code { margin: 0; padding: 12px; background: var(--surface); border-radius: 6px; font: 400 12.5px/1.55 var(--mono); color: var(--ink); overflow: auto; max-height: 280px; white-space: pre; }
.txt { white-space: pre-wrap; word-break: break-word; }
.hex .off { color: var(--gray-600); }
.hex .mag { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; }
.entropy { margin-top: 12px; display: grid; gap: 6px; }
.entropy canvas { width: 100%; height: 48px; display: block; border: 1px solid var(--line); border-radius: 4px; }
.kv { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 6px 18px; margin: 0; font-size: 14px; }
.kv dt { color: var(--gray-600); font: 500 12px/1.6 var(--mono); text-transform: uppercase; letter-spacing: .04em; }
.kv dd { margin: 0; overflow-wrap: anywhere; }
.kv dd.mono { font-size: 13px; }
.warns, .pii { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 6px; font-size: 14px; }
.warns li, .pii li { display: flex; gap: 10px; align-items: baseline; }
.warns li::before { content: ""; flex: none; width: 10px; height: 10px; border: 2px solid var(--ink); transform: translateY(1px); }
.pii li::before { content: ""; flex: none; width: 10px; height: 10px; background: var(--ink); transform: translateY(1px); }
.fieldsgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 16px; }
.fieldsgrid .field { gap: 6px; }
.fieldsgrid .input, .fieldsgrid .select { min-height: 44px; }
.fieldsgrid .conf { display: flex; align-items: center; gap: 8px; font: 400 12px/1 var(--mono); color: var(--gray-600); }
.fieldsgrid .conf i { position: relative; flex: 1; height: 4px; background: var(--line); border-radius: 2px; overflow: hidden; }
.fieldsgrid .conf i::after { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--c, 0%); background: var(--ink); }
.fieldsgrid .is-low .input, .fieldsgrid .is-low .select { border-style: dashed; border-color: var(--gray-600); }
.fieldsgrid .withheld { grid-column: 1 / -1; font-size: 13px; color: var(--gray-600); padding: 8px 10px; border: 1px dashed var(--gray-600); border-radius: 6px; }
.wire { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 6px; font: 400 12.5px/1 var(--mono); }
.wire .f { display: inline-flex; flex-direction: column; gap: 4px; padding: 6px 8px; border: 1px solid var(--line); border-radius: 6px; }
.wire .f b { font: 500 10.5px/1 var(--mono); color: var(--gray-600); letter-spacing: .02em; }
.wire .f.tag { border-color: var(--ink); }
.bits { margin-top: 12px; display: grid; grid-template-columns: repeat(64, minmax(0, 1fr)); gap: 1px; }
.bits i { aspect-ratio: 1; background: var(--line); }
.bits i.on { background: var(--ink); }
.pos { display: grid; gap: 12px; }
.pos__say { font-size: 18px; line-height: 1.45; max-width: 65ch; }
.pos svg { width: 100%; height: auto; display: block; }
.ladder__foot { display: grid; grid-template-columns: 1fr auto; gap: 8px 16px; align-items: center; padding-top: 8px; }
.ladder__foot .note:last-child { grid-column: 1 / -1; }

/* ── filters, KPIs, views ─────────────────────────────────────────── */
.filters { display: grid; gap: 16px; margin-bottom: 24px; }
.filters .seg { border: 0; padding: 0; margin: 0; }
.filters .seg span { min-height: 44px; }
.filters__row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.kpis { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border: 1px solid var(--line); border-radius: var(--r-card); overflow: hidden; }
.kpi { padding: 14px 16px; min-width: 0; }
.kpi + .kpi { border-left: 1px solid var(--line); }
.kpi dt, .kpi .k { font: 500 11px/1.3 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--gray-600); display: flex; gap: 8px; align-items: center; }
.kpi .v { margin-top: 8px; font: 400 clamp(22px, 2.2vw, 30px)/1.1 var(--sans); letter-spacing: -.02em; color: var(--ink); font-variant-numeric: tabular-nums; }
.kpi .ci { margin-top: 4px; font: 400 12px/1.4 var(--mono); color: var(--gray-600); }
.kpi.is-off .v { color: var(--gray-600); font-size: 16px; letter-spacing: 0; }
.say { margin: 16px 0 24px; font-size: 18px; line-height: 1.5; max-width: 72ch; min-height: 3em; }
.tabs { display: flex; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; gap: 4px; border-bottom: 1px solid var(--line); margin-bottom: 16px; }
.tabs [role="tab"] { flex: none; min-height: 44px; padding: 0 16px; border: 0; border-bottom: 2px solid transparent; background: none; font: 500 15px/1 var(--sans); color: var(--gray-600); cursor: pointer; margin-bottom: -1px; }
.tabs [role="tab"][aria-selected="true"] { color: var(--ink); border-bottom-color: var(--ink); }
.view[hidden] { display: none; }
.chart { width: 100%; height: auto; display: block; overflow: visible; }
.chart text { font: 400 12px var(--mono); fill: var(--gray-600); }
.chart .ink { fill: var(--ink); }
.chart .ann { font: 500 12px var(--mono); fill: var(--ink); }
.changes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
.changes > div { padding: 12px 14px; border: 1px solid var(--line); border-radius: var(--r-ctl); }
.changes > div.is-dash { border-style: dashed; border-color: var(--gray-600); }
.changes > div.is-two { border: 2px solid var(--ink); }
.changes .k { font: 500 11px/1.3 var(--mono); text-transform: uppercase; letter-spacing: .08em; color: var(--gray-600); }
.changes .v { margin-top: 6px; font-size: 18px; }
.heat { overflow-x: auto; }
.heat table { border-collapse: separate; border-spacing: 2px; font: 400 11px/1 var(--mono); }
.heat th { color: var(--gray-600); font-weight: 400; padding: 2px 6px; text-align: right; white-space: nowrap; }
.heat thead th { text-align: center; writing-mode: vertical-rl; transform: rotate(180deg); height: 54px; }
.heat td { width: 18px; height: 18px; border-radius: 2px; }
.heat td.is-hid { background: transparent !important; border: 1px dashed var(--line); }
.blocks { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.block { background: var(--white); color: var(--ink); text-align: left; font: inherit; cursor: pointer; border: 1px solid var(--line); border-radius: var(--r-card); padding: 12px; display: grid; gap: 8px; min-width: 0; }
.block.is-cur { border-color: var(--ink); }
.block h4 { font: 500 14px/1.2 var(--sans); }
.block .bv { font: 400 22px/1.1 var(--sans); font-variant-numeric: tabular-nums; }
.block svg { width: 100%; height: 70px; display: block; }
.block .bn { font: 400 12px/1.3 var(--mono); color: var(--gray-600); }
.chart--map { max-height: 460px; }
.legend-shapes { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 10px; font-size: 13px; color: var(--gray-600); }
.legend-shapes span { display: inline-flex; gap: 8px; align-items: center; }
.binary { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; }
.binary > div, .ladder__body > *, .views, .view { min-width: 0; }
.binary h4 { font: 500 14px/1.3 var(--sans); margin-bottom: 8px; }
.mtree { overflow-x: auto; }
.mtree svg { display: block; }
.table-wrap { margin-top: 24px; overflow-x: auto; border: 1px solid var(--line); border-radius: var(--r-card); max-height: 520px; }
.ktable { width: 100%; border-collapse: collapse; font-size: 14px; }
.ktable th, .ktable td { padding: 10px 12px; border-bottom: 1px solid var(--line); text-align: left; white-space: nowrap; }
.ktable thead th { position: sticky; top: 0; background: var(--white); font: 500 11px/1.3 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--gray-600); z-index: 1; }
.ktable .num { text-align: right; font-family: var(--mono); font-variant-numeric: tabular-nums; }
.ktable .off { color: var(--gray-600); }
.ktable tr.is-cur td { background: var(--blue-50); }

/* ── executive ────────────────────────────────────────────────────── */
.exec { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.exec article { background: var(--white); border: 1px solid var(--line); border-radius: var(--r-card); padding: 20px; display: grid; gap: 10px; align-content: start; }
.exec .k { font: 500 11px/1.3 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--gray-600); }
.exec .v { font: 300 clamp(32px, 3.4vw, 48px)/1 var(--sans); letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.exec p { font-size: 15px; line-height: 1.5; max-width: 65ch; }

/* ── hospital lock ────────────────────────────────────────────────── */
.hlock { display: grid; gap: 16px; }
.hlock__state { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 16px; border: 1px dashed var(--gray-600); border-radius: var(--r-card); }
.hlock.is-open .hlock__state { border: 2px solid var(--ink); }
.toggle { display: inline-flex; gap: 10px; align-items: center; min-height: 44px; cursor: pointer; font-size: 15px; }
.toggle input { width: 20px; height: 20px; accent-color: var(--ink); }
.hcards { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.hcard { border: 1px solid var(--line); border-radius: var(--r-card); padding: 14px; display: grid; gap: 8px; }
.hcard.is-n, .hcard.is-pencere { border-style: dashed; border-color: var(--gray-600); }
.hcard.is-pay { border: 2px solid var(--ink); }
.hcard h4 { font: 500 14px/1.2 var(--mono); }
.hcard .row { display: flex; justify-content: space-between; font-size: 13px; color: var(--gray-600); }
.hcard .row b { color: var(--ink); font: 500 13px/1 var(--mono); }
.hlock__rules { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.hlock__rules div { padding: 14px; border: 1px solid var(--line); border-radius: var(--r-ctl); }
.hlock__rules b { display: block; font: 300 28px/1 var(--sans); margin-bottom: 6px; }

/* ── world ────────────────────────────────────────────────────────── */
.world { display: grid; gap: 10px; max-width: 880px; }
.wrow { display: grid; grid-template-columns: 150px minmax(0, 1fr) 110px; gap: 16px; align-items: center; min-height: 36px; }
.wrow .wn { font-size: 15px; }
.wrow .wb { height: 14px; background: var(--surface); border-radius: 2px; position: relative; overflow: hidden; }
.wrow .wb i { position: absolute; inset: 0 auto 0 0; background: var(--ink); border-radius: 2px; transform-origin: left; }
.wrow.is-tr .wb i { background: var(--blue); }
.wrow .wv { font: 500 14px/1 var(--mono); text-align: right; }
.wrow .wv small { color: var(--gray-600); font-weight: 400; }
.wfaces { display: flex; flex-wrap: wrap; gap: 3px; max-width: 360px; margin: 8px 0 16px; }
.wfaces i { width: 12px; height: 12px; border-radius: 50%; border: 1px solid var(--gray-600); }
.wfaces i.on { background: var(--blue); border-color: var(--blue); }

/* ── pipeline (ink) ───────────────────────────────────────────────── */
.sec--ink { background: var(--ink); color: var(--white); }
.sec--ink .h2 { color: var(--white); }
.lede--ink { color: var(--ink-text-2); }
.label--ink2 { color: var(--ink-text-2); }
.medal { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--ink-line); border: 1px solid var(--ink-line); border-radius: var(--r-card); overflow: hidden; }
.medal > div { background: var(--ink); padding: 20px; display: grid; gap: 10px; align-content: start; }
.medal h3 { font: 500 13px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--ink-text-2); }
.medal .big { font: 300 clamp(36px, 4vw, 56px)/1 var(--sans); letter-spacing: -.03em; color: var(--white); font-variant-numeric: tabular-nums; }
.medal ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; font: 400 13px/1.5 var(--mono); color: var(--ink-text-2); }
.medal ul b { color: var(--white); font-weight: 500; }
.medal .us { font: 400 12px/1 var(--mono); color: var(--ink-text-2); }
.merkle { margin-top: 24px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px 24px; align-items: end; padding: 20px; border: 1px solid var(--ink-line); border-radius: var(--r-card); }
.merkle__h .mono { font-size: 13px; color: var(--white); overflow-wrap: anywhere; margin-top: 6px; }
.merkle__ctl { display: flex; gap: 10px; align-items: end; }
.merkle__ctl .flabel { color: var(--ink-text-2); font-size: 13px; align-self: center; }
.merkle__ctl .input { width: 110px; background: var(--ink-2); color: var(--white); border-color: var(--ink-line); }
.merkle__ctl .btn--line { background: transparent; color: var(--white); border-color: var(--white); }
.merkle__out { grid-column: 1 / -1; font-size: 12.5px; color: var(--ink-text-2); overflow-wrap: anywhere; min-height: 1.5em; }

/* ── harness ──────────────────────────────────────────────────────── */
.harness { display: grid; gap: 16px; }
.harness__sum { display: flex; flex-wrap: wrap; gap: 24px; align-items: baseline; font-size: 15px; }
.harness__sum b { font: 300 44px/1 var(--sans); letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.harness__list summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; font-weight: 500; }
.harness__list ul { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 32px; font: 400 12.5px/1.8 var(--mono); }
.harness__list li::before { content: ""; display: inline-block; width: 9px; height: 9px; margin-right: 8px; background: var(--ink); }
.harness__list li.is-fail::before { background: transparent; border: 2px solid var(--ink); }

/* ── faq ──────────────────────────────────────────────────────────── */
.faq { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); gap: 48px; }
.faq__list details { border-bottom: 1px solid var(--line); }
.faq__list summary { min-height: 56px; display: flex; align-items: center; cursor: pointer; font-size: 17px; font-weight: 500; }
.faq__list p { padding-bottom: 18px; color: var(--gray-600); max-width: 65ch; }

/* ── responsive ───────────────────────────────────────────────────── */
@media (max-width: 1100px) {
  .blocks { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .kpi:nth-child(4) { border-left: 0; }
  .kpi:nth-child(n + 4) { border-top: 1px solid var(--line); }
}
@media (max-width: 900px) {
  .khero__gl { inset: 46% 0 0 0; opacity: .9; }
  .khero { align-items: start; padding-top: 104px; min-height: 0; padding-bottom: 54vh; }
  .aha, .pledge, .binary, .faq { grid-template-columns: minmax(0, 1fr); }
  .ladder { grid-template-columns: minmax(0, 1fr); }
  .ladder__rail { position: static; grid-auto-flow: column; overflow-x: auto; grid-auto-columns: max-content; }
  .ladder__rail li { border-left: 0; border-bottom: 2px solid var(--line); }
  .ladder__rail li.is-done { border-bottom-color: var(--ink); }
  .filters__row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fieldsgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .exec, .medal, .hlock__rules { grid-template-columns: minmax(0, 1fr); }
  .merkle { grid-template-columns: minmax(0, 1fr); }
  .harness__list ul { columns: 1; }
}
@media (max-width: 560px) {
  .aha__ticks { display: none; }
  .kmetrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .kmetrics > div { padding-right: 8px; }
  .kmetrics > div + div { padding-left: 10px; }
  .kmetrics dd { font-size: 24px; }
  .blocks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kpi:nth-child(n) { border-left: 0; border-top: 1px solid var(--line); }
  .kpi:nth-child(1), .kpi:nth-child(2) { border-top: 0; }
  .kpi:nth-child(even) { border-left: 1px solid var(--line); }
  .pboard__grid, .filters__row, .fieldsgrid, .changes { grid-template-columns: minmax(0, 1fr); }
  .wrow { grid-template-columns: 96px minmax(0, 1fr) 84px; gap: 10px; }
  .okuma { position: static; max-width: none !important; width: 100%; justify-content: space-between; }
  .okuma button { padding: 0 10px; flex: 1; }
  .ladder__foot { grid-template-columns: minmax(0, 1fr); }
  .merkle__ctl { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) { .pfeed li.is-new { animation: none; } }
.harness > *, .meas > *, .pledge > *, .exec > *, .hlock > * { min-width: 0; }
.ktable--trace { table-layout: fixed; }
.ktable--trace th:first-child { width: 42%; } .ktable--trace th.num { width: 18%; }
.ktable--trace td, .ktable--trace th { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ktable--trace td:nth-child(2) { font: 400 12.5px/1.5 var(--mono); }

/* reserved space: lazy panels fill in place, no layout shift (audit 2026-10-14) */
.harness__sum { min-height: 52px; }
.medal > div { min-height: 270px; }
.ktable--trace td:nth-child(2) { min-width: 0; }
@media (max-width: 560px) { .harness__sum { min-height: 168px; align-content: flex-start; } }

/* ── #hesap: live mathematics ─────────────────────────────────────────
   Nine panels, one data set. Fixed chart heights (no layout shift);
   formulas in mono with the numbers in them; states by shape. */
.hecho { display: grid; gap: 10px; padding: 0 0 16px; margin-bottom: 24px; border-bottom: 1px solid var(--line); }
.hecho fieldset, .hp fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.hecho__row { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: end; }
.hecho__row .field { min-width: 200px; }
.hecho__s { margin: 0; font-size: 12px; color: var(--gray-600); align-self: center; }
.seg--sm span { min-height: 44px; padding: 0 12px; font-size: 13px; }
.seg input:checked + span { background: var(--ink); color: var(--white); border-color: var(--ink); }
.seg input:focus-visible + span { outline: 2px solid var(--blue); outline-offset: 2px; }
.hgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.hp { min-width: 0; display: grid; gap: 12px; align-content: start; padding: 20px; border: 1px solid var(--line); border-radius: var(--r-card); background: var(--white); }
.hp--wide { grid-column: 1 / -1; }
.hp--split { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); column-gap: 24px; grid-template-areas: "h h" "say say" "svg stats" "svg f" "cap f"; }
.hp--split > .hp__h { grid-area: h; } .hp--split > .hp__say { grid-area: say; } .hp--split > .hstats { grid-area: stats; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hp--split > .chart { grid-area: svg; } .hp--split > .hcap { grid-area: cap; } .hp--split > .hp__f { grid-area: f; align-self: start; }
.hp__h { display: flex; gap: 12px; align-items: baseline; }
.hp__h h3 { margin: 0; font: 400 20px/1.25 var(--sans); letter-spacing: -.01em; }
.hp__n { margin: 0; font: 500 11px/1 var(--mono); letter-spacing: .08em; color: var(--gray-600); }
.hp__say { margin: 0; font-size: 16px; line-height: 1.5; min-height: 6em; max-width: 70ch; }
.hp__f { display: grid; gap: 4px; padding: 12px 14px; border-left: 2px solid var(--ink); background: var(--surface, #F6F7F9); font: 400 12.5px/1.55 var(--mono); color: var(--ink); overflow-wrap: anywhere; min-height: 6.4em; }
.hp__f:empty { display: none; }
.hp__f .fl { display: block; }
.hp__f b { font-weight: 600; color: var(--blue); }
.hp__src { margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--gray-600); }
.hp__src a { color: inherit; text-decoration: underline; text-underline-offset: 2px; min-height: 0; }
.hp .chart { width: 100%; }
[data-hsvg="q"], [data-hsvg="w1"] { height: 216px; }
[data-hsvg="fark"], [data-hsvg="ayr"] { height: 214px; }
[data-hsvg="ewma"] { height: 224px; }
[data-hsvg="lorenz"] { height: 338px; }
[data-hsvg="moran"] { height: 324px; }
[data-hsvg="plan"] { height: 214px; }
.hcap { margin: -4px 0 0; font-size: 12.5px; line-height: 1.5; color: var(--gray-600); min-height: 3em; }
.hproj__fig { margin: 0; min-width: 0; display: grid; gap: 8px; }
[data-hsvg="degis"] { height: 474px; }
[data-hsvg="proj"] { height: 480px; }
.htable { width: 100%; border-collapse: collapse; font-size: 13px; }
.htable th, .htable td { padding: 7px 8px; border-bottom: 1px solid var(--line); text-align: left; white-space: nowrap; }
.htable thead th { font: 500 11px/1.3 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--gray-600); }
.htable .num { text-align: right; font-family: var(--mono); font-variant-numeric: tabular-nums; }
.hstats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; min-height: 88px; }
.hstats:empty { min-height: 0; }
.hstats > div { min-width: 0; padding: 10px 12px; border: 1px solid var(--line); border-radius: var(--r-ctl); }
.hstats > div.is-two { border: 2px solid var(--ink); }
.hstats > div.is-dash { border: 1px dashed var(--gray-600); }
.hstats .k { margin: 0; font: 500 10.5px/1.3 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--gray-600); }
.hstats .v { margin: 4px 0 0; font: 400 20px/1.15 var(--sans); font-variant-numeric: tabular-nums; }
.hstats .s { margin: 2px 0 0; font: 400 11.5px/1.35 var(--mono); color: var(--gray-600); overflow-wrap: anywhere; }
.hpair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.hpair figure { margin: 0; min-width: 0; }
.hproj { display: grid; grid-template-columns: minmax(240px, 300px) minmax(0, 1fr); gap: 20px; align-items: start; }
.hproj__ctl { display: grid; gap: 8px; }
.hproj__ctl input[type="range"] { width: 100%; min-height: 44px; accent-color: var(--ink); }
.hproj__btns { display: flex; gap: 8px; flex-wrap: wrap; }
.hproj__btns .btn { min-height: 44px; }
.hcol, .hrow, .hdot { cursor: pointer; outline: none; }
.hcol:focus-visible line, .hdot:focus-visible, .hrow:focus-visible rect { stroke: var(--blue); stroke-width: 3; }
.hrow:hover rect { fill: var(--line); }
.table-wrap--h { margin-top: 0; height: 560px; max-height: none; }
[data-hf-out="proj"] { min-height: 9.6em; }
[data-hdefter] tbody tr { cursor: pointer; }
[data-hdefter] tbody tr:hover td, [data-hdefter] tbody tr:hover th { background: var(--surface, #F6F7F9); }
[data-hdefter] small { color: var(--gray-600); font-size: 11px; }
.thsort { all: unset; cursor: pointer; display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; font: inherit; letter-spacing: inherit; text-transform: inherit; color: inherit; }
.thsort:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.hdl { display: flex; flex-wrap: wrap; gap: 12px; align-items: start; }
.hdl details { flex: 1 1 280px; }
.hdl summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; font-size: 14px; }
.hdl textarea { width: 100%; font-size: 12px; }
@media (max-width: 900px) {
  .hgrid, .hpair, .hproj { grid-template-columns: minmax(0, 1fr); }
  .hp--split { grid-template-columns: minmax(0, 1fr); grid-template-areas: "h" "say" "stats" "svg" "cap" "f"; }
  .hstats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-hsvg="degis"] { height: 314px; }
  [data-hsvg="proj"] { height: 320px; }
}
@media (max-width: 560px) { .hp__say { min-height: 9em; } .hp__f { min-height: 12em; } .hp { padding: 14px; } .hecho__row .field { min-width: 0; flex: 1 1 100%; } .hp__h h3 { font-size: 18px; } }