/* ============================================================
   SUADORA TASARIM TOKENLARI
   Kural (factory/design-system/tokens.css'ten devralındı):
   blok CSS'leri HEP token kullanır, ASLA ham değer yazmaz.
   Bu kuralı `system/build.mjs` içindeki lint mekanik olarak denetler;
   bir blok ham hex/rem yazarsa build DÜŞER.
   İzin verilen tek ham değer: 0, saç çizgisi kalınlıkları (1px/2px/3px), % ve
   satır yüksekliği gibi birimsiz katsayılar.
   ============================================================ */

:root{
  /* --- zemin ve mürekkep -----------------------------------
     Soğuk beyaz. 24 Ağu kararı: krem zemin Scrunch ve Rankings.io'da,
     ayrışmıyor. Kontrastlar ölçüldü, en düşüğü 5.19:1 (AA geçer). */
  --c-paper:#FBFBFA;
  --c-paper-2:#F2F2F0;
  --c-ink:#14161A;
  --c-ink-2:#3A3E44;
  --c-muted:#666B71;
  --c-accent:#7A2E12;
  --c-accent-ink:#FBFBFA;
  --c-rule:#C9C9C4;
  --c-rule-soft:#D6D6D1;
  --c-shadow:rgba(20,22,26,.06);

  /* ters çevrilmiş bant */
  --c-band:#14161A;
  --c-band-ink:#FBFBFA;
  --c-band-ink-2:rgba(251,251,250,.86);
  --c-band-muted:rgba(251,251,250,.62);
  --c-band-rule:rgba(251,251,250,.26);
  --c-band-link:#E6B9A5;

  /* --- tipografi -------------------------------------------
     Newsreader düzyazı, Inter düzyazı olmayan her şey (etiket, sayı,
     tablo, düğme). İkisi de kendi sunucumuzda, dış istek yok. */
  --font-text:'Newsreader',Georgia,'Times New Roman',serif;
  --font-ui:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;

  --fs-xs:0.6875rem;
  --fs-sm:0.8125rem;
  --fs-body:clamp(1rem, 0.97rem + 0.15vw, 1.0625rem);
  --fs-md:clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
  --fs-lead:clamp(1.125rem, 1.02rem + 0.5vw, 1.4375rem);
  --fs-h3:clamp(1rem, 0.97rem + 0.15vw, 1.0625rem);
  --fs-h2:clamp(1.5rem, 1.15rem + 1.5vw, 2.375rem);
  /* Hero ölçeği bilinçli olarak h2'den ÇOK büyük: hero bir başlık değil,
     ilk ekranın kendisi. 24 Ağu hatası buydu, h1 h2 kadardı. */
  --fs-display:clamp(2.25rem, 1.3rem + 4.2vw, 4rem);
  /* İki sütunlu hero (metin + matris): başlık yarım genişlikte, bir kademe küçük.
     Tam boy 4rem dört satıra kırılıp 1366x768'de ilk ekranı 57px taşırıyordu (29 Ağu). */
  --fs-display-split:clamp(2rem, 1rem + 3.4vw, 3.5rem);

  --lh-display:1.06;
  --lh-head:1.16;
  --lh-body:1.6;
  --track-display:-0.022em;
  --track-label:0.16em;

  /* --- boşluk ----------------------------------------------- */
  --space-3xs:0.25rem;
  --space-2xs:0.5rem;
  --space-xs:0.75rem;
  --space-sm:1rem;
  --space-md:1.5rem;
  --space-lg:2.5rem;
  --space-xl:4rem;
  --space-2xl:6rem;

  /* --- yerleşim ---------------------------------------------
     --measure düzyazının azami satır uzunluğu. Blok CSS'i paragrafa
     bundan geniş bir ölçü VERMEZ; 24 Ağu'da satırlar 38rem'e kadar
     uzuyordu ve sayfa roman gibi okunuyordu. */
  --measure:32rem;
  --measure-wide:40rem;
  --container:58rem;
  --container-narrow:42rem;
  --gutter:clamp(1.25rem, 4vw, 2.5rem);

  /* kroma: sabit üst çubuk + belge satırı. Hero yüksekliği bunlardan
     türer, elle sayı yazılmaz. */
  --h-topbar:3.5rem;
  --h-dochead:3rem;
}

