/* Yaşam Çarkı sayfası: yalnız ortak kitte olmayan yerleşim. Tüm sınıflar yc- önekli. */

.yc-giris { margin: clamp(1rem, 2vw, 1.4rem) 0 0; max-width: 40rem; font-size: clamp(1.0625rem, 1rem + .3vw, 1.2rem); }

/* ——— Araç: solda kaydırgaçlar, sağda yapışkan çark ——— */
.yc-arac {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  gap: clamp(1.5rem, 4vw, 4rem); align-items: start; margin-top: clamp(2rem, 4vw, 3.25rem);
}
.yc-panel h3 { font-size: clamp(1.2rem, 1.1rem + .4vw, 1.4rem); }
.yc-olcek { margin: 0 0 1.1rem; font-size: .98rem; }
.yc-kaydirgaclar { display: grid; }
.yc-kaydirgaclar .kaydirgac { padding-block: .9rem .2rem; border-top: 1px solid rgba(255, 255, 255, .08); }
.yc-kaydirgaclar .kaydirgac:first-child { border-top: 0; padding-top: 0; }
.yc-ipucu { grid-column: 1 / -1; font-size: .95rem; line-height: 1.4; color: var(--sis); }

.yc-yan { position: sticky; top: 6.25rem; display: grid; gap: .9rem; justify-items: center; }
.yc-sekil { width: 100%; }
.yc-yan .cark { max-height: calc(100svh - 15rem); }
.yc-okuma.cark-okuma { width: 100%; margin: 0; }
.yc-jsyok { display: none; width: 100%; margin: 0; }
html:not(.js) .yc-jsyok { display: block; }
html:not(.js) .yc-sekil, html:not(.js) .yc-okuma, html:not(.js) .yc-dugmeler,
html:not(.js) .yc-sonuc, html:not(.js) .yc-kaydirgaclar .kaydirgac output { display: none; }

/* ——— Sonuç ——— */
.yc-sonuc { margin-top: clamp(1.5rem, 3vw, 2.25rem); }
.yc-sonuc h3 { font-size: clamp(1.2rem, 1.1rem + .4vw, 1.4rem); margin-bottom: 1rem; }
.yc-sonuc__izgara { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1fr) minmax(0, 1.6fr); gap: 1.25rem clamp(1.25rem, 3vw, 2.5rem); margin: 0; }
.yc-sonuc__izgara > div { min-width: 0; padding-top: .9rem; border-top: 1px solid rgba(255, 255, 255, .1); }
.yc-sonuc dt { font-size: .93rem; font-weight: 600; color: var(--buz); }
.yc-sonuc dd { margin: .35rem 0 0; }
.yc-sayi { font-stretch: 70%; font-weight: 800; font-size: clamp(2.6rem, 2rem + 2vw, 3.6rem); line-height: 1; color: var(--metin); font-variant-numeric: tabular-nums; }
.yc-sayi__alt { font-size: .45em; font-weight: 700; color: var(--sis); }
.yc-dusuk { font-weight: 650; font-size: clamp(1.05rem, 1rem + .3vw, 1.2rem); line-height: 1.4; color: var(--metin); }
.yc-soru { font-stretch: 92%; font-weight: 600; font-size: clamp(1.1rem, 1rem + .45vw, 1.35rem); line-height: 1.35; color: var(--altin); text-wrap: pretty; }
.yc-puanlar { display: none; }
.yc-dugmeler { display: flex; flex-wrap: wrap; gap: .7rem 1rem; margin-top: 1.5rem; }

.yc-uyari { margin-top: 1rem; max-width: 52rem; }

.yc-oneriler { margin-top: clamp(2rem, 4vw, 3.25rem); }
.yc-oneriler .kutu { display: flex; flex-direction: column; }
.yc-oneriler .bag { align-self: flex-start; display: inline-flex; align-items: center; min-height: 2.75rem; margin-top: auto; }

/* ——— Tablet ve telefon: çark önce gelir ——— */
@media (max-width: 60rem) {
  .yc-arac { grid-template-columns: minmax(0, 1fr); }
  .yc-yan { order: -1; position: static; }
  .yc-sonuc__izgara { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .yc-sonuc__soru { grid-column: 1 / -1; }
}
@media (max-width: 40rem) {
  .yc-sonuc__izgara { grid-template-columns: minmax(0, 1fr); }
  .yc-dugmeler .dugme { flex: 1 1 10rem; }
}

/* ——— Yazdırma: çark ve sonuç beyaz zeminde koyu yazıyla ——— */
@media print {
  html, body { background: #fff !important; }
  body { padding: 0; color: var(--uzay); }
  .atla, .ilerleme, .ust, .alt, .sekme, .cekmece, .demo-hareket,
  main > section:not(.yc-bolum), .yc-panel, .yc-giris, .yc-dugmeler, .yc-jsyok, .yc-bolum .not { display: none !important; }
  .yc-bolum { padding: 0; border: 0; }
  .yc-bolum, .yc-bolum * { color: var(--uzay) !important; }
  .yc-bolum .baslik { font-size: 2rem; }
  .yc-bolum .satir-ic { clip-path: none !important; translate: none !important; }
  .hareket .yc-bolum [data-belir] { opacity: 1 !important; translate: none !important; scale: 1 !important; }
  .yc-arac { display: block; margin-top: 1rem; }
  .yc-yan { position: static; background: none; border: 0; margin: 0; padding: 0; }
  .yc-yan .cark { max-height: none; width: 70%; margin-inline: auto; }
  .cam { background: none !important; border-color: rgba(7, 10, 24, .3) !important; }
  .cam::before { display: none; }
  .cark-halka, .cark-cizgi { stroke: rgba(7, 10, 24, .25); }
  .cark-dilim { fill: rgba(224, 179, 65, .6); -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .cark-g.dusuk .cark-dilim { fill: var(--altin); }
  .hareket .cark-sekil:not(.gorundu) .cark-dilim { scale: var(--v, .5); }
  .cark-ad, .cark-ad.dusuk { fill: var(--uzay); }
  .yc-sonuc, .yc-uyari, .yc-sekil { break-inside: avoid; }
  .yc-sonuc__izgara > div { border-top-color: rgba(7, 10, 24, .2); }
  .yc-puanlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .3rem 1rem; margin-top: 1rem; font-size: .95rem; }
}