/* cevaplama.com — GÖRSEL ÖNCELİKLİ TASARIM (30.09.2026). Sahneler sahne.py'den; bkz. o dosyanın başlığı.
   Ana stil bütçesinin (20 KB) DIŞINDA ayrı dosya. */
.sahne-tanim{position:absolute;width:0;height:0;overflow:hidden}
.sahne{position:relative;display:block;margin:0;overflow:hidden;border-radius:14px;border:1px solid var(--s-cizgi);
  background:var(--s-zemin);color:var(--s-renk)}
.sahne svg{display:block;width:100%;height:auto}
.sahne .s-orta{fill:var(--yuzey,#fff);stroke:currentColor;stroke-opacity:.35;stroke-width:1.5}
.sahne .s-yan{fill:var(--yuzey,#fff);fill-opacity:.9;stroke:currentColor;stroke-opacity:.25;stroke-width:1.2}
.sahne .s-no{fill:currentColor}
.sahne .s-no-y{fill:#fff;font:700 17px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.ton-a{--s-renk:#1f5fd1;--s-koyu:#123a82;--s-zemin:linear-gradient(135deg,#e6effe,#f5f8ff);--s-cizgi:#cfdffb}
.ton-b{--s-renk:#0b7d73;--s-koyu:#0a4f49;--s-zemin:linear-gradient(135deg,#e1f6f3,#f3fbfa);--s-cizgi:#c4ebe6}
.ton-c{--s-renk:#6d3bd6;--s-koyu:#3f1f8a;--s-zemin:linear-gradient(135deg,#efe8ff,#f9f6ff);--s-cizgi:#ddd0fb}
.ton-d{--s-renk:#a65206;--s-koyu:#6b3403;--s-zemin:linear-gradient(135deg,#fff1dc,#fffaf1);--s-cizgi:#f6dfbb}
@media (prefers-color-scheme:dark){
  .ton-a{--s-renk:#8db6ff;--s-koyu:#0b1c3d;--s-zemin:linear-gradient(135deg,#12213d,#0e1729);--s-cizgi:#23365c}
  .ton-b{--s-renk:#5fd6c8;--s-koyu:#062b28;--s-zemin:linear-gradient(135deg,#0e2b29,#0c1d1d);--s-cizgi:#1d4642}
  .ton-c{--s-renk:#bda4ff;--s-koyu:#1f1147;--s-zemin:linear-gradient(135deg,#221a3f,#15122a);--s-cizgi:#392b68}
  .ton-d{--s-renk:#f3bd74;--s-koyu:#3a1f03;--s-zemin:linear-gradient(135deg,#33240f,#1f170c);--s-cizgi:#54391a}
  .sahne .s-orta,.sahne .s-yan{fill:#0f141c}
}
/* Başlık sahnenin altına biner: başlık görselin parçası */
.sahne.basli figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 14px 12px;
  background:linear-gradient(to top,color-mix(in srgb,var(--s-koyu) 92%,transparent) 0,color-mix(in srgb,var(--s-koyu) 70%,transparent) 55%,transparent);color:#fff}
.sahne.basli figcaption>*{display:block;margin:0;color:#fff;font-size:1.06rem;font-weight:700;line-height:1.25;text-wrap:balance;letter-spacing:-.005em}
.sahne.basli figcaption h2{font-size:1.22rem}
.sahne-cip.basli figcaption{padding:22px 10px 9px}
.sahne-cip.basli figcaption>*{font-size:.92rem;line-height:1.2}
.sahne-bant.basli figcaption{padding:26px 14px 10px}

/* Kartlar: sahne kartın tepesini kaplar */
.adimlar li,.ozellik,.senaryo,.paket-kart,.ek-kart{overflow:hidden}
.adimlar li>.sahne,.ozellik>.sahne,.senaryo>.sahne,.paket-kart>.sahne,.ek-kart>.sahne{
  margin:calc(-1*var(--b5)) calc(-1*var(--b5)) var(--b3);border-radius:0;border:0;border-bottom:1px solid var(--s-cizgi)}
.adimlar li::before{display:none}
.senaryo.karo{padding:0;border:0;background:transparent}
.senaryo.karo>.sahne{margin:0;border-radius:12px;border:1px solid var(--s-cizgi)}
.senaryo:hover .sahne,.cipler.karolar a:hover .sahne,.sozluk-liste a:hover .sahne{filter:saturate(1.25) brightness(1.03)}
/* Kısa metin: iki satır; dokununca ya da odaklanınca tamamı */
.kisa{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;cursor:pointer;border-radius:6px}
.kisa:focus,.kisa:active{-webkit-line-clamp:unset;line-clamp:unset;outline:0}
.kisa:focus-visible{box-shadow:0 0 0 2px var(--marka,#1f6feb)}

/* Bantlar ve teklif kutuları */
.cta-band>.sahne.ic{max-width:520px;margin:0 auto var(--b5);border-color:transparent}
.deneme-kutu>.sahne.yan,.teklif>.sahne.yan{grid-column:1/-1}
@media (min-width:900px){
  .deneme-kutu,.teklif{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto}
  .deneme-kutu>.sahne.yan,.teklif>.sahne.yan{grid-column:auto}
}

/* SSS ve form */
.sss-gorsel{max-width:var(--metin-en);margin-bottom:var(--b4)}
@media (min-width:1000px){
  #sss-bolum .kap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--b6);align-items:start}
  #sss-bolum .bolum-bas{grid-column:1/-1;margin-bottom:0}
  #sss-bolum .sss-gorsel{margin:0;position:sticky;top:calc(var(--ust-yukseklik,64px) + var(--b5))}
}
.form-gorsel{margin-bottom:var(--b4)}

/* İlgili sayfalar ve sözlük dizini: görsel karolar */
.cipler.karolar{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--b3)}
.cipler.karolar a{padding:0;border:0;background:transparent;border-radius:12px;overflow:hidden}
.sozluk-liste a>.sahne{margin-bottom:var(--b2)}

/* Rehber: her başlık bir görsel blok */
.gblok{margin:0 0 var(--b5)}
.gblok>.sahne{margin-bottom:var(--b3)}
.gblok>h2{font-size:var(--t-h2b);font-weight:var(--agirlik-h2);margin:0 0 var(--b3)}
.gblok .ilk{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;margin:0 0 var(--b2)}
.gblok:has(details[open]) .ilk,.gblok:not(:has(details)) .ilk{-webkit-line-clamp:unset;line-clamp:unset;display:block;margin-bottom:var(--b4)}
details.devam>summary{cursor:pointer;display:inline-block;list-style:none;font-weight:600;font-size:var(--t-kucuk);color:var(--marka-metin,var(--marka,#1f6feb));padding:4px 0}
details.devam>summary::-webkit-details-marker{display:none}
details.devam>summary::after{content:" ▾"}
details.devam[open]>summary{display:none}
@media (min-width:760px){
  .metin{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--b5);align-items:start}
  .metin>*{grid-column:1/-1}
  .metin>.gblok{grid-column:auto}
  .metin>.gblok:has(details[open]){grid-column:1/-1}
}
/* İçindekiler: dar ekranda yatay kayan çip şeridi (uzun liste metin alanı kaplamasın) */
@media (max-width:1099px){
  .icindekiler{padding:var(--b3) var(--b4)}
  .icindekiler ol{display:flex;gap:var(--b2);overflow-x:auto;list-style:none;padding:0 0 4px;margin:var(--b2) 0 0;scrollbar-width:none}
  .icindekiler ol::-webkit-scrollbar{display:none}
  .icindekiler li{flex:none;margin:0}
  .icindekiler a{display:block;padding:6px 12px;border:1px solid var(--cizgi-guclu,var(--cizgi));border-radius:999px;white-space:nowrap}
}
@media print{.kisa,.gblok .ilk{-webkit-line-clamp:unset;line-clamp:unset;display:block}details.devam>summary{display:none}}
/* Izgara çocukları içeriğinden geniş olamaz (yatay çip şeridi sütunu şişirmesin) */
.govde-izgara>*{min-width:0}
.icindekiler{min-width:0;max-width:100%;overflow:hidden}
/* Sözlük dizini: görsel kart ızgarası */
.sozluk-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--b4);list-style:none;padding:0;margin:0}
.sozluk-liste li{margin:0}
.sozluk-liste a{display:block;overflow:hidden;padding:0 0 var(--b3)}
.sozluk-liste a>.sahne{border-radius:0;border:0;border-bottom:1px solid var(--s-cizgi)}
.sozluk-liste a>span{display:-webkit-box;padding:0 var(--b4)}
.tablo-gorsel{margin-bottom:var(--b3)}
details.tablo-ac[open]>summary{display:inline-block}
details.tablo-ac[open]>summary::after{content:" ▴"}
.paket-kart .aciklama.kisa{flex:none}
@media (max-width:420px){.sss-gorsel svg{aspect-ratio:1/1}}
.metin{column-gap:24px}
.gblok .ilk.kisa{display:-webkit-box}
.gblok .ilk.kisa:focus,.gblok .ilk.kisa:active{display:block}
details.sss-kalan{display:grid;gap:var(--b2)}
details.sss-kalan>summary{padding:8px 0}
details.sss-kalan[open]>details{margin-top:var(--b2)}
.cta-band>.sahne.ic{max-width:640px}
.band-gorsel{margin:0 0 var(--b5);max-width:var(--metin-en)}
@media (min-width:900px){.band-gorsel{max-width:none}.band-gorsel svg{max-height:300px}}
.hero .sahne.hero-gorsel{max-width:520px;width:100%;justify-self:center}
@media (min-width:900px){.form-gorsel svg{max-height:340px}}
.kisa.uc{-webkit-line-clamp:3;line-clamp:3}
@media (min-width:900px){.lead.kisa.uc{-webkit-line-clamp:unset;line-clamp:unset;display:block;cursor:auto}}