/* Telefonda kroma daha yüksek: belge satırı iki satıra düşüyor.
   Hero yüksekliği bu iki sayıdan türediği için burada da güncellenir,
   yoksa hero ilk ekranı taşırır. Doğrulama: system/qa.mjs */
@media (max-width:40rem){
  :root{ --h-topbar:3.25rem; --h-dochead:4rem; }
}

/* --- taban ------------------------------------------------- */
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{
  background:var(--c-paper);
  color:var(--c-ink);
  font-family:var(--font-text);
  font-size:var(--fs-body);
  line-height:var(--lh-body);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Dönüşümlü zemin: içerik `tone: true` derse bölüm gri zemine oturur. */
.tone{background:var(--c-paper-2)}
.tone .r-hair{border-top-color:var(--c-rule)}

/* Çapa hedefleri sabit çubuğun altında kalmasın (factory scroll kuralı) */
[id]{scroll-margin-top:calc(var(--h-topbar) + var(--space-sm))}

.wrap{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.wrap--narrow{max-width:var(--container-narrow)}

/* Düzyazı olmayan her şey Inter, tablo rakamları hizalı */
.ui,.eyebrow,.label,.btn,table,.num,.fnote,.docline,.note-n{
  font-family:var(--font-ui);
  font-feature-settings:"tnum" 1,"cv05" 1;
}

h1,h2,h3{font-weight:500;letter-spacing:-0.005em}
h1{font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--track-display)}
h2{font-size:var(--fs-h2);line-height:var(--lh-head);margin-bottom:var(--space-xs)}
h3{font-size:var(--fs-h3);line-height:var(--lh-head);margin-bottom:var(--space-3xs)}
p{margin-bottom:var(--space-sm);max-width:var(--measure)}
p:last-child{margin-bottom:0}
a{color:var(--c-accent)}
a:hover{color:var(--c-ink)}
strong{font-weight:600}
sup{font-size:0.7em;line-height:0}

.eyebrow{
  display:block;font-size:var(--fs-xs);letter-spacing:var(--track-label);
  text-transform:uppercase;color:var(--c-muted);margin-bottom:var(--space-2xs);
}
.lead{font-size:var(--fs-lead);line-height:1.45;color:var(--c-ink-2);max-width:var(--measure)}
.caption{font-size:var(--fs-sm);color:var(--c-muted);max-width:var(--measure-wide);margin-top:var(--space-md)}

/* --- üç çizgi ağırlığı, gramerin tamamı --------------------- */
.r-hair{border:0;border-top:1px solid var(--c-rule-soft);margin:0}
.r-sub{border:0;border-top:1px solid var(--c-ink);margin:0}
.r-close{border:0;border-top:3px double var(--c-ink);margin:0}

/* --- düğme -------------------------------------------------- */
.btn{
  display:inline-flex;align-items:center;min-height:var(--space-lg);
  background:var(--c-ink);color:var(--c-paper);text-decoration:none;
  font-size:var(--fs-sm);font-weight:500;letter-spacing:0.02em;
  padding:var(--space-2xs) var(--space-md);border:1px solid var(--c-ink);
}
.btn:hover{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-accent-ink)}
.btn--lg{font-size:var(--fs-body);padding:var(--space-xs) var(--space-lg)}
.btn--ghost{background:transparent;color:var(--c-ink);border-color:var(--c-rule)}
.btn--ghost:hover{background:transparent;color:var(--c-accent);border-color:var(--c-accent)}
.btn:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}

/* --- bölüm ve not numarası ---------------------------------- */
section{padding-block:var(--space-xl)}
.note-h{position:relative;margin-bottom:var(--space-2xs)}
.note-n{
  font-size:var(--fs-xs);letter-spacing:var(--track-label);text-transform:uppercase;
  color:var(--c-muted);white-space:nowrap;position:absolute;left:calc(var(--space-2xl) * -1);top:var(--space-3xs);
}
@media (max-width:78rem){
  .note-n{position:static;display:block;margin-bottom:var(--space-2xs)}
}

