/* Hesaplayıcı, Bilgi Merkezi ve makaleler (TASARIM-PLANI 3.8, sahibi P13). META "css": ["sayfa-bilgi"] ile yalnız
   hesaplayici.html, bilgi-merkezi.html ve makale-*.html'e bağlanır. WebGL yok. Yalnız token değişkenleri kullanılır.
   JS'siz, hareket azaltmada ve dar ekranda aynı içerik aynı sırayla okunur. Sınıf önekleri: hs- (hesaplayıcı),
   bm- (Bilgi Merkezi), mk- (makale); site.css'teki eski .hesap/.sonuc/.hali/.sozluk kuralları bu sayfalarda kullanılmaz. */

/* ======================= Hesaplayıcı ======================= */
.hs-hesap { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-10) clamp(32px, 4vw, 56px); align-items: start; }
@media (max-width: 1000px) { .hs-hesap { grid-template-columns: minmax(0, 1fr); } }

/* ---------- Form ---------- */
.hs-form { display: grid; gap: var(--space-6); padding: var(--space-8); border: 1px solid var(--line-subtle); border-radius: var(--radius-lg); background: var(--surface-card); box-shadow: var(--shadow-sm); }
.hs-form .secenek span { min-height: 44px; }
.hs-form .hata:not([hidden]) { padding: var(--space-3) var(--space-4); border-radius: var(--radius-sm); background: var(--danger-soft); }
.hs-varsayim { border-top: 1px solid var(--line); padding-top: var(--space-2); }
.hs-varsayim > summary { position: relative; display: flex; align-items: center; min-height: 44px; padding-right: var(--space-8); color: var(--link); font-size: 15px; line-height: 22px; font-weight: 500; cursor: pointer; list-style: none; }
.hs-varsayim > summary::-webkit-details-marker { display: none; }
.hs-varsayim > summary::before, .hs-varsayim > summary::after { content: ""; position: absolute; right: var(--space-2); top: 50%; width: 12px; height: 2px; margin-top: -1px; border-radius: 1px; background: var(--accent); transition: transform .15s ease-out; }
.hs-varsayim > summary::after { transform: rotate(90deg); }
.hs-varsayim[open] > summary::after { transform: rotate(0deg); }
.hs-varsayim > summary:focus-visible { outline: none; border-radius: var(--radius-xs); box-shadow: var(--focus-ring); }
.hs-varsayim[open] > summary { margin-bottom: var(--space-4); }

/* ---------- Sonuçlar: ölçü bileşeni (bilesenler.css .olcu), ayrıntı listesi, aylık grafik ---------- */
.hs-sonuc { display: grid; gap: var(--space-6); min-width: 0; }
.hs-sonuc .hs-olcu { --olcu-sutun: 3; position: relative; isolation: isolate; overflow: hidden; gap: var(--space-8) var(--space-6); padding: var(--space-8) var(--space-8) var(--space-6); border: 1px solid var(--sky-100); border-radius: var(--radius-lg); background: var(--pus-gok); }
.hs-olcu::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("../img/ikiz/es-yukselti-motif.svg") 0 0 / 480px 480px repeat; opacity: .07; pointer-events: none; }
.hs-olcu .olcu-etiket { font-size: 14px; line-height: 20px; }
.hs-olcu .olcu-sayi { white-space: nowrap; }
/* Birimsiz metin sonucu ("Geri dönmüyor"): küçük yazılır, taban çizgisi rakamlarla aynı kalır */
.hs-olcu .olcu-sayi.olcu-sayi--metin { padding-top: calc(min(clamp(40px, 4.4vw, 64px), 25cqi) - 24px); font-size: 24px; letter-spacing: -.01em; white-space: normal; }
@media (min-width: 561px) and (max-width: 900px) { .hs-sonuc .hs-olcu { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 560px) {
  .hs-sonuc .hs-olcu { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); padding: var(--space-6); }
  .hs-olcu .olcu-sayi { font-size: clamp(36px, 11vw, 48px); }
  .hs-olcu .olcu-sayi.olcu-sayi--metin { padding-top: 0; font-size: 24px; }
}

.hs-kart { min-width: 0; padding: var(--space-6) var(--space-8); border: 1px solid var(--line-subtle); border-radius: var(--radius-lg); background: var(--surface-card); box-shadow: var(--shadow-sm); }
.hs-kart > .h3 { margin: 0 0 var(--space-3); }
.hs-liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--space-8); margin: 0; }
.hs-liste > div { display: flex; justify-content: space-between; align-items: baseline; gap: var(--space-4); padding-block: var(--space-3); border-bottom: 1px solid var(--line-subtle); font-size: 14px; line-height: 20px; }
.hs-liste dt { color: var(--ink-secondary); }
.hs-liste dd { margin: 0; font-weight: 600; font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; color: var(--ink); }

