/*!
 * Finans Araçları — finans-araclari.css ("Dekont ve pano", MIMARI §23)
 * Every colour and font comes from a --fa-* custom property. Defaults are the
 * direction-contract values (.impeccable/surfaces/wp-content-themes-temerrut.md)
 * declared with zero specificity, so a theme can override any of them on :root.
 * Fonts are referenced by family name only; the THEME loads the files. Without
 * the theme the system fallbacks below render the same structure.
 */

/* ================================================================ 1. Tokens */
:where(:root) {
  --fa-ink: #0B0D10;
  --fa-slate: #1C2127;
  --fa-slate-2: #262D35;
  --fa-line-dark: #343C46;
  --fa-steel: #545C66;
  --fa-steel-on-dark: #A3ADB8;
  --fa-text-on-dark: #C4CBD3;
  --fa-head-on-dark: #E8ECEF;
  --fa-panel: #E4E7EA;
  --fa-panel-2: #F1F3F5;
  --fa-surface: #FFFFFF;
  --fa-rule: #CDD2D8;
  --fa-rule-strong: #858D97;
  --fa-text: #0B0D10;
  --fa-text-2: #2C333B;
  --fa-alert: #FFCC00;
  --fa-alert-tint: #FFF3BF;
  --fa-alert-on-ink: #26291F;
  --fa-danger: #A4161A;
  --fa-danger-tint: #FBEAEA;
  --fa-primary: var(--fa-ink);
  --fa-birincil: var(--fa-primary);
  --fa-font-display: 'Barlow Semi Condensed', 'Arial Narrow', 'Roboto Condensed', 'Helvetica Neue', system-ui, sans-serif;
  --fa-font-text: 'Public Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --fa-font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, 'Liberation Mono', monospace;
  --fa-radius: 4px;
  --fa-ease: cubic-bezier(.16, 1, .3, 1);
  /* chart series: ink first, then steps of steel (signal yellow stays reserved for change) */
  --fa-c1: #0B0D10;
  --fa-c2: #858D97;
  --fa-c3: #545C66;
  --fa-c4: #B4BBC3;
  --fa-c5: #343C46;
  --fa-c6: #D5DAE0;
}