/* --- tablo -------------------------------------------------- */
table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}
caption{
  text-align:left;font-size:var(--fs-xs);letter-spacing:var(--track-label);
  text-transform:uppercase;color:var(--c-muted);padding-bottom:var(--space-2xs);
}
th{
  font-weight:500;text-align:left;color:var(--c-muted);font-size:var(--fs-xs);
  letter-spacing:0.1em;text-transform:uppercase;padding-block:var(--space-2xs);
}
td{padding-block:var(--space-2xs);vertical-align:baseline}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;padding-left:var(--space-sm)}
tbody tr{border-top:1px solid var(--c-rule-soft)}
tr.sub td{border-top:1px solid var(--c-ink);font-weight:600}
tr.close td{border-top:3px double var(--c-ink);border-bottom:0}


.topbar{
  border-bottom:1px solid var(--c-rule);background:var(--c-paper);
  position:sticky;top:0;z-index:20;
}
/* height, min-height DEĞİL: hero'nun ilk ekran hesabı bu iki sayının
   TAM tutmasına bağlı. min-height ile içerik taşarsa hero kıvrımı kayar
   (24 Ağu'da mobilde 9px taşıyordu). */
.topbar .wrap{
  height:var(--h-topbar);
  display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);
}
.brand{
  font-family:var(--font-ui);font-weight:600;font-size:var(--fs-sm);
  color:var(--c-ink);text-decoration:none;white-space:nowrap;
  display:inline-flex;align-items:center;min-height:var(--space-lg);
}
.brand span{
  font-weight:400;color:var(--c-muted);letter-spacing:0.14em;
  text-transform:uppercase;font-size:var(--fs-xs);margin-left:var(--space-2xs);
}
.topbar__right{display:flex;align-items:center;gap:var(--space-md)}
.topnav{
  font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--c-ink-2);
  text-decoration:none;display:inline-flex;align-items:center;min-height:var(--space-lg);
  border-bottom:1px solid transparent;
}
.topnav:hover{color:var(--c-accent);border-bottom-color:var(--c-accent)}
/* Sabit yükseklikli çubukta metin sarması taşma demek, kırpılma demek. */
.topbar .btn,.topnav{white-space:nowrap}

.dochead .wrap{
  height:var(--h-dochead);
  display:flex;flex-direction:column;justify-content:flex-end;
}
.docline{
  font-size:var(--fs-xs);letter-spacing:var(--track-label);text-transform:uppercase;
  color:var(--c-muted);display:flex;flex-wrap:wrap;gap:var(--space-3xs) var(--space-md);
  padding-bottom:var(--space-2xs);
}

.site-footer{
  border-top:1px solid var(--c-rule);padding-block:var(--space-md) var(--space-xl);
  font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--c-muted);
}
.site-footer .wrap{display:flex;flex-wrap:wrap;gap:var(--space-2xs) var(--space-md);align-items:baseline}
.site-footer a{color:var(--c-muted);display:inline-flex;align-items:center;min-height:var(--space-lg)}
.site-footer a:hover{color:var(--c-accent)}
.site-footer__spacer{margin-left:auto;max-width:none}

@media (max-width:40rem){
  /* Telefonda üst çubuk TEK SATIR kalır. Sarmasına izin verilirse ~100px
     yer yiyor ve hero ilk ekrana sığmıyor (24 Ağu'da 62px taşıyordu).
     Marka alt etiketi ve belge satırının üçüncü öğesi gizlenir. */
  .brand span{display:none}
  .topbar__right{gap:var(--space-sm)}
  /* Telefonda üç bağlantı sığmaz; yalnız sonuncusu (Pricing) kalır, gerisi altbilgide. */
  .topnav:not(:last-of-type){display:none}
  .docline span:last-child{display:none}
  /* CTA ekonomisi (factory kuralı): hero kendi düğmesini taşıyorsa üstteki
     kopya telefonda susar. Ayrıca iki satıra kırılıp sabit yüksekliği
     taşıyordu; tek eylem bir ekranda bir kez. */
  .topbar .btn{display:none}
  .site-footer__spacer{margin-left:0;flex-basis:100%}
}