/* Aylık grafik: hesaplayici.js viewBox'ı gerçek genişliğe göre kurar (yazılar her genişlikte 11 px) */
.hs-aylik { display: block; width: 100%; height: 200px; margin-top: var(--space-2); overflow: visible; }
.hs-aylik .cubuk-secili { fill: var(--green-700); }
.hs-aylik .cubuk-diger { fill: var(--green-200); }
.hs-aylik .eksen { stroke: var(--line); }
.hs-aylik text { font-family: var(--font-sans); font-size: 11px; fill: var(--ink-muted); }
.hs-aylik .deger { fill: var(--ink-secondary); font-size: 10px; font-variant-numeric: tabular-nums; }
.hs-lejant { display: flex; flex-wrap: wrap; gap: var(--space-1) var(--space-5); margin: var(--space-3) 0 0; color: var(--ink-muted); }
.hs-lejant span { display: inline-flex; align-items: center; gap: var(--space-2); }
.hs-lejant i { display: inline-block; width: 12px; height: 8px; border-radius: 2px; }
.hs-lejant-secili { background: var(--green-700); }
.hs-lejant-diger { background: var(--green-200); }
.hs-sonuc > .dipnot { margin: 0; }

@media (max-width: 640px) {
  .hs-form { padding: var(--space-5); }
  .hs-kart { padding: var(--space-5); }
  .hs-liste { grid-template-columns: minmax(0, 1fr); }
}

/* ---------- Bir yılın 8.760 saati (hali.js, 2B tuval) ---------- */
.hs-hali-bolum { background: var(--pus-gok); border-block: 1px solid var(--sky-100); }
.hs-hali-bas > p:first-child { margin: 0; }
.hs-not { margin: 0; color: var(--ink-muted); font-size: 14px; line-height: 20px; }
.hs-hali { display: grid; gap: var(--space-6); margin: 0; min-width: 0; }
.hs-hali-cerceve { position: relative; padding: var(--space-6); border: 1px solid var(--line-subtle); border-radius: var(--radius-lg); background: var(--surface-card); box-shadow: var(--shadow-sm); }
.hs-hali-izgara { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: var(--space-2); }
.hs-hali-saatler { position: relative; }
.hs-hali-saatler span { position: absolute; right: 0; transform: translateY(-50%); font-size: 12px; line-height: 16px; color: var(--ink-muted); font-variant-numeric: tabular-nums; }
.hs-hali-saatler span:nth-child(1) { top: 0; transform: none; }
.hs-hali-saatler span:nth-child(2) { top: 25%; }
.hs-hali-saatler span:nth-child(3) { top: 50%; }
.hs-hali-saatler span:nth-child(4) { top: 75%; }
.hs-hali-saatler span:nth-child(5) { top: 100%; transform: translateY(-100%); }
/* Poster: konya-8760.json'dan hali.js ile aynı renk rampasıyla (green-50 → green-900) üretilmiş 365 × 24 px kayıpsız
   WebP. JS yokken ve modül yüklenene kadar görünür; çizilen tuval (tam opak) üstünü örter. */
.hs-hali-tuval { display: block; width: 100%; height: 312px; border-radius: var(--radius-xs); image-rendering: pixelated; cursor: crosshair; touch-action: pan-y;
  background: url("data:image/webp;base64,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") 0 0 / 100% 100% no-repeat, var(--green-50); }
.hs-hali-aylar { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); margin: var(--space-2) 0 0 52px; font-size: 12px; line-height: 16px; color: var(--ink-muted); }
.hs-hali-ipucu { position: absolute; z-index: 2; pointer-events: none; padding: var(--space-2) var(--space-3); border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--surface-card); box-shadow: var(--shadow-overlay); color: var(--ink); font-size: 13px; line-height: 18px; white-space: nowrap; }
.hs-hali-ipucu b { font-family: var(--font-display); font-weight: 600; font-variant-numeric: tabular-nums; }
.hs-hali-alt { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--space-3) var(--space-6); }
.hs-hali-alt figcaption { color: var(--ink-muted); max-width: 72ch; }
.hs-rampa { display: flex; align-items: center; gap: var(--space-2); margin: 0; font-size: 12px; line-height: 16px; color: var(--ink-muted); font-variant-numeric: tabular-nums; }
.hs-rampa i { display: block; flex: 0 1 160px; min-width: 64px; height: 10px; border: 1px solid var(--line); border-radius: var(--radius-xs); background: linear-gradient(90deg, var(--green-50), var(--green-200), var(--green-400), var(--green-600), var(--green-900)); }
.hs-hali .hs-hali-ozet { --olcu-sutun: 3; gap: var(--space-6) var(--space-8); padding-top: var(--space-2); }
.hs-hali-ozet .olcu-sayi { white-space: nowrap; }
.hs-tepe-zaman { order: 4; margin-top: var(--space-1); color: var(--ink-muted); }
.hs-tepe-zaman:empty { display: none; }
@media (max-width: 640px) {
  .hs-hali-cerceve { padding: var(--space-3); }
  .hs-hali-izgara { grid-template-columns: 38px minmax(0, 1fr); }
  .hs-hali-saatler span { font-size: 11px; }
  .hs-hali-tuval { height: 220px; }
  .hs-hali-aylar { margin-left: 46px; font-size: 11px; }
}
@media (max-width: 420px) { .hs-hali-aylar span:nth-child(even) { visibility: hidden; } }