/* ================================================================ 2. Shared base */
.fa-hesaplayici, .fa-pano, .fa-oranlar, .fa-oran-grafigi, .fa-oran-tablosu, .fa-tcmb-kurlar,
.fa-liste, .fa-ornek, .fa-sozluk, .fa-tradingview {
  box-sizing: border-box;
  color: var(--fa-text);
  font-family: var(--fa-font-text);
  font-size: 16px;
  line-height: 1.55;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  -webkit-font-smoothing: antialiased;
}
:is(.fa-hesaplayici, .fa-pano, .fa-oranlar, .fa-oran-grafigi, .fa-oran-tablosu, .fa-tcmb-kurlar, .fa-liste, .fa-ornek, .fa-sozluk) *,
:is(.fa-hesaplayici, .fa-pano, .fa-oranlar, .fa-oran-grafigi, .fa-oran-tablosu, .fa-tcmb-kurlar, .fa-liste, .fa-ornek, .fa-sozluk) *::before,
:is(.fa-hesaplayici, .fa-pano, .fa-oranlar, .fa-oran-grafigi, .fa-oran-tablosu, .fa-tcmb-kurlar, .fa-liste, .fa-ornek, .fa-sozluk) *::after { box-sizing: inherit; }
:is(.fa-hesaplayici, .fa-pano, .fa-oranlar, .fa-liste, .fa-ornek, .fa-sozluk) [hidden] { display: none !important; }
:is(.fa-hesaplayici, .fa-oranlar, .fa-ornek, .fa-pano) ::selection { background: var(--fa-slate); color: #fff; }
:is(.fa-hesaplayici, .fa-pano, .fa-oranlar, .fa-oran-grafigi, .fa-oran-tablosu, .fa-tcmb-kurlar, .fa-liste, .fa-ornek, .fa-sozluk) a { color: inherit; text-underline-offset: .2em; text-decoration-thickness: 1px; }
:is(.fa-hesaplayici, .fa-pano, .fa-oranlar, .fa-oran-grafigi, .fa-oran-tablosu, .fa-tcmb-kurlar, .fa-liste, .fa-ornek, .fa-sozluk) a:hover { text-decoration-thickness: 2px; }
:is(.fa-hesaplayici, .fa-oranlar, .fa-oran-grafigi, .fa-oran-tablosu, .fa-tcmb-kurlar, .fa-liste, .fa-ornek, .fa-sozluk) :focus-visible { outline: 2px solid var(--fa-ink); outline-offset: 2px; }

.fa-ikon { width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; display: inline-block; vertical-align: middle; }
.fa-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.fa-etiket { font: 600 12px/1.2 var(--fa-font-display); letter-spacing: .09em; text-transform: uppercase; color: var(--fa-steel); }

/* chips and legal-basis badges */
.fa-cip { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 8px; border-radius: 3px; font: 700 12px/1 var(--fa-font-display); letter-spacing: .08em; white-space: nowrap; }
.fa-cip .fa-ikon { width: 13px; height: 13px; stroke-width: 2.25; }
.fa-cip--sinyal { background: var(--fa-alert); color: var(--fa-ink); }
.fa-cip--cizgi { border: 1px solid var(--fa-line-dark); color: var(--fa-text-on-dark); }
.fa-cip--yumusak { background: var(--fa-panel-2); border: 1px solid var(--fa-rule); color: var(--fa-text-2); }
.fa-rozet {
  display: inline-flex; align-items: center; max-width: 100%;
  padding: 2px 7px; border: 1px solid var(--fa-rule-strong); border-radius: 3px; background: transparent;
  font: 600 12.5px/1.25 var(--fa-font-display); letter-spacing: .02em; color: var(--fa-text-2);
  text-decoration: none; white-space: normal; vertical-align: middle;
}
.fa-rozet--guncel { background: var(--fa-ink); border-color: var(--fa-ink); color: #fff; }
.fa-rozet--eski { color: var(--fa-text-2); border-color: var(--fa-rule-strong); background: transparent; }
s.fa-rozet, .fa-rozet--onceki { color: var(--fa-steel); border-color: var(--fa-rule); text-decoration: line-through; text-decoration-thickness: 1px; }
.fa-rozet + .fa-rozet { margin-left: 6px; }

/* ================================================================ 3. Buttons */
.fa-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 48px; padding: 0 18px; margin: 0;
  border: 1px solid var(--fa-rule-strong); border-radius: var(--fa-radius);
  background: var(--fa-surface); color: var(--fa-ink);
  font: 600 16px/1 var(--fa-font-display); letter-spacing: .04em; text-decoration: none;
  cursor: pointer; transition: background-color .15s, color .15s, border-color .15s;
  -webkit-appearance: none; appearance: none;
}
.fa-btn:hover { border-color: var(--fa-ink); background: var(--fa-panel-2); color: var(--fa-ink); }
.fa-btn:focus-visible { outline: 2px solid var(--fa-ink); outline-offset: 3px; }
.fa-btn:disabled, .fa-btn[aria-disabled="true"] { opacity: .45; cursor: not-allowed; }
.fa-btn .fa-ikon { width: 17px; height: 17px; }
.fa-btn--birincil { background: var(--fa-birincil); border-color: var(--fa-birincil); color: #fff; }
.fa-btn--birincil:hover { background: var(--fa-slate-2); border-color: var(--fa-slate-2); color: #fff; }
.fa-btn--birincil:active { background: #000; }
.fa-btn--hayalet { background: var(--fa-surface); }
.fa-btn--koyu { background: transparent; color: #fff; border-color: var(--fa-line-dark); }
.fa-btn--koyu:hover { background: var(--fa-slate-2); border-color: var(--fa-steel-on-dark); color: #fff; }
.fa-btn--koyu:focus-visible { outline-color: #fff; }
.fa-btn--metin { border-color: transparent; background: transparent; padding: 0 8px; }
.fa-btn--metin:hover { background: var(--fa-panel-2); border-color: var(--fa-rule); }
.fa-btn--kucuk { min-height: 36px; padding: 0 12px; font-size: 14px; gap: 6px; }

/* ================================================================ 4. Calculator wrapper */
.fa-hesaplayici { container: fa-hesap / inline-size; margin: 0 0 40px; max-width: 100%; }
.fa-baslik { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 32px; margin: 0 0 18px; }
.fa-baslik h2 { margin: 0; font: 700 clamp(28px, 1.6vw + 16px, 40px)/1.05 var(--fa-font-display); letter-spacing: -.005em; text-wrap: balance; color: var(--fa-ink); }
.fa-aciklama { margin: 8px 0 0; max-width: 70ch; font-size: 17px; line-height: 1.5; color: var(--fa-text-2); }
.fa-hesaplayici--sayfa .fa-baslik h2 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.fa-hesaplayici--sayfa .fa-aciklama { margin-top: 0; }
.fa-kontrol-tarihi { display: inline-flex; align-items: center; gap: 8px; margin: 0; font-size: 14px; color: var(--fa-steel); }
.fa-kontrol-tarihi .fa-ikon { width: 16px; height: 16px; color: var(--fa-ink); }
.fa-kontrol-tarihi time { color: var(--fa-ink); font-weight: 600; }

.fa-calisma { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; align-items: start; }
@container fa-hesap (min-width: 860px) {
  .fa-calisma { grid-template-columns: minmax(320px, 392px) minmax(0, 1fr); gap: 24px; }
  .fa-panel--form { position: sticky; top: 16px; }
}
.fa-panel, .fa-belge { background: var(--fa-surface); border: 1px solid var(--fa-rule); border-radius: var(--fa-radius); }
.fa-panel-bas { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 50px; padding: 0 20px; border-bottom: 1px solid var(--fa-rule); }
.fa-panel-baslik { margin: 0; font: 700 17px/1.1 var(--fa-font-display); letter-spacing: .05em; text-transform: uppercase; color: var(--fa-ink); }
.fa-form-not { display: flex; align-items: flex-start; gap: 8px; margin: 0; padding: 12px 20px; border-top: 1px solid var(--fa-rule); font-size: 13.5px; line-height: 1.45; color: var(--fa-steel); }
.fa-form-not .fa-ikon { width: 16px; height: 16px; margin-top: 2px; }

/* ================================================================ 5. Form */
.fa-form { margin: 0; padding: 18px 20px 20px; display: grid; gap: 18px; }
.fa-grup { margin: 0; padding: 0; border: 0; min-width: 0; display: grid; gap: 16px; }
.fa-grup + .fa-grup { padding-top: 16px; border-top: 1px solid var(--fa-rule); }
.fa-grup > legend { float: left; width: 100%; padding: 0; margin: 0 0 12px; font: 600 12px/1.2 var(--fa-font-display); letter-spacing: .09em; text-transform: uppercase; color: var(--fa-steel); }
.fa-grup > legend + * { clear: both; }
.fa-alan { display: grid; gap: 6px; align-content: start; min-width: 0; }
.fa-alan > label { font: 600 15px/1.25 var(--fa-font-display); letter-spacing: .02em; color: var(--fa-ink); }
.fa-zorunlu { margin-left: 3px; color: var(--fa-steel); font-weight: 500; }
.fa-kontrol { position: relative; }
.fa-alan input:not([type="checkbox"]):not([type="radio"]), .fa-alan select, .fa-alan textarea {
  display: block; width: 100%; min-height: 48px; height: 48px; margin: 0; padding: 0 14px;
  border: 1px solid var(--fa-rule-strong); border-radius: var(--fa-radius);
  background: var(--fa-surface); color: var(--fa-ink); caret-color: var(--fa-ink);
  font: 500 16px/1.2 var(--fa-font-text); font-variant-numeric: tabular-nums;
  box-shadow: none; -webkit-appearance: none; appearance: none;
  transition: border-color .15s;
}
.fa-alan textarea { height: auto; min-height: 96px; padding: 12px 14px; resize: vertical; }
.fa-alan input::placeholder { color: var(--fa-steel); opacity: 1; font-weight: 400; }
.fa-alan input:hover, .fa-alan select:hover, .fa-alan textarea:hover { border-color: var(--fa-ink); }
.fa-alan input:focus, .fa-alan select:focus, .fa-alan textarea:focus { outline: 2px solid var(--fa-ink); outline-offset: 1px; border-color: var(--fa-ink); }
.fa-alan select { padding-right: 42px; font-size: 15px; cursor: pointer; text-overflow: ellipsis; }
.fa-kontrol-ikon { position: absolute; right: 13px; top: 50%; transform: translateY(-50%); color: var(--fa-steel); pointer-events: none; }
.fa-alan input[type="date"] { min-width: 0; max-width: 100%; padding-right: 10px; font-size: 15px; }
.fa-kontrol { min-width: 0; }
.fa-alan input[type="date"]::-webkit-calendar-picker-indicator { opacity: .7; cursor: pointer; }
.fa-alan--money input, .fa-alan--percent input, .fa-alan--number input, .fa-alan--integer input { text-align: right; }
.fa-kontrol--birimli input { padding-right: 66px !important; }
.fa-kontrol--birimli .fa-birim {
  position: absolute; top: 1px; right: 1px; bottom: 1px; min-width: 50px;
  display: flex; align-items: center; justify-content: center; padding: 0 12px;
  border-left: 1px solid var(--fa-rule); border-radius: 0 3px 3px 0; background: var(--fa-panel-2);
  font: 600 14px/1 var(--fa-font-display); letter-spacing: .06em; color: var(--fa-steel); pointer-events: none;
}
.fa-yardim { font-size: 13.5px; line-height: 1.4; color: var(--fa-steel); }
.fa-hata { display: flex; gap: 6px; align-items: flex-start; font-size: 14px; font-weight: 600; line-height: 1.4; color: var(--fa-danger); }
.fa-hata:not(:empty)::before { content: ""; flex: none; width: 15px; height: 15px; margin-top: 2px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5v5.5M12 16.4v.1'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5v5.5M12 16.4v.1'/%3E%3C/svg%3E") center / contain no-repeat; }
.fa-alan--hatali input:not([type="checkbox"]), .fa-alan--hatali select { border-color: var(--fa-danger); background: var(--fa-danger-tint); }
.fa-alan--hatali input:focus, .fa-alan--hatali select:focus { outline-color: var(--fa-danger); }
.fa-alan--gizli { display: none !important; }
.fa-alan--ifade input { font-family: var(--fa-font-mono); font-size: 18px; text-align: left; }

/* two short fields side by side when the form panel is wide enough */
@container fa-hesap (min-width: 420px) {
  .fa-grup { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 12px; }
  .fa-grup > legend, .fa-grup > .fa-alan { grid-column: 1 / -1; }
  .fa-grup > .fa-alan--date, .fa-grup > .fa-alan--integer { grid-column: auto; }
}

/* checkbox */
.fa-onay { position: relative; display: flex; align-items: center; gap: 12px; min-height: 44px; cursor: pointer; font: 600 15px/1.3 var(--fa-font-display); letter-spacing: .02em; }
.fa-onay input { position: absolute; opacity: 0; width: 24px; height: 24px; margin: 0; }
.fa-onay-kutu { display: grid; place-items: center; flex: none; width: 24px; height: 24px; border: 1px solid var(--fa-rule-strong); border-radius: 3px; background: var(--fa-surface); color: #fff; transition: background-color .15s, border-color .15s; }
.fa-onay-kutu .fa-ikon { width: 16px; height: 16px; stroke-width: 2.5; opacity: 0; }
.fa-onay:hover .fa-onay-kutu { border-color: var(--fa-ink); }
.fa-onay input:checked + .fa-onay-kutu { background: var(--fa-ink); border-color: var(--fa-ink); }
.fa-onay input:checked + .fa-onay-kutu .fa-ikon { opacity: 1; }
.fa-onay input:focus-visible + .fa-onay-kutu { outline: 2px solid var(--fa-ink); outline-offset: 2px; }

/* rows */
.fa-satirlar { grid-column: 1 / -1; display: grid; gap: 10px; }
.fa-satirlar-baslik { display: grid; gap: 4px; }
.fa-satirlar-etiket { font: 600 15px/1.25 var(--fa-font-display); letter-spacing: .02em; }
.fa-satir-sablon { display: none !important; }
.fa-satir-liste { display: grid; gap: 10px; counter-reset: fa-satir; }
.fa-satir { position: relative; display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px 12px; padding: 12px; border: 1px solid var(--fa-rule); border-radius: var(--fa-radius); background: var(--fa-panel-2); }
.fa-satir-no { grid-column: 1 / -1; font: 600 12px/1.2 var(--fa-font-display); letter-spacing: .09em; text-transform: uppercase; color: var(--fa-steel); }
.fa-satir .fa-alan > label { font-size: 14px; }
.fa-satir-sil { position: absolute; top: 4px; right: 4px; min-height: 30px; padding: 0 8px; font-size: 13px; }
.fa-satir-ekle { justify-self: start; }

/* actions */
.fa-eylemler { display: flex; flex-wrap: wrap; gap: 10px; padding-top: 2px; }
.fa-eylemler [data-fa-hesapla] { flex: 1 1 160px; }
.fa-bildirim { flex-basis: 100%; margin: 0; padding: 10px 12px; border: 1px solid var(--fa-rule); border-radius: var(--fa-radius); background: var(--fa-panel-2); font-size: 14px; color: var(--fa-text-2); }
.fa-bildirim--hata { border-color: var(--fa-danger); background: var(--fa-danger-tint); color: var(--fa-danger); }
.fa-hata-genel { padding: 12px 14px; border: 1px solid var(--fa-danger); border-radius: var(--fa-radius); background: var(--fa-danger-tint); color: var(--fa-danger); font-weight: 600; font-size: 15px; line-height: 1.45; }
.fa-sonuc-alani > .fa-hata-genel { margin-bottom: 12px; }

/* ================================================================ 6. Result document */
.fa-sonuc-alani { min-width: 0; container: fa-belge / inline-size; }
.fa-belge { overflow: hidden; }
.fa-sonuc { margin: 0; transition: opacity .2s; }
.fa-sonuc--eski { opacity: .5; }
.fa-sonuc--eski .fa-sonuc-bas::after { content: "Girdiler değişti; sonucu yenilemek için Hesapla'ya basın."; flex-basis: 100%; font-size: 13px; color: var(--fa-steel-on-dark); }
.fa-sonuc--sunucu:focus { outline: none; }

/* ink header strip */
.fa-sonuc-bas { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 20px; min-height: 56px; padding: 10px 12px 10px 20px; background: var(--fa-slate); color: #fff; }
.fa-sonuc-baslik { margin: 0; font: 700 17px/1.1 var(--fa-font-display); letter-spacing: .05em; text-transform: uppercase; color: #fff; }
.fa-sonuc-alt { margin: 3px 0 0; font-size: 13.5px; line-height: 1.35; color: var(--fa-steel-on-dark); }
.fa-sonuc-araclar { display: flex; flex-wrap: wrap; gap: 8px; }

/* summary sentence */
.fa-ozet-cumle { margin: 0; padding: 16px 20px; border-bottom: 1px solid var(--fa-rule); font-size: 17px; line-height: 1.55; color: var(--fa-text-2); max-width: none; text-wrap: pretty; }

/* labelled segments: a 1px gap over the rule colour draws every cell border */
.fa-ozet { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1px; background: var(--fa-rule); border-bottom: 1px solid var(--fa-rule); }
.fa-kart { display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 14px 20px 16px; background: var(--fa-surface); }
.fa-kart-etiket { font: 600 12px/1.25 var(--fa-font-display); letter-spacing: .09em; text-transform: uppercase; color: var(--fa-steel); }
.fa-kart-deger { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; font: 700 24px/1.05 var(--fa-font-display); letter-spacing: 0; color: var(--fa-ink); overflow-wrap: anywhere; }
.fa-kart-birim { font-size: .58em; font-weight: 600; letter-spacing: .04em; color: var(--fa-steel); }
.fa-kart-onceki { font-size: .72em; font-weight: 600; color: var(--fa-steel); text-decoration-thickness: 1px; }
.fa-kart-deger > .fa-ikon { width: 16px; height: 16px; color: var(--fa-steel); align-self: center; }
.fa-yeni { background: var(--fa-alert); color: var(--fa-ink); padding: 0 6px; border-radius: 2px; }
.fa-yeni .fa-kart-birim { color: var(--fa-ink); }
.fa-kart-alt, .fa-kart-aciklama { font-size: 14px; line-height: 1.4; color: var(--fa-steel); }
.fa-kart .fa-rozet { align-self: flex-start; margin-top: 2px; }
.fa-kart--vurgu { order: -1; justify-content: center; gap: 6px; padding: 18px 20px 20px; }
.fa-kart--vurgu .fa-kart-deger { font-size: clamp(44px, 9cqi, 78px); line-height: .95; letter-spacing: -.015em; white-space: nowrap; flex-wrap: nowrap; }
.fa-kart--vurgu .fa-kart-birim { font-size: .42em; margin-left: .04em; }
.fa-kart--vurgu .fa-kart-alt, .fa-kart--vurgu .fa-kart-aciklama { font-size: 14.5px; }
@container fa-belge (min-width: 300px) {
  .fa-ozet { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fa-kart--vurgu { grid-column: 1 / -1; }
  .fa-ozet:is([data-adet="1"], [data-adet="3"], [data-adet="5"], [data-adet="7"], [data-adet="9"]) > .fa-kart:not(.fa-kart--vurgu):last-child { grid-column: 1 / -1; }
}
@container fa-belge (min-width: 640px) {
  .fa-ozet[data-vurgu="1"] { grid-template-columns: minmax(0, 1.75fr) repeat(2, minmax(0, 1fr)); grid-auto-flow: row dense; }
  .fa-ozet[data-vurgu="1"] > .fa-kart--vurgu { grid-column: 1; grid-row: span 1; }
  .fa-ozet[data-vurgu="1"]:is([data-adet="3"], [data-adet="4"]) > .fa-kart--vurgu { grid-row: span 2; }
  .fa-ozet[data-vurgu="1"]:is([data-adet="5"], [data-adet="6"]) > .fa-kart--vurgu { grid-row: span 3; }
  .fa-ozet[data-vurgu="1"]:is([data-adet="7"], [data-adet="8"]) > .fa-kart--vurgu { grid-row: span 4; }
  .fa-ozet[data-vurgu="1"] > .fa-kart:not(.fa-kart--vurgu):last-child { grid-column: auto; }
  .fa-ozet[data-vurgu="1"]:is([data-adet="3"], [data-adet="5"], [data-adet="7"]) > .fa-kart:not(.fa-kart--vurgu):last-child { grid-column: span 2; }
  .fa-ozet[data-vurgu="1"][data-adet="0"] { grid-template-columns: minmax(0, 1fr); }
  .fa-ozet[data-vurgu="1"][data-adet="1"] { grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr); }
  .fa-ozet[data-vurgu="0"][data-adet="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .fa-ozet[data-vurgu="0"][data-adet="4"] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .fa-ozet[data-vurgu="0"][data-adet="3"] > .fa-kart:last-child { grid-column: auto; }
}
.fa-kart--degisti .fa-kart-etiket::after { content: "Değişti"; margin-left: 8px; padding: 2px 6px; border-radius: 2px; background: var(--fa-alert); color: var(--fa-ink); font-size: 10.5px; letter-spacing: .08em; }

/* warnings: attention → signal tint */
.fa-uyarilar { margin: 0; padding: 12px 20px; border-bottom: 1px solid var(--fa-rule); background: var(--fa-alert-tint); color: var(--fa-ink); }
.fa-uyarilar ul, .fa-notlar ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.fa-uyarilar li, .fa-notlar li { position: relative; padding-left: 28px; font-size: 15px; line-height: 1.45; }
.fa-uyarilar li::before, .fa-notlar li::before {
  content: ""; position: absolute; left: 0; top: 2px; width: 18px; height: 18px; background: currentColor;
  -webkit-mask: var(--fa-li-ikon) center / contain no-repeat; mask: var(--fa-li-ikon) center / contain no-repeat;
}
.fa-uyarilar li { --fa-li-ikon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.8 2.6 19.6h18.8z'/%3E%3Cpath d='M12 9.8v4.6M12 17.2v.1'/%3E%3C/svg%3E"); font-weight: 500; }
.fa-notlar li { --fa-li-ikon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 11v5.5M12 7.6v.1'/%3E%3C/svg%3E"); }
.fa-notlar li::before { color: var(--fa-steel); }

/* sections inside the document */
.fa-sonuc-bolum { padding: 16px 20px 18px; border-bottom: 1px solid var(--fa-rule); min-width: 0; }
.fa-sonuc > :last-child, .fa-sonuc-ikili > .fa-sonuc-bolum { border-bottom: 0; }
.fa-sonuc > .fa-sonuc-ikili:last-child { border-bottom: 0; }
.fa-bolum-bas { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; margin: 0 0 10px; }
.fa-bolum-baslik, .fa-tablo-baslik { margin: 0; font: 700 15px/1.2 var(--fa-font-display); letter-spacing: .07em; text-transform: uppercase; color: var(--fa-ink); }
.fa-bolum-alt { font-size: 13.5px; color: var(--fa-steel); }

/* timeline bar (§23.3) */
.fa-zaman { padding: 16px 20px 18px; border-bottom: 1px solid var(--fa-rule); }
.fa-zaman-uclar { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; margin-bottom: 10px; }
.fa-zaman-uc { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.fa-zaman-uc--son { text-align: right; align-items: flex-end; }
.fa-zaman-tarih { font: 700 24px/1 var(--fa-font-display); color: var(--fa-ink); }
.fa-zaman-orta { display: flex; align-items: center; gap: 8px; padding-bottom: 3px; color: var(--fa-steel); font: 600 15px/1 var(--fa-font-display); letter-spacing: .03em; white-space: nowrap; }
.fa-zaman-orta .fa-ikon { width: 20px; height: 20px; }
.fa-zaman-cubuk { position: relative; display: flex; height: 34px; margin-top: 38px; }
.fa-zaman-parca { display: flex; align-items: center; flex: 1 1 0; min-width: 2px; padding: 0 10px; overflow: hidden; background: var(--fa-steel); color: #fff; font: 600 14px/1 var(--fa-font-display); letter-spacing: .03em; white-space: nowrap; }
.fa-zaman-parca > span { overflow: hidden; text-overflow: clip; }
/* A segment too narrow for its label (e.g. 1 installment of 120) shows the bar only; the title and the bar's aria-label keep the text. */
.fa-zaman-parca { container-type: inline-size; }
@container (max-width: 76px) { .fa-zaman-parca > span { visibility: hidden; } }
.fa-zaman-parca--b { background: var(--fa-ink); }
.fa-zaman-parca + .fa-zaman-parca { box-shadow: inset 1px 0 0 rgba(255, 255, 255, .35); }
.fa-zaman-parca:first-child { border-radius: 3px 0 0 3px; }
.fa-zaman-parca:nth-last-child(1 of .fa-zaman-parca) { border-radius: 0 3px 3px 0; justify-content: flex-end; }
.fa-zaman-parca:first-child:nth-last-child(1 of .fa-zaman-parca) { border-radius: 3px; justify-content: flex-start; }
.fa-zaman-isaret { position: absolute; top: -38px; bottom: -6px; width: 3px; margin-left: -1.5px; background: var(--fa-alert); pointer-events: none; }
.fa-zaman-isaret .fa-cip { position: absolute; top: 0; right: 6px; height: 24px; }
.fa-zaman-isaret--sag .fa-cip { right: auto; left: 6px; }

/* chart */
.fa-grafik { padding: 16px 20px 18px; border-bottom: 1px solid var(--fa-rule); }
.fa-grafik svg { display: block; width: 100%; height: auto; max-width: 100%; font-family: var(--fa-font-display); font-size: 13px; }
.fa-grafik text { font-family: var(--fa-font-display); }
.fa-grafik-cubuk, .fa-grafik-dilim { transition: opacity .15s; }
.fa-grafik-cubuk:hover, .fa-grafik-dilim:hover { opacity: .8; }

/* tables (§6 + §23.5) */
.fa-tablo-sarma { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: var(--fa-rule-strong) transparent; }
.fa-tablo { width: 100%; border-collapse: collapse; border-spacing: 0; margin: 0; font-size: 15px; background: transparent; }
.fa-tablo caption { caption-side: top; text-align: left; padding: 0 0 10px; }
.fa-tablo th, .fa-tablo td { padding: 11px 10px; border: 0; border-bottom: 1px solid var(--fa-rule); text-align: left; vertical-align: middle; background: transparent; }
.fa-tablo thead th { padding: 8px 10px; border-bottom: 1px solid var(--fa-ink); font: 600 12px/1.2 var(--fa-font-display); letter-spacing: .09em; text-transform: uppercase; color: var(--fa-steel); white-space: nowrap; }
.fa-tablo th:first-child, .fa-tablo td:first-child { padding-left: 0; }
.fa-tablo th:last-child, .fa-tablo td:last-child { padding-right: 0; }
.fa-tablo .fa-num { text-align: right; white-space: nowrap; }
.fa-tablo td.fa-num { font: 600 17px/1.2 var(--fa-font-display); }
.fa-tablo tbody td:first-child { font: 600 16px/1.25 var(--fa-font-display); }
.fa-tablo tbody tr:hover > * { background: var(--fa-panel-2); }
.fa-tablo tfoot td { padding-top: 12px; border-bottom: 0; border-top: 1px solid var(--fa-ink); font-weight: 700; }
.fa-tablo tfoot td.fa-num { font-size: 19px; font-weight: 700; }
.fa-tablo tfoot td:first-child { font: 700 14px/1 var(--fa-font-display); letter-spacing: .08em; text-transform: uppercase; }
.fa-tablo tr.fa-satir--degisti > * { background: var(--fa-alert-tint); }
.fa-tablo tr.fa-satir--degisti:hover > * { background: #FFEDA0; }
.fa-tablo tr.fa-satir--degisti > :first-child { box-shadow: -20px 0 0 var(--fa-alert-tint); }
.fa-tablo tr.fa-satir--degisti > :last-child { box-shadow: 20px 0 0 var(--fa-alert-tint); }
.fa-tablo tr.fa-satir--eski > * { color: var(--fa-steel); }
.fa-tablo .fa-ara-toplam > * { background: var(--fa-panel-2); border-bottom: 1px solid var(--fa-rule-strong); font: 700 15px/1.2 var(--fa-font-display); }
.fa-tablo .fa-ara-toplam th { font-size: 13px; letter-spacing: .07em; text-transform: uppercase; color: var(--fa-text-2); }
.fa-hucre-degisim { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 6px 8px; }
.fa-hucre-degisim .fa-cip { height: 20px; padding: 0 6px; font-size: 11px; }
.fa-onceki { color: var(--fa-steel); font-weight: 500; text-decoration-thickness: 1px; }
.fa-tablo-araclar { display: flex; justify-content: flex-end; margin-top: 8px; }
.fa-tablo-detay > summary { list-style: none; display: flex; align-items: center; gap: 12px; min-height: 48px; cursor: pointer; }
.fa-tablo-detay > summary::-webkit-details-marker { display: none; }
.fa-tablo-ozet-baslik { font: 700 15px/1.2 var(--fa-font-display); letter-spacing: .07em; text-transform: uppercase; }
.fa-tablo-ozet-adet { margin-left: auto; padding: 3px 8px; border: 1px solid var(--fa-rule); border-radius: 3px; background: var(--fa-panel-2); font: 600 13px/1 var(--fa-font-display); color: var(--fa-text-2); }
.fa-tablo-detay > summary .fa-ikon { color: var(--fa-steel); transition: transform .25s var(--fa-ease); }
.fa-tablo-detay[open] > summary .fa-ikon { transform: rotate(180deg); }
.fa-tablo-detay > summary:hover .fa-tablo-ozet-baslik { text-decoration: underline; text-underline-offset: .2em; }
.fa-tablo-detay[open] > summary { margin-bottom: 8px; }
.fa-tablo-detay .fa-tablo-sarma { max-height: 70vh; overflow-y: auto; }
.fa-tablo-detay thead th { position: sticky; top: 0; z-index: 1; background: var(--fa-surface); }
.fa-tablo-detay caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }

/* breakdown alt alta (§23.4) */
.fa-acilim-sarma { overflow-x: auto; padding: 10px 16px; border: 1px solid var(--fa-rule); border-radius: 3px; background: var(--fa-panel-2); }
.fa-acilim-tablo { border-collapse: collapse; width: 100%; font: 400 14.5px/1.6 var(--fa-font-mono); font-variant-numeric: tabular-nums; color: var(--fa-ink); }
.fa-acilim-tablo td, .fa-acilim-tablo th { padding: 3px 0; border: 0; background: none; text-align: left; font: inherit; vertical-align: baseline; }
.fa-acilim-ifade { width: 100%; padding-right: 20px !important; white-space: pre-wrap; }
.fa-acilim-esit { padding-right: 10px !important; color: var(--fa-steel); }
.fa-acilim-tam { text-align: right !important; font-weight: 600 !important; white-space: pre; }
.fa-acilim-kesir { font-weight: 600 !important; white-space: pre; }
.fa-acilim-dayanak { padding-left: 12px !important; font-family: var(--fa-font-display); white-space: nowrap; }
.fa-acilim-dayanak .fa-rozet { white-space: nowrap; }
.fa-acilim-dayanak:empty { padding: 0 !important; }
.fa-acilim-toplam > * { padding-top: 9px !important; padding-bottom: 6px !important; border-top: 1px solid var(--fa-ink) !important; border-bottom: 3px double var(--fa-ink) !important; font-weight: 600 !important; }
.fa-acilim-toplam .fa-acilim-ifade { font-family: var(--fa-font-display); letter-spacing: .08em; text-transform: uppercase; font-size: 13.5px; }

/* comparisons + notes */
.fa-sonuc-ikili { display: grid; grid-template-columns: minmax(0, 1fr); }
@container fa-belge (min-width: 640px) {
  .fa-sonuc-ikili--iki { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fa-sonuc-ikili--iki > .fa-sonuc-bolum + .fa-sonuc-bolum { border-left: 1px solid var(--fa-rule); }
}
.fa-sonuc-ikili:not(.fa-sonuc-ikili--iki) > .fa-sonuc-bolum + .fa-sonuc-bolum,
.fa-sonuc-ikili--iki > .fa-sonuc-bolum + .fa-sonuc-bolum { border-top: 1px solid var(--fa-rule); }
@container fa-belge (min-width: 640px) { .fa-sonuc-ikili--iki > .fa-sonuc-bolum + .fa-sonuc-bolum { border-top: 0; } }
.fa-karsilastirma-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.fa-karsilastirma-liste li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; font-size: 15px; line-height: 1.5; }
.fa-karsilastirma-etiket::after { content: ":"; }
.fa-karsilastirma-deger { font: 700 22px/1.1 var(--fa-font-display); white-space: nowrap; }
.fa-karsilastirma-aciklama { flex-basis: 100%; font-size: 13.5px; color: var(--fa-steel); }

/* empty state before the first calculation */
.fa-sonuc-bos .fa-bos-govde { display: grid; justify-items: start; gap: 8px; padding: 28px 20px 30px; }
.fa-bos-ikon { width: 30px; height: 30px; color: var(--fa-steel); stroke-width: 1.5; }
.fa-bos-baslik { margin: 4px 0 0; font: 700 22px/1.15 var(--fa-font-display); color: var(--fa-ink); }
.fa-bos-metin { margin: 0; max-width: 56ch; font-size: 15.5px; line-height: 1.55; color: var(--fa-text-2); }

/* ================================================================ 7. Long-form content below the tool */
.fa-icerik { margin-top: 40px; padding-top: 40px; border-top: 1px solid var(--fa-rule); display: grid; gap: 40px 64px; }
@container fa-hesap (min-width: 900px) { .fa-icerik--yan { grid-template-columns: minmax(0, 1fr) 320px; } }
.fa-icerik-metin { max-width: 68ch; min-width: 0; }
.fa-icerik-metin h2 { margin: 48px 0 12px; font: 700 clamp(24px, 1vw + 16px, 30px)/1.12 var(--fa-font-display); letter-spacing: -.005em; text-wrap: balance; color: var(--fa-ink); }
.fa-icerik-metin > :first-child h2, .fa-icerik-metin > h2:first-child, .fa-bolum:first-child h2 { margin-top: 0; }
.fa-icerik-metin p, .fa-icerik-metin li { font-size: 17px; line-height: 1.65; color: #20262D; }
.fa-icerik-metin p { margin: 0 0 16px; }
.fa-giris p { font-size: 18px; color: var(--fa-text-2); }
.fa-formul, .fa-icerik-metin pre { margin: 20px 0 16px; padding: 16px 18px; border: 1px solid var(--fa-rule); border-radius: 3px; background: var(--fa-panel-2); font: 500 16px/1.5 var(--fa-font-mono); white-space: pre-wrap; overflow-x: auto; color: var(--fa-ink); }
.fa-icerik-metin code { font-family: var(--fa-font-mono); font-size: .92em; }
.fa-icerik-metin table { width: 100%; border-collapse: collapse; margin: 16px 0 20px; font-size: 15px; }
.fa-icerik-metin table th, .fa-icerik-metin table td { padding: 9px 10px 9px 0; border-bottom: 1px solid var(--fa-rule); text-align: left; }
.fa-icerik-metin table th { font: 600 12px/1.2 var(--fa-font-display); letter-spacing: .09em; text-transform: uppercase; color: var(--fa-steel); border-bottom-color: var(--fa-ink); }
.fa-sss { margin-top: 48px; }
.fa-sss h2 { margin-top: 0; }
.fa-sss-madde { border-bottom: 1px solid var(--fa-rule); }
.fa-sss-madde:first-of-type { border-top: 1px solid var(--fa-ink); }
.fa-sss-madde > summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 48px; padding: 14px 0; cursor: pointer; font: 600 18px/1.3 var(--fa-font-display); letter-spacing: .01em; color: var(--fa-ink); }
.fa-sss-madde > summary::-webkit-details-marker { display: none; }
.fa-sss-madde > summary:hover span { text-decoration: underline; text-underline-offset: .2em; }
.fa-sss-madde > summary .fa-ikon { width: 20px; height: 20px; color: var(--fa-steel); transition: transform .25s var(--fa-ease); }
.fa-sss-madde[open] > summary .fa-ikon { transform: rotate(180deg); }
.fa-sss-cevap { padding: 0 0 18px; }
.fa-sss-cevap p:last-child { margin-bottom: 0; }
.fa-icerik-yan { display: flex; flex-direction: column; gap: 32px; min-width: 0; }
.fa-icerik-yan h2 { margin: 0 0 4px; padding-bottom: 8px; border-bottom: 1px solid var(--fa-ink); font: 700 15px/1.2 var(--fa-font-display); letter-spacing: .08em; text-transform: uppercase; color: var(--fa-ink); }
.fa-baglantilar { list-style: none; margin: 0; padding: 0; }
.fa-baglantilar li { border-bottom: 1px solid var(--fa-rule); }
.fa-baglantilar a, .fa-baglanti-metin { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; padding: 12px 0; text-decoration: none; font-size: 15px; line-height: 1.35; }
.fa-baglantilar a:hover > span:first-child { text-decoration: underline; text-underline-offset: .2em; }
.fa-baglantilar small { display: block; margin-top: 2px; font-size: 13px; color: var(--fa-steel); }
.fa-baglantilar .fa-ikon { width: 16px; height: 16px; color: var(--fa-steel); }
.fa-baglantilar--ilgili a { font: 600 17px/1.2 var(--fa-font-display); letter-spacing: .01em; }
.fa-guncelleme { margin: 10px 0 0; font-size: 13px; color: var(--fa-steel); }
.fa-yasal-uyari { display: flex; gap: 12px; align-items: flex-start; margin: 24px 0 0; padding: 16px; border: 1px solid var(--fa-rule); border-radius: 3px; background: var(--fa-panel-2); font-size: 14px; line-height: 1.5; color: var(--fa-text-2); }
.fa-icerik-yan .fa-yasal-uyari { margin: 0; }
.fa-yasal-uyari p { margin: 0; }
.fa-yasal-uyari .fa-ikon { margin-top: 2px; color: var(--fa-ink); }
.fa-yasal-uyari strong { display: block; margin-bottom: 4px; font: 700 14px/1.2 var(--fa-font-display); letter-spacing: .07em; text-transform: uppercase; color: var(--fa-ink); }
.fa-uyari { margin: 12px 0; padding: 12px 14px; border: 1px solid var(--fa-alert); border-radius: var(--fa-radius); background: var(--fa-alert-tint); color: var(--fa-ink); font-size: 15px; line-height: 1.5; }

/* ================================================================ 8. Rates board [fa_oran_panosu] (§23.7) */
.fa-pano { color: #fff; container: fa-pano / inline-size; }
.fa-pano-ic { display: grid; grid-template-columns: minmax(0, 1fr); border: 1px solid var(--fa-line-dark); border-radius: var(--fa-radius); background: var(--fa-slate); overflow: hidden; }
.fa-pano-bas { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; padding: 12px 16px 11px; border-bottom: 1px solid var(--fa-line-dark); }
.fa-pano-baslik { margin: 0; font: 700 18px/1.1 var(--fa-font-display); letter-spacing: .05em; text-transform: uppercase; color: #fff; }
.fa-pano-not { margin: 0; flex-basis: 100%; order: 3; font-size: 13px; line-height: 1.4; color: var(--fa-steel-on-dark); }
.fa-pano-tumu { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; font: 600 14px/1 var(--fa-font-display); letter-spacing: .03em; color: #fff; text-decoration: none; }
.fa-pano-tumu:hover { text-decoration: underline; text-underline-offset: .2em; }
.fa-pano-tumu .fa-ikon { width: 16px; height: 16px; }
.fa-pano :focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.fa-pano-izgara { --fa-pano-cols: 28px minmax(150px, 1.25fr) 124px minmax(130px, 1fr) minmax(110px, .9fr) minmax(max-content, 1.35fr); min-width: 0; }
.fa-pano-h, .fa-oran { display: grid; grid-template-columns: var(--fa-pano-cols); column-gap: 16px; align-items: center; padding-inline: 16px; }
.fa-pano-h { display: none; height: 30px; border-bottom: 1px solid var(--fa-line-dark); font: 600 11.5px/1 var(--fa-font-display); letter-spacing: .1em; text-transform: uppercase; color: var(--fa-steel-on-dark); }
.fa-pano-h .fa-sag { text-align: right; }
.fa-oranlar-listesi { list-style: none; margin: 0; padding: 0; }
.fa-oran { position: relative; min-height: 38px; padding-block: 3px; border-top: 1px solid var(--fa-line-dark); background: var(--fa-slate); }
.fa-oran:first-child { border-top: 0; }
.fa-oran-sira { font: 600 14px/1 var(--fa-font-display); color: var(--fa-steel-on-dark); }
.fa-oran-ad { min-width: 0; font: 600 16px/1.2 var(--fa-font-display); letter-spacing: .02em; color: var(--fa-head-on-dark); }
.fa-oran-ad a { text-decoration: none; }
.fa-oran-ad a:hover { text-decoration: underline; }
.fa-oran-deger { display: flex; align-items: baseline; justify-content: flex-end; gap: 6px; font: 700 24px/1 var(--fa-font-display); white-space: nowrap; color: #fff; }
.fa-oran-deger small { min-width: 30px; font: 500 13px/1 var(--fa-font-display); letter-spacing: .02em; color: var(--fa-steel-on-dark); }
.fa-oran-meta { display: contents; }
.fa-oran-tarih, .fa-oran-dayanak { font-size: 13.5px; line-height: 1.3; color: var(--fa-text-on-dark); }
.fa-oran-durum { display: none; align-items: center; gap: 12px; min-width: 0; }
.fa-oran-onceki { font: 500 14px/1 var(--fa-font-display); color: var(--fa-steel-on-dark); white-space: nowrap; }
.fa-oran-onceki s { text-decoration-thickness: 1px; }
.fa-gordum { display: inline-flex; align-items: center; gap: 6px; height: 28px; margin-left: auto; padding: 0 10px; border: 1px solid var(--fa-line-dark); border-radius: 3px; background: transparent; color: var(--fa-head-on-dark); font: 600 13px/1 var(--fa-font-display); letter-spacing: .03em; cursor: pointer; }
.fa-gordum:hover { border-color: var(--fa-steel-on-dark); color: #fff; }
.fa-gordum .fa-ikon { width: 14px; height: 14px; }
.fa-oran--degisti { background: var(--fa-alert-on-ink); box-shadow: inset 0 0 0 1px var(--fa-alert); }
.fa-oran--degisti .fa-oran-deger, .fa-oran--degisti .fa-oran-sira { color: var(--fa-alert); }
.fa-oran--degisti .fa-oran-ad { color: #fff; }
.fa-oran--degisti .fa-oran-durum { display: flex; }
.fa-oran:focus { outline: 2px solid #fff; outline-offset: -2px; }
.fa-pano-daha { display: none; }
.fa-pano--serit .fa-pano-ic { border-radius: 0; border-inline: 0; }
.fa-pano-bos { margin: 0; padding: 14px 16px; color: var(--fa-text-on-dark); font-size: 14px; }
/* phone: stacked rows; collapsed variant shows the changed row + "N oran daha göster" */
.fa-oran { grid-template-columns: 18px minmax(0, 1fr) auto; grid-template-areas: "sira ad deger" "sira meta meta"; column-gap: 10px; row-gap: 3px; padding: 8px 14px 9px; align-items: baseline; }
.fa-oran--degisti { grid-template-areas: "sira ad deger" "sira meta meta" "sira durum durum"; }
.fa-oran-sira { grid-area: sira; font-size: 13px; }
.fa-oran-ad { grid-area: ad; }
.fa-oran-deger { grid-area: deger; font-size: 22px; gap: 4px; }
.fa-oran-deger small { font-size: 12px; min-width: 0; }
.fa-oran-meta { grid-area: meta; display: block; font-size: 12.5px; line-height: 1.35; color: var(--fa-text-on-dark); }
.fa-oran-tarih, .fa-oran-dayanak { font-size: inherit; }
.fa-oran-tarih::after { content: " · "; }
.fa-oran-durum { grid-area: durum; margin-top: 5px; gap: 8px 10px; flex-wrap: wrap; }
.fa-pano--daralt:not(.fa-pano--acik) .fa-oran:nth-child(n+2) { display: none; }
.fa-pano--daralt .fa-pano-daha { display: flex; width: 100%; align-items: center; justify-content: center; gap: 8px; min-height: 44px; border: 0; border-top: 1px solid var(--fa-line-dark); background: var(--fa-slate); color: var(--fa-head-on-dark); font: 600 15px/1 var(--fa-font-display); letter-spacing: .03em; cursor: pointer; }
.fa-pano--daralt .fa-pano-daha .fa-ikon { width: 16px; height: 16px; transition: transform .25s var(--fa-ease); }
.fa-pano--acik .fa-pano-daha .fa-ikon { transform: rotate(180deg); }
.fa-pano-daha:focus-visible { outline-offset: -4px; }
@container fa-pano (min-width: 900px) {
  .fa-pano--daralt .fa-oran:nth-child(n+2) { display: grid !important; }
  .fa-pano--daralt .fa-pano-daha { display: none; }
  .fa-pano-h { display: grid; }
  .fa-oran { grid-template-columns: var(--fa-pano-cols); grid-template-areas: none; column-gap: 16px; row-gap: 0; padding: 3px 16px; align-items: center; }
  .fa-oran--degisti { grid-template-areas: none; }
  .fa-oran > * { grid-area: auto !important; }
  .fa-oran-meta { display: contents; }
  .fa-oran-tarih::after { content: none; }
  .fa-oran-tarih, .fa-oran-dayanak { font-size: 13.5px; }
  .fa-oran-deger { font-size: 24px; gap: 6px; }
  .fa-oran-deger small { min-width: 30px; font-size: 13px; }
  .fa-oran-durum { margin-top: 0; }
}
@container fa-pano (min-width: 1180px) {
  .fa-pano--tam .fa-pano-ic { grid-template-columns: 200px minmax(0, 1fr); }
  .fa-pano--tam .fa-pano-bas { flex-direction: column; flex-wrap: nowrap; align-items: flex-start; gap: 6px; padding: 14px 16px; border-bottom: 0; border-right: 1px solid var(--fa-line-dark); }
  .fa-pano--tam .fa-pano-not { order: 0; }
  .fa-pano--tam .fa-pano-tumu { margin: auto 0 0; }
}
@container fa-pano (min-width: 900px) and (max-width: 1179px) {
  .fa-pano-izgara { --fa-pano-cols: 24px minmax(130px, 1.2fr) 108px minmax(120px, 1fr) minmax(100px, .9fr) minmax(max-content, 1.3fr); }
}

/* ================================================================ 9. Current-rates page [fa_guncel_oranlar] (§23.8) */
.fa-oranlar { container: fa-oranlar / inline-size; }
.fa-oranlar-arac { position: sticky; top: 0; z-index: 5; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin: 0 0 20px; padding: 10px 0; border-block: 1px solid var(--fa-rule-strong); background: var(--fa-panel); }
.fa-sekmeler { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; min-width: 0; }
.fa-sekmeler button { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 12px; border: 1px solid var(--fa-rule-strong); border-radius: var(--fa-radius); background: var(--fa-surface); color: var(--fa-ink); font: 600 15px/1 var(--fa-font-display); letter-spacing: .02em; white-space: nowrap; cursor: pointer; transition: background-color .15s, border-color .15s, color .15s; }
.fa-sekmeler button:hover { border-color: var(--fa-ink); }
.fa-sekmeler .fa-adet { display: inline-grid; place-items: center; min-width: 22px; height: 20px; padding: 0 5px; border-radius: 3px; background: var(--fa-panel); color: var(--fa-text-2); font: 600 13px/1 var(--fa-font-display); }
.fa-sekmeler button[aria-pressed="true"] { background: var(--fa-ink); border-color: var(--fa-ink); color: #fff; }
.fa-sekmeler button[aria-pressed="true"] .fa-adet { background: var(--fa-slate-2); color: #fff; }
.fa-oranlar-ara { position: relative; flex: 1 1 220px; max-width: 320px; margin-left: auto; }
.fa-oranlar-ara .fa-ikon { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--fa-steel); pointer-events: none; }
.fa-oranlar-ara input { width: 100%; height: 40px; margin: 0; padding: 0 12px 0 38px; border: 1px solid var(--fa-rule-strong); border-radius: var(--fa-radius); background: var(--fa-surface); color: var(--fa-ink); font: 400 15px/1 var(--fa-font-text); -webkit-appearance: none; appearance: none; }
.fa-oranlar-ara input::placeholder { color: var(--fa-steel); opacity: 1; }
.fa-oranlar-ara input:hover { border-color: var(--fa-ink); }
.fa-oranlar-ara input:focus { outline: 2px solid var(--fa-ink); outline-offset: 1px; border-color: var(--fa-ink); }
.fa-oranlar-sayac { margin: 0; font-size: 14px; color: var(--fa-steel); }
.fa-oranlar-sayac b { font: 700 16px/1 var(--fa-font-display); color: var(--fa-ink); }
.fa-oranlar-gruplar { display: grid; gap: 20px; }
.fa-oran-grup { overflow: hidden; }
.fa-oran-grup .fa-sonuc-bas { min-height: 50px; padding: 10px 20px; }
.fa-oran-grup-adet { font: 600 14px/1 var(--fa-font-display); letter-spacing: .03em; color: var(--fa-steel-on-dark); }
.fa-oran-grup-adet b { color: #fff; }
.fa-ot { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 15px; }
.fa-ot col.fa-ot-ad { width: 32%; } .fa-ot col.fa-ot-v { width: 12%; } .fa-ot col.fa-ot-b { width: 11%; } .fa-ot col.fa-ot-t { width: 11%; } .fa-ot col.fa-ot-d { width: 18%; } .fa-ot col.fa-ot-h { width: 16%; }
.fa-ot thead th { padding: 10px 12px 8px; border-bottom: 1px solid var(--fa-ink); background: var(--fa-surface); text-align: left; font: 600 12px/1.2 var(--fa-font-display); letter-spacing: .09em; text-transform: uppercase; color: var(--fa-steel); }
.fa-ot th:first-child, .fa-ot td:first-child { padding-left: 20px; }
.fa-ot th:last-child, .fa-ot td:last-child { padding-right: 20px; }
.fa-ot .fa-num { text-align: right; }
.fa-ot tbody th, .fa-ot tbody td { padding: 12px; border-bottom: 1px solid var(--fa-rule); vertical-align: top; text-align: left; font-weight: 400; background: var(--fa-surface); }
.fa-ot tbody tr:last-child > * { border-bottom: 0; }
.fa-ot tbody tr:hover > * { background: var(--fa-panel-2); }
.fa-ot-adi { display: block; font: 600 17px/1.25 var(--fa-font-display); letter-spacing: .01em; color: var(--fa-ink); }
.fa-ot-adi a { text-decoration: underline; text-decoration-color: var(--fa-rule-strong); }
.fa-ot-adi a:hover { text-decoration-color: var(--fa-ink); }
.fa-ot-alt { display: block; margin-top: 3px; font-size: 13.5px; line-height: 1.35; color: var(--fa-steel); }
.fa-ot-durum { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin-top: 7px; }
.fa-ot-durum .fa-cip { height: 21px; padding: 0 7px; font-size: 11.5px; }
.fa-ot-durum .fa-cip .fa-ikon { width: 12px; height: 12px; }
.fa-ot-durum .fa-oran-onceki { color: var(--fa-steel); }
.fa-ot-durum time { font: 600 14px/1 var(--fa-font-display); color: var(--fa-text-2); }
.fa-ot td.fa-ot-deger { padding-top: 11px; font: 700 24px/1 var(--fa-font-display); white-space: nowrap; text-align: right; color: var(--fa-ink); }
.fa-ot td.fa-ot-birim { padding-top: 15px; font-size: 14px; line-height: 1.35; color: var(--fa-text-2); }
.fa-ot td.fa-ot-tarih { padding-top: 14px; font: 600 16px/1.2 var(--fa-font-display); white-space: nowrap; }
.fa-ot td.fa-ot-dayanak { padding-top: 13px; }
.fa-ot td.fa-ot-hesap { padding-top: 14px; }
.fa-ot td.fa-ot-hesap a { display: inline-flex; align-items: center; gap: 6px; min-height: 24px; font: 600 15px/1.2 var(--fa-font-display); letter-spacing: .02em; text-decoration: none; }
.fa-ot td.fa-ot-hesap a:hover { text-decoration: underline; text-underline-offset: .2em; }
.fa-ot td.fa-ot-hesap .fa-ikon { width: 15px; height: 15px; color: var(--fa-steel); }
.fa-ot-yok { color: var(--fa-steel); }
.fa-ot tr.fa-satir--degisti > * { background: var(--fa-alert-tint); }
.fa-ot tr.fa-satir--degisti:hover > * { background: #FFEDA0; }
.fa-oran-grup-not { margin: 0; padding: 10px 20px 12px; border-top: 1px solid var(--fa-rule); background: var(--fa-panel-2); font-size: 13.5px; color: var(--fa-steel); }
.fa-oranlar-bos { display: flex; gap: 14px; align-items: flex-start; padding: 24px 20px; border: 1px dashed var(--fa-rule-strong); border-radius: var(--fa-radius); background: var(--fa-surface); }
.fa-oranlar-bos > .fa-ikon { width: 22px; height: 22px; margin-top: 2px; color: var(--fa-steel); }
.fa-oranlar-bos strong { display: block; font: 700 18px/1.2 var(--fa-font-display); }
.fa-oranlar-bos p { margin: 4px 0 12px; font-size: 15px; color: var(--fa-text-2); }
.fa-oranlar-dipnot { display: flex; gap: 10px; align-items: flex-start; margin: 16px 0 0; font-size: 14.5px; color: var(--fa-text-2); }
.fa-oranlar-dipnot .fa-ikon { width: 17px; height: 17px; margin-top: 2px; color: var(--fa-steel); }
@container fa-oranlar (max-width: 759px) {
  .fa-oranlar-arac { position: static; padding: 12px 0; }
  .fa-sekmeler { flex-wrap: nowrap; overflow-x: auto; width: 100%; padding: 2px 0 4px; scrollbar-width: none; }
  .fa-sekmeler::-webkit-scrollbar { display: none; }
  .fa-sekmeler li { flex: none; }
  .fa-oranlar-ara { flex: 1 1 100%; max-width: none; margin-left: 0; }
  .fa-oran-grup .fa-sonuc-bas { padding: 10px 16px; }
  .fa-ot, .fa-ot tbody { display: block; }
  .fa-ot thead, .fa-ot colgroup { display: none; }
  .fa-ot tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 14px; row-gap: 4px; padding: 13px 16px 14px; border-bottom: 1px solid var(--fa-rule); background: var(--fa-surface); }
  .fa-ot tbody tr:last-child { border-bottom: 0; }
  .fa-ot tbody th, .fa-ot tbody td { display: block; padding: 0 !important; border: 0 !important; background: none !important; }
  .fa-ot tr.fa-satir--degisti { background: var(--fa-alert-tint); }
  .fa-ot tbody tr:hover > * { background: none; }
  .fa-ot th.fa-ot-ad-h { grid-column: 1; grid-row: 1 / span 2; }
  .fa-ot td.fa-ot-deger { grid-column: 2; grid-row: 1; font-size: 24px; }
  .fa-ot td.fa-ot-birim { grid-column: 2; grid-row: 2; max-width: 130px; justify-self: end; text-align: right; font-size: 13px; }
  .fa-ot td.fa-ot-tarih, .fa-ot td.fa-ot-dayanak { grid-column: 1 / -1; font: 400 14px/1.4 var(--fa-font-text); color: var(--fa-text-2); white-space: normal; }
  .fa-ot td.fa-ot-tarih { margin-top: 6px; }
  .fa-ot td.fa-ot-tarih::before, .fa-ot td.fa-ot-dayanak::before { content: attr(data-etiket) " "; margin-right: 4px; font: 600 11.5px/1 var(--fa-font-display); letter-spacing: .09em; text-transform: uppercase; color: var(--fa-steel); }
  .fa-ot td.fa-ot-hesap { grid-column: 1 / -1; margin-top: 6px; }
  .fa-ot td.fa-ot-hesap:has(.fa-ot-yok) { display: none; }
  .fa-oran-grup-not { padding-inline: 16px; }
}

/* ================================================================ 10. Step chart [fa_oran_grafigi] */
.fa-oran-grafigi { margin: 24px 0; }
.fa-oran-grafigi .fa-sonuc-bas p { margin: 2px 0 0; font-size: 13.5px; color: var(--fa-steel-on-dark); }
.fa-og-govde { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px 32px; padding: 20px 20px 22px; align-items: start; }
@container fa-og (min-width: 980px) { .fa-og-govde { grid-template-columns: minmax(0, 1fr) 340px; } }
.fa-oran-grafigi { container: fa-og / inline-size; }
.fa-og-sekil { margin: 0; min-width: 0; }
.fa-og-svg { display: block; width: 100%; height: auto; overflow: visible; }
.fa-og-svg--dar { display: none; }
@container fa-og (max-width: 560px) { .fa-og-svg--genis { display: none; } .fa-og-svg--dar { display: block; } }
.fa-og-izgara { stroke: var(--fa-rule); stroke-width: 1; }
.fa-og-taban, .fa-og-tik { stroke: var(--fa-ink); stroke-width: 1; }
.fa-og-eksen { font-family: var(--fa-font-display); font-weight: 500; fill: var(--fa-steel); font-feature-settings: "tnum" 1; }
.fa-og-deger { font-family: var(--fa-font-display); font-weight: 700; fill: var(--fa-ink); font-feature-settings: "tnum" 1; }
.fa-og-alan { fill: #D5DAE0; }
.fa-og-yeni { fill: var(--fa-alert); }
.fa-og-cizgi { fill: none; stroke: var(--fa-ink); stroke-width: 2.25; stroke-linejoin: miter; }
.fa-og-hedef { fill: transparent; }
.fa-og-hedef:hover { fill: rgba(11, 13, 16, .05); }
.fa-og-pivot { stroke: var(--fa-ink); stroke-width: 1.5; stroke-dasharray: 3 3; }
.fa-og-cip { fill: var(--fa-alert); }
.fa-og-cip-metin { font-family: var(--fa-font-display); font-weight: 700; fill: var(--fa-ink); letter-spacing: .06em; }
.fa-og-lejant { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 10px 0 0; font-size: 13.5px; color: var(--fa-steel); }
.fa-og-lejant span { display: inline-flex; align-items: center; gap: 7px; }
.fa-og-lejant i { display: inline-block; width: 14px; height: 10px; border-radius: 1px; }
.fa-og-lejant .fa-og-l-a { background: #D5DAE0; box-shadow: inset 0 2px 0 var(--fa-ink); }
.fa-og-lejant .fa-og-l-b { background: var(--fa-alert); }
.fa-og-tablo-sarma { max-height: 420px; overflow-y: auto; }
.fa-og-tablo-sarma .fa-tablo td { padding-block: 8px; }
.fa-og-tablo-sarma .fa-hucre-degisim { flex-wrap: nowrap; }
.fa-og-tablo-sarma .fa-tablo thead th { position: sticky; top: 0; background: var(--fa-surface); }

/* ================================================================ 11. Period table [fa_oran_tablosu], TCMB, inline values */
.fa-oran-tablosu { container: fa-belge / inline-size; }
.fa-oran-tablosu, .fa-tcmb-kurlar { margin: 20px 0; padding: 16px 20px 14px; border: 1px solid var(--fa-rule); border-radius: var(--fa-radius); background: var(--fa-surface); overflow-x: auto; }
.fa-tablo--oran td:first-child { white-space: nowrap; }
.fa-tablo-not { margin: 10px 0 0; font-size: 13.5px; line-height: 1.45; color: var(--fa-steel); }
.fa-tablo-not b { color: var(--fa-ink); font-weight: 600; }
.fa-kaynak-link { display: inline-flex; align-items: center; margin-left: 4px; color: var(--fa-steel); }
.fa-kaynak-link .fa-ikon { width: 14px; height: 14px; }
.fa-tcmb-kod { font: 700 16px/1.2 var(--fa-font-display); letter-spacing: .04em; }
.fa-tcmb-ad { display: block; font-size: 13px; color: var(--fa-steel); font-family: var(--fa-font-text); font-weight: 400; letter-spacing: 0; }
.fa-guncel-oran, .fa-kur { font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.fa-guncel-oran--yok, .fa-kur--yok { color: var(--fa-steel); font-weight: 400; }
.fa-kur-tarih { color: var(--fa-steel); font-size: .85em; }

/* ================================================================ 12. Calculator list, example, glossary */
.fa-liste { margin: 0 0 32px; }
.fa-liste-grup + .fa-liste-grup { margin-top: 36px; }
.fa-liste-baslik { margin: 0 0 12px; padding-bottom: 8px; border-bottom: 1px solid var(--fa-ink); font: 700 15px/1.2 var(--fa-font-display); letter-spacing: .08em; text-transform: uppercase; color: var(--fa-ink); }
.fa-liste-baslik a { text-decoration: none; }
.fa-liste-baslik a:hover { text-decoration: underline; }
.fa-kartlar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); border-top: 1px solid var(--fa-rule); }
.fa-kart-liste { border-bottom: 1px solid var(--fa-rule); }
.fa-kart-baglanti { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; row-gap: 4px; height: 100%; min-height: 64px; padding: 14px 4px 14px 0; text-decoration: none; color: var(--fa-ink); }
.fa-kart-baglanti::after { content: ""; grid-column: 2; grid-row: 1; align-self: center; width: 16px; height: 16px; background: var(--fa-steel); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16M14 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16M14 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat; transition: transform .2s var(--fa-ease); }
.fa-kart-baglanti:hover::after { transform: translateX(3px); background: var(--fa-ink); }
.fa-kart-baslik { grid-column: 1; font: 600 18px/1.2 var(--fa-font-display); letter-spacing: .01em; }
.fa-kart-baglanti:hover .fa-kart-baslik { text-decoration: underline; text-underline-offset: .2em; }
.fa-kart-metin { grid-column: 1 / -1; font-size: 14px; line-height: 1.45; color: var(--fa-text-2); }
@media (min-width: 700px) { .fa-kartlar { column-gap: 32px; } }

.fa-ornek { margin: 24px 0; border: 1px solid var(--fa-rule); border-radius: var(--fa-radius); background: var(--fa-surface); overflow: hidden; container: fa-belge / inline-size; }
.fa-ornek-baslik { margin: 0; padding: 12px 20px; background: var(--fa-slate); color: #fff; font: 700 16px/1.2 var(--fa-font-display); letter-spacing: .05em; text-transform: uppercase; }
.fa-ornek-girdiler { list-style: none; margin: 0; padding: 12px 20px; display: flex; flex-wrap: wrap; gap: 6px 20px; border-bottom: 1px solid var(--fa-rule); background: var(--fa-panel-2); font-size: 14.5px; }
.fa-ornek-etiket { font: 600 12px/1.2 var(--fa-font-display); letter-spacing: .08em; text-transform: uppercase; color: var(--fa-steel); }
.fa-ornek-baglanti { margin: 0; padding: 12px 20px 16px; border-top: 1px solid var(--fa-rule); }
.fa-ornek .fa-sonuc-bas { display: none; }

.fa-sozluk-harfler ul { list-style: none; margin: 0 0 24px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.fa-sozluk-harfler a { display: inline-grid; place-items: center; min-width: 40px; height: 40px; padding: 0 10px; border: 1px solid var(--fa-rule-strong); border-radius: var(--fa-radius); background: var(--fa-surface); font: 600 16px/1 var(--fa-font-display); text-decoration: none; color: var(--fa-ink); }
.fa-sozluk-harfler a:hover { border-color: var(--fa-ink); }
.fa-sozluk-harfler a[aria-current] { background: var(--fa-ink); border-color: var(--fa-ink); color: #fff; }
.fa-sozluk-grup + .fa-sozluk-grup { margin-top: 32px; }
.fa-sozluk-harf { margin: 0 0 8px; padding-bottom: 6px; border-bottom: 1px solid var(--fa-ink); font: 700 28px/1 var(--fa-font-display); color: var(--fa-ink); }
.fa-sozluk dl { margin: 0; }
.fa-sozluk dt { margin: 14px 0 2px; font: 600 18px/1.25 var(--fa-font-display); }
.fa-sozluk dt a { text-decoration: none; }
.fa-sozluk dt a:hover { text-decoration: underline; }
.fa-sozluk dd { margin: 0; padding-bottom: 12px; border-bottom: 1px solid var(--fa-rule); font-size: 15px; line-height: 1.55; color: var(--fa-text-2); max-width: 72ch; }
.fa-sozluk-sayi { margin-left: 8px; font: 500 13px/1 var(--fa-font-mono, monospace); letter-spacing: 0; color: var(--fa-text-2); vertical-align: middle; }
.fa-sozluk-harf a { text-decoration: none; }
.fa-sozluk-dizin { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 28px 32px; }
.fa-sozluk-dizin .fa-sozluk-grup + .fa-sozluk-grup { margin-top: 0; }
.fa-sozluk-ilk { list-style: none; margin: 0 0 8px; padding: 0; }
.fa-sozluk-ilk li { padding: 6px 0; border-bottom: 1px solid var(--fa-rule); font-size: 15px; line-height: 1.35; }
.fa-sozluk-ilk a { text-decoration: none; }
.fa-sozluk-ilk a:hover { text-decoration: underline; }
.fa-sozluk-tumu { display: inline-block; margin-top: 4px; font: 600 14px/1.3 var(--fa-font-display); color: var(--fa-ink); }
.fa-tradingview { margin: 24px 0; border: 1px solid var(--fa-rule); border-radius: var(--fa-radius); overflow: hidden; }

/* ================================================================ 13. Phone widths */
@container fa-belge (max-width: 520px) {
  .fa-sonuc-bas { padding: 12px 16px; }
  .fa-sonuc-araclar { width: 100%; flex-wrap: nowrap; }
  .fa-sonuc-araclar .fa-btn { flex: none; padding: 0 10px; font-size: 13.5px; white-space: nowrap; }
  .fa-sonuc-araclar .fa-btn[data-fa-paylas] { flex: 1 1 auto; min-width: 0; }
  .fa-ozet-cumle { padding: 14px 16px; font-size: 16px; }
  .fa-kart { padding: 12px 16px 14px; }
  .fa-kart--vurgu { padding: 16px 16px 18px; }
  .fa-kart-deger { font-size: 22px; }
  .fa-kart--vurgu .fa-kart-deger { font-size: clamp(40px, 13cqi, 60px); }
  .fa-uyarilar, .fa-zaman, .fa-grafik, .fa-sonuc-bolum { padding-inline: 16px; }
  .fa-zaman-tarih { font-size: 20px; }
  .fa-zaman-orta { display: none; }
  .fa-acilim-dayanak { display: none; }
  .fa-zaman-parca { padding: 0 8px; font-size: 13px; }
  .fa-acilim-sarma { padding: 10px 12px; }
  .fa-acilim-tablo { font-size: 13px; }
  /* tables become labelled stacks */
  .fa-dikey thead { display: none; }
  .fa-dikey, .fa-dikey tbody, .fa-dikey tfoot { display: block; }
  .fa-dikey caption { display: block; }
  .fa-dikey tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 12px; padding: 12px 0; border-bottom: 1px solid var(--fa-rule); }
  .fa-dikey td, .fa-dikey th { display: block; padding: 0 !important; border: 0; text-align: left !important; white-space: normal; }
  .fa-dikey td[data-etiket]::before { content: attr(data-etiket); display: block; margin-bottom: 3px; font: 600 11.5px/1.2 var(--fa-font-display); letter-spacing: .09em; text-transform: uppercase; color: var(--fa-steel); }
  .fa-dikey td:first-child, .fa-dikey th:first-child { grid-column: 1 / -1; }
  .fa-dikey td:empty { display: none; }
  .fa-dikey td:not(.fa-num):not(:first-child) { grid-column: 1 / -1; }
  .fa-dikey .fa-hucre-degisim { justify-content: flex-start; }
  .fa-dikey tr.fa-satir--degisti { margin-inline: -16px; padding-inline: 16px; background: var(--fa-alert-tint); }
  .fa-dikey tr.fa-satir--degisti > * { background: none; box-shadow: none !important; }
  .fa-dikey tbody tr:hover > * { background: none; }
  .fa-dikey tfoot tr { border-bottom: 0; border-top: 1px solid var(--fa-ink); }
  .fa-dikey tfoot td { border-top: 0; }
  .fa-dikey tfoot td:first-child::before { content: none; }
}
@container fa-hesap (max-width: 520px) {
  .fa-panel-bas { padding: 0 16px; }
  .fa-form { padding: 16px; }
  .fa-form-not { padding-inline: 16px; }
  .fa-baslik h2 { font-size: 28px; }
  .fa-aciklama { font-size: 16px; }
  .fa-icerik { margin-top: 32px; padding-top: 32px; }
  .fa-icerik-metin p, .fa-icerik-metin li { font-size: 16px; }
}
@media (max-width: 400px) { .fa-eylemler .fa-btn--hayalet { flex: 1; } }

/* ================================================================ 14. Motion */
@media (prefers-reduced-motion: reduce) {
  :is(.fa-hesaplayici, .fa-pano, .fa-oranlar) *, :is(.fa-hesaplayici, .fa-pano, .fa-oranlar) *::before, :is(.fa-hesaplayici, .fa-pano, .fa-oranlar) *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* ================================================================ 15. Print: a clean black-on-white dekont */
@media print {
  .fa-pano, .fa-panel--form, .fa-baslik .fa-kontrol-tarihi, .fa-sonuc-araclar, .fa-tablo-araclar, .fa-icerik, .fa-sonuc-bos, .fa-oranlar-arac, .fa-bildirim, noscript { display: none !important; }
  .fa-hesaplayici, .fa-oranlar, .fa-ornek { color: #000; background: #fff; }
  .fa-calisma { display: block; }
  .fa-belge, .fa-panel, .fa-ornek, .fa-oran-tablosu { border: 1px solid #000; border-radius: 0; box-shadow: none; }
  .fa-sonuc-bas, .fa-oran-grup .fa-sonuc-bas, .fa-ornek-baslik { background: #fff !important; color: #000 !important; border-bottom: 2px solid #000; }
  .fa-sonuc-baslik, .fa-ornek-baslik { color: #000 !important; }
  .fa-sonuc-alt { color: #000; }
  .fa-kart, .fa-sonuc-bolum, .fa-zaman, .fa-ozet, .fa-ozet-cumle, .fa-uyarilar, .fa-grafik { border-color: #000 !important; }
  .fa-kart-etiket, .fa-etiket, .fa-kart-birim, .fa-kart-alt, .fa-kart-aciklama, .fa-bolum-alt, .fa-tablo thead th { color: #000 !important; }
  .fa-ozet-cumle, .fa-tablo td, .fa-notlar li, .fa-karsilastirma-liste li { color: #000; }
  .fa-yeni, .fa-cip--sinyal { background: #fff !important; color: #000 !important; outline: 1.5px solid #000; outline-offset: -1.5px; }
  .fa-uyarilar { background: #fff !important; border: 1px solid #000 !important; }
  .fa-zaman-parca { background: #fff !important; color: #000 !important; border: 1px solid #000; }
  .fa-zaman-parca--b { background: #000 !important; color: #fff !important; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
  .fa-zaman-isaret { background: #000 !important; }
  .fa-rozet--guncel { background: #fff !important; color: #000 !important; border: 1.5px solid #000; font-weight: 700; }
  .fa-tablo tr.fa-satir--degisti > *, .fa-ot tr.fa-satir--degisti > * { background: #fff !important; box-shadow: none !important; font-weight: 700; }
  .fa-acilim-sarma { background: #fff !important; border-color: #000; }
  .fa-tablo-detay > summary { display: none; }
  .fa-tablo-detay::details-content { content-visibility: visible; display: contents; }
  .fa-kart--degisti .fa-kart-etiket::after { background: #fff; color: #000; outline: 1px solid #000; }
  .fa-tablo-detay > :not(summary) { display: block !important; }
  .fa-tablo-detay .fa-tablo-sarma { max-height: none; overflow: visible; }
  .fa-tablo-detay caption { position: static; width: auto; height: auto; clip: auto; }
  .fa-sonuc-bolum, .fa-zaman, .fa-ozet, .fa-tablo tr { break-inside: avoid; }
  .fa-sonuc--sunucu[hidden] { display: none !important; }
  .fa-hesaplayici--js .fa-sonuc[data-fa-sonuc][hidden] + .fa-sonuc--sunucu { display: block !important; }
  .fa-og-alan { fill: #ddd; }
  .fa-og-yeni, .fa-og-cip { fill: #fff; stroke: #000; }
  a { color: #000; }
}

/* [fa_oran_panosu kip="ince"] — tek satırlık oran şeridi (tema üst bandı; hesaplayıcı/makale sayfaları) */
.fa-pano--ince { display: flex; align-items: center; gap: 16px; min-height: 40px; color: #fff; font-size: 14px; }
.fa-pano--ince .fa-pano-baslik { flex: none; margin: 0; font: 700 12px/1 var(--fa-font-display); letter-spacing: .1em; text-transform: uppercase; color: var(--fa-steel-on-dark); }
.fa-pano--ince .fa-pano-ince-tarih { margin-left: 6px; font: 500 12px/1 var(--fa-font-mono); letter-spacing: 0; text-transform: none; }
.fa-pano-ince-liste { display: flex; flex: 1 1 auto; min-width: 0; gap: 0; margin: 0; padding: 0; list-style: none; overflow-x: auto; scrollbar-width: none; white-space: nowrap; }
.fa-pano-ince-liste::-webkit-scrollbar { display: none; }
.fa-pano--ince .fa-oran { display: inline-flex; align-items: baseline; gap: 6px; padding: 10px 14px; background: none; box-shadow: none; border-left: 1px solid rgba(255, 255, 255, .14); grid-template-areas: none; }
.fa-pano--ince .fa-oran:first-child { border-left: 0; padding-left: 0; }
.fa-pano--ince .fa-oran-ad { color: rgba(255, 255, 255, .78); }
.fa-pano--ince .fa-oran-deger { font: 600 14px/1 var(--fa-font-mono); color: #fff; }
.fa-pano--ince .fa-oran-deger small { font-size: 11px; color: rgba(255, 255, 255, .6); }
.fa-pano--ince .fa-oran--degisti { background: none; box-shadow: none; }
.fa-pano--ince .fa-oran--degisti .fa-oran-deger { color: var(--fa-alert); }
.fa-pano--ince .fa-oran--degisti .fa-oran-ad::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 6px; vertical-align: middle; background: var(--fa-alert); }
.fa-pano--ince .fa-pano-tumu { flex: none; margin-left: 0; font-size: 13px; }
@media (max-width: 720px) {
  .fa-pano--ince { gap: 10px; }
  .fa-pano--ince .fa-pano-ince-tarih, .fa-pano--ince .fa-pano-tumu { display: none; }
}