/* ---- blok: answercard ---- */

.ac{
  border:1px solid var(--c-rule);background:var(--c-paper);
  padding:var(--space-md);max-width:26rem;
  box-shadow:0 1px 0 var(--c-rule-soft), 0 var(--space-sm) var(--space-lg) var(--c-shadow);
}
.ac__k{
  display:block;font-family:var(--font-ui);font-size:var(--fs-xs);letter-spacing:0.12em;
  text-transform:uppercase;color:var(--c-muted);margin-bottom:var(--space-3xs);
}
.ac__q{font-family:var(--font-text);font-size:var(--fs-md);color:var(--c-ink);margin:0 0 var(--space-sm);max-width:none}
.ac__a{font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--c-ink-2);margin:0 0 var(--space-xs);max-width:none}
.ac__list{list-style:none;border-top:1px solid var(--c-ink)}
.ac__list li{
  display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);
  padding:var(--space-2xs) 0;border-bottom:1px solid var(--c-rule-soft);
  font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--c-ink);
}
.ac__list li .r{color:var(--c-accent);font-variant-numeric:tabular-nums;white-space:nowrap}
.ac__list li .r::before{content:"\2605";margin-right:var(--space-3xs)}
.ac__more{font-family:var(--font-ui);font-size:var(--fs-xs);color:var(--c-muted);margin:var(--space-2xs) 0 0;max-width:none}
.ac__label{
  font-family:var(--font-ui);font-size:var(--fs-xs);letter-spacing:0.08em;text-transform:uppercase;
  color:var(--c-muted);margin:var(--space-sm) 0 0;padding-top:var(--space-2xs);
  border-top:1px solid var(--c-rule-soft);max-width:none;
}

/* ---- blok: band ---- */

.band{background:var(--c-band);color:var(--c-band-ink);padding-block:var(--space-2xl)}
.band .eyebrow{color:var(--c-band-muted)}
.band h2,.band h3{color:var(--c-band-ink)}
.band p{color:var(--c-band-ink-2)}
.band a{color:var(--c-band-link)}
.band .cols p{color:var(--c-band-ink-2)}
.band__pull{
  font-family:var(--font-text);font-size:var(--fs-h2);line-height:var(--lh-head);
  color:var(--c-band-ink);max-width:20ch;margin-bottom:var(--space-sm);
}
.band__sig{
  margin-top:var(--space-lg);padding-top:var(--space-sm);
  border-top:1px solid var(--c-band-rule);font-family:var(--font-text);font-size:var(--fs-md);
}
.band__sig span{
  display:block;font-family:var(--font-ui);font-size:var(--fs-xs);
  letter-spacing:0.14em;text-transform:uppercase;color:var(--c-band-muted);
  margin-top:var(--space-3xs);
}

/* ---- blok: columns ---- */

.cols{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));
  gap:var(--space-md) var(--space-xl);margin-top:var(--space-sm);
}
.cols h3{font-size:var(--fs-body)}
.cols p{font-size:var(--fs-sm);color:var(--c-ink-2);margin:0;max-width:none}
@media (min-width:48rem){
  .cols--4{grid-template-columns:repeat(2,1fr);gap:var(--space-lg) var(--space-2xl)}
}

/* ---- blok: contact ---- */

.reach{margin-top:var(--space-md);border-top:1px solid var(--c-ink)}
.reach__row{
  display:grid;grid-template-columns:7rem 1fr;gap:var(--space-sm);
  padding-block:var(--space-2xs);border-bottom:1px solid var(--c-rule-soft);
  font-size:var(--fs-sm);align-items:baseline;
}
.reach__k{
  font-family:var(--font-ui);font-size:var(--fs-xs);letter-spacing:0.14em;
  text-transform:uppercase;color:var(--c-muted);
}
.reach__row a{display:inline-flex;align-items:center;min-height:var(--space-lg)}
.contact__cta{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md)}
@media (max-width:40rem){ .reach__row{grid-template-columns:5.5rem 1fr} }