/* ======================= Bilgi Merkezi ======================= */
/* Makale kartı kapakları: makalenin konusundan türeyen eş yükselti SVG'leri (P3, assets/img/ikiz/kapak-*.svg).
   {{MAKALELER:n}} kartları build.py'den gelir; kapak süs olduğu için CSS zemininde durur (ekran okuyucuya okunmaz).
   build.py karta kendi kapak öğesini (.makale-kart-kapak) eklerse bu katman kendiliğinden çekilir. */
.makale-kart { position: relative; overflow: hidden; }
.makale-kart:not(:has(.makale-kart-kapak))::before { content: ""; display: block; flex: none; aspect-ratio: 16 / 7; margin: calc(-1 * var(--space-6)) calc(-1 * var(--space-6)) var(--space-5);
  border-bottom: 1px solid var(--line-subtle);
  background: linear-gradient(180deg, color-mix(in srgb, var(--pus-gok) 45%, transparent), color-mix(in srgb, var(--pus-gok) 15%, transparent)), var(--kapak, none) 50% 50% / cover no-repeat, var(--pus-gok); }
.makale-kart[href$="makale-lisanssiz-ges-hisse-devri.html"] { --kapak: url("../img/ikiz/kapak-lisanssiz-ges-hisse-devri.svg"); }
.makale-kart[href$="makale-proje-finansmani-gostergeler.html"] { --kapak: url("../img/ikiz/kapak-proje-finansmani-gostergeler.svg"); }
.makale-kart[href$="makale-saatlik-mahsuplasma-oztuketim.html"] { --kapak: url("../img/ikiz/kapak-saatlik-mahsuplasma-oztuketim.svg"); }

/* ---------- Enerji sözlüğü: geniş ekranda gazete sütunu (yukarıdan aşağı alfabe sırası) ---------- */
.bm-sozluk-bolum { background: var(--surface-card); border-block: 1px solid var(--line-subtle); }
.bm-sozluk { margin: 0; columns: 2; column-gap: clamp(40px, 5vw, 80px); }
.bm-sozluk > div { break-inside: avoid; padding-block: var(--space-5); border-top: 1px solid var(--line); scroll-margin-top: 96px; }
.bm-sozluk dt { font-family: var(--font-display); font-size: 17px; line-height: 26px; font-weight: 600; color: var(--ink); }
.bm-sozluk dd { margin: var(--space-1) 0 0; max-width: 62ch; font-size: 15px; line-height: 24px; color: var(--ink-secondary); }
.bm-sozluk > div:target { margin-inline: calc(-1 * var(--space-4)); padding-inline: var(--space-4); border-radius: var(--radius-sm); border-top-color: transparent; background: var(--green-50); box-shadow: inset 3px 0 0 var(--accent); }
@media (max-width: 860px) { .bm-sozluk { columns: 1; } }

/* ======================= Makaleler ======================= */
/* Sayfa başı motifi: genel eş yükselti motifinin yerine makalenin kendi kapağı (kartla aynı çizim) */
.mk-bas::after { background: var(--kapak, none) 100% 50% / cover no-repeat; opacity: .16; }
.mk-bas--hisse-devri { --kapak: url("../img/ikiz/kapak-lisanssiz-ges-hisse-devri.svg"); }
.mk-bas--finansman { --kapak: url("../img/ikiz/kapak-proje-finansmani-gostergeler.svg"); }
.mk-bas--mahsuplasma { --kapak: url("../img/ikiz/kapak-saatlik-mahsuplasma-oztuketim.svg"); }
.mk-bas .h1 { max-width: 22ch; }
/* Yan sütun düğmesi: site.css'teki ".makale-yan a" rengi birincil düğmenin yazısını ezmesin (kontrast ≥ 4,5) */
.makale-yan a.bk-btn-primary, .makale-yan a.bk-btn-primary:hover { color: var(--ink-on-action); text-decoration: none; }
.makale-yan a.bk-btn { height: auto; min-height: 44px; padding-block: var(--space-2); white-space: normal; text-align: center; }
/* İçindekiler: her bağlantı satırın tamamını kaplayan en az 44 px'lik hedef (plan 10.1, WCAG 2.5.8). Eskiden 18 px'lik metin kutusuydu.
   Satır aralığı bağlantının iç boşluğundan gelir (liste boşluğu kalkar), hedefler üst üste binmez; iki satıra sarılan başlık uzar.
   Listenin üst/alt payı iç boşluk kadar geri çekilir: etiketle ve düğmeyle arası eskisi gibi kalır. */
.makale-yan ol { gap: 0; margin-block: calc(-1 * var(--space-3)); }
.makale-yan ol a:not(.bk-btn) { display: block; min-height: 44px; padding-block: var(--space-3); }