/* ---- blok: faq ---- */

.faq{margin-top:var(--space-sm);border-top:1px solid var(--c-ink)}
.faq details{border-bottom:1px solid var(--c-rule-soft)}
.faq summary{
  cursor:pointer;padding:var(--space-xs) var(--space-lg) var(--space-xs) 0;
  font-size:var(--fs-body);position:relative;list-style:none;min-height:var(--space-lg);
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"+";position:absolute;right:0;top:var(--space-xs);
  color:var(--c-muted);font-family:var(--font-ui);
}
.faq details[open] summary::after{content:"\2013"}
.faq details[open] summary{color:var(--c-accent)}
.faq__a{font-size:var(--fs-sm);color:var(--c-ink-2);padding-bottom:var(--space-sm);max-width:var(--measure-wide)}
.faq__a p{max-width:var(--measure-wide)}

/* ---- blok: figures ---- */

.figs{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));
  gap:0 var(--space-xl);margin-top:var(--space-sm);
}
.fig{border-top:1px solid var(--c-ink);padding:var(--space-sm) 0 var(--space-md)}
.fig__n{
  display:block;font-family:var(--font-ui);font-size:var(--fs-h2);font-weight:600;
  letter-spacing:var(--track-display);font-variant-numeric:tabular-nums;line-height:1.05;
}
.fig__t{
  display:block;font-family:var(--font-text);font-size:var(--fs-sm);
  color:var(--c-ink-2);margin-top:var(--space-3xs);line-height:1.45;
}
.fig__s{
  display:block;font-family:var(--font-ui);font-size:var(--fs-xs);color:var(--c-muted);
  margin-top:var(--space-2xs);padding-top:var(--space-2xs);
  border-top:1px solid var(--c-rule-soft);line-height:1.5;
}
@media (max-width:40rem){ .figs{gap:0} }

/* ---- blok: founder ---- */

.founder__grid{
  display:grid;grid-template-columns:auto 1fr;gap:var(--space-lg);align-items:start;
}
/* 3:4 dikey portre, kare kırpma yok (kare kesik vesikalık gibi duruyordu, 29 Ağu).
   Fotoğrafın kendi bordo zemini beyazda sırıtıyor: tone verilirse bölüm zemini paper-2. */
.founder__img{
  width:12rem;height:16rem;object-fit:cover;display:block;
  border:1px solid var(--c-rule);
}
.founder--tone{background:var(--c-paper-2)}
.founder--tone .founder__imprint{border-top-color:var(--c-rule)}
.founder__name{
  font-family:var(--font-ui);font-size:var(--fs-sm);font-weight:600;color:var(--c-ink);
  margin-bottom:var(--space-2xs);max-width:none;
}
.founder__name span{font-weight:400;color:var(--c-muted)}
.founder p{max-width:var(--measure)}
.founder__imprint{
  font-family:var(--font-ui);font-size:var(--fs-xs);color:var(--c-muted);
  margin-top:var(--space-md);padding-top:var(--space-2xs);
  border-top:1px solid var(--c-rule-soft);max-width:none;
}
@media (max-width:40rem){
  .founder__grid{grid-template-columns:1fr;gap:var(--space-md)}
  .founder__img{width:9rem;height:12rem}
}

/* ---- blok: guarantee ---- */

.guar{padding-block:var(--space-xl)}
.guar__card{
  border:1px solid var(--c-ink);padding:var(--space-lg);
  max-width:var(--container-narrow);
}
.guar__card .eyebrow{color:var(--c-accent)}
.guar__card h2{max-width:22ch;margin-bottom:var(--space-sm)}
.guar__card p{max-width:var(--measure-wide)}
.guar__small{
  font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--c-muted);
  margin-top:var(--space-sm);padding-top:var(--space-2xs);border-top:1px solid var(--c-rule-soft);
  max-width:none;
}
/* Koyu sürüm: sayfanın renk ritmini kırar (band ile aynı zemin; sayfada ikisi birden olmaz). */
.guar--dark{background:var(--c-band);color:var(--c-band-ink);padding-block:var(--space-2xl)}
.guar--dark .guar__card{border-color:var(--c-band-rule);max-width:var(--container)}
.guar--dark .guar__card .eyebrow{color:var(--c-band-link)}
.guar--dark h2{color:var(--c-band-ink);max-width:24ch}
.guar--dark p{color:var(--c-band-ink-2)}
.guar--dark .guar__small{color:var(--c-band-muted);border-top-color:var(--c-band-rule)}
.guar--dark a{color:var(--c-band-link)}
@media (max-width:40rem){ .guar__card{padding:var(--space-md)} }

/* ---- blok: hero ---- */

.hero{
  min-height:calc(100svh - var(--h-topbar) - var(--h-dochead));
  display:flex;flex-direction:column;justify-content:center;
  padding-block:var(--space-lg);
}
.hero h1{max-width:18ch;margin-bottom:var(--space-md)}
.hero .lead{max-width:var(--measure);margin-bottom:var(--space-lg)}
.hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm) var(--space-md)}
.hero__note{
  font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--c-muted);
  max-width:24rem;margin:0;
}
.hero__alt{
  display:inline-flex;align-items:center;min-height:var(--space-lg);
  font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--c-ink-2);
}
.hero__fig{display:none}
@media (min-width:64rem){
  .hero--split{padding-block:var(--space-md)}
  .hero--split .wrap{display:grid;grid-template-columns:minmax(0,11fr) minmax(0,9fr);gap:var(--space-xl);align-items:center}
  .hero--split .hero__fig{display:block;justify-self:end}
  .hero--split h1{font-size:var(--fs-display-split);margin-bottom:var(--space-sm)}
  .hero--split .lead{margin-bottom:var(--space-md)}
}
@media (max-width:40rem){
  .hero{min-height:calc(100svh - var(--h-topbar) - var(--h-dochead));padding-block:var(--space-md)}
  .hero h1{max-width:none}
}

/* ---- blok: ledger ---- */

.ledger{margin-top:var(--space-sm);border-top:3px double var(--c-ink)}
.ledger__row{
  display:grid;grid-template-columns:1fr auto;gap:var(--space-3xs) var(--space-md);
  padding-block:var(--space-md);border-bottom:1px solid var(--c-rule-soft);
}
.ledger__row--last{border-bottom:3px double var(--c-ink)}
.ledger__row h3{margin:0;align-self:baseline}
.ledger__price{
  font-family:var(--font-ui);font-weight:600;font-size:var(--fs-md);text-align:right;
  font-variant-numeric:tabular-nums;white-space:nowrap;
}
.ledger__price small{
  display:block;font-weight:400;font-size:var(--fs-xs);letter-spacing:0.08em;
  text-transform:uppercase;color:var(--c-muted);margin-top:var(--space-3xs);
}
.ledger__desc{
  grid-column:1/-1;font-size:var(--fs-sm);color:var(--c-ink-2);
  margin:var(--space-2xs) 0 0;max-width:var(--measure-wide);
}
.ledger__list{grid-column:1/-1;list-style:none;margin-top:var(--space-2xs)}
/* Madde puntosu gövde boyu: fs-sm "göz rahatsız" dedi (29 Ağu). */
.ledger__list li{
  font-size:var(--fs-body);color:var(--c-ink);
  padding:var(--space-2xs) 0 var(--space-2xs) var(--space-md);
  border-top:1px solid var(--c-rule-soft);position:relative;line-height:1.4;
}
.ledger__list li::before{
  content:"";position:absolute;left:0;top:calc(var(--space-sm) + 2px);
  width:var(--space-2xs);height:2px;background:var(--c-accent);
}
.ledger__title{
  font-family:var(--font-ui);font-size:var(--fs-xs);letter-spacing:var(--track-label);
  text-transform:uppercase;color:var(--c-muted);grid-column:1/-1;margin-top:var(--space-sm);
}
/* Yan yana düzen: iki kalem sol/sağ sütun, listeler aşağı akar (29 Ağu isteği). */
/* Subgrid: başlık/fiyat, açıklama, liste başlığı ve liste iki sütunda AYNI hizada başlar;
   yoksa uzun açıklama sağ sütunu aşağı itiyor ve iki kalem orantısız görünüyordu (29 Ağu). */
@media (min-width:48rem){
  .ledger--side{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--space-xl);border-top:0}
  .ledger--side .ledger__row{
    display:grid;grid-template-columns:1fr auto;grid-row:span 4;grid-template-rows:subgrid;
    border-top:3px double var(--c-ink);border-bottom:0;align-content:start;
  }
  .ledger--side .ledger__row--last{border-bottom:0}
  .ledger--side .ledger__desc{align-self:start}
  .ledger--side .ledger__title{align-self:end}
}
.ledger__note{
  font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--c-muted);
  margin-top:var(--space-sm);max-width:var(--measure-wide);
}
@media (max-width:40rem){
  .ledger__row{grid-template-columns:1fr}
  .ledger__price{text-align:left}
}

/* ---- blok: note ---- */

.note-head{margin-bottom:var(--space-md)}
.note-head h2{max-width:22ch}
/* Vurgu çubuğu: her bölüm başlığının üstünde kısa turuncu çizgi (29 Ağu, "fazla düz" notu). */
.note-bar{display:block;width:var(--space-lg);height:3px;background:var(--c-accent);margin-bottom:var(--space-xs)}

/* ---- blok: plates ---- */

.plates{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));
  border-top:3px double var(--c-ink);border-bottom:1px solid var(--c-rule);
}
.plates > div{padding:var(--space-md) var(--space-md) var(--space-md) 0;border-right:1px solid var(--c-rule-soft)}
.plates > div + div{padding-left:var(--space-md)}
.plates > div:last-child{border-right:0}
.plates .n{
  display:block;font-family:var(--font-text);font-size:var(--fs-h2);line-height:1;
  color:var(--c-accent);letter-spacing:-0.01em;margin-bottom:var(--space-2xs);
  font-variant-numeric:tabular-nums;
}
.plates p{font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--c-ink-2);margin:0;max-width:none}
.plates-wrap{padding-block:var(--space-lg)}
@media (max-width:40rem){
  .plates{grid-template-columns:1fr 1fr}
  .plates > div{padding:var(--space-sm) var(--space-sm) var(--space-sm) 0}
  .plates > div:nth-child(2n){border-right:0;padding-left:var(--space-sm)}
  .plates > div:nth-child(2n+1){padding-left:0}
}

/* ---- blok: record ---- */

.record__lead{margin-bottom:var(--space-lg)}
.record table{margin-top:var(--space-md)}
.record__q{
  font-family:var(--font-text);font-size:var(--fs-md);color:var(--c-ink);
  margin:var(--space-lg) 0 0;max-width:var(--measure-wide);
}
.record__q .label{
  display:block;font-size:var(--fs-xs);letter-spacing:0.14em;text-transform:uppercase;
  color:var(--c-accent);margin-bottom:var(--space-3xs);
}
.record__cards{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));
  gap:var(--space-lg) var(--space-xl);margin-top:var(--space-md);
}
.record__cards table{margin-top:0}

.fnotes{margin-top:var(--space-md);display:grid;gap:var(--space-3xs)}
.fnote{
  font-size:var(--fs-sm);color:var(--c-ink-2);max-width:var(--measure-wide);
  padding:var(--space-3xs) var(--space-2xs);margin-inline:calc(var(--space-2xs) * -1);
}
.fnote b{color:var(--c-accent);font-weight:600;margin-right:var(--space-3xs)}
.fnote:target{background:var(--c-paper-2)}
sup.fn{font-family:var(--font-ui);font-size:var(--fs-xs);line-height:0}
/* Dipnot işareti 14px, dokunma hedefi olamayacak kadar küçük. Kutu dolgu ile
   büyütülür, aynı miktarda negatif kenar boşluğu ile yerleşim aynen korunur.
   ::after katmanı YETMEZ: denetim aracı elemanın kendi kutusunu ölçüyor.
   (factory scroll kuralı: hedef >= 32px) */
sup.fn a{
  color:var(--c-accent);text-decoration:none;display:inline-block;
  padding:var(--space-sm) var(--space-3xs);
  margin:calc(var(--space-sm) * -1) calc(var(--space-3xs) * -1);
}

.limits{
  margin-top:var(--space-lg);border-top:1px solid var(--c-ink);
  padding-top:var(--space-xs);max-width:var(--measure-wide);
}
.limits h3{
  font-family:var(--font-ui);font-size:var(--fs-xs);letter-spacing:var(--track-label);
  text-transform:uppercase;color:var(--c-muted);margin-bottom:var(--space-2xs);
}
.limits ul{list-style:none}
.limits li{
  font-size:var(--fs-sm);color:var(--c-ink-2);
  padding:var(--space-3xs) 0 var(--space-3xs) var(--space-sm);position:relative;
}
.limits li::before{
  content:"";position:absolute;left:0;top:var(--space-sm);
  width:var(--space-3xs);height:1px;background:var(--c-accent);
}

@media (max-width:40rem){
  .rec-table thead{
    position:absolute;width:1px;height:1px;overflow:hidden;
    clip:rect(0 0 0 0);white-space:nowrap;
  }
  .rec-table tbody tr{display:block;border-top:1px solid var(--c-rule-soft);padding-block:var(--space-2xs)}
  .rec-table tbody tr.close{border-top:3px double var(--c-ink)}
  .rec-table td{display:inline-block;padding:0;border-top:0}
  .rec-table tbody tr.close td{border-top:0}
  .rec-table td:first-child{display:block;margin-bottom:var(--space-3xs)}
  .rec-table td.n{text-align:left;padding-left:0;margin-right:var(--space-md);font-weight:600}
  .rec-table td.n::before{
    content:attr(data-lbl);display:block;font-weight:400;font-size:var(--fs-xs);
    letter-spacing:0.12em;text-transform:uppercase;color:var(--c-muted);
  }
}

/* ---- blok: steps ---- */

.steps{list-style:none;margin-top:var(--space-sm)}
.steps li{
  display:grid;grid-template-columns:var(--space-lg) 1fr;gap:var(--space-sm);
  padding-block:var(--space-sm);border-top:1px solid var(--c-rule-soft);
}
.steps li:last-child{border-bottom:1px solid var(--c-rule-soft)}
.steps .num{
  font-family:var(--font-ui);font-size:var(--fs-xs);color:var(--c-muted);
  letter-spacing:0.1em;padding-top:var(--space-3xs);
}
.steps p{font-size:var(--fs-sm);color:var(--c-ink-2);margin:0;max-width:var(--measure-wide)}

/* ---- eski sayfalar (impressum, privacy) ---- */
.legal{padding-block:var(--space-lg) var(--space-xl)}
.legal h1{font-size:var(--fs-h2);margin-bottom:var(--space-sm)}
.legal h2{font-size:var(--fs-md);margin:var(--space-md) 0 var(--space-2xs)}
.legal p,.legal li{font-size:var(--fs-sm);color:var(--c-ink-2);max-width:var(--measure-wide)}
.legal ul{margin:0 0 var(--space-sm) var(--space-md)}
.legal li{padding-block:var(--space-3xs)}
.narrow{max-width:var(--container-narrow)}
footer{border-top:1px solid var(--c-rule);padding-block:var(--space-md) var(--space-xl);
  font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--c-muted)}
footer .wrap{display:flex;flex-wrap:wrap;gap:var(--space-2xs) var(--space-md);align-items:baseline}
footer a{color:var(--c-muted)}
.spacer{margin-left:auto}
.legal-line{max-width:none}