:root {
  --sdf-navy: #0b1f33;
  --sdf-navy-2: #102b45;
  --sdf-ink: #132536;
  --sdf-paper: #f4f0e6;
  --sdf-gold: #c9a45d;
  --sdf-gold-2: #e1c887;
  --sdf-blue: #2b6f9f;
  --sdf-line: rgba(255, 255, 255, 0.16);
}

.sdf-stage,
.sdf-stage * {
  box-sizing: border-box;
}

.sdf-stage {
  position: relative;
  width: 100vw;
  min-height: 100vh;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
  display: grid;
  place-items: center;
  padding: clamp(28px, 4vw, 64px);
  background:
    radial-gradient(circle at 78% 24%, rgba(201,164,93,.16), transparent 28%),
    radial-gradient(circle at 15% 85%, rgba(43,111,159,.20), transparent 30%),
    linear-gradient(135deg, #081827 0%, var(--sdf-navy) 46%, #102c45 100%);
  color: white;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.sdf-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .18;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 52px 52px;
}

.sdf-hero {
  position: relative;
  z-index: 2;
  width: min(1420px, 94vw);
  min-height: min(790px, 86vh);
  display: grid;
  grid-template-columns: .9fr 1.25fr;
  grid-template-rows: auto 1fr auto;
  align-items: center;
  gap: 18px 58px;
  padding: clamp(34px, 4vw, 68px);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 30px;
  background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
  box-shadow: 0 30px 90px rgba(0,0,0,.28);
  backdrop-filter: blur(12px);
}

.sdf-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 9px 18px;
  border: 1px solid rgba(225,200,135,.42);
  border-radius: 999px;
  color: var(--sdf-gold-2);
  background: rgba(201,164,93,.08);
  font-size: clamp(11px, 1vw, 14px);
  font-weight: 800;
  letter-spacing: .18em;
  text-align: center;
}

.sdf-hero > .sdf-badge {
  grid-column: 1 / -1;
  justify-self: center;
}

.sdf-logo {
  width: min(390px, 35vw);
  max-height: 48vh;
  object-fit: contain;
  justify-self: center;
  filter: drop-shadow(0 20px 30px rgba(0,0,0,.25));
}

.sdf-title-wrap {
  align-self: end;
}

.sdf-eyebrow {
  margin-bottom: 13px;
  color: var(--sdf-gold-2);
  font-size: clamp(12px, 1.2vw, 17px);
  font-weight: 800;
  letter-spacing: .22em;
}

.sdf-title-wrap h1 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(42px, 5.4vw, 86px);
  line-height: .98;
  letter-spacing: -.035em;
  font-weight: 700;
  color: #fff;
}

.sdf-title-wrap h1 span {
  color: var(--sdf-gold-2);
}

.sdf-title-wrap p {
  max-width: 720px;
  margin: 18px 0 0;
  color: rgba(255,255,255,.72);
  font-size: clamp(15px, 1.35vw, 20px);
  line-height: 1.55;
}

.sdf-actions {
  grid-column: 2;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-self: start;
  margin-top: 20px;
}

.sdf-btn {
  position: relative;
  min-height: 154px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 16px;
  padding: 22px 22px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 22px;
  color: #fff !important;
  text-decoration: none !important;
  background: rgba(255,255,255,.055);
  transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.sdf-btn:hover,
.sdf-btn:focus {
  transform: translateY(-4px);
  border-color: rgba(255,218,175,.7);
  background: linear-gradient(145deg, rgba(150,27,33,.98), rgba(82,9,15,.98));
  box-shadow: 0 18px 42px rgba(0,0,0,.22);
}

.sdf-btn-index {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: linear-gradient(145deg, var(--sdf-gold-2), var(--sdf-gold));
  color: var(--sdf-navy);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 30px;
  font-weight: 800;
}

.sdf-btn-copy {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.sdf-btn-copy strong {
  font-size: clamp(15px, 1.2vw, 19px);
  letter-spacing: .02em;
}

.sdf-btn-copy small {
  color: rgba(255,255,255,.58);
  font-size: 12px;
  line-height: 1.35;
}

.sdf-btn-arrow {
  font-size: 28px;
  color: var(--sdf-gold-2);
}

.sdf-footer-note {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 8px;
  color: rgba(255,255,255,.52);
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.sdf-footer-note span {
  height: 1px;
  flex: 1;
  background: var(--sdf-line);
}

.sdf-bg-symbol {
  position: absolute;
  z-index: 1;
  color: rgba(255,255,255,.025);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
  user-select: none;
}
.sdf-bg-symbol--one { left: 1.5vw; top: 7vh; font-size: 240px; transform: rotate(-9deg); }
.sdf-bg-symbol--two { right: 3vw; bottom: -2vh; font-size: 300px; transform: rotate(8deg); }
.sdf-bg-symbol--three { right: 18vw; top: 2vh; font-size: 180px; }

/* 10. ve 11. sınıf sayfaları */
.sdf-stage--inner {
  min-height: 100vh;
  padding: clamp(22px, 2.7vw, 46px);
}

.sdf-inner-card {
  position: relative;
  z-index: 2;
  width: min(1540px, 96vw);
  min-height: min(860px, 91vh);
  padding: clamp(54px, 4.5vw, 78px) clamp(28px, 4vw, 64px) clamp(28px, 3vw, 52px);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 30px;
  background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.028));
  box-shadow: 0 30px 90px rgba(0,0,0,.25);
  backdrop-filter: blur(12px);
}

.sdf-back,
.sdf-archive {
  position: absolute;
  top: 24px;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  color: rgba(255,255,255,.86) !important;
  background: rgba(255,255,255,.055);
  text-decoration: none !important;
  font-weight: 800;
  letter-spacing: .08em;
  font-size: 12px;
  transition: .2s ease;
}

.sdf-back { left: 28px; }
.sdf-archive { right: 28px; color: var(--sdf-gold-2) !important; }
.sdf-archive span { margin-left: 8px; font-size: 16px; }
.sdf-back:hover,
.sdf-archive:hover { background: rgba(255,255,255,.10); transform: translateY(-2px); }

.sdf-inner-header {
  display: grid;
  grid-template-columns: 168px 1fr;
  align-items: center;
  gap: 32px;
  max-width: 1160px;
  margin: 0 auto 34px;
  text-align: left;
}

.sdf-inner-logo {
  width: 158px;
  height: 158px;
  object-fit: contain;
  filter: drop-shadow(0 12px 24px rgba(0,0,0,.24));
}

.sdf-inner-heading .sdf-badge {
  margin-bottom: 12px;
}

.sdf-inner-heading h1,
.sdf-archive-page h1 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(48px, 5.8vw, 86px);
  line-height: .95;
  letter-spacing: -.035em;
  color: var(--sdf-gold-2);
}

.sdf-inner-heading p,
.sdf-archive-page > p {
  margin: 10px 0 0;
  color: rgba(255,255,255,.68);
  font-size: clamp(14px, 1.2vw, 18px);
}

.sdf-section-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(14px, 1.35vw, 22px);
  margin-top: 12px;
}

.sdf-section-card {
  position: relative;
  min-height: 350px;
  display: flex;
  flex-direction: column;
  padding: 24px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 22px;
  background: linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.035));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.sdf-section-card::after {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  right: -80px;
  bottom: -80px;
  border-radius: 50%;
  background: rgba(201,164,93,.075);
}

.sdf-section-card:hover,
.sdf-section-card:focus {
  outline: none;
  transform: translateY(-5px);
  border-color: rgba(225,200,135,.55);
  background: linear-gradient(160deg, rgba(255,255,255,.105), rgba(255,255,255,.045));
  box-shadow: 0 18px 40px rgba(0,0,0,.20);
}

.sdf-section-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}

.sdf-section-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  background: linear-gradient(145deg, var(--sdf-gold-2), var(--sdf-gold));
  color: var(--sdf-navy);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 25px;
  font-weight: 900;
}

.sdf-section-no {
  color: rgba(255,255,255,.22);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 26px;
  font-weight: 700;
}

.sdf-section-card h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(18px, 1.45vw, 25px);
  line-height: 1.12;
  letter-spacing: .025em;
}

.sdf-section-card > p {
  margin: 13px 0 24px;
  color: rgba(255,255,255,.59);
  font-size: 14px;
  line-height: 1.55;
}

.sdf-week {
  position: relative;
  z-index: 2;
  margin-top: auto;
  padding-top: 17px;
  border-top: 1px solid rgba(255,255,255,.12);
}

.sdf-week span {
  display: block;
  margin-bottom: 6px;
  color: var(--sdf-gold-2);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .17em;
}

.sdf-week strong {
  display: block;
  color: rgba(255,255,255,.92);
  font-size: clamp(13px, 1.05vw, 16px);
  line-height: 1.35;
}


/* v1.34.16 — 10. sınıf hafta merkezi 11. sınıfın BİREBİR tema kabuğunu kullanır.
 * PHP tarafında her iki sınıf merkezi de sdf-grade-11 tema sınıfıyla render edilir;
 * data-sdf-content-grade yalnızca içerik seviyesini belirtir ve görsel stile karışmaz. */
.sdf-stage--inner.sdf-grade-hub.sdf-grade-11 {
  --sdf-navy: #0b1f33;
  --sdf-navy-2: #102b45;
  --sdf-gold: #c9a45d;
  --sdf-gold-2: #e1c887;
  --sdf-blue: #2b6f9f;
  background:
    radial-gradient(circle at 78% 24%, rgba(201,164,93,.16), transparent 28%),
    radial-gradient(circle at 15% 85%, rgba(43,111,159,.20), transparent 30%),
    linear-gradient(135deg, #081827 0%, #0b1f33 46%, #102c45 100%) !important;
}
.sdf-grade-hub.sdf-grade-11 .sdf-inner-card {
  border-color: rgba(255,255,255,.14) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.028)) !important;
}
.sdf-grade-hub.sdf-grade-11 .sdf-section-card {
  border-color: rgba(255,255,255,.14) !important;
  background: linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.035)) !important;
}
.sdf-grade-hub.sdf-grade-11 .sdf-section-icon {
  background: linear-gradient(145deg, #e1c887, #c9a45d) !important;
  color: #0b1f33 !important;
}
.sdf-grade-hub.sdf-grade-11 .sdf-inner-heading h1,
.sdf-grade-hub.sdf-grade-11 .sdf-week span,
.sdf-grade-hub.sdf-grade-11 .sdf-archive {
  color: #e1c887 !important;
}

/* Arşiv sayfası */
.sdf-archive-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.sdf-archive-page .sdf-inner-logo { margin-bottom: 14px; }
.sdf-archive-page .sdf-badge { margin-bottom: 20px; }

.sdf-archive-placeholder {
  width: min(780px, 90%);
  min-height: 170px;
  display: grid;
  place-items: center;
  margin-top: 38px;
  padding: 28px;
  border: 1px dashed rgba(225,200,135,.38);
  border-radius: 22px;
  background: rgba(201,164,93,.05);
  color: rgba(255,255,255,.58);
  font-weight: 800;
  letter-spacing: .08em;
}

@media (max-width: 1100px) {
  .sdf-section-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sdf-inner-card { min-height: auto; }
}

@media (max-width: 980px) {
  .sdf-stage { padding: 20px; }
  .sdf-hero {
    grid-template-columns: 1fr;
    min-height: auto;
    gap: 26px;
    padding: 30px;
    text-align: center;
  }
  .sdf-hero > .sdf-badge { grid-column: 1; }
  .sdf-logo { width: min(290px, 70vw); }
  .sdf-title-wrap { align-self: center; }
  .sdf-title-wrap p { margin-left: auto; margin-right: auto; }
  .sdf-actions { grid-column: 1; grid-template-columns: 1fr 1fr; width: 100%; }
  .sdf-footer-note { grid-column: 1; }

  .sdf-inner-header {
    grid-template-columns: 120px 1fr;
    gap: 22px;
  }
  .sdf-inner-logo { width: 116px; height: 116px; }
}

@media (max-width: 680px) {
  .sdf-actions { grid-template-columns: 1fr; }
  .sdf-btn { min-height: 116px; }
  .sdf-section-grid { grid-template-columns: 1fr; }
  .sdf-section-card { min-height: 290px; }
  .sdf-inner-header { grid-template-columns: 1fr; text-align: center; }
  .sdf-inner-logo { margin: 0 auto; }
  .sdf-inner-heading .sdf-badge { width: 100%; }
  .sdf-back, .sdf-archive { top: 16px; }
  .sdf-back { left: 14px; }
  .sdf-archive { right: 14px; }
}

/* Akıllı tahta / yatay ekran optimizasyonu */
@media (min-width: 1200px) and (orientation: landscape) {
  .sdf-stage { min-height: 100vh; }
  .sdf-hero { max-height: 92vh; }
  .sdf-inner-card { max-height: 93vh; }
}

/* Satın alma / giriş sayfası */
.sdf-stage--purchase {
  padding: clamp(20px, 2.7vw, 44px);
}

.sdf-purchase-shell {
  position: relative;
  z-index: 2;
  width: min(1580px, 96vw);
  min-height: min(880px, 92vh);
  padding: clamp(28px, 3vw, 48px);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 30px;
  background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
  box-shadow: 0 30px 90px rgba(0,0,0,.28);
  backdrop-filter: blur(12px);
}

.sdf-purchase-header {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr) auto;
  gap: 30px;
  align-items: center;
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(255,255,255,.12);
}

.sdf-purchase-logo {
  width: 160px;
  height: 150px;
  object-fit: contain;
  filter: drop-shadow(0 12px 26px rgba(0,0,0,.22));
}

.sdf-purchase-heading .sdf-badge {
  margin-bottom: 13px;
}

.sdf-purchase-heading h1 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(31px, 3.55vw, 58px);
  line-height: 1.02;
  letter-spacing: -.035em;
  color: #fff;
}

.sdf-purchase-heading h1 span {
  color: var(--sdf-gold-2);
}

.sdf-purchase-heading > p {
  max-width: 920px;
  margin: 12px 0 0;
  color: rgba(255,255,255,.62);
  font-size: clamp(13px, 1vw, 16px);
  line-height: 1.5;
}

.sdf-login-trigger {
  min-width: 150px;
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 0 22px;
  border: 1px solid rgba(225,200,135,.46);
  border-radius: 999px;
  color: var(--sdf-gold-2);
  background: rgba(201,164,93,.08);
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .11em;
  cursor: pointer;
  transition: .2s ease;
}

.sdf-login-trigger:hover,
.sdf-login-trigger:focus {
  transform: translateY(-2px);
  background: rgba(201,164,93,.15);
  border-color: rgba(225,200,135,.75);
}

.sdf-login-trigger span { font-size: 19px; }

.sdf-login-error {
  margin: 18px 0 -4px;
  padding: 12px 16px;
  border: 1px solid rgba(255,170,170,.28);
  border-radius: 12px;
  background: rgba(140,22,22,.18);
  color: #ffd7d7;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
}

.sdf-purchase-content {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: clamp(22px, 2.3vw, 38px);
  margin-top: 30px;
}

.sdf-pricing-panel,
.sdf-content-panel {
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 24px;
  background: rgba(255,255,255,.035);
  padding: clamp(24px, 2.4vw, 38px);
}

.sdf-panel-kicker {
  color: var(--sdf-gold-2);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .20em;
}

.sdf-pricing-panel > h2,
.sdf-content-panel > h2,
.sdf-login-box > h2 {
  margin: 7px 0 22px;
  font-family: Georgia, "Times New Roman", serif;
  color: #fff;
  font-size: clamp(25px, 2.15vw, 35px);
  letter-spacing: -.02em;
}

.sdf-price-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.sdf-price-card {
  position: relative;
  min-height: 310px;
  display: flex;
  flex-direction: column;
  padding: 25px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 20px;
  background: linear-gradient(160deg, rgba(255,255,255,.065), rgba(255,255,255,.022));
}

.sdf-price-card--featured {
  border-color: rgba(225,200,135,.45);
  background: linear-gradient(160deg, rgba(201,164,93,.12), rgba(255,255,255,.03));
}

.sdf-price-badge {
  position: absolute;
  top: 18px;
  right: 18px;
  padding: 6px 9px;
  border-radius: 999px;
  background: var(--sdf-gold-2);
  color: var(--sdf-navy);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .10em;
}

.sdf-price-label {
  color: rgba(255,255,255,.58);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .17em;
}

.sdf-price {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  margin: 13px 0 12px;
}

.sdf-price strong {
  font-family: Georgia, "Times New Roman", serif;
  color: #fff;
  font-size: clamp(54px, 5vw, 78px);
  line-height: .9;
  font-weight: 700;
}

.sdf-price span {
  padding-bottom: 7px;
  color: var(--sdf-gold-2);
  font-size: 18px;
  font-weight: 900;
}

.sdf-price-card > p {
  margin: 0 0 22px;
  color: rgba(255,255,255,.58);
  font-size: 13px;
  line-height: 1.5;
}

.sdf-buy-btn {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
  padding: 0 17px;
  border: 1px solid rgba(225,200,135,.36);
  border-radius: 13px;
  color: #fff !important;
  background: rgba(201,164,93,.09);
  text-decoration: none !important;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .10em;
  transition: .2s ease;
}

.sdf-buy-btn:hover,
.sdf-buy-btn:focus {
  transform: translateY(-2px);
  background: var(--sdf-gold-2);
  color: var(--sdf-navy) !important;
}

.sdf-buy-btn span { font-size: 18px; }

.sdf-contact-line {
  margin-top: 18px;
  color: rgba(255,255,255,.48);
  font-size: 12px;
  text-align: center;
}

.sdf-contact-line strong { color: rgba(255,255,255,.86); }

.sdf-content-list {
  display: grid;
  gap: 11px;
}

.sdf-content-item {
  display: grid;
  grid-template-columns: 46px 1fr;
  gap: 14px;
  align-items: start;
  padding: 15px 0;
  border-bottom: 1px solid rgba(255,255,255,.10);
}

.sdf-content-item:last-child { border-bottom: 0; }

.sdf-content-index {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(225,200,135,.28);
  border-radius: 12px;
  color: var(--sdf-gold-2);
  background: rgba(201,164,93,.06);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 15px;
  font-weight: 700;
}

.sdf-content-item h3 {
  margin: 0 0 4px;
  color: #fff;
  font-size: 15px;
  letter-spacing: .01em;
}

.sdf-content-item p {
  margin: 0;
  color: rgba(255,255,255,.58);
  font-size: 12.5px;
  line-height: 1.48;
}

/* Giriş modalı */
.sdf-modal-open { overflow: hidden; }

.sdf-login-modal {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: grid;
  place-items: center;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: opacity .18s ease, visibility .18s ease;
}

.sdf-login-modal.is-open {
  opacity: 1;
  visibility: visible;
}

.sdf-login-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2,11,19,.78);
  backdrop-filter: blur(8px);
}

.sdf-login-box {
  position: relative;
  z-index: 2;
  width: min(470px, 94vw);
  padding: 36px;
  border: 1px solid rgba(225,200,135,.26);
  border-radius: 24px;
  background: linear-gradient(145deg, #0e263d, #081827);
  box-shadow: 0 30px 90px rgba(0,0,0,.5);
}

.sdf-login-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 50%;
  background: rgba(255,255,255,.05);
  color: rgba(255,255,255,.75);
  font-size: 24px;
  cursor: pointer;
}

.sdf-login-mark {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  margin-bottom: 18px;
  border-radius: 15px;
  background: linear-gradient(145deg, var(--sdf-gold-2), var(--sdf-gold));
  color: var(--sdf-navy);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 28px;
  font-weight: 800;
}

.sdf-login-box > p {
  margin: -13px 0 22px;
  color: rgba(255,255,255,.58);
  font-size: 13px;
}

.sdf-login-form label {
  display: block;
  margin-bottom: 7px;
  color: rgba(255,255,255,.75);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
}

.sdf-login-form input {
  width: 100%;
  height: 52px;
  padding: 0 15px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 12px;
  outline: 0;
  color: #fff;
  background: rgba(255,255,255,.055);
  font: inherit;
  font-size: 17px;
}

.sdf-login-form input:focus {
  border-color: rgba(225,200,135,.62);
  box-shadow: 0 0 0 3px rgba(201,164,93,.08);
}

.sdf-login-form button {
  width: 100%;
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  margin-top: 14px;
  border: 0;
  border-radius: 12px;
  color: var(--sdf-navy);
  background: linear-gradient(145deg, var(--sdf-gold-2), var(--sdf-gold));
  font: inherit;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .10em;
  cursor: pointer;
}

.sdf-login-form button span { font-size: 19px; }

@media (max-width: 1050px) {
  .sdf-purchase-header {
    grid-template-columns: 120px 1fr auto;
    gap: 20px;
  }
  .sdf-purchase-logo { width: 116px; height: 110px; }
  .sdf-purchase-content { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .sdf-stage--purchase { padding: 14px; }
  .sdf-purchase-shell { padding: 22px 18px; border-radius: 22px; }
  .sdf-purchase-header {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .sdf-purchase-logo { margin: 0 auto; }
  .sdf-purchase-heading .sdf-badge { width: 100%; }
  .sdf-login-trigger { width: 100%; }
  .sdf-price-grid { grid-template-columns: 1fr; }
  .sdf-login-box { padding: 30px 22px; }
}

@media (min-width: 1200px) and (orientation: landscape) {
  .sdf-purchase-shell { max-height: 94vh; }
}


/* Deneme kullanıcı bildirimi */
.sdf-trial-notice {
  position: fixed;
  left: 24px;
  bottom: 20px;
  z-index: 80;
  max-width: min(520px, calc(100vw - 48px));
  padding: 12px 16px;
  border: 1px solid rgba(225,200,135,.34);
  border-radius: 12px;
  background: rgba(7,23,37,.94);
  box-shadow: 0 12px 35px rgba(0,0,0,.28);
  color: rgba(255,255,255,.82);
  font-size: 12px;
  line-height: 1.45;
  letter-spacing: .02em;
}

.sdf-trial-notice strong {
  color: var(--sdf-gold-2);
  font-weight: 900;
  letter-spacing: .06em;
}

@media (max-width: 720px) {
  .sdf-trial-notice {
    left: 14px;
    right: 14px;
    bottom: 12px;
    max-width: none;
    text-align: center;
  }
}

/* 11. sınıf / Konu Sunumları / 1. Hafta */
.sdf-week--link {
  display: block;
  border-radius: 13px;
  padding: 15px 14px 13px;
  margin-left: -14px;
  margin-right: -14px;
  margin-bottom: -13px;
  color: inherit !important;
  text-decoration: none !important;
  transition: background .2s ease, transform .2s ease;
}

.sdf-week--link:hover,
.sdf-week--link:focus {
  outline: none;
  background: rgba(201,164,93,.10);
  transform: translateY(-2px);
}

.sdf-week--link em {
  display: block;
  margin-top: 8px;
  color: var(--sdf-gold-2);
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.sdf-week-presentation,
.sdf-week-presentation * {
  box-sizing: border-box;
}

.sdf-week-presentation {
  position: relative;
  width: 100vw;
  min-height: 100vh;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
  background: #eef1eb;
  color: #172d26;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.sdf-week-slide {
  width: 100%;
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: clamp(22px, 2.4vw, 42px);
  opacity: 0;
  transform: scale(.992);
  transition: opacity .55s ease, transform .55s ease;
  background:
    radial-gradient(circle at 14% 8%, rgba(102,135,111,.11), transparent 28%),
    radial-gradient(circle at 90% 84%, rgba(193,166,105,.12), transparent 25%),
    linear-gradient(135deg, #f8f6ef 0%, #edf2eb 58%, #f7f1e4 100%);
}

.sdf-week-slide.is-visible {
  opacity: 1;
  transform: scale(1);
}

.sdf-week-back {
  position: fixed;
  z-index: 12;
  top: 22px;
  left: 24px;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border: 1px solid rgba(27,68,52,.18);
  border-radius: 999px;
  background: rgba(255,255,255,.84);
  box-shadow: 0 8px 22px rgba(30,60,45,.08);
  color: #264d3d !important;
  text-decoration: none !important;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .10em;
  backdrop-filter: blur(8px);
}

.sdf-week-slide-shell {
  position: relative;
  width: min(1580px, 96vw);
  height: min(900px, 92vh);
  min-height: 690px;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  gap: clamp(14px, 1.3vw, 22px);
  padding: clamp(32px, 3vw, 52px) clamp(34px, 3.5vw, 62px) clamp(24px, 2.3vw, 38px);
  overflow: hidden;
  border: 1px solid rgba(40,78,60,.15);
  border-radius: 30px;
  background: rgba(255,255,255,.80);
  box-shadow: 0 28px 80px rgba(39,68,51,.13);
  backdrop-filter: blur(9px);
}

.sdf-week-slide-shell::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 7px;
  background: linear-gradient(90deg, #284f3d, #77916d 52%, #c7a86b);
}

.sdf-week-slide-header {
  padding-right: 90px;
  border-bottom: 1px solid rgba(40,78,60,.12);
  padding-bottom: clamp(15px, 1.3vw, 22px);
}

.sdf-week-meta {
  display: inline-flex;
  align-items: center;
  min-height: 31px;
  padding: 0 13px;
  margin-bottom: 11px;
  border: 1px solid rgba(40,78,60,.18);
  border-radius: 999px;
  background: rgba(76,113,90,.06);
  color: #557362;
  font-size: clamp(9px, .72vw, 11px);
  font-weight: 900;
  letter-spacing: .13em;
}

.sdf-week-slide-header h1 {
  margin: 0;
  color: #173b2e;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(38px, 4.2vw, 72px);
  line-height: .98;
  letter-spacing: -.035em;
}

.sdf-week-slide-header h2 {
  margin: 9px 0 0;
  color: #7a6338;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(18px, 1.7vw, 28px);
  font-weight: 500;
  line-height: 1.25;
}

.sdf-week-fixed-text {
  padding: clamp(16px, 1.4vw, 22px) clamp(18px, 1.7vw, 26px);
  border-left: 5px solid #5d7d68;
  border-radius: 0 18px 18px 0;
  background: linear-gradient(90deg, rgba(91,126,104,.10), rgba(91,126,104,.035));
}

.sdf-week-fixed-text p {
  margin: 0;
  color: #24372f;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(16px, 1.25vw, 21px);
  line-height: 1.55;
}

.sdf-week-scroll {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scroll-behavior: smooth;
  padding: clamp(17px, 1.6vw, 25px) clamp(20px, 1.8vw, 28px);
  border: 1px solid rgba(40,78,60,.14);
  border-radius: 20px;
  background: rgba(250,250,246,.78);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
  scrollbar-width: thin;
  scrollbar-color: #7f9a89 rgba(54,86,67,.08);
}

.sdf-week-scroll::-webkit-scrollbar { width: 10px; }
.sdf-week-scroll::-webkit-scrollbar-track { background: rgba(54,86,67,.06); border-radius: 999px; }
.sdf-week-scroll::-webkit-scrollbar-thumb { background: #7f9a89; border-radius: 999px; border: 2px solid #f5f6f1; }

.sdf-week-scroll p {
  margin: 0 0 1.05em;
  color: #30443a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(16px, 1.22vw, 20px);
  line-height: 1.62;
}

.sdf-week-scroll p:last-child { margin-bottom: 0; }

.sdf-week-scroll .sdf-week-emphasis {
  margin: 1.15em 0;
  padding: 13px 17px;
  border-radius: 13px;
  background: rgba(188,157,91,.12);
  color: #5f4b29;
  font-size: clamp(18px, 1.45vw, 24px);
  font-style: italic;
  font-weight: 700;
}

.sdf-week-slide-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding-top: 2px;
}

.sdf-week-slide-footer > span {
  color: #718177;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.sdf-next-page {
  min-width: 196px;
  min-height: 49px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  border: 1px solid #315a47;
  border-radius: 13px;
  background: #315a47;
  color: #fff;
  font: inherit;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .10em;
}

.sdf-next-page span { font-size: 18px; }
.sdf-next-page:disabled { opacity: .62; cursor: default; }

@media (max-width: 900px) {
  .sdf-week-slide { padding: 14px; }
  .sdf-week-slide-shell {
    width: 100%;
    height: auto;
    min-height: 94vh;
    padding: 58px 22px 22px;
    border-radius: 22px;
  }
  .sdf-week-slide-header { padding-right: 0; }
  .sdf-week-fixed-text p,
  .sdf-week-scroll p { font-size: 16px; }
  .sdf-week-scroll { max-height: 48vh; }
  .sdf-week-slide-footer { align-items: stretch; flex-direction: column; }
  .sdf-next-page { width: 100%; }
}

@media (max-width: 620px) {
  .sdf-week-back { top: 10px; left: 10px; }
  .sdf-week-slide-shell { padding-left: 16px; padding-right: 16px; }
  .sdf-week-meta { letter-spacing: .07em; }
}

/* v1.5 — 1. Hafta çok sayfalı sunum akışı */
.sdf-week-slide-shell {
  display: block;
}

.sdf-presentation-page {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: none;
}

.sdf-presentation-page.is-active {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  gap: clamp(14px, 1.3vw, 22px);
  animation: sdfPageIn .28s ease both;
}

@keyframes sdfPageIn {
  from { opacity: 0; transform: translateX(12px); }
  to { opacity: 1; transform: translateX(0); }
}

.sdf-page-nav {
  min-height: 49px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  padding: 0 20px;
  border-radius: 13px;
  font: inherit;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .10em;
  cursor: pointer;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}

.sdf-page-nav:not(:disabled):hover,
.sdf-page-nav:not(:disabled):focus {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(38,77,61,.13);
}

.sdf-prev-page {
  border: 1px solid rgba(49,90,71,.32);
  background: rgba(49,90,71,.06);
  color: #315a47;
}

.sdf-prev-page span,
.sdf-page-nav > span { font-size: 18px; }

.sdf-overview-page.is-active {
  grid-template-rows: auto minmax(0, 1fr) auto;
}

.sdf-overview-header {
  padding-bottom: clamp(12px, 1vw, 17px);
}

.sdf-overview-header h1 {
  font-size: clamp(34px, 3.55vw, 62px);
}

.sdf-overview-header h2 {
  margin-top: 6px;
  font-size: clamp(19px, 1.65vw, 27px);
}

.sdf-overview-list {
  min-height: 0;
  display: grid;
  grid-template-rows: repeat(3, minmax(0, 1fr));
  gap: clamp(10px, 1vw, 15px);
}

.sdf-overview-item {
  min-height: 0;
  display: grid;
  grid-template-columns: clamp(64px, 5vw, 82px) clamp(180px, 18vw, 285px) minmax(0, 1fr);
  align-items: center;
  gap: clamp(14px, 1.5vw, 24px);
  padding: clamp(10px, .9vw, 15px) clamp(14px, 1.2vw, 20px);
  border: 1px solid rgba(40,78,60,.13);
  border-radius: 19px;
  background: linear-gradient(90deg, rgba(250,250,246,.92), rgba(241,245,239,.78));
  box-shadow: 0 7px 22px rgba(39,68,51,.055);
}

.sdf-overview-number {
  align-self: stretch;
  display: grid;
  place-items: center;
  border-right: 1px solid rgba(40,78,60,.12);
  color: #315a47;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(46px, 5vw, 76px);
  font-weight: 700;
  line-height: 1;
}

.sdf-overview-item img {
  width: 100%;
  height: clamp(108px, 12vh, 155px);
  display: block;
  object-fit: cover;
  border-radius: 14px;
  border: 1px solid rgba(40,78,60,.10);
  background: #eef2eb;
}

.sdf-overview-copy h3 {
  margin: 0 0 7px;
  color: #173b2e;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(18px, 1.35vw, 23px);
  line-height: 1.1;
}

.sdf-overview-copy p {
  margin: 0;
  color: #35483f;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(15px, 1.08vw, 18px);
  line-height: 1.48;
}

.sdf-overview-copy strong {
  color: #6c5731;
  font-weight: 700;
}

.sdf-overview-footer {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 18px;
}

.sdf-overview-footer .sdf-prev-page { justify-self: start; }
.sdf-overview-footer > span { justify-self: center; }
.sdf-overview-footer .sdf-next-page { justify-self: end; }

.sdf-next-page:disabled {
  opacity: .48;
  cursor: default;
  box-shadow: none;
}

@media (max-width: 900px) {
  .sdf-presentation-page.is-active {
    grid-template-rows: auto auto minmax(0, 1fr) auto;
  }
  .sdf-overview-page.is-active {
    grid-template-rows: auto auto auto;
  }
  .sdf-overview-list {
    display: block;
    overflow-y: auto;
    max-height: 58vh;
    padding-right: 4px;
  }
  .sdf-overview-item {
    grid-template-columns: 54px 150px 1fr;
    margin-bottom: 10px;
  }
  .sdf-overview-number { font-size: 44px; }
  .sdf-overview-item img { height: 100px; }
  .sdf-overview-footer {
    grid-template-columns: 1fr 1fr;
  }
  .sdf-overview-footer > span {
    grid-column: 1 / -1;
    grid-row: 1;
  }
  .sdf-overview-footer .sdf-prev-page { grid-column: 1; grid-row: 2; }
  .sdf-overview-footer .sdf-next-page { grid-column: 2; grid-row: 2; }
}

@media (max-width: 620px) {
  .sdf-overview-item {
    grid-template-columns: 48px 1fr;
  }
  .sdf-overview-item img {
    grid-column: 2;
    height: 130px;
  }
  .sdf-overview-copy { grid-column: 2; }
  .sdf-overview-number { grid-row: 1 / span 2; }
  .sdf-overview-footer {
    grid-template-columns: 1fr;
  }
  .sdf-overview-footer > span,
  .sdf-overview-footer .sdf-prev-page,
  .sdf-overview-footer .sdf-next-page {
    grid-column: 1;
    width: 100%;
    justify-self: stretch;
  }
  .sdf-overview-footer > span { grid-row: 1; text-align: center; }
  .sdf-overview-footer .sdf-prev-page { grid-row: 2; }
  .sdf-overview-footer .sdf-next-page { grid-row: 3; }
}

/* v1.6 — Sıra Sizde kelime tahmin etkinliği */
.sdf-quiz-page.is-active {
  grid-template-rows: auto minmax(0, 1fr) auto;
}

.sdf-quiz-header {
  padding-bottom: clamp(10px, .9vw, 15px);
}

.sdf-quiz-header h1 {
  font-size: clamp(32px, 3.35vw, 58px);
}

.sdf-quiz-header h2 {
  color: #8b6b34;
  font-size: clamp(21px, 1.85vw, 30px);
}

.sdf-quiz-shell {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(350px, .82fr) minmax(0, 1.18fr);
  grid-template-rows: auto 1fr;
  gap: clamp(14px, 1.4vw, 22px) clamp(18px, 1.8vw, 30px);
}

.sdf-quiz-prompt {
  align-self: stretch;
  padding: clamp(17px, 1.45vw, 24px);
  border-left: 5px solid #5d7d68;
  border-radius: 0 18px 18px 0;
  background: linear-gradient(90deg, rgba(91,126,104,.11), rgba(91,126,104,.035));
}

.sdf-quiz-prompt p {
  margin: 0;
  color: #2b4036;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(15px, 1.15vw, 19px);
  line-height: 1.48;
}

.sdf-quiz-prompt p + p {
  margin-top: 9px;
  color: #687b70;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(11px, .85vw, 13px);
  line-height: 1.45;
}

.sdf-quiz-form {
  grid-column: 1;
  align-self: start;
  padding: clamp(18px, 1.55vw, 25px);
  border: 1px solid rgba(40,78,60,.14);
  border-radius: 20px;
  background: rgba(250,250,246,.82);
  box-shadow: 0 9px 28px rgba(39,68,51,.06);
}

.sdf-quiz-form label {
  display: block;
  margin-bottom: 8px;
  color: #315a47;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.sdf-quiz-input-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
}

.sdf-quiz-input-row input {
  width: 100%;
  min-height: 58px;
  padding: 0 17px;
  border: 2px solid rgba(49,90,71,.20);
  border-radius: 14px;
  outline: 0;
  background: #fff;
  color: #173b2e;
  font: inherit;
  font-size: clamp(18px, 1.35vw, 22px);
  font-weight: 700;
  transition: border-color .18s ease, box-shadow .18s ease;
}

.sdf-quiz-input-row input:focus {
  border-color: #5d7d68;
  box-shadow: 0 0 0 4px rgba(93,125,104,.10);
}

.sdf-quiz-input-row button {
  min-width: 164px;
  min-height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 18px;
  border: 0;
  border-radius: 14px;
  background: #315a47;
  color: #fff;
  font: inherit;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .09em;
  cursor: pointer;
}

.sdf-quiz-input-row button span { font-size: 18px; }
.sdf-quiz-input-row button:disabled,
.sdf-quiz-input-row input:disabled { opacity: .58; cursor: default; }

.sdf-quiz-status {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  margin-top: 12px;
  color: #687b70;
  font-size: 12px;
  line-height: 1.35;
}

.sdf-quiz-status strong {
  flex: 0 0 auto;
  color: #8b6b34;
  font-weight: 900;
}

.sdf-answer-board {
  grid-column: 2;
  grid-row: 1 / span 2;
  min-height: 0;
  display: grid;
  grid-template-rows: repeat(5, minmax(0, 1fr));
  gap: clamp(8px, .72vw, 12px);
}

.sdf-answer-slot {
  position: relative;
  min-height: 0;
  display: grid;
  grid-template-columns: clamp(52px, 4vw, 66px) 1fr;
  align-items: center;
  overflow: hidden;
  border: 1px solid rgba(40,78,60,.13);
  border-radius: 17px;
  background: rgba(249,250,246,.82);
  box-shadow: 0 6px 18px rgba(39,68,51,.045);
  transition: border-color .22s ease, background .22s ease, transform .22s ease, box-shadow .22s ease;
}

.sdf-answer-rank {
  align-self: stretch;
  display: grid;
  place-items: center;
  border-right: 1px solid rgba(40,78,60,.11);
  background: rgba(93,125,104,.055);
  color: #315a47;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(27px, 2.7vw, 43px);
  font-weight: 700;
}

.sdf-answer-main {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(145px, .48fr) minmax(0, 1fr);
  align-items: center;
  gap: 15px;
  padding: 8px 15px;
}

.sdf-answer-word {
  color: #173b2e;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(20px, 1.7vw, 28px);
  font-weight: 700;
  letter-spacing: .01em;
}

.sdf-answer-reveal { display: none; }
.sdf-answer-mask {
  color: #a7b2ab;
  letter-spacing: .17em;
}

.sdf-answer-detail {
  min-width: 0;
  display: none;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 10px;
  color: #5f7167;
  font-size: clamp(10px, .77vw, 12px);
  line-height: 1.35;
}

.sdf-answer-detail strong {
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(193,166,105,.15);
  color: #785d2e;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 900;
}

.sdf-answer-slot.is-found {
  border-color: rgba(58,126,78,.42);
  background: linear-gradient(90deg, rgba(92,151,104,.16), rgba(249,250,246,.92));
  box-shadow: 0 9px 24px rgba(43,101,60,.10);
}

.sdf-answer-slot.is-found .sdf-answer-mask,
.sdf-answer-slot.is-revealed .sdf-answer-mask { display: none; }
.sdf-answer-slot.is-found .sdf-answer-reveal,
.sdf-answer-slot.is-revealed .sdf-answer-reveal { display: inline; }
.sdf-answer-slot.is-found .sdf-answer-detail,
.sdf-answer-slot.is-revealed .sdf-answer-detail { display: grid; }

.sdf-answer-slot.is-flashing {
  animation: sdfCorrectFlash .8s ease;
}

@keyframes sdfCorrectFlash {
  0%, 100% { transform: scale(1); }
  28% { transform: scale(1.018); box-shadow: 0 0 0 5px rgba(86,148,99,.13), 0 12px 30px rgba(43,101,60,.14); }
  58% { transform: scale(1.006); }
}

.sdf-quiz-form.is-finished {
  border-color: rgba(193,166,105,.34);
  background: rgba(248,244,232,.88);
}

@media (max-width: 1050px) {
  .sdf-quiz-shell {
    grid-template-columns: minmax(300px, .75fr) minmax(0, 1.25fr);
  }
  .sdf-answer-main {
    grid-template-columns: minmax(120px, .42fr) minmax(0, 1fr);
    gap: 10px;
  }
}

@media (max-width: 900px) {
  .sdf-quiz-page.is-active {
    grid-template-rows: auto auto auto;
  }
  .sdf-quiz-shell {
    display: block;
    overflow-y: auto;
    max-height: 62vh;
    padding-right: 4px;
  }
  .sdf-quiz-form { margin-top: 12px; }
  .sdf-answer-board { margin-top: 12px; }
  .sdf-answer-slot { min-height: 76px; margin-bottom: 8px; }
  .sdf-answer-main { grid-template-columns: 150px 1fr; }
}

@media (max-width: 620px) {
  .sdf-quiz-input-row { grid-template-columns: 1fr; }
  .sdf-quiz-input-row button { width: 100%; }
  .sdf-quiz-status { flex-direction: column; }
  .sdf-answer-main { grid-template-columns: 1fr; gap: 4px; }
  .sdf-answer-detail { grid-template-columns: 1fr; gap: 4px; }
}

/* v1.7 — Yararlı vs Zararlı İnsan */
.sdf-human-page.is-active {
  grid-template-rows: auto minmax(0, 1fr) auto;
}

.sdf-human-header {
  padding-bottom: clamp(10px, .9vw, 15px);
}

.sdf-human-header h1 {
  font-size: clamp(32px, 3.35vw, 58px);
}

.sdf-human-header h2 {
  color: #7b6132;
  font-size: clamp(21px, 1.85vw, 30px);
}

.sdf-human-stage {
  position: relative;
  min-height: 0;
  overflow: hidden;
  border: 1px solid rgba(40,78,60,.15);
  border-radius: 24px;
  background:
    linear-gradient(90deg, rgba(231,255,238,.95) 0%, rgba(245,248,240,.75) 44%, rgba(252,247,239,.75) 56%, rgba(255,231,227,.94) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 12px 35px rgba(39,68,51,.08);
}

.sdf-human-stage::before {
  content: "";
  position: absolute;
  inset: 0 50% 0 0;
  background: radial-gradient(circle at 22% 48%, rgba(45,190,95,.20), transparent 55%);
  pointer-events: none;
}

.sdf-human-stage::after {
  content: "";
  position: absolute;
  inset: 0 0 0 50%;
  background: radial-gradient(circle at 78% 48%, rgba(224,54,45,.19), transparent 55%);
  pointer-events: none;
}

.sdf-human-duel-art {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: .82;
  pointer-events: none;
  user-select: none;
}

.sdf-human-copy-grid {
  position: relative;
  z-index: 3;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(30px, 4vw, 68px);
  align-items: stretch;
  padding: clamp(24px, 2.2vw, 34px) clamp(26px, 2.7vw, 44px) clamp(82px, 7vw, 100px);
}

.sdf-human-copy {
  align-self: center;
  max-width: 92%;
  padding: clamp(18px, 1.5vw, 25px);
  border-radius: 20px;
  backdrop-filter: blur(9px);
  box-shadow: 0 14px 40px rgba(22,47,36,.12);
  font-family: Georgia, "Times New Roman", serif;
}

.sdf-human-copy--positive {
  justify-self: start;
  border: 1px solid rgba(25,137,72,.30);
  border-left: 7px solid #2b9a59;
  background: rgba(247,255,248,.86);
}

.sdf-human-copy--negative {
  justify-self: end;
  border: 1px solid rgba(180,44,38,.28);
  border-right: 7px solid #c53b32;
  background: rgba(255,248,246,.87);
}

.sdf-human-label {
  display: inline-flex;
  min-height: 31px;
  align-items: center;
  margin-bottom: 10px;
  padding: 0 12px;
  border-radius: 999px;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .13em;
}

.sdf-human-copy--positive .sdf-human-label {
  color: #176338;
  background: rgba(46,164,89,.13);
}

.sdf-human-copy--negative .sdf-human-label {
  color: #8d251f;
  background: rgba(201,59,50,.12);
}

.sdf-human-copy p {
  margin: 0;
  color: #273930;
  font-size: clamp(14px, 1.03vw, 17px);
  line-height: 1.52;
}

.sdf-human-copy--positive strong { color: #197343; }
.sdf-human-copy--negative strong { color: #a12f28; }

.sdf-myth-tab {
  position: absolute;
  z-index: 6;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);
  min-width: min(430px, 72%);
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  padding: 0 24px;
  border: 1px solid rgba(123,91,38,.26);
  border-radius: 16px 16px 8px 8px;
  background: linear-gradient(145deg, #e7c979, #c49d4f);
  color: #173126;
  box-shadow: 0 12px 28px rgba(78,56,22,.20);
  font: inherit;
  font-size: clamp(13px, 1.1vw, 17px);
  font-weight: 950;
  letter-spacing: .02em;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease;
}

.sdf-myth-tab:hover,
.sdf-myth-tab:focus {
  transform: translateX(-50%) translateY(-2px);
  box-shadow: 0 16px 34px rgba(78,56,22,.25);
}

.sdf-myth-tab span { font-size: 20px; }

.sdf-human-footer {
  position: relative;
  z-index: 8;
}

.sdf-myth-modal {
  position: fixed;
  inset: 0;
  z-index: 1000000;
  display: grid;
  place-items: center;
  padding: 24px;
  opacity: 0;
  visibility: hidden;
  transition: opacity .18s ease, visibility .18s ease;
}

.sdf-myth-modal.is-open {
  opacity: 1;
  visibility: visible;
}

.sdf-myth-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(13,27,21,.72);
  backdrop-filter: blur(8px);
}

.sdf-myth-dialog {
  position: relative;
  z-index: 2;
  width: min(890px, 92vw);
  max-height: min(720px, 86vh);
  overflow-y: auto;
  padding: clamp(30px, 3vw, 48px);
  border: 1px solid rgba(189,158,89,.30);
  border-radius: 25px;
  background: linear-gradient(145deg, #fffdf6, #f2f5ed);
  box-shadow: 0 32px 100px rgba(0,0,0,.36);
}

.sdf-myth-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(39,69,54,.16);
  border-radius: 50%;
  background: #fff;
  color: #244a38;
  font: inherit;
  font-size: 27px;
  line-height: 1;
  cursor: pointer;
}

.sdf-myth-kicker {
  color: #8a6b32;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .18em;
}

.sdf-myth-dialog h3 {
  margin: 7px 58px 22px 0;
  color: #183a2d;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(30px, 3vw, 48px);
  line-height: 1;
  letter-spacing: -.03em;
}

.sdf-myth-list {
  display: grid;
  gap: 12px;
  margin: 0;
  padding-left: 0;
  counter-reset: sdfMyth;
  list-style: none;
}

.sdf-myth-list li {
  position: relative;
  min-height: 64px;
  display: flex;
  align-items: center;
  padding: 14px 18px 14px 70px;
  border: 1px solid rgba(54,88,70,.12);
  border-radius: 15px;
  background: rgba(255,255,255,.72);
  color: #30443a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(16px, 1.3vw, 20px);
  line-height: 1.4;
  counter-increment: sdfMyth;
}

.sdf-myth-list li::before {
  content: counter(sdfMyth);
  position: absolute;
  left: 16px;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #d6b45f;
  color: #173126;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 15px;
  font-weight: 950;
}

body.sdf-myth-open { overflow: hidden; }

@media (max-width: 1050px) {
  .sdf-human-copy-grid {
    gap: 18px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .sdf-human-copy { max-width: 100%; }
  .sdf-human-copy p { font-size: 14px; }
}

@media (max-width: 900px) {
  .sdf-human-page.is-active { grid-template-rows: auto auto auto; }
  .sdf-human-stage {
    overflow-y: auto;
    max-height: 62vh;
  }
  .sdf-human-duel-art {
    height: 100%;
    min-height: 760px;
  }
  .sdf-human-copy-grid {
    grid-template-columns: 1fr;
    gap: 16px;
    padding-bottom: 88px;
  }
  .sdf-human-copy--positive,
  .sdf-human-copy--negative { justify-self: stretch; }
  .sdf-myth-tab {
    position: sticky;
    left: auto;
    bottom: 10px;
    transform: none;
    width: calc(100% - 28px);
    min-width: 0;
    margin: 0 14px 12px;
  }
  .sdf-myth-tab:hover,
  .sdf-myth-tab:focus { transform: translateY(-2px); }
}

@media (max-width: 620px) {
  .sdf-human-copy-grid { padding: 16px 12px 80px; }
  .sdf-human-copy { padding: 16px; }
  .sdf-myth-modal { padding: 12px; }
  .sdf-myth-dialog { padding: 30px 18px 22px; }
  .sdf-myth-list li { padding-left: 60px; }
}

/* v1.8 — Felsefi sorular ve karşıt filozof görüşleri */
.sdf-question-page.is-active {
  grid-template-rows: auto minmax(0, 1fr) auto;
}

.sdf-question-header {
  padding-bottom: clamp(10px, .85vw, 14px);
}

.sdf-question-header h1 {
  font-size: clamp(31px, 3.25vw, 56px);
}

.sdf-question-header h2 {
  margin-top: 5px;
  color: #7b6132;
  font-size: clamp(21px, 1.8vw, 29px);
}

.sdf-question-header > p {
  margin: 7px 0 0;
  color: #6a7b71;
  font-size: clamp(11px, .8vw, 13px);
  line-height: 1.4;
}

.sdf-question-grid {
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(5, minmax(0, 1fr));
  gap: clamp(8px, .72vw, 12px) clamp(12px, 1vw, 16px);
}

.sdf-question-card {
  position: relative;
  min-height: 0;
  display: grid;
  grid-template-columns: clamp(42px, 3.6vw, 58px) minmax(0, 1fr) 28px;
  align-items: center;
  gap: clamp(10px, .9vw, 14px);
  padding: clamp(10px, .85vw, 14px) clamp(12px, 1vw, 17px);
  overflow: hidden;
  border: 1px solid rgba(40,78,60,.14);
  border-radius: 16px;
  background: linear-gradient(100deg, rgba(249,250,246,.94), rgba(239,244,238,.84));
  box-shadow: 0 6px 18px rgba(39,68,51,.045);
  color: #243b31;
  text-align: left;
  font: inherit;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.sdf-question-card::after {
  content: "";
  position: absolute;
  right: -42px;
  bottom: -42px;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  background: rgba(193,166,105,.07);
  pointer-events: none;
}

.sdf-question-card:hover,
.sdf-question-card:focus {
  outline: none;
  transform: translateY(-2px);
  border-color: rgba(94,126,104,.40);
  background: linear-gradient(100deg, #fff, rgba(234,242,234,.96));
  box-shadow: 0 10px 25px rgba(39,68,51,.10);
}

.sdf-question-number {
  align-self: stretch;
  display: grid;
  place-items: center;
  border-right: 1px solid rgba(40,78,60,.12);
  color: #315a47;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(24px, 2.2vw, 36px);
  font-weight: 700;
  line-height: 1;
}

.sdf-question-text {
  position: relative;
  z-index: 1;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(13px, 1.03vw, 16.5px);
  line-height: 1.35;
  font-weight: 700;
}

.sdf-question-arrow {
  position: relative;
  z-index: 1;
  color: #9a7a40;
  font-size: 20px;
  font-weight: 900;
  text-align: center;
}

.sdf-question-footer {
  margin-top: 1px;
}

.sdf-philosopher-modal {
  position: fixed;
  inset: 0;
  z-index: 1000002;
  display: grid;
  place-items: center;
  padding: clamp(18px, 2.2vw, 34px);
  opacity: 0;
  visibility: hidden;
  transition: opacity .18s ease, visibility .18s ease;
}

.sdf-philosopher-modal.is-open {
  opacity: 1;
  visibility: visible;
}

.sdf-philosopher-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(16,37,29,.72);
  backdrop-filter: blur(8px);
}

.sdf-philosopher-dialog {
  position: relative;
  z-index: 2;
  width: min(1280px, 95vw);
  max-height: min(820px, 90vh);
  overflow-y: auto;
  padding: clamp(28px, 2.5vw, 42px);
  border: 1px solid rgba(65,94,78,.18);
  border-radius: 28px;
  background:
    radial-gradient(circle at 10% 10%, rgba(94,126,104,.10), transparent 28%),
    radial-gradient(circle at 90% 90%, rgba(193,166,105,.11), transparent 24%),
    #fbfaf5;
  box-shadow: 0 35px 100px rgba(16,34,27,.30);
}

.sdf-philosopher-close {
  position: sticky;
  float: right;
  top: 0;
  z-index: 5;
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  margin: -8px -8px 0 16px;
  border: 1px solid rgba(49,90,71,.18);
  border-radius: 50%;
  background: #fff;
  color: #315a47;
  box-shadow: 0 8px 20px rgba(39,68,51,.10);
  font: inherit;
  font-size: 27px;
  line-height: 1;
  cursor: pointer;
}

.sdf-philosopher-close:hover,
.sdf-philosopher-close:focus {
  outline: none;
  background: #315a47;
  color: #fff;
}

.sdf-philosopher-kicker {
  color: #8c6c37;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .18em;
}

.sdf-philosopher-modal-content > h3 {
  max-width: 1040px;
  margin: 7px 0 8px;
  color: #173b2e;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(26px, 2.25vw, 38px);
  line-height: 1.16;
  letter-spacing: -.02em;
}

.sdf-philosopher-note {
  max-width: 1020px;
  margin: 0 0 clamp(18px, 1.5vw, 24px);
  color: #708177;
  font-size: clamp(10px, .78vw, 12px);
  line-height: 1.45;
}

.sdf-philosopher-compare {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(16px, 1.7vw, 26px);
}

.sdf-philosopher-card {
  min-width: 0;
  display: grid;
  grid-template-columns: clamp(132px, 11vw, 175px) minmax(0, 1fr);
  gap: clamp(15px, 1.5vw, 22px);
  align-items: center;
  padding: clamp(16px, 1.5vw, 24px);
  border: 1px solid rgba(40,78,60,.13);
  border-radius: 21px;
  background: rgba(255,255,255,.86);
  box-shadow: 0 10px 28px rgba(39,68,51,.07);
}

.sdf-philosopher-card--left {
  border-top: 5px solid #8a7758;
}

.sdf-philosopher-card--right {
  border-top: 5px solid #50775e;
}

.sdf-philosopher-card img {
  width: 100%;
  aspect-ratio: 1 / 1;
  display: block;
  object-fit: cover;
  border-radius: 18px;
  border: 1px solid rgba(40,78,60,.10);
  box-shadow: 0 8px 20px rgba(39,68,51,.08);
}

.sdf-philosopher-copy {
  min-width: 0;
}

.sdf-philosopher-stance {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  padding: 0 10px;
  margin-bottom: 7px;
  border-radius: 999px;
  background: rgba(193,166,105,.13);
  color: #755b2f;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.sdf-philosopher-copy h4 {
  margin: 0 0 8px;
  color: #173b2e;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(20px, 1.55vw, 27px);
}

.sdf-philosopher-copy p {
  margin: 0;
  color: #3d5147;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(14px, 1.02vw, 17px);
  line-height: 1.5;
}

body.sdf-philosopher-open {
  overflow: hidden;
}

@media (max-width: 1000px) {
  .sdf-question-grid {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    overflow-y: auto;
    max-height: 61vh;
    padding-right: 4px;
  }
  .sdf-question-card { min-height: 76px; }
  .sdf-philosopher-compare { grid-template-columns: 1fr; }
  .sdf-philosopher-dialog { max-height: 92vh; }
}

@media (max-width: 680px) {
  .sdf-question-card {
    grid-template-columns: 42px 1fr 20px;
  }
  .sdf-question-footer {
    grid-template-columns: 1fr;
  }
  .sdf-question-footer > span,
  .sdf-question-footer .sdf-prev-page,
  .sdf-question-footer .sdf-next-page {
    grid-column: 1;
    width: 100%;
    justify-self: stretch;
  }
  .sdf-question-footer > span { grid-row: 1; text-align: center; }
  .sdf-question-footer .sdf-prev-page { grid-row: 2; }
  .sdf-question-footer .sdf-next-page { grid-row: 3; }
  .sdf-philosopher-modal { padding: 10px; }
  .sdf-philosopher-dialog { padding: 24px 16px; border-radius: 20px; }
  .sdf-philosopher-card { grid-template-columns: 100px 1fr; }
  .sdf-philosopher-copy p { font-size: 13px; }
}

/* v1.9 — Geçmişten günümüze çevreyle ilişkiler */
.sdf-history-page.is-active {
  grid-template-rows: auto minmax(0, 1fr) auto auto auto;
  gap: clamp(8px, .75vw, 12px);
}

.sdf-history-header {
  padding-bottom: clamp(8px, .65vw, 11px);
}

.sdf-history-header h1 {
  font-size: clamp(30px, 3.15vw, 54px);
}

.sdf-history-header h2 {
  margin-top: 5px;
  color: #7a6338;
  font-size: clamp(20px, 1.7vw, 28px);
}

.sdf-history-header > p {
  max-width: 1180px;
  margin: 6px 0 0;
  color: #68796f;
  font-size: clamp(10px, .76vw, 12.5px);
  line-height: 1.38;
}

.sdf-history-compare {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 48px minmax(0, 1fr);
  gap: clamp(10px, .85vw, 14px);
}

.sdf-history-column {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: auto auto auto;
  align-content: start;
  gap: clamp(8px, .65vw, 11px);
  padding: clamp(10px, .85vw, 14px);
  border: 1px solid rgba(40,78,60,.13);
  border-radius: 20px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(49,90,71,.55) rgba(49,90,71,.08);
}

.sdf-history-column::-webkit-scrollbar { width: 9px; }
.sdf-history-column::-webkit-scrollbar-track {
  background: rgba(49,90,71,.07);
  border-radius: 999px;
}
.sdf-history-column::-webkit-scrollbar-thumb {
  background: rgba(49,90,71,.52);
  border: 2px solid rgba(255,255,255,.72);
  border-radius: 999px;
}

.sdf-history-column:focus {
  outline: 3px solid rgba(122,144,109,.18);
  outline-offset: -3px;
}

.sdf-history-column--east {
  background: linear-gradient(145deg, rgba(227,242,226,.78), rgba(248,250,245,.94));
}

.sdf-history-column--west {
  background: linear-gradient(145deg, rgba(245,237,221,.80), rgba(250,249,245,.94));
}

.sdf-history-column-title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 0 2px 5px;
  border-bottom: 1px solid rgba(40,78,60,.10);
}

.sdf-history-column-title span {
  color: #315a47;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(22px, 1.8vw, 30px);
  font-weight: 800;
}

.sdf-history-column--west .sdf-history-column-title span { color: #8a6535; }

.sdf-history-column-title strong {
  color: #69796f;
  font-size: clamp(9px, .68vw, 11px);
  font-weight: 850;
  letter-spacing: .02em;
  text-align: right;
}

.sdf-history-card {
  min-height: 0;
  display: grid;
  grid-template-columns: clamp(118px, 10.8vw, 172px) minmax(0, 1fr);
  gap: clamp(10px, .8vw, 14px);
  align-items: stretch;
  padding: clamp(8px, .65vw, 11px);
  border: 1px solid rgba(40,78,60,.10);
  border-radius: 15px;
  background: rgba(255,255,255,.76);
  box-shadow: 0 6px 18px rgba(39,68,51,.045);
}

.sdf-history-card img {
  width: 100%;
  height: 100%;
  min-height: 112px;
  max-height: 158px;
  display: block;
  object-fit: cover;
  object-position: center;
  border-radius: 11px;
  filter: saturate(.88) contrast(.98);
}

.sdf-history-card-copy {
  min-width: 0;
  align-self: start;
}

.sdf-history-era {
  display: block;
  margin-bottom: 3px;
  color: #8b713f;
  font-size: clamp(8px, .6vw, 10px);
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.sdf-history-card h3 {
  margin: 0 0 5px;
  color: #183a2d;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(14px, 1.02vw, 17px);
  line-height: 1.16;
}

.sdf-history-card p {
  margin: 0;
  color: #3d5047;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(10.5px, .78vw, 13px);
  line-height: 1.38;
}

.sdf-history-divider {
  min-height: 0;
  display: grid;
  grid-template-rows: auto 1fr auto 1fr auto;
  place-items: center;
  gap: 5px;
  padding: 48px 0 18px;
  color: #738279;
}

.sdf-history-divider span {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .14em;
}

.sdf-history-divider i {
  width: 1px;
  height: 100%;
  min-height: 28px;
  background: linear-gradient(to bottom, rgba(49,90,71,.08), rgba(49,90,71,.42), rgba(49,90,71,.08));
}

.sdf-history-divider b {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(49,90,71,.16);
  border-radius: 50%;
  background: #f7f7f1;
  color: #84683a;
  font-size: 17px;
}

.sdf-history-today {
  padding: clamp(8px, .7vw, 11px) clamp(12px, 1vw, 17px);
  border-left: 4px solid #78906d;
  border-radius: 0 13px 13px 0;
  background: linear-gradient(90deg, rgba(110,141,111,.10), rgba(193,166,105,.08));
  color: #405147;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(11px, .82vw, 13.5px);
  line-height: 1.38;
}

.sdf-history-today strong { color: #2e5845; }

.sdf-history-footer {
  margin-top: 0;
}

.sdf-history-credit {
  color: #879189;
  font-size: 8px;
  line-height: 1;
  text-align: center;
  letter-spacing: .04em;
}

@media (max-width: 1100px) {
  .sdf-history-card {
    grid-template-columns: 110px minmax(0, 1fr);
  }
  .sdf-history-card p { font-size: 10.5px; }
}

@media (max-width: 900px) {
  .sdf-history-page.is-active {
    grid-template-rows: auto auto auto auto auto;
  }
  .sdf-history-compare {
    grid-template-columns: 1fr;
    overflow-y: auto;
    max-height: 58vh;
    padding-right: 4px;
  }
  .sdf-history-divider { display: none; }
  .sdf-history-column { grid-template-rows: auto auto auto; }
  .sdf-history-card { grid-template-columns: 132px 1fr; }
  .sdf-history-card img { min-height: 130px; }
}

@media (max-width: 620px) {
  .sdf-history-card { grid-template-columns: 1fr; }
  .sdf-history-card img { height: 160px; max-height: none; }
  .sdf-history-column-title { align-items: flex-start; flex-direction: column; }
  .sdf-history-column-title strong { text-align: left; }
  .sdf-history-footer {
    grid-template-columns: 1fr;
  }
  .sdf-history-footer > span,
  .sdf-history-footer .sdf-prev-page,
  .sdf-history-footer .sdf-next-page {
    grid-column: 1;
    width: 100%;
    justify-self: stretch;
  }
  .sdf-history-footer > span { grid-row: 1; text-align: center; }
  .sdf-history-footer .sdf-prev-page { grid-row: 2; }
  .sdf-history-footer .sdf-next-page { grid-row: 3; }
}


/* v1.9.2 — Tarih kartlarını net biçimde ayır */
.sdf-history-column {
  grid-auto-rows: max-content;
  row-gap: 18px;
  padding-bottom: 22px;
}

.sdf-history-column-title {
  position: sticky;
  top: -1px;
  z-index: 5;
  padding: 8px 8px 10px;
  margin: -2px -2px 0;
  border-radius: 12px 12px 4px 4px;
  backdrop-filter: blur(8px);
}

.sdf-history-column--east .sdf-history-column-title {
  background: rgba(235,247,233,.96);
}

.sdf-history-column--west .sdf-history-column-title {
  background: rgba(248,241,226,.96);
}

.sdf-history-card {
  position: relative;
  min-height: 188px;
  align-items: start;
  overflow: hidden;
  isolation: isolate;
  padding: 13px;
  border-width: 1px;
  box-shadow: 0 8px 22px rgba(39,68,51,.07);
}

.sdf-history-card + .sdf-history-card {
  margin-top: 2px;
}

.sdf-history-column--east .sdf-history-card + .sdf-history-card::before,
.sdf-history-column--west .sdf-history-card + .sdf-history-card::before {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  top: -11px;
  height: 1px;
  background: rgba(40,78,60,.16);
}

.sdf-history-card img {
  height: 164px;
  min-height: 164px;
  max-height: 164px;
  align-self: start;
}

.sdf-history-card-copy {
  position: relative;
  z-index: 1;
  align-self: start;
  padding: 2px 2px 4px;
}

.sdf-history-era {
  margin-bottom: 6px;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(139,113,63,.18);
}

.sdf-history-card h3 {
  margin-bottom: 7px;
}

.sdf-history-card p {
  overflow: visible;
}

@media (max-width: 1100px) {
  .sdf-history-column { row-gap: 15px; }
  .sdf-history-card { min-height: 176px; }
  .sdf-history-card img { height: 152px; min-height: 152px; max-height: 152px; }
}

@media (max-width: 620px) {
  .sdf-history-card { min-height: auto; }
  .sdf-history-card img { height: 170px; min-height: 170px; max-height: 170px; }
}

/* 11. sınıf / Etkinlikler / 1. Hafta — Sence Hangisi? */
.sdf-activity-page,
.sdf-activity-page * {
  box-sizing: border-box;
}

.sdf-activity-page {
  position: relative;
  width: 100vw;
  min-height: 100vh;
  margin-left: calc(50% - 50vw);
  display: grid;
  place-items: center;
  overflow: hidden;
  padding: clamp(18px, 2.2vw, 36px);
  color: #183229;
  background:
    radial-gradient(circle at 12% 12%, rgba(76,123,94,.12), transparent 26%),
    radial-gradient(circle at 88% 84%, rgba(186,145,74,.12), transparent 24%),
    linear-gradient(135deg, #f8f6ee 0%, #edf3ec 55%, #f8f0e2 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.sdf-activity-page::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .28;
  background-image:
    linear-gradient(rgba(48,82,64,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(48,82,64,.035) 1px, transparent 1px);
  background-size: 46px 46px;
}

.sdf-activity-shell {
  position: relative;
  z-index: 2;
  width: min(1640px, 97vw);
  height: min(920px, 94vh);
  min-height: 720px;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: clamp(13px, 1.2vw, 20px);
  padding: clamp(28px, 2.8vw, 46px) clamp(28px, 3vw, 52px) clamp(22px, 2.2vw, 34px);
  border: 1px solid rgba(42,79,61,.16);
  border-radius: 30px;
  overflow: hidden;
  background: rgba(255,255,255,.88);
  box-shadow: 0 30px 85px rgba(36,67,50,.14);
  backdrop-filter: blur(9px);
}

.sdf-activity-shell::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 7px;
  background: linear-gradient(90deg, #345e49, #89a67f 52%, #c9a45d);
}

.sdf-activity-header {
  padding-right: 0;
  padding-bottom: clamp(12px, 1vw, 18px);
}

.sdf-activity-header h1 {
  font-size: clamp(34px, 3.7vw, 64px);
}

.sdf-activity-header h2 {
  color: #a66e25;
  font-size: clamp(22px, 2.05vw, 34px);
  font-weight: 700;
}

.sdf-activity-header > p {
  max-width: 1240px;
  margin: 9px 0 0;
  color: #506259;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(13px, 1vw, 17px);
  line-height: 1.45;
}

.sdf-activity-header > p strong:first-of-type { color: #8b4d39; }
.sdf-activity-header > p strong:last-of-type { color: #2f684c; }

.sdf-activity-table-wrap {
  min-height: 0;
  overflow: auto;
  border: 1px solid rgba(43,80,62,.15);
  border-radius: 18px;
  background: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
  scrollbar-width: thin;
  scrollbar-color: #819d8c rgba(47,79,63,.08);
}

.sdf-activity-table-wrap::-webkit-scrollbar { width: 10px; height: 10px; }
.sdf-activity-table-wrap::-webkit-scrollbar-track { background: rgba(47,79,63,.06); }
.sdf-activity-table-wrap::-webkit-scrollbar-thumb { background: #819d8c; border: 2px solid #f4f6f2; border-radius: 999px; }

.sdf-activity-table {
  width: 100%;
  min-width: 1120px;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  color: #263b32;
}

.sdf-activity-table th,
.sdf-activity-table td {
  border-right: 1px solid rgba(43,80,62,.10);
  border-bottom: 1px solid rgba(43,80,62,.10);
}

.sdf-activity-table th:last-child,
.sdf-activity-table td:last-child { border-right: 0; }
.sdf-activity-table tbody tr:last-child td { border-bottom: 0; }

.sdf-activity-table thead th {
  position: sticky;
  top: 0;
  z-index: 4;
  padding: 13px 12px;
  color: #fff;
  background: #345e49;
  font-size: clamp(13px, 1vw, 16px);
  line-height: 1.2;
  letter-spacing: .035em;
  text-align: center;
}

.sdf-activity-table thead .sdf-col-statement {
  text-align: left;
  background: #294f3c;
}

.sdf-activity-table thead .sdf-col-human { background: #8a5343; }
.sdf-activity-table thead .sdf-col-nature { background: #3d7657; }
.sdf-activity-table thead .sdf-col-support { background: #b1843d; }

.sdf-col-statement { width: 57%; }
.sdf-col-human { width: 12%; }
.sdf-col-nature { width: 12%; }
.sdf-col-support { width: 19%; }

.sdf-activity-table tbody tr {
  transition: background .16s ease, box-shadow .16s ease;
}

.sdf-activity-table tbody tr:nth-child(even) { background: #fafbf8; }
.sdf-activity-table tbody tr:hover { background: #f2f6f1; }
.sdf-activity-table tbody tr.is-missing { box-shadow: inset 5px 0 0 #c96652; background: #fff5f2; }

.sdf-statement-cell {
  padding: 10px 14px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(15px, 1.08vw, 19px);
  line-height: 1.34;
}

.sdf-statement-cell > span:last-child {
  display: inline;
}

.sdf-row-number {
  width: 27px;
  height: 27px;
  display: inline-grid;
  place-items: center;
  margin-right: 10px;
  border-radius: 9px;
  color: #fff;
  background: #486e5a;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 11px;
  font-weight: 900;
  vertical-align: middle;
}

.sdf-choice-cell,
.sdf-support-cell {
  padding: 8px;
  text-align: center;
  vertical-align: middle;
}

.sdf-choice-cell--human { background: rgba(154,89,68,.035); }
.sdf-choice-cell--nature { background: rgba(63,125,88,.035); }
.sdf-support-cell { background: rgba(193,151,73,.07); }

.sdf-choice {
  width: 48px;
  height: 48px;
  display: inline-grid;
  place-items: center;
  margin: 0;
  cursor: pointer;
}

.sdf-choice input,
.sdf-support-toggle input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.sdf-choice span {
  width: 31px;
  height: 31px;
  display: block;
  border: 3px solid #b9c4bd;
  border-radius: 50%;
  background: #fff;
  box-shadow: inset 0 0 0 6px #fff;
  transition: .16s ease;
}

.sdf-choice-cell--human .sdf-choice input:checked + span {
  border-color: #975844;
  background: #975844;
}

.sdf-choice-cell--nature .sdf-choice input:checked + span {
  border-color: #3e7b59;
  background: #3e7b59;
}

.sdf-choice input:focus-visible + span,
.sdf-support-toggle input:focus-visible + .sdf-support-box {
  outline: 3px solid rgba(52,94,73,.22);
  outline-offset: 3px;
}

.sdf-support-toggle {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 6px 9px;
  margin: 0;
  border: 1px solid rgba(170,128,54,.22);
  border-radius: 11px;
  color: #785d2a;
  background: rgba(255,255,255,.72);
  cursor: pointer;
  transition: .16s ease;
}

.sdf-support-box {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border: 2px solid #c8b98f;
  border-radius: 8px;
  color: transparent;
  background: #fff;
  font-size: 16px;
  font-weight: 950;
  transition: .16s ease;
}

.sdf-support-toggle strong {
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: .025em;
}

.sdf-support-toggle:has(input:checked) {
  border-color: rgba(177,132,61,.48);
  background: #fff7e8;
}

.sdf-support-toggle input:checked + .sdf-support-box {
  border-color: #b1843d;
  color: #fff;
  background: #b1843d;
}

.sdf-activity-footer {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 20px;
  align-items: center;
}

.sdf-activity-hint {
  min-height: 44px;
  display: flex;
  align-items: center;
  padding: 8px 13px;
  border-left: 4px solid #77917f;
  border-radius: 0 10px 10px 0;
  color: #607168;
  background: rgba(75,111,88,.06);
  font-size: 12px;
  font-weight: 700;
}

.sdf-activity-hint.is-warning {
  border-left-color: #b95d4b;
  color: #8b493c;
  background: rgba(185,93,75,.07);
}

.sdf-activity-complete {
  min-width: 230px;
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 0 20px;
  border: 0;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(135deg, #2f6048, #477a5e);
  box-shadow: 0 11px 25px rgba(41,83,61,.18);
  font: inherit;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .11em;
  cursor: pointer;
  transition: .18s ease;
}

.sdf-activity-complete:hover,
.sdf-activity-complete:focus {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(41,83,61,.24);
}

.sdf-activity-complete span { font-size: 19px; }

/* Etkinlik sonuç penceresi */
.sdf-activity-modal-open { overflow: hidden; }

.sdf-activity-modal {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: grid;
  place-items: center;
  padding: 22px;
  opacity: 0;
  visibility: hidden;
  transition: opacity .18s ease, visibility .18s ease;
}

.sdf-activity-modal.is-open { opacity: 1; visibility: visible; }

.sdf-activity-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(9,28,20,.72);
  backdrop-filter: blur(8px);
}

.sdf-activity-dialog {
  position: relative;
  z-index: 2;
  width: min(920px, 94vw);
  padding: clamp(30px, 3vw, 48px);
  border: 1px solid rgba(52,94,73,.18);
  border-radius: 26px;
  color: #233b31;
  background: linear-gradient(145deg, #fff, #f5f8f3);
  box-shadow: 0 32px 100px rgba(0,0,0,.30);
}

.sdf-activity-close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(52,94,73,.18);
  border-radius: 50%;
  color: #345e49;
  background: #fff;
  font-size: 25px;
  line-height: 1;
  cursor: pointer;
}

.sdf-activity-result-kicker {
  color: #a57932;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .18em;
}

.sdf-activity-dialog h3 {
  margin: 6px 55px 8px 0;
  color: #1e4937;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(29px, 3vw, 45px);
  letter-spacing: -.025em;
}

.sdf-activity-result-note {
  margin: 0 0 24px;
  color: #64766d;
  font-size: 13px;
  line-height: 1.5;
}

.sdf-result-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
}

.sdf-result-card {
  min-height: 190px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 22px;
  border: 1px solid rgba(52,94,73,.12);
  border-radius: 19px;
  background: #fff;
}

.sdf-result-card > span {
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .13em;
}

.sdf-result-card > strong {
  margin: 9px 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(38px, 4vw, 58px);
  line-height: 1;
}

.sdf-result-card--nature > span,
.sdf-result-card--nature > strong { color: #397653; }
.sdf-result-card--human > span,
.sdf-result-card--human > strong { color: #945744; }
.sdf-result-card--score > span,
.sdf-result-card--score > strong { color: #8e6c31; }

.sdf-result-bar {
  height: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: #edf0eb;
}

.sdf-result-bar i {
  width: 0;
  height: 100%;
  display: block;
  border-radius: inherit;
  transition: width .55s ease;
}

.sdf-result-card--nature .sdf-result-bar i { background: #4a8963; }
.sdf-result-card--human .sdf-result-bar i { background: #a76551; }

.sdf-result-card small {
  color: #68776f;
  font-size: 11px;
  line-height: 1.45;
}

@media (max-width: 960px) {
  .sdf-activity-page { padding: 12px; overflow: auto; }
  .sdf-activity-shell { width: 100%; height: auto; min-height: 95vh; padding: 58px 18px 20px; }
  .sdf-activity-table-wrap { max-height: 58vh; }
  .sdf-activity-footer { grid-template-columns: 1fr; }
  .sdf-activity-complete { width: 100%; }
  .sdf-result-grid { grid-template-columns: 1fr; }
  .sdf-result-card { min-height: 135px; }
}

/* v1.11 — Etkinlik 1/2 sayfa geçişleri + çevre sorunları bilgi tablosu */
.sdf-activity-screen {
  display: none;
}

.sdf-activity-screen.is-active {
  display: grid;
  animation: sdfActivityPageIn .28s ease both;
}

@keyframes sdfActivityPageIn {
  from { opacity: 0; transform: translateX(12px); }
  to { opacity: 1; transform: translateX(0); }
}

.sdf-activity-footer--stacked {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.sdf-activity-main-actions {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 18px;
  align-items: center;
}

.sdf-activity-page-nav {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 18px;
  align-items: center;
  padding-top: 10px;
  border-top: 1px solid rgba(49,90,71,.12);
}

.sdf-activity-page-nav > span {
  color: #73827a;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .10em;
  text-align: center;
  text-transform: uppercase;
}

.sdf-activity-page .sdf-page-nav:disabled {
  opacity: .42;
  cursor: default;
  box-shadow: none;
  transform: none;
}

.sdf-issue-activity {
  grid-template-rows: auto minmax(0, 1fr) auto;
}

.sdf-issue-activity .sdf-activity-header > p strong:first-of-type {
  color: #2e6e52;
}

.sdf-issue-activity .sdf-activity-header > p strong:last-of-type {
  color: #7c5b9d;
}

.sdf-issue-table {
  min-width: 980px;
}

.sdf-issue-table thead .sdf-issue-title-col {
  width: 52%;
  text-align: left;
  background: #294f3c;
}

.sdf-issue-table thead .sdf-issue-info-col {
  width: 24%;
  background: #3d7657;
}

.sdf-issue-table thead .sdf-issue-philosophy-col {
  width: 24%;
  background: #66507f;
}

.sdf-issue-title-cell {
  padding: 10px 14px;
  vertical-align: middle;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(14px, 1vw, 17px);
  line-height: 1.3;
}

.sdf-issue-title-cell strong {
  color: #294b3b;
  font-weight: 700;
}

.sdf-issue-action-cell {
  padding: 7px 10px;
  text-align: center;
  vertical-align: middle;
}

.sdf-issue-action-cell--info {
  background: rgba(61,118,87,.045);
}

.sdf-issue-action-cell--philosophy {
  background: rgba(102,80,127,.045);
}

.sdf-issue-icon {
  min-width: 145px;
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 6px 12px;
  border-radius: 13px;
  background: #fff;
  font: inherit;
  cursor: pointer;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}

.sdf-issue-icon > span {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  font-weight: 900;
}

.sdf-issue-icon em {
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .035em;
}

.sdf-issue-icon--info {
  border: 1px solid rgba(61,118,87,.28);
  color: #356f52;
}

.sdf-issue-icon--info > span {
  background: #3d7657;
}

.sdf-issue-icon--philosophy {
  border: 1px solid rgba(102,80,127,.28);
  color: #66507f;
}

.sdf-issue-icon--philosophy > span {
  background: #66507f;
}

.sdf-issue-icon:hover,
.sdf-issue-icon:focus {
  outline: none;
  transform: translateY(-2px);
  box-shadow: 0 9px 22px rgba(42,74,58,.13);
}

.sdf-issue-icon--info:hover,
.sdf-issue-icon--info:focus {
  background: #f1f8f3;
}

.sdf-issue-icon--philosophy:hover,
.sdf-issue-icon--philosophy:focus {
  background: #f6f2f9;
}

.sdf-activity-page-nav--single {
  margin-top: 0;
}

/* Çevre sorunu bilgi/felsefe penceresi */
.sdf-issue-modal {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: grid;
  place-items: center;
  padding: 22px;
  opacity: 0;
  visibility: hidden;
  transition: opacity .18s ease, visibility .18s ease;
}

.sdf-issue-modal.is-open {
  opacity: 1;
  visibility: visible;
}

.sdf-issue-dialog {
  position: relative;
  z-index: 2;
  width: min(820px, 94vw);
  max-height: 86vh;
  overflow-x: hidden;
  overflow-y: auto;
  padding: clamp(30px, 3vw, 48px);
  border: 1px solid rgba(52,94,73,.18);
  border-radius: 26px;
  color: #233b31;
  background: linear-gradient(145deg, #fff, #f5f8f3);
  box-shadow: 0 32px 100px rgba(0,0,0,.30);
}

.sdf-issue-dialog h3 {
  margin: 6px 55px 16px 0;
  color: #1e4937;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(30px, 3vw, 46px);
  line-height: 1.04;
  letter-spacing: -.025em;
}

.sdf-issue-dialog > p {
  margin: 0;
  padding: 19px 21px;
  border-left: 5px solid #73927f;
  border-radius: 0 16px 16px 0;
  color: #3d5549;
  background: rgba(81,122,96,.07);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(16px, 1.35vw, 21px);
  line-height: 1.62;
}

@media (max-width: 960px) {
  .sdf-activity-main-actions {
    grid-template-columns: 1fr;
  }

  .sdf-activity-page-nav {
    grid-template-columns: 1fr;
  }

  .sdf-activity-page-nav .sdf-page-nav {
    width: 100%;
  }

  .sdf-issue-table-wrap {
    max-height: 58vh;
  }
}


/* v1.12 — Etkinlik 3: Çevre Felsefesi Kavram Haritası + Çengel Bulmaca */
.sdf-concept-crossword {
  grid-template-rows: auto minmax(0, 1fr) auto;
}

.sdf-crossword-header {
  padding-bottom: 10px;
}

.sdf-crossword-header h1 {
  font-size: clamp(31px, 3.25vw, 56px);
}

.sdf-crossword-header h2 {
  font-size: clamp(20px, 1.75vw, 30px);
}

.sdf-crossword-header > p {
  margin-top: 6px;
}

.sdf-concept-crossword-layout {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(250px, .72fr) minmax(660px, 1.55fr) minmax(310px, .88fr);
  gap: clamp(12px, 1.15vw, 19px);
  align-items: stretch;
}

.sdf-concept-map,
.sdf-crossword-panel,
.sdf-crossword-clues {
  min-width: 0;
  min-height: 0;
  border: 1px solid rgba(45,82,64,.14);
  border-radius: 18px;
  background: rgba(255,255,255,.92);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}

.sdf-concept-map {
  position: relative;
  overflow: auto;
  padding: 16px;
  background:
    radial-gradient(circle at 50% 20%, rgba(67,112,86,.08), transparent 35%),
    #fbfcf9;
}

.sdf-concept-map-title,
.sdf-crossword-clues-title {
  color: #607368;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .17em;
  text-align: center;
}

.sdf-concept-hub {
  width: 142px;
  min-height: 84px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 11px auto 13px;
  padding: 12px;
  border: 2px solid rgba(45,96,72,.26);
  border-radius: 22px;
  color: #fff;
  background: linear-gradient(135deg, #315f49, #4e8065);
  box-shadow: 0 12px 25px rgba(49,95,73,.16);
  text-align: center;
}

.sdf-concept-hub > span {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 28px;
  font-weight: 800;
}

.sdf-concept-hub > strong {
  font-size: 11px;
  line-height: 1.15;
  letter-spacing: .06em;
}

.sdf-concept-branches {
  position: relative;
  display: grid;
  gap: 9px;
}

.sdf-concept-branches::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -13px;
  bottom: 14px;
  width: 1px;
  background: rgba(57,95,74,.15);
  transform: translateX(-50%);
}

.sdf-concept-branch {
  position: relative;
  z-index: 1;
  padding: 10px;
  border: 1px solid rgba(45,82,64,.12);
  border-radius: 14px;
  background: #fff;
}

.sdf-concept-branch h3 {
  margin: 0 0 7px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 13px;
  line-height: 1.15;
  text-align: center;
}

.sdf-concept-chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
}

.sdf-concept-chips span {
  padding: 5px 7px;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 800;
  line-height: 1.1;
  background: #f2f5f1;
  color: #425a4e;
}

.sdf-concept-branch--ethics { border-left: 4px solid #a57445; }
.sdf-concept-branch--ethics h3 { color: #8b5e35; }
.sdf-concept-branch--approach { border-left: 4px solid #6d668d; }
.sdf-concept-branch--approach h3 { color: #5d567c; }
.sdf-concept-branch--ecology { border-left: 4px solid #43805d; }
.sdf-concept-branch--ecology h3 { color: #326b4b; }
.sdf-concept-branch--future { border-left: 4px solid #b38b3f; }
.sdf-concept-branch--future h3 { color: #8b692c; }

.sdf-crossword-panel {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 10px;
  padding: 14px;
  overflow: hidden;
}

.sdf-crossword-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.sdf-crossword-panel-head > div:first-child {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.sdf-crossword-panel-head span {
  color: #a47731;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .16em;
}

.sdf-crossword-panel-head strong {
  color: #274c3a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
}

.sdf-crossword-feedback {
  max-width: 340px;
  padding: 7px 10px;
  border-radius: 10px;
  color: #5a6c62;
  background: #f2f5f1;
  font-size: 10px;
  font-weight: 750;
  text-align: right;
}

.sdf-crossword-scroll {
  min-width: 0;
  min-height: 0;
  overflow: auto;
  display: grid;
  place-items: center;
  padding: 8px;
  border: 1px solid rgba(45,82,64,.10);
  border-radius: 14px;
  background:
    linear-gradient(rgba(44,78,61,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(44,78,61,.025) 1px, transparent 1px),
    #f8faf7;
  background-size: 24px 24px;
  scrollbar-width: thin;
  scrollbar-color: #8da294 rgba(47,79,63,.06);
}

.sdf-crossword-grid {
  display: grid;
  grid-template-columns: repeat(var(--sdf-cw-cols), 29px);
  grid-template-rows: repeat(var(--sdf-cw-rows), 29px);
  gap: 2px;
  width: max-content;
  padding: 5px;
}

.sdf-crossword-cell,
.sdf-crossword-blank {
  position: relative;
  width: 29px;
  height: 29px;
}

.sdf-crossword-blank {
  display: block;
  background: transparent;
}

.sdf-crossword-cell {
  display: block;
  margin: 0;
  border: 1px solid #6f8578;
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
  transition: border-color .14s ease, background .14s ease, box-shadow .14s ease;
}

.sdf-crossword-cell input {
  width: 100%;
  height: 100%;
  display: block;
  padding: 6px 1px 1px;
  border: 0;
  outline: 0;
  color: #244536;
  background: transparent;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 16px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}

.sdf-crossword-cell:focus-within {
  z-index: 3;
  border-color: #b1843d;
  box-shadow: 0 0 0 3px rgba(177,132,61,.18);
}

.sdf-crossword-number {
  position: absolute;
  z-index: 2;
  top: 1px;
  left: 2px;
  color: #6b796f;
  font-size: 6px;
  font-weight: 950;
  line-height: 1;
  pointer-events: none;
}

.sdf-crossword-cell.is-correct {
  border-color: #3c8a5d;
  background: #eaf7ee;
}

.sdf-crossword-cell.is-wrong {
  border-color: #bc6355;
  background: #fff0ed;
}

.sdf-crossword-cell.is-revealed {
  border-color: #ad873e;
  background: #fff7df;
}

.sdf-crossword-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

.sdf-crossword-action {
  min-height: 38px;
  padding: 0 13px;
  border: 1px solid rgba(48,91,70,.20);
  border-radius: 10px;
  color: #355c48;
  background: #fff;
  font: inherit;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .08em;
  cursor: pointer;
}

.sdf-crossword-action:hover,
.sdf-crossword-action:focus {
  outline: none;
  background: #f0f6f1;
}

.sdf-crossword-action--check {
  border-color: #35694f;
  color: #fff;
  background: #35694f;
}

.sdf-crossword-action--check:hover,
.sdf-crossword-action--check:focus {
  background: #294f3c;
}

.sdf-crossword-action--reveal {
  border-color: rgba(177,132,61,.32);
  color: #86662e;
  background: #fff9ec;
}

.sdf-crossword-clues {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 9px;
  padding: 14px 11px 11px;
  overflow: hidden;
}

.sdf-crossword-clue-scroll {
  min-height: 0;
  overflow-y: auto;
  padding-right: 4px;
  scrollbar-width: thin;
  scrollbar-color: #8da294 rgba(47,79,63,.06);
}

.sdf-crossword-clue {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 8px;
  padding: 8px 6px;
  border-bottom: 1px solid rgba(45,82,64,.09);
  border-radius: 10px;
  transition: background .14s ease, box-shadow .14s ease;
}

.sdf-crossword-clue:last-child {
  border-bottom: 0;
}

.sdf-crossword-clue > span {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: #fff;
  background: #4b735d;
  font-size: 10px;
  font-weight: 950;
}

.sdf-crossword-clue strong {
  display: block;
  margin-bottom: 2px;
  color: #9a7433;
  font-size: 7px;
  letter-spacing: .10em;
}

.sdf-crossword-clue p {
  margin: 0;
  color: #4b6055;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 10.5px;
  line-height: 1.28;
}

.sdf-crossword-clue.is-highlighted {
  background: #f0f6f1;
  box-shadow: inset 3px 0 0 #4d7c62;
}

@media (max-width: 1250px) {
  .sdf-concept-crossword-layout {
    grid-template-columns: 250px minmax(620px, 1fr) 300px;
    overflow-x: auto;
    padding-bottom: 5px;
  }
}

@media (max-width: 960px) {
  .sdf-concept-crossword-layout {
    grid-template-columns: 1fr;
    overflow: visible;
  }

  .sdf-concept-map,
  .sdf-crossword-panel,
  .sdf-crossword-clues {
    min-height: 360px;
  }

  .sdf-crossword-clue-scroll {
    max-height: 420px;
  }
}

/* v1.13 — Etkinlik 4: Altı Şapka ile Düşünme */
.sdf-six-hats-activity {
  grid-template-rows: auto minmax(0, 1fr) auto;
}

.sdf-six-hats-header h2 {
  max-width: 1320px;
  color: #7c4f2f;
  font-size: clamp(22px, 2vw, 34px);
  line-height: 1.18;
}

.sdf-six-hats-header > p strong:first-of-type,
.sdf-six-hats-header > p strong:last-of-type {
  color: #315d49;
}

.sdf-six-hats-grid {
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: clamp(12px, 1.2vw, 18px);
  overflow: auto;
  padding: 2px 4px 5px 2px;
  scrollbar-width: thin;
  scrollbar-color: #8aa08f rgba(47,79,63,.06);
}

.sdf-hat-rabbit-card {
  --sdf-hat: #f7f5ee;
  --sdf-hat-border: #777e7a;
  --sdf-shirt: #e8ece9;
  --sdf-shirt-ink: #294638;
  --sdf-accent: #66736c;
  position: relative;
  min-width: 0;
  min-height: 238px;
  display: grid;
  grid-template-rows: minmax(155px, 1fr) auto auto;
  place-items: center;
  gap: 4px;
  padding: 10px 14px 12px;
  border: 1px solid color-mix(in srgb, var(--sdf-accent) 28%, #dfe7e1);
  border-radius: 20px;
  color: #263b32;
  background:
    radial-gradient(circle at 50% 25%, color-mix(in srgb, var(--sdf-accent) 10%, transparent), transparent 42%),
    linear-gradient(155deg, #fff, #f7f9f6);
  box-shadow: 0 8px 22px rgba(34,67,49,.08);
  font: inherit;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.sdf-hat-rabbit-card:hover,
.sdf-hat-rabbit-card:focus-visible {
  outline: none;
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--sdf-accent) 58%, #cfd8d2);
  box-shadow: 0 14px 30px rgba(34,67,49,.14);
}

.sdf-hat-rabbit-card--white {
  --sdf-hat: #fbfaf5;
  --sdf-hat-border: #7c8580;
  --sdf-shirt: #eef0ec;
  --sdf-shirt-ink: #31453b;
  --sdf-accent: #79847e;
}
.sdf-hat-rabbit-card--red {
  --sdf-hat: #d9534f;
  --sdf-hat-border: #a83a37;
  --sdf-shirt: #f2c8c5;
  --sdf-shirt-ink: #7e2f2c;
  --sdf-accent: #c84b47;
}
.sdf-hat-rabbit-card--black {
  --sdf-hat: #22282b;
  --sdf-hat-border: #0f1315;
  --sdf-shirt: #565e61;
  --sdf-shirt-ink: #fff;
  --sdf-accent: #30383c;
}
.sdf-hat-rabbit-card--yellow {
  --sdf-hat: #f1cb53;
  --sdf-hat-border: #c59d25;
  --sdf-shirt: #f8e7a8;
  --sdf-shirt-ink: #765a10;
  --sdf-accent: #d7ae31;
}
.sdf-hat-rabbit-card--green {
  --sdf-hat: #58a96d;
  --sdf-hat-border: #337c49;
  --sdf-shirt: #c8e8d0;
  --sdf-shirt-ink: #2f6a42;
  --sdf-accent: #4d9862;
}
.sdf-hat-rabbit-card--blue {
  --sdf-hat: #4f7fc7;
  --sdf-hat-border: #315f9f;
  --sdf-shirt: #cbdcf4;
  --sdf-shirt-ink: #2d578f;
  --sdf-accent: #4775b7;
}

.sdf-rabbit-illustration {
  position: relative;
  width: 154px;
  height: 166px;
  display: block;
  align-self: end;
}

.sdf-rabbit-ear {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 27px;
  height: 75px;
  border: 3px solid #897d70;
  border-radius: 52% 52% 44% 44%;
  background: #f5efe4;
  transform-origin: 50% 90%;
}

.sdf-rabbit-ear i {
  position: absolute;
  inset: 10px 6px 12px;
  border-radius: inherit;
  background: #efc9c3;
}

.sdf-rabbit-ear--left { left: 38px; transform: rotate(-11deg); }
.sdf-rabbit-ear--right { right: 38px; transform: rotate(11deg); }

.sdf-rabbit-head {
  position: absolute;
  z-index: 3;
  top: 49px;
  left: 50%;
  width: 100px;
  height: 86px;
  border: 3px solid #897d70;
  border-radius: 49% 49% 47% 47%;
  background: #f7f1e7;
  transform: translateX(-50%);
  box-shadow: inset 0 -5px 0 rgba(117,99,80,.05);
}

.sdf-rabbit-eye {
  position: absolute;
  top: 33px;
  width: 9px;
  height: 12px;
  border-radius: 50%;
  background: #26322d;
}
.sdf-rabbit-eye::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #fff;
}
.sdf-rabbit-eye--left { left: 27px; }
.sdf-rabbit-eye--right { right: 27px; }

.sdf-rabbit-nose {
  position: absolute;
  top: 49px;
  left: 50%;
  width: 11px;
  height: 8px;
  border-radius: 55% 55% 60% 60%;
  background: #d98f8b;
  transform: translateX(-50%);
}

.sdf-rabbit-mouth {
  position: absolute;
  top: 58px;
  left: 50%;
  width: 24px;
  height: 12px;
  border-bottom: 2px solid #76665b;
  border-radius: 0 0 50% 50%;
  transform: translateX(-50%);
}

.sdf-rabbit-hat {
  position: absolute;
  z-index: 6;
  top: 40px;
  left: 50%;
  width: 112px;
  height: 18px;
  border: 2px solid var(--sdf-hat-border);
  border-radius: 50%;
  background: var(--sdf-hat);
  transform: translateX(-50%);
  box-shadow: 0 3px 4px rgba(0,0,0,.10);
}

.sdf-rabbit-hat::before {
  content: "";
  position: absolute;
  left: 25px;
  bottom: 7px;
  width: 58px;
  height: 34px;
  border: 2px solid var(--sdf-hat-border);
  border-bottom: 0;
  border-radius: 50% 50% 12px 12px;
  background: var(--sdf-hat);
}

.sdf-rabbit-hat i {
  position: absolute;
  z-index: 2;
  left: 30px;
  right: 30px;
  top: 0;
  height: 6px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--sdf-hat-border) 55%, transparent);
}

.sdf-rabbit-body {
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: 0;
  width: 104px;
  height: 62px;
  border: 3px solid #897d70;
  border-radius: 42px 42px 18px 18px;
  background: #f5efe4;
  transform: translateX(-50%);
}

.sdf-rabbit-arm {
  position: absolute;
  z-index: -1;
  top: 15px;
  width: 35px;
  height: 18px;
  border: 3px solid #897d70;
  border-radius: 999px;
  background: #f5efe4;
}
.sdf-rabbit-arm--left { left: -23px; transform: rotate(-23deg); }
.sdf-rabbit-arm--right { right: -23px; transform: rotate(23deg); }

.sdf-rabbit-shirt {
  position: absolute;
  z-index: 4;
  left: 8px;
  right: 8px;
  top: 31px;
  bottom: 5px;
  min-height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 3px;
  overflow: visible;
  border: 1px solid color-mix(in srgb, var(--sdf-accent) 48%, transparent);
  border-radius: 12px 12px 13px 13px;
  color: var(--sdf-shirt-ink);
  background: var(--sdf-shirt);
  font-size: 11px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: .045em;
  white-space: nowrap;
  text-align: center;
}

.sdf-hat-card-name {
  color: #314a3e;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.05;
}

.sdf-hat-card-hint {
  color: var(--sdf-accent);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.sdf-hat-card-hint b { font-size: 14px; }

.sdf-six-hat-modal {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: grid;
  place-items: center;
  padding: 22px;
  opacity: 0;
  visibility: hidden;
  transition: opacity .18s ease, visibility .18s ease;
}

.sdf-six-hat-modal.is-open {
  opacity: 1;
  visibility: visible;
}

/* Modal JS ile doğrudan body altına taşınır; böylece WordPress tema kapsayıcıları,
   transform ve overflow kuralları pencerenin konumunu bozamaz. */
body > .sdf-six-hat-modal {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: auto !important;
}

body > .sdf-six-hat-modal:not(.is-open) {
  pointer-events: none;
}

body > .sdf-six-hat-modal.is-open {
  pointer-events: auto;
}

body > .sdf-six-hat-modal .sdf-activity-backdrop {
  position: fixed !important;
  inset: 0 !important;
}

.sdf-six-hat-dialog {
  --sdf-modal-accent: #718079;
  --sdf-modal-soft: #f1f4f2;
  position: relative;
  z-index: 2;
  width: min(900px, 94vw);
  max-height: 86vh;
  overflow-y: auto;
  padding: clamp(30px, 3vw, 48px);
  border: 1px solid color-mix(in srgb, var(--sdf-modal-accent) 30%, #d5ddd8);
  border-radius: 26px;
  color: #263b32;
  background: linear-gradient(145deg, #fff, var(--sdf-modal-soft));
  box-shadow: 0 32px 100px rgba(0,0,0,.30);
}

.sdf-six-hat-dialog[data-hat="white"] { --sdf-modal-accent: #707c75; --sdf-modal-soft: #f3f4f1; }
.sdf-six-hat-dialog[data-hat="red"] { --sdf-modal-accent: #c64b47; --sdf-modal-soft: #fff1f0; }
.sdf-six-hat-dialog[data-hat="black"] { --sdf-modal-accent: #2c3337; --sdf-modal-soft: #eef0f1; }
.sdf-six-hat-dialog[data-hat="yellow"] { --sdf-modal-accent: #c99d1e; --sdf-modal-soft: #fff9e6; }
.sdf-six-hat-dialog[data-hat="green"] { --sdf-modal-accent: #458b59; --sdf-modal-soft: #eef9f1; }
.sdf-six-hat-dialog[data-hat="blue"] { --sdf-modal-accent: #416fae; --sdf-modal-soft: #eef4fc; }

.sdf-six-hat-badge {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  padding: 0 12px;
  border-radius: 999px;
  color: #fff;
  background: var(--sdf-modal-accent);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .13em;
}

.sdf-six-hat-dialog h3 {
  margin: 9px 55px 8px 0;
  color: #214333;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(29px, 3vw, 45px);
  line-height: 1.05;
  letter-spacing: -.025em;
}

.sdf-six-hat-prompt {
  margin: 0 0 18px;
  color: #63746b;
  font-size: 13px;
  line-height: 1.5;
}

.sdf-six-hat-answer {
  padding: clamp(18px, 2vw, 26px);
  border-left: 6px solid var(--sdf-modal-accent);
  border-radius: 0 18px 18px 0;
  background: color-mix(in srgb, var(--sdf-modal-accent) 7%, #fff);
}

.sdf-six-hat-answer > span {
  display: block;
  margin-bottom: 7px;
  color: var(--sdf-modal-accent);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .15em;
}

.sdf-six-hat-answer p {
  margin: 0;
  color: #344b40;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(16px, 1.35vw, 21px);
  line-height: 1.62;
}

@media (max-width: 980px) {
  .sdf-six-hats-grid {
    grid-template-columns: repeat(2, minmax(240px, 1fr));
    grid-template-rows: none;
  }
}

@media (max-width: 620px) {
  .sdf-six-hats-grid {
    grid-template-columns: 1fr;
  }
  .sdf-hat-rabbit-card { min-height: 245px; }
  .sdf-six-hat-dialog { padding: 30px 22px; }
}

/* v1.13.1 — Altı Şapka okunabilirlik düzeltmeleri */
.sdf-six-hat-dialog .sdf-six-hat-prompt,
.sdf-six-hat-dialog .sdf-six-hat-answer p {
  display: block;
  width: 100%;
  max-width: none;
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
}

.sdf-six-hat-dialog .sdf-six-hat-answer p {
  word-break: normal;
  overflow-wrap: break-word;
}


/* v1.13.2 — Altı Şapka gerçek üst-katman modal düzeltmesi */
.sdf-six-hat-modal {
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  margin: auto;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: visible;
  color: inherit;
}

.sdf-six-hat-modal:not([open]) {
  display: none !important;
}

.sdf-six-hat-modal[open] {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  display: grid !important;
  place-items: center !important;
  padding: 24px !important;
  background: transparent !important;
  overflow: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 2147483647 !important;
}

.sdf-six-hat-modal::backdrop {
  background: rgba(10, 22, 17, .72);
  backdrop-filter: blur(7px);
}

.sdf-six-hat-modal[open] .sdf-six-hat-dialog {
  position: relative !important;
  z-index: 1 !important;
  width: min(900px, calc(100vw - 48px)) !important;
  max-height: calc(100vh - 48px) !important;
  margin: auto !important;
}

@media (max-width: 620px) {
  .sdf-six-hat-modal[open] {
    padding: 12px !important;
  }
  .sdf-six-hat-modal[open] .sdf-six-hat-dialog {
    width: calc(100vw - 24px) !important;
    max-height: calc(100vh - 24px) !important;
  }
}


/* v1.13.3 — Altı Şapka modal içerik izolasyonu */
.sdf-hat-card-hint {
  display: none !important;
}

body > .sdf-six-hat-modal {
  z-index: 2147483647 !important;
}

body > .sdf-six-hat-modal[open] .sdf-six-hat-dialog {
  display: block !important;
}

body > .sdf-six-hat-modal [data-sdf-six-hat-modal-prompt],
body > .sdf-six-hat-modal [data-sdf-six-hat-modal-answer] {
  display: block !important;
  width: 100% !important;
}


/* v1.13.4 — Altı Şapka kart yerleşimi düzeltmesi */
.sdf-six-hats-grid {
  grid-template-columns: repeat(3, minmax(240px, 1fr));
  grid-template-rows: none;
  grid-auto-rows: minmax(268px, auto);
  align-content: start;
  align-items: stretch;
  gap: clamp(18px, 1.6vw, 26px);
  padding: 6px 8px 14px;
  overflow-y: auto;
  overflow-x: hidden;
}

.sdf-hat-rabbit-card {
  width: 100%;
  min-width: 0;
  min-height: 268px;
  height: auto;
  align-self: stretch;
  overflow: hidden;
  isolation: isolate;
  z-index: 0;
}

.sdf-hat-rabbit-card:hover,
.sdf-hat-rabbit-card:focus-visible {
  z-index: 1;
}

.sdf-rabbit-illustration {
  flex: 0 0 auto;
  margin-top: 2px;
}

@media (max-width: 1100px) {
  .sdf-six-hats-grid {
    grid-template-columns: repeat(2, minmax(240px, 1fr));
    grid-auto-rows: minmax(268px, auto);
  }
}

@media (max-width: 620px) {
  .sdf-six-hats-grid {
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: minmax(268px, auto);
    gap: 18px;
  }
}

/* v1.14 — Etkinlik 5: Plastik Şişenin Yolculuğu */
.sdf-plastic-chain-activity {
  grid-template-rows: auto minmax(0, 1fr) auto;
}

.sdf-plastic-chain-header h2 {
  color: #315f55;
}

.sdf-plastic-chain-header > p strong:first-of-type {
  color: #7c5431;
}

.sdf-plastic-chain-header > p strong:last-of-type {
  color: #2f6c55;
}

.sdf-plastic-chain {
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 12px;
}

.sdf-plastic-steps {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  padding: 8px;
  border: 1px solid rgba(49,95,79,.13);
  border-radius: 16px;
  background: #f4f7f3;
}

.sdf-plastic-step {
  position: relative;
  min-width: 0;
  min-height: 52px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: #66776e;
  background: transparent;
  font: inherit;
  cursor: pointer;
  transition: .18s ease;
}

.sdf-plastic-step::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -9px;
  width: 10px;
  height: 2px;
  background: #c7d3cc;
  transform: translateY(-50%);
}

.sdf-plastic-step:last-child::after { display: none; }

.sdf-plastic-step > span {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #66766e;
  background: #e4eae6;
  font-size: 11px;
  font-weight: 950;
}

.sdf-plastic-step > strong {
  min-width: 0;
  overflow: hidden;
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: .045em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sdf-plastic-step.is-active {
  border-color: rgba(49,95,79,.26);
  color: #244c3d;
  background: #fff;
  box-shadow: 0 6px 16px rgba(35,73,55,.08);
}

.sdf-plastic-step.is-active > span {
  color: #fff;
  background: #356b54;
}

.sdf-plastic-step.is-complete > span {
  color: #fff;
  background: #799b7c;
}

.sdf-plastic-step.is-complete > span::after {
  content: "✓";
  position: absolute;
}

.sdf-plastic-step:disabled {
  opacity: .44;
  cursor: default;
}

.sdf-plastic-step--final.is-active > span {
  background: #b08238;
}

.sdf-plastic-stage-viewport {
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  scroll-padding-block: 14px;
  scrollbar-gutter: stable;
  scrollbar-width: auto;
  scrollbar-color: #6f917e #e8eee9;
  border: 1px solid rgba(49,95,79,.13);
  border-radius: 20px;
  background:
    radial-gradient(circle at 90% 8%, rgba(73,127,101,.08), transparent 28%),
    linear-gradient(145deg, #ffffff, #f8faf6);
}

.sdf-plastic-stage-viewport::-webkit-scrollbar { width: 13px; }
.sdf-plastic-stage-viewport::-webkit-scrollbar-track {
  background: #e8eee9;
  border-radius: 999px;
}
.sdf-plastic-stage-viewport::-webkit-scrollbar-thumb {
  background: #6f917e;
  border: 3px solid #e8eee9;
  border-radius: 999px;
}
.sdf-plastic-stage-viewport::-webkit-scrollbar-thumb:hover { background: #527663; }

.sdf-plastic-stage {
  min-height: 100%;
  display: none;
  grid-template-rows: auto auto minmax(0, 1fr);
  align-content: start;
  gap: 13px;
  padding: clamp(16px, 1.6vw, 24px);
  padding-right: clamp(12px, 1.2vw, 18px);
  overflow: visible;
}

.sdf-plastic-stage::-webkit-scrollbar { width: 13px; }
.sdf-plastic-stage::-webkit-scrollbar-track {
  background: #e8eee9;
  border-radius: 999px;
}
.sdf-plastic-stage::-webkit-scrollbar-thumb {
  background: #6f917e;
  border: 3px solid #e8eee9;
  border-radius: 999px;
}
.sdf-plastic-stage::-webkit-scrollbar-thumb:hover { background: #527663; }

.sdf-plastic-stage.is-active {
  display: grid;
  animation: sdfPlasticStageIn .28s ease both;
}

@keyframes sdfPlasticStageIn {
  from { opacity: 0; transform: translateX(12px); }
  to { opacity: 1; transform: translateX(0); }
}

.sdf-plastic-stage-copy {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .62fr);
  gap: 10px 24px;
  align-items: end;
}

.sdf-plastic-stage-kicker {
  grid-column: 1 / -1;
  color: #a27532;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.sdf-plastic-stage-copy h3 {
  margin: 0;
  color: #244b3c;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(22px, 2vw, 32px);
  line-height: 1.08;
  letter-spacing: -.02em;
}

.sdf-plastic-stage-copy p {
  margin: 0;
  color: #67776f;
  font-size: 11.5px;
  line-height: 1.48;
}

.sdf-plastic-choice-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.sdf-plastic-choice {
  min-width: 0;
  min-height: 92px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  padding: 12px 14px;
  border: 1px solid rgba(55,93,74,.16);
  border-radius: 15px;
  color: #344a40;
  background: #fff;
  box-shadow: 0 5px 14px rgba(34,68,50,.055);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: transform .17s ease, border-color .17s ease, background .17s ease, box-shadow .17s ease;
}

.sdf-plastic-choice:hover,
.sdf-plastic-choice:focus-visible {
  outline: none;
  transform: translateY(-2px);
  border-color: rgba(53,107,84,.48);
  box-shadow: 0 9px 22px rgba(34,68,50,.11);
}

.sdf-plastic-choice.is-selected {
  border-color: #356b54;
  background: #eef7f0;
  box-shadow: inset 0 0 0 2px rgba(53,107,84,.13);
}

.sdf-plastic-choice-letter {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  color: #fff;
  background: #557766;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-weight: 800;
}

.sdf-plastic-choice.is-selected .sdf-plastic-choice-letter {
  background: #2f694f;
}

.sdf-plastic-choice-copy {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(13px, .98vw, 16px);
  line-height: 1.34;
}

.sdf-plastic-outcome {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: stretch;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .25s ease, transform .25s ease;
}

.sdf-plastic-outcome[hidden] { display: none !important; }

.sdf-plastic-outcome.is-showing {
  opacity: 1;
  transform: translateY(0);
}

.sdf-plastic-outcome figure {
  min-width: 0;
  min-height: 210px;
  display: grid;
  grid-template-columns: minmax(300px, .85fr) minmax(320px, 1.15fr);
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(49,95,79,.14);
  border-radius: 18px;
  background: #f7f8f5;
  box-shadow: 0 10px 26px rgba(34,68,50,.08);
}

.sdf-plastic-outcome img {
  width: 100%;
  height: 100%;
  min-height: 210px;
  object-fit: cover;
  background: #dfe7e0;
}

.sdf-plastic-outcome figcaption {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(16px, 1.7vw, 26px);
}

.sdf-plastic-outcome figcaption > span {
  color: #a17432;
  font-size: 8.5px;
  font-weight: 950;
  letter-spacing: .16em;
}

.sdf-plastic-outcome figcaption > strong {
  margin: 6px 0 7px;
  color: #28513f;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(18px, 1.45vw, 24px);
  line-height: 1.14;
}

.sdf-plastic-outcome figcaption p {
  margin: 0;
  color: #5f7067;
  font-size: clamp(11px, .82vw, 13px);
  line-height: 1.48;
}

.sdf-plastic-continue {
  min-width: 155px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 14px;
  border: 0;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(145deg, #315f49, #49785e);
  box-shadow: 0 10px 24px rgba(34,72,53,.17);
  font: inherit;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .09em;
  cursor: pointer;
  text-align: center;
}

.sdf-plastic-continue span { font-size: 23px; }

.sdf-plastic-final {
  height: 100%;
  max-height: 100%;
  min-height: 0;
  grid-template-rows: auto auto auto;
  gap: 12px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
  scrollbar-width: auto;
  scrollbar-color: #6f917e #e8eee9;
  padding-right: clamp(20px, 1.9vw, 30px);
}

.sdf-plastic-final::-webkit-scrollbar { width: 14px; }
.sdf-plastic-final::-webkit-scrollbar-track {
  background: #e8eee9;
  border-radius: 999px;
}
.sdf-plastic-final::-webkit-scrollbar-thumb {
  background: #6f917e;
  border: 3px solid #e8eee9;
  border-radius: 999px;
}
.sdf-plastic-final::-webkit-scrollbar-thumb:hover { background: #527663; }

.sdf-plastic-final-photo {
  position: relative;
  min-height: 0;
  overflow: hidden;
  border-radius: 20px;
  background: #d9e1dc;
  box-shadow: 0 15px 38px rgba(25,56,42,.15);
}

.sdf-plastic-final-photo img {
  display: block;
  width: 100%;
  height: clamp(300px, 35vw, 500px);
  min-height: 0;
  object-fit: contain;
  object-position: center;
  background: #d9e1dc;
}

.sdf-plastic-final-overlay {
  position: relative;
  inset: auto;
  padding: clamp(20px, 2.1vw, 32px);
  color: #fff;
  background: linear-gradient(145deg, rgba(18,52,38,.98), rgba(10,28,21,.98));
}

.sdf-plastic-final-overlay > span {
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .15em;
}

.sdf-plastic-final-overlay h3 {
  margin: 6px 0 6px;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(32px, 3.4vw, 54px);
  line-height: 1;
}

.sdf-plastic-final-overlay p {
  max-width: 1000px;
  margin: 0 0 8px;
  color: rgba(255,255,255,.84);
  font-size: clamp(12px, .95vw, 15px);
  line-height: 1.5;
}

.sdf-plastic-final-overlay strong {
  display: inline-flex;
  padding: 7px 10px;
  border: 1px solid rgba(255,255,255,.30);
  border-radius: 999px;
  color: #f8df9e;
  background: rgba(255,255,255,.08);
  font-size: 10px;
  letter-spacing: .09em;
}

.sdf-plastic-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.sdf-plastic-summary-card {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(49,95,79,.12);
  border-radius: 12px;
  background: #fff;
}

.sdf-plastic-summary-card > span {
  display: block;
  color: #8f6b32;
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.sdf-plastic-summary-card p {
  margin: 5px 0 7px;
  color: #44574e;
  font-size: 9.5px;
  line-height: 1.32;
}

.sdf-plastic-summary-card strong {
  font-size: 8.5px;
  line-height: 1.25;
}

.sdf-plastic-summary-card strong.score-2 { color: #2f7953; }
.sdf-plastic-summary-card strong.score-1 { color: #9b7733; }
.sdf-plastic-summary-card strong.score-0 { color: #a45143; }

.sdf-plastic-final-actions {
  display: flex;
  justify-content: flex-end;
  gap: 9px;
}

@media (max-width: 1180px) {
  .sdf-plastic-stage-copy { grid-template-columns: 1fr; }
  .sdf-plastic-choice-grid { grid-template-columns: 1fr; }
  .sdf-plastic-choice { min-height: 68px; }
  .sdf-plastic-outcome figure { grid-template-columns: 1fr 1fr; }
  .sdf-plastic-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
  .sdf-plastic-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sdf-plastic-step::after { display: none; }
  .sdf-plastic-stage-viewport { overflow: visible; }
  .sdf-plastic-outcome { grid-template-columns: 1fr; }
  .sdf-plastic-outcome figure { grid-template-columns: 1fr; }
  .sdf-plastic-outcome img { max-height: 270px; }
  .sdf-plastic-continue { min-height: 50px; flex-direction: row; }
  .sdf-plastic-summary { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .sdf-plastic-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sdf-plastic-step > strong { white-space: normal; }
  .sdf-plastic-final-actions { flex-direction: column; }
  .sdf-plastic-final-actions .sdf-crossword-action { width: 100%; }
}


/* v1.14.3 — Son Dünya ekranında tam görünüm ve kaydırma */
@media (max-width: 820px) {
  .sdf-plastic-final {
    height: auto;
    max-height: 72vh;
    overflow-y: auto !important;
  }
  .sdf-plastic-final-photo img {
    height: auto;
    max-height: 420px;
  }
}


/* v1.32.45: Eski giriş katmanı artık sağ üste çivilenmez; ekranın tam ortasındadır. */
.sdf-home-login {
  position: fixed;
  top: 50%;
  left: 50%;
  right: auto;
  z-index: 2147483500;
  width: min(360px, calc(100vw - 32px));
  margin: 0;
  transform: translate(-50%, -50%);
}

.sdf-home-login-error {
  position: fixed;
  z-index: 2147483501;
  top: calc(50% + 105px);
  left: 50%;
  right: auto;
  width: min(360px, calc(100vw - 32px));
  margin: 0;
  transform: translateX(-50%);
}

@media (max-width: 980px) {
  .sdf-home-login {
    position: fixed;
    top: 50%;
    left: 50%;
    right: auto;
    width: min(360px, calc(100vw - 28px));
    transform: translate(-50%, -50%);
  }

  .sdf-home-login-error {
    position: fixed;
    top: calc(50% + 105px);
    left: 50%;
    right: auto;
    width: min(360px, calc(100vw - 28px));
    transform: translateX(-50%);
  }
}

/* v1.15 — Etkinlik 6: Çevre Felsefesi Kavram Çarkı */
.sdf-wheel-activity {
  --wheel-green: #315f49;
  --wheel-gold: #b88b43;
}

.sdf-wheel-header > p strong {
  color: #315f49 !important;
}

.sdf-wheel-game {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(420px, .88fr) minmax(520px, 1.12fr);
  gap: clamp(18px, 2vw, 32px);
  overflow: hidden;
}

.sdf-wheel-panel,
.sdf-wheel-opinions {
  min-width: 0;
  min-height: 0;
  border: 1px solid rgba(43,80,62,.15);
  border-radius: 22px;
  background: rgba(251,252,248,.94);
}

.sdf-wheel-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px 22px 18px;
  overflow: hidden;
}

.sdf-wheel-progress {
  position: absolute;
  top: 15px;
  left: 17px;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px 11px;
  border: 1px solid rgba(49,95,73,.14);
  border-radius: 999px;
  background: rgba(255,255,255,.9);
  box-shadow: 0 6px 16px rgba(37,66,51,.07);
}

.sdf-wheel-progress > span {
  color: #718178;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .12em;
}

.sdf-wheel-progress strong {
  color: #315f49;
  font-size: 13px;
}

.sdf-wheel-wrap {
  position: relative;
  width: min(410px, 31vw);
  aspect-ratio: 1;
  flex: 0 0 auto;
  margin-top: 12px;
}

.sdf-wheel-pointer {
  position: absolute;
  z-index: 8;
  top: -4px;
  left: 50%;
  width: 0;
  height: 0;
  transform: translateX(-50%);
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  border-top: 36px solid #173b2e;
  filter: drop-shadow(0 4px 3px rgba(24,50,41,.24));
}

.sdf-wheel {
  position: absolute;
  inset: 10px;
  border: 8px solid #fff;
  border-radius: 50%;
  box-shadow: 0 15px 36px rgba(29,62,47,.19), inset 0 0 0 2px rgba(36,70,52,.12);
  background:
    repeating-conic-gradient(from -18deg, transparent 0 35.4deg, rgba(255,255,255,.68) 35.4deg 36deg),
    conic-gradient(from -18deg,
      #dce9cf 0deg 36deg,
      #f0dcb1 36deg 72deg,
      #cbded7 72deg 108deg,
      #e9c8bf 108deg 144deg,
      #d8d1e6 144deg 180deg,
      #c8dfbb 180deg 216deg,
      #efd0a9 216deg 252deg,
      #bad5dc 252deg 288deg,
      #e6c8d8 288deg 324deg,
      #d8dfad 324deg 360deg);
  transition-property: transform;
  transition-duration: 3.4s;
  transition-timing-function: cubic-bezier(.12,.67,.08,1);
  will-change: transform;
}

.sdf-wheel::after {
  content: "";
  position: absolute;
  inset: 24%;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,.9);
  background: rgba(255,255,255,.78);
  box-shadow: 0 8px 20px rgba(31,61,48,.12);
}

.sdf-wheel-label {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  width: 118px;
  min-height: 38px;
  display: grid;
  place-items: center;
  padding: 5px 7px;
  border-radius: 10px;
  transform:
    translate(-50%, -50%)
    rotate(calc(var(--wheel-i) * 36deg))
    translateY(clamp(-162px, -12.2vw, -135px))
    rotate(calc(var(--wheel-i) * -36deg));
  color: #1f4234;
  background: rgba(255,255,255,.78);
  box-shadow: 0 3px 8px rgba(32,66,50,.08);
  font-size: clamp(8px, .65vw, 11px);
  font-weight: 900;
  line-height: 1.12;
  text-align: center;
  transition: opacity .2s ease, background .2s ease, color .2s ease;
}

.sdf-wheel-label.is-current {
  color: #fff;
  background: #315f49;
}

.sdf-wheel-label.is-solved {
  opacity: .42;
  color: #4d665a;
  background: rgba(244,247,243,.9);
  text-decoration: line-through;
}

.sdf-wheel-center {
  position: absolute;
  z-index: 5;
  left: 50%;
  top: 50%;
  width: 90px;
  height: 90px;
  display: grid;
  place-items: center;
  transform: translate(-50%,-50%);
  border: 7px solid #fff;
  border-radius: 50%;
  background: linear-gradient(145deg, #315f49, #173b2e);
  box-shadow: 0 10px 24px rgba(27,60,44,.25);
  color: #f2d8a2;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 42px;
  font-weight: 800;
}

.sdf-wheel-spin {
  min-width: 230px;
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 8px;
  padding: 0 22px;
  border: 0;
  border-radius: 14px;
  background: linear-gradient(145deg, #315f49, #234b39);
  color: #fff;
  font: inherit;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .1em;
  cursor: pointer;
  box-shadow: 0 10px 22px rgba(35,75,57,.18);
}

.sdf-wheel-spin span {
  color: #f0d39a;
  font-size: 20px;
}

.sdf-wheel-spin:disabled {
  opacity: .58;
  cursor: default;
}

.sdf-wheel-current {
  width: min(430px, 94%);
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 7px 11px;
  margin-top: 10px;
  padding: 8px 14px;
  border: 1px solid rgba(49,95,73,.12);
  border-radius: 13px;
  background: #f2f6f1;
  text-align: center;
}

.sdf-wheel-current span {
  color: #8a7045;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .12em;
}

.sdf-wheel-current strong {
  color: #2a493b;
  font-size: 13px;
}

.sdf-wheel-opinions {
  display: grid;
  grid-template-rows: auto minmax(0,1fr) auto;
  overflow: hidden;
}

.sdf-wheel-opinions-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 15px 17px;
  border-bottom: 1px solid rgba(43,80,62,.12);
  background: #f5f3ea;
}

.sdf-wheel-opinions-heading span {
  flex: 0 0 auto;
  padding: 6px 9px;
  border-radius: 999px;
  background: #315f49;
  color: #fff;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .12em;
}

.sdf-wheel-opinions-heading strong {
  color: #394e43;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(14px, 1.1vw, 18px);
  text-align: right;
}

.sdf-wheel-opinion-list {
  min-height: 0;
  display: grid;
  gap: 8px;
  padding: 11px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #7f9a89 rgba(54,86,67,.07);
}

.sdf-wheel-opinion {
  width: 100%;
  min-height: 66px;
  display: grid;
  grid-template-columns: 17px 30px minmax(0,1fr);
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid rgba(42,79,61,.12);
  border-radius: 13px;
  background: #fff;
  color: #31473c;
  text-align: left;
  font: inherit;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

.sdf-wheel-opinion:not(:disabled):hover,
.sdf-wheel-opinion:not(:disabled):focus-visible {
  border-color: rgba(49,95,73,.38);
  background: #f8faf7;
  outline: none;
  transform: translateX(-2px);
}

.sdf-wheel-opinion:disabled:not(.is-correct) {
  cursor: default;
  opacity: .68;
}

.sdf-wheel-light {
  width: 14px;
  height: 14px;
  display: block;
  border: 2px solid #aeb9b2;
  border-radius: 50%;
  background: #dce2de;
  box-shadow: inset 0 1px 2px rgba(35,54,44,.12);
}

.sdf-wheel-opinion.is-wrong {
  border-color: rgba(167,70,64,.36);
  background: #fff4f2;
}

.sdf-wheel-opinion.is-wrong .sdf-wheel-light {
  border-color: #aa3f38;
  background: #e3544b;
  box-shadow: 0 0 0 4px rgba(227,84,75,.12), 0 0 12px rgba(227,84,75,.38);
}

.sdf-wheel-opinion.is-correct,
.sdf-wheel-opinion.is-correct:disabled {
  opacity: 1;
  border-color: rgba(48,128,78,.38);
  background: #eff9f1;
}

.sdf-wheel-opinion.is-correct .sdf-wheel-light {
  border-color: #2f844e;
  background: #45ae68;
  box-shadow: 0 0 0 4px rgba(69,174,104,.12), 0 0 12px rgba(69,174,104,.38);
}

.sdf-wheel-opinion-number {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #eef2ed;
  color: #5e7167;
  font-size: 11px;
  font-weight: 900;
}

.sdf-wheel-opinion-text {
  min-width: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(12px, .9vw, 14.5px);
  line-height: 1.34;
}

.sdf-wheel-feedback {
  min-height: 43px;
  display: flex;
  align-items: center;
  padding: 8px 14px;
  border-top: 1px solid rgba(43,80,62,.11);
  background: #f5f7f3;
  color: #627269;
  font-size: 11px;
  font-weight: 800;
}

@media (max-width: 1120px) {
  .sdf-wheel-game {
    grid-template-columns: minmax(360px,.8fr) minmax(440px,1.2fr);
  }
  .sdf-wheel-wrap { width: min(360px, 34vw); }
  .sdf-wheel-label {
    width: 101px;
    transform:
      translate(-50%, -50%)
      rotate(calc(var(--wheel-i) * 36deg))
      translateY(clamp(-142px, -13vw, -119px))
      rotate(calc(var(--wheel-i) * -36deg));
  }
}

@media (max-width: 960px) {
  .sdf-wheel-activity { height: auto; }
  .sdf-wheel-game {
    grid-template-columns: 1fr;
    overflow: visible;
  }
  .sdf-wheel-panel { min-height: 520px; }
  .sdf-wheel-wrap { width: min(390px, 80vw); }
  .sdf-wheel-label {
    width: 108px;
    transform:
      translate(-50%, -50%)
      rotate(calc(var(--wheel-i) * 36deg))
      translateY(clamp(-153px, -30vw, -128px))
      rotate(calc(var(--wheel-i) * -36deg));
  }
  .sdf-wheel-opinion-list { max-height: 590px; }
}

@media (max-width: 520px) {
  .sdf-wheel-panel { min-height: 455px; padding-left: 9px; padding-right: 9px; }
  .sdf-wheel-wrap { width: min(330px, 88vw); }
  .sdf-wheel-label {
    width: 85px;
    min-height: 33px;
    font-size: 7.5px;
    transform:
      translate(-50%, -50%)
      rotate(calc(var(--wheel-i) * 36deg))
      translateY(-116px)
      rotate(calc(var(--wheel-i) * -36deg));
  }
  .sdf-wheel-center { width: 74px; height: 74px; font-size: 34px; }
  .sdf-wheel-opinion { grid-template-columns: 16px 27px minmax(0,1fr); padding: 9px; }
  .sdf-wheel-opinions-heading { align-items: flex-start; flex-direction: column; }
  .sdf-wheel-opinions-heading strong { text-align: left; }
}


/* v1.15.1 — Kavram çarkını panel içine tam sığdırma */
@media (min-width: 961px) {
  .sdf-wheel-panel {
    justify-content: flex-start;
    padding-top: 44px;
    padding-bottom: 12px;
  }

  .sdf-wheel-wrap {
    width: min(318px, 23vw, calc(100% - 34px));
    max-width: 318px;
    margin-top: 0;
  }

  .sdf-wheel {
    inset: 8px;
    border-width: 6px;
  }

  .sdf-wheel-label {
    width: 88px;
    min-height: 31px;
    padding: 4px 5px;
    font-size: clamp(7.5px, .52vw, 9.5px);
    line-height: 1.08;
    transform:
      translate(-50%, -50%)
      rotate(calc(var(--wheel-i) * 36deg))
      translateY(-111px)
      rotate(calc(var(--wheel-i) * -36deg));
  }

  .sdf-wheel-center {
    width: 70px;
    height: 70px;
    border-width: 5px;
    font-size: 32px;
  }

  .sdf-wheel-pointer {
    top: -2px;
    border-left-width: 14px;
    border-right-width: 14px;
    border-top-width: 29px;
  }

  .sdf-wheel-spin {
    min-width: 205px;
    min-height: 44px;
    margin-top: 4px;
  }

  .sdf-wheel-current {
    width: min(390px, 96%);
    min-height: 48px;
    margin-top: 7px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
}

@media (min-width: 961px) and (max-height: 820px) {
  .sdf-wheel-panel { padding-top: 38px; }
  .sdf-wheel-wrap { width: min(282px, 21vw, calc(100% - 42px)); }
  .sdf-wheel-label {
    width: 80px;
    min-height: 28px;
    font-size: 7.5px;
    transform:
      translate(-50%, -50%)
      rotate(calc(var(--wheel-i) * 36deg))
      translateY(-98px)
      rotate(calc(var(--wheel-i) * -36deg));
  }
  .sdf-wheel-center { width: 62px; height: 62px; font-size: 28px; }
  .sdf-wheel-spin { min-height: 41px; margin-top: 2px; }
  .sdf-wheel-current { min-height: 44px; margin-top: 5px; }
}

/* v1.15.2 — Çark durduğunda seçilen kavramı üst sağda büyük göster */
.sdf-wheel-selected-badge {
  position: absolute;
  top: 15px;
  right: 17px;
  z-index: 9;
  width: min(230px, 46%);
  min-height: 58px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 3px;
  padding: 9px 13px;
  border: 1px solid rgba(49,95,73,.14);
  border-radius: 14px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 7px 18px rgba(37,66,51,.08);
  text-align: right;
  pointer-events: none;
}

.sdf-wheel-selected-badge span {
  color: #8a7045;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .12em;
}

.sdf-wheel-selected-badge strong {
  max-width: 100%;
  color: #315f49;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(16px, 1.45vw, 24px);
  line-height: 1.02;
  overflow-wrap: anywhere;
}

.sdf-wheel-selected-badge.is-active {
  border-color: rgba(184,139,67,.35);
  background: linear-gradient(145deg, rgba(255,255,255,.97), rgba(244,239,224,.96));
}

@media (max-width: 1180px) {
  .sdf-wheel-selected-badge {
    top: 62px;
    right: 12px;
    width: min(185px, 42%);
    min-height: 50px;
    padding: 7px 10px;
  }

  .sdf-wheel-selected-badge strong {
    font-size: 15px;
  }
}

/* 11. sınıf / 1. hafta / Tekrar - Ölçme */
.sdf-assessment-page,
.sdf-assessment-page * { box-sizing: border-box; }

.sdf-assessment-page {
  position: relative;
  width: 100vw;
  min-height: 100vh;
  margin-left: calc(50% - 50vw);
  padding: clamp(24px, 2.7vw, 48px);
  background:
    radial-gradient(circle at 8% 10%, rgba(72,112,88,.12), transparent 26%),
    radial-gradient(circle at 92% 88%, rgba(197,161,91,.13), transparent 28%),
    linear-gradient(135deg, #f7f6f0 0%, #edf2eb 56%, #f5efe3 100%);
  color: #1c352b;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.sdf-assessment-shell {
  width: min(1580px, 96vw);
  min-height: calc(100vh - 96px);
  margin: 0 auto;
  padding: clamp(32px, 3vw, 50px) clamp(34px, 3.7vw, 64px) 28px;
  border: 1px solid rgba(40,78,60,.14);
  border-radius: 30px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 28px 80px rgba(39,68,51,.12);
}

.sdf-assessment-header { padding-right: 0; }
.sdf-assessment-header h1 { font-size: clamp(38px, 4vw, 68px); }
.sdf-assessment-header h2 { color: #7a6338; }

.sdf-assessment-progress {
  display: grid;
  grid-template-columns: auto minmax(220px, 1fr);
  align-items: center;
  gap: 16px;
  margin: 16px 0 20px;
  color: #577062;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
}

.sdf-assessment-progress-track {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(49,90,71,.10);
}
.sdf-assessment-progress-track i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #315a47, #8baa78);
}

.sdf-assessment-question {
  position: relative;
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 24px;
  padding: clamp(22px, 2vw, 32px);
  border: 1px solid rgba(40,78,60,.14);
  border-radius: 24px;
  background: #fbfcf8;
}

.sdf-assessment-number {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: linear-gradient(145deg, #315a47, #5f806d);
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 34px;
  font-weight: 800;
  box-shadow: 0 12px 24px rgba(49,90,71,.18);
}

.sdf-assessment-question-content { min-width: 0; }

.sdf-assessment-passage {
  margin: 0;
  padding: 18px 20px;
  border-left: 5px solid #6e8d78;
  border-radius: 0 16px 16px 0;
  background: rgba(83,124,98,.07);
  color: #2c4037;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(16px, 1.14vw, 19px);
  line-height: 1.6;
}

.sdf-assessment-question h3 {
  margin: 18px 0 14px;
  color: #173b2e;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(20px, 1.65vw, 28px);
  line-height: 1.28;
}

.sdf-assessment-options {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.sdf-assessment-option {
  position: relative;
  min-width: 0;
  min-height: 76px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 12px 14px;
  border: 2px solid rgba(40,78,60,.13);
  border-radius: 15px;
  background: #fff;
  color: #294239;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}
.sdf-assessment-option strong {
  flex: 0 0 auto;
  color: #315a47;
  font-size: 16px;
}
.sdf-assessment-option span {
  min-width: 0;
  font-size: clamp(13px, .95vw, 16px);
  font-weight: 750;
  line-height: 1.25;
}
.sdf-assessment-option i {
  position: absolute;
  right: 9px;
  top: 9px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #d3d8d4;
}
.sdf-assessment-option:not(:disabled):hover,
.sdf-assessment-option:not(:disabled):focus {
  outline: none;
  transform: translateY(-2px);
  border-color: rgba(49,90,71,.42);
}
.sdf-assessment-option.is-correct {
  border-color: #2e8b57;
  background: #edf9f1;
  color: #1f633e;
}
.sdf-assessment-option.is-correct i { background: #2eaa62; box-shadow: 0 0 0 4px rgba(46,170,98,.13); }
.sdf-assessment-option.is-wrong {
  border-color: #c44747;
  background: #fff0f0;
  color: #8f2e2e;
}
.sdf-assessment-option.is-wrong i { background: #d84d4d; box-shadow: 0 0 0 4px rgba(216,77,77,.12); }
.sdf-assessment-option:disabled { cursor: default; opacity: .78; }
.sdf-assessment-option.is-correct:disabled,
.sdf-assessment-option.is-wrong:disabled { opacity: 1; }

.sdf-assessment-feedback {
  margin-top: 18px;
  padding: 18px 20px;
  border: 1px solid rgba(49,90,71,.15);
  border-radius: 17px;
  background: linear-gradient(135deg, rgba(235,246,238,.95), rgba(250,247,237,.95));
  color: #31453b;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(15px, 1.05vw, 18px);
  line-height: 1.55;
}
.sdf-assessment-feedback[hidden] { display: none !important; }
.sdf-assessment-feedback-title {
  margin-bottom: 8px;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 16px;
  font-weight: 900;
}
.sdf-assessment-feedback-title.is-correct { color: #237446; }
.sdf-assessment-feedback-title.is-wrong { color: #ad3939; }
.sdf-assessment-feedback p { margin: 0; }

.sdf-assessment-nav {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 16px;
  margin-top: 20px;
}
.sdf-assessment-nav > span {
  text-align: center;
  color: #738177;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.sdf-assessment-nav button:disabled { opacity: .45; cursor: default; }

@media (max-width: 1100px) {
  .sdf-assessment-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sdf-assessment-option:last-child { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
  .sdf-assessment-page { padding: 14px; }
  .sdf-assessment-shell { width: 100%; min-height: 0; padding: 58px 18px 22px; border-radius: 22px; }
  .sdf-assessment-progress { grid-template-columns: 1fr; gap: 8px; }
  .sdf-assessment-question { grid-template-columns: 1fr; padding: 16px; }
  .sdf-assessment-number { width: 52px; height: 52px; font-size: 28px; }
  .sdf-assessment-options { grid-template-columns: 1fr; }
  .sdf-assessment-option:last-child { grid-column: auto; }
  .sdf-assessment-nav { grid-template-columns: 1fr; }
  .sdf-assessment-nav .sdf-page-nav { width: 100%; }
}

/* Tekrar / Ölçme soru geçişleri */
.sdf-assessment-question[hidden] {
  display: none !important;
}


/* 5. soru: uzun metin için kaydırılabilir içerik */
.sdf-assessment-question--long {
  align-items: start;
}

.sdf-assessment-long-scroll {
  max-height: min(560px, 58vh);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 12px;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: #6f8d79 rgba(49,90,71,.10);
}

.sdf-assessment-long-scroll::-webkit-scrollbar { width: 10px; }
.sdf-assessment-long-scroll::-webkit-scrollbar-track {
  background: rgba(49,90,71,.08);
  border-radius: 999px;
}
.sdf-assessment-long-scroll::-webkit-scrollbar-thumb {
  background: #789483;
  border-radius: 999px;
  border: 2px solid #fbfcf8;
}

.sdf-assessment-speakers {
  display: grid;
  gap: 9px;
  margin-top: 14px;
}

.sdf-assessment-speakers p {
  margin: 0;
  padding: 11px 14px;
  border: 1px solid rgba(49,90,71,.12);
  border-radius: 13px;
  background: #fff;
  color: #31463c;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(14px, 1vw, 17px);
  line-height: 1.48;
}

.sdf-assessment-speakers strong { color: #315a47; }

@media (max-width: 760px) {
  .sdf-assessment-long-scroll {
    max-height: 62vh;
    padding-right: 6px;
  }
}

/* 11. Sınıf / 1. Hafta / Etkileşim */
.sdf-interaction-page,
.sdf-interaction-page *,
.sdf-opinion-archive-page,
.sdf-opinion-archive-page * { box-sizing: border-box; }

.sdf-interaction-page,
.sdf-opinion-archive-page {
  position: relative;
  width: 100vw;
  min-height: 100vh;
  margin-left: calc(50% - 50vw);
  padding: clamp(20px, 2.4vw, 40px);
  background:
    radial-gradient(circle at 10% 12%, rgba(100,137,111,.13), transparent 28%),
    radial-gradient(circle at 92% 88%, rgba(200,165,94,.14), transparent 28%),
    linear-gradient(135deg, #f6f5ee 0%, #edf3ed 55%, #f8f2e6 100%);
  color: #21382f;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.sdf-interaction-shell,
.sdf-opinion-archive-shell {
  position: relative;
  width: min(1560px, 96vw);
  min-height: min(900px, 94vh);
  margin: 0 auto;
  padding: clamp(62px, 5vw, 82px) clamp(28px, 3.2vw, 52px) clamp(28px, 2.8vw, 44px);
  overflow: hidden;
  border: 1px solid rgba(42,82,62,.14);
  border-radius: 30px;
  background: rgba(255,255,255,.84);
  box-shadow: 0 28px 80px rgba(37,68,51,.12);
  backdrop-filter: blur(9px);
}

.sdf-interaction-shell::before,
.sdf-opinion-archive-shell::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 7px;
  background: linear-gradient(90deg, #274f3c, #6e906f 52%, #c7a45f);
}

.sdf-interaction-header,
.sdf-opinion-archive-header {
  text-align: center;
  max-width: 1180px;
  margin: 0 auto 22px;
}

.sdf-interaction-header h1,
.sdf-opinion-archive-header h1 {
  margin: 8px 0 0;
  color: #173b2e;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(35px, 3.8vw, 64px);
  line-height: 1;
  letter-spacing: -.035em;
}

.sdf-interaction-header h2,
.sdf-opinion-archive-header h2 {
  margin: 10px 0 0;
  color: #8a6b31;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(21px, 2vw, 34px);
  font-weight: 500;
  line-height: 1.25;
}

.sdf-opinion-archive-header > p {
  margin: 10px auto 0;
  color: #6c7a72;
  font-size: 14px;
}

.sdf-interaction-question {
  max-width: 1240px;
  display: grid;
  grid-template-columns: 66px 1fr;
  gap: 18px;
  align-items: center;
  margin: 0 auto 22px;
  padding: 18px 22px;
  border: 1px solid rgba(89,119,97,.20);
  border-radius: 20px;
  background: linear-gradient(100deg, rgba(86,124,98,.12), rgba(197,165,95,.08));
}

.sdf-interaction-question-mark {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: #315a47;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 36px;
  font-weight: 700;
}

.sdf-interaction-question p {
  margin: 0;
  color: #273f34;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(17px, 1.35vw, 22px);
  line-height: 1.48;
  font-weight: 600;
}

.sdf-interaction-notice {
  max-width: 1240px;
  margin: 0 auto 18px;
  padding: 13px 17px;
  border-radius: 13px;
  font-size: 13px;
  text-align: center;
}
.sdf-interaction-notice--success { border: 1px solid rgba(43,119,76,.22); background: #edf8f0; color: #23643d; }
.sdf-interaction-notice--error { border: 1px solid rgba(168,56,56,.20); background: #fff0f0; color: #993d3d; }

.sdf-interaction-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
  gap: 22px;
  max-width: 1240px;
  margin: 0 auto;
}

.sdf-interaction-form-card,
.sdf-interaction-side-card {
  border: 1px solid rgba(49,90,71,.14);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(49,90,71,.07);
}
.sdf-interaction-form-card { padding: clamp(22px, 2.2vw, 34px); }
.sdf-interaction-side-card { padding: clamp(22px, 2.2vw, 32px); background: linear-gradient(150deg, #f7faf6, #f8f4e9); }

.sdf-interaction-kicker {
  color: #947538;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .18em;
}

.sdf-interaction-form-card h3,
.sdf-interaction-side-card h3 {
  margin: 7px 0 18px;
  color: #234537;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(22px, 1.9vw, 31px);
}

.sdf-interaction-fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.sdf-interaction-form label { display: block; }
.sdf-interaction-form label > span {
  display: block;
  margin-bottom: 7px;
  color: #4e6559;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.sdf-interaction-form input,
.sdf-interaction-form textarea {
  width: 100%;
  border: 1px solid rgba(49,90,71,.18);
  border-radius: 12px;
  outline: none;
  background: #fbfcf9;
  color: #263d33;
  font: inherit;
  font-size: 16px;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.sdf-interaction-form input { height: 50px; padding: 0 14px; }
.sdf-interaction-form textarea { min-height: 176px; padding: 14px; line-height: 1.55; resize: vertical; }
.sdf-interaction-form input:focus,
.sdf-interaction-form textarea:focus { border-color: #668873; background: #fff; box-shadow: 0 0 0 3px rgba(78,125,95,.09); }

.sdf-interaction-opinion-field { margin-top: 16px; }

.sdf-interaction-submit {
  min-width: 180px;
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  margin-top: 16px;
  border: 0;
  border-radius: 13px;
  background: #315a47;
  color: #fff;
  font: inherit;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .12em;
  cursor: pointer;
}
.sdf-interaction-submit span { font-size: 18px; }

.sdf-interaction-side-icon {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: linear-gradient(145deg, #d9c184, #b8944e);
  color: #173b2e;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 32px;
  font-weight: 800;
}

.sdf-interaction-side-card p {
  color: #53675c;
  font-size: 14px;
  line-height: 1.65;
}
.sdf-interaction-side-card strong { color: #315a47; }

.sdf-opinion-archive-link {
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 22px;
  padding: 0 16px;
  border: 1px solid rgba(49,90,71,.24);
  border-radius: 13px;
  background: #fff;
  color: #315a47 !important;
  text-decoration: none !important;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .11em;
}
.sdf-opinion-archive-link span { font-size: 18px; }

.sdf-interaction-footer {
  max-width: 1240px;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  margin: 20px auto 0;
  padding-top: 15px;
  border-top: 1px solid rgba(49,90,71,.11);
  color: #78867e;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.sdf-interaction-footer a { color: #315a47 !important; text-decoration: none !important; }

/* Görüş Arşivi */
.sdf-opinion-list {
  max-width: 1220px;
  display: grid;
  gap: 18px;
  margin: 30px auto 0;
}

.sdf-opinion-card {
  position: relative;
  padding: clamp(22px, 2vw, 32px);
  overflow: hidden;
  border: 1px solid rgba(49,90,71,.14);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(49,90,71,.07);
}
.sdf-opinion-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 6px;
  background: linear-gradient(#315a47, #c4a45f);
}
.sdf-opinion-quote {
  position: absolute;
  top: -12px;
  right: 24px;
  color: rgba(49,90,71,.07);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 110px;
  line-height: 1;
}

.sdf-opinion-meta-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: .75fr 1.5fr .65fr;
  gap: 12px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(49,90,71,.10);
}
.sdf-opinion-meta-grid div { min-width: 0; }
.sdf-opinion-meta-grid span,
.sdf-opinion-text > span {
  display: block;
  margin-bottom: 5px;
  color: #a07d3c;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .14em;
}
.sdf-opinion-meta-grid strong {
  display: block;
  color: #29483a;
  font-size: 14px;
  line-height: 1.35;
}

.sdf-opinion-text {
  position: relative;
  z-index: 1;
  padding-top: 17px;
}
.sdf-opinion-text p {
  margin: 0;
  color: #3b5046;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(16px, 1.2vw, 20px);
  line-height: 1.58;
}
.sdf-opinion-empty {
  padding: 38px;
  border: 1px dashed rgba(49,90,71,.25);
  border-radius: 18px;
  color: #708078;
  text-align: center;
}

@media (max-width: 980px) {
  .sdf-interaction-layout { grid-template-columns: 1fr; }
  .sdf-interaction-fields { grid-template-columns: 1fr; }
  .sdf-opinion-meta-grid { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
  .sdf-interaction-page,
  .sdf-opinion-archive-page { padding: 12px; }
  .sdf-interaction-shell,
  .sdf-opinion-archive-shell { width: 100%; padding: 62px 16px 22px; border-radius: 22px; }
  .sdf-interaction-question { grid-template-columns: 48px 1fr; padding: 14px; }
  .sdf-interaction-question-mark { width: 46px; height: 46px; border-radius: 14px; font-size: 28px; }
  .sdf-interaction-footer { flex-direction: column; align-items: flex-start; }
}

/* Ana sayfa - Destekleyen Öğretmenler */
.sdf-supporters-trigger {
  position: absolute;
  top: 28px;
  right: 30px;
  z-index: 8;
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 15px 8px 9px;
  border: 1px solid rgba(225,200,135,.4);
  border-radius: 16px;
  background: rgba(10,30,48,.76);
  color: #fff;
  box-shadow: 0 12px 28px rgba(0,0,0,.18);
  backdrop-filter: blur(9px);
  cursor: pointer;
  font: inherit;
  text-align: left;
  text-decoration: none !important;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.sdf-supporters-trigger:hover,
.sdf-supporters-trigger:focus {
  transform: translateY(-2px);
  border-color: rgba(225,200,135,.72);
  background: rgba(18,48,74,.94);
  outline: none;
}

.sdf-supporters-trigger-icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: linear-gradient(145deg, var(--sdf-gold-2), var(--sdf-gold));
  color: var(--sdf-navy);
  font-size: 19px;
  font-weight: 900;
}

.sdf-supporters-trigger > span:last-child {
  display: flex;
  flex-direction: column;
  line-height: 1.05;
}

.sdf-supporters-trigger strong {
  color: var(--sdf-gold-2);
  font-size: 10px;
  letter-spacing: .12em;
}

.sdf-supporters-trigger small {
  margin-top: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .05em;
}

.sdf-support-modal-open { overflow: hidden; }

.sdf-supporters-modal {
  position: fixed;
  inset: 0;
  z-index: 1000000;
  display: grid;
  place-items: center;
  padding: 24px;
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s ease, visibility .2s ease;
}

.sdf-supporters-modal.is-open {
  opacity: 1;
  visibility: visible;
}

.sdf-supporters-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2,11,19,.78);
  backdrop-filter: blur(10px);
}

.sdf-supporters-dialog {
  position: relative;
  z-index: 2;
  width: min(920px, 94vw);
  max-height: min(820px, 91vh);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(225,200,135,.28);
  border-radius: 26px;
  background: linear-gradient(145deg, #102c45, #081827 76%);
  box-shadow: 0 34px 100px rgba(0,0,0,.52);
  color: #fff;
}

.sdf-supporters-close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 5;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 50%;
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.86);
  font-size: 26px;
  cursor: pointer;
}

.sdf-supporters-header {
  display: grid;
  grid-template-columns: 66px 1fr;
  gap: 18px;
  align-items: center;
  padding: 28px 76px 22px 30px;
  border-bottom: 1px solid rgba(255,255,255,.11);
}

.sdf-supporters-symbol {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: linear-gradient(145deg, var(--sdf-gold-2), var(--sdf-gold));
  color: var(--sdf-navy);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 32px;
  font-weight: 900;
}

.sdf-supporters-header h2 {
  margin: 5px 0 4px;
  font-family: Georgia, "Times New Roman", serif;
  color: #fff;
  font-size: clamp(27px, 3vw, 42px);
  line-height: 1;
}

.sdf-supporters-header p {
  margin: 0;
  color: rgba(255,255,255,.58);
  font-size: 13px;
}

.sdf-supporters-scroll {
  min-height: 0;
  overflow-y: auto;
  padding: 24px 28px 30px;
  scrollbar-width: thin;
  scrollbar-color: rgba(225,200,135,.55) rgba(255,255,255,.06);
}

.sdf-supporters-list {
  display: grid;
  gap: 10px;
}

.sdf-supporter-row {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) 34px;
  align-items: center;
  gap: 13px;
  padding: 13px 15px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 15px;
  background: rgba(255,255,255,.045);
}

.sdf-supporter-number {
  color: var(--sdf-gold-2);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  font-weight: 800;
}

.sdf-supporter-row div {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.sdf-supporter-row strong {
  overflow-wrap: anywhere;
  color: #fff;
  font-size: 14px;
}

.sdf-supporter-row small {
  overflow-wrap: anywhere;
  color: rgba(255,255,255,.55);
  font-size: 12px;
}

.sdf-supporter-check {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(101,184,125,.14);
  color: #8bd49e;
  font-weight: 900;
}

.sdf-supporters-empty {
  padding: 22px;
  border: 1px dashed rgba(225,200,135,.28);
  border-radius: 15px;
  color: rgba(255,255,255,.54);
  text-align: center;
}

.sdf-support-form-card {
  margin-top: 22px;
  padding: 23px;
  border: 1px solid rgba(225,200,135,.24);
  border-radius: 19px;
  background: linear-gradient(145deg, rgba(201,164,93,.10), rgba(255,255,255,.035));
}

.sdf-support-form-card h3 {
  margin: 6px 0 7px;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 23px;
}

.sdf-support-form-card > p {
  margin: 0 0 17px;
  color: rgba(255,244,236,.76);
  font-size: 12.5px;
  line-height: 1.5;
}

.sdf-support-form {
  display: grid;
  grid-template-columns: 1fr 1.25fr auto;
  gap: 12px;
  align-items: end;
}

.sdf-support-form label {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.sdf-support-form label span {
  color: rgba(255,255,255,.72);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.sdf-support-form input {
  width: 100%;
  height: 48px;
  min-width: 0;
  padding: 0 13px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 12px;
  outline: none;
  background: rgba(255,255,255,.055);
  color: #fff;
  font: inherit;
  font-size: 14px;
}

.sdf-support-form input:focus {
  border-color: rgba(225,200,135,.68);
  box-shadow: 0 0 0 3px rgba(201,164,93,.08);
}

.sdf-support-form button {
  min-width: 130px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(145deg, var(--sdf-gold-2), var(--sdf-gold));
  color: var(--sdf-navy);
  font: inherit;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .09em;
  cursor: pointer;
}

.sdf-support-form button span { font-size: 18px; }

.sdf-support-form-notice {
  margin: 0 0 14px;
  padding: 11px 13px;
  border-radius: 11px;
  font-size: 12px;
  font-weight: 750;
}

.sdf-support-form-notice--success {
  border: 1px solid rgba(112,207,139,.28);
  background: rgba(45,133,70,.16);
  color: #c9f4d4;
}

.sdf-support-form-notice--error {
  border: 1px solid rgba(255,153,153,.24);
  background: rgba(150,42,42,.17);
  color: #ffd0d0;
}

@media (max-width: 900px) {
  .sdf-supporters-trigger {
    top: 18px;
    right: 18px;
  }
  .sdf-support-form {
    grid-template-columns: 1fr 1fr;
  }
  .sdf-support-form button {
    grid-column: 1 / -1;
    width: 100%;
  }
}

@media (max-width: 680px) {
  .sdf-supporters-trigger {
    position: static;
    grid-column: 1;
    justify-self: center;
    margin-bottom: -6px;
  }
  .sdf-supporters-modal { padding: 10px; }
  .sdf-supporters-dialog { width: 100%; max-height: 94vh; border-radius: 20px; }
  .sdf-supporters-header { grid-template-columns: 52px 1fr; padding: 22px 58px 18px 18px; gap: 12px; }
  .sdf-supporters-symbol { width: 50px; height: 50px; font-size: 26px; }
  .sdf-supporters-scroll { padding: 18px; }
  .sdf-support-form { grid-template-columns: 1fr; }
  .sdf-support-form button { grid-column: auto; }
}

/* v1.19 — Ana sayfa Felsefe Radyosu */
.sdf-stage--radio-home {
  padding-top: clamp(92px, 8vw, 118px);
}

.sdf-radio-ticker {
  position: absolute;
  z-index: 30;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
  width: min(1540px, calc(100vw - 44px));
  min-height: 58px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(225,200,135,.32);
  border-radius: 16px;
  background: linear-gradient(90deg, rgba(4,19,31,.98), rgba(15,44,67,.96), rgba(4,19,31,.98));
  box-shadow: 0 14px 38px rgba(0,0,0,.24);
  color: #fff;
  font: inherit;
  cursor: pointer;
  text-align: left;
}

.sdf-radio-ticker:focus-visible {
  outline: 3px solid rgba(225,200,135,.55);
  outline-offset: 3px;
}

.sdf-radio-ticker-brand {
  position: relative;
  z-index: 2;
  min-height: 58px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0 22px;
  border-right: 1px solid rgba(225,200,135,.23);
  background: rgba(201,164,93,.09);
  color: var(--sdf-gold-2);
  white-space: nowrap;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .14em;
}

.sdf-radio-live-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ef6f6f;
  box-shadow: 0 0 0 5px rgba(239,111,111,.10);
  animation: sdfRadioPulse 1.8s ease-in-out infinite;
}

@keyframes sdfRadioPulse {
  0%, 100% { transform: scale(.92); opacity: .72; }
  50% { transform: scale(1.12); opacity: 1; }
}

.sdf-radio-ticker-window {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
}

.sdf-radio-ticker-track {
  display: inline-flex;
  min-width: max-content;
  padding-left: 100%;
  color: rgba(255,255,255,.77);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .045em;
  animation: sdfRadioTicker 24s linear infinite;
}

.sdf-radio-ticker:hover .sdf-radio-ticker-track,
.sdf-radio-ticker:focus .sdf-radio-ticker-track {
  animation-play-state: paused;
}

@keyframes sdfRadioTicker {
  from { transform: translateX(0); }
  to { transform: translateX(-100%); }
}

.sdf-radio-ticker-action {
  min-height: 58px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 0 20px;
  border-left: 1px solid rgba(225,200,135,.20);
  color: rgba(255,255,255,.78);
  background: rgba(255,255,255,.035);
  white-space: nowrap;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .11em;
}

.sdf-radio-ticker-action span {
  color: var(--sdf-gold-2);
  font-size: 21px;
}

.sdf-radio-modal-open { overflow: hidden; }

.sdf-radio-modal {
  position: fixed;
  inset: 0;
  z-index: 1000002;
  display: grid;
  place-items: center;
  padding: 24px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .2s ease, visibility .2s ease;
}

.sdf-radio-modal.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.sdf-radio-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2,10,18,.82);
  backdrop-filter: blur(10px);
}

.sdf-radio-dialog {
  position: relative;
  z-index: 2;
  width: min(980px, 94vw);
  max-height: 88vh;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid rgba(225,200,135,.30);
  border-radius: 26px;
  background: linear-gradient(145deg, #102b45 0%, #081a2b 100%);
  box-shadow: 0 32px 90px rgba(0,0,0,.52);
  color: #fff;
}

.sdf-radio-close {
  position: absolute;
  z-index: 4;
  top: 16px;
  right: 16px;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 50%;
  background: rgba(255,255,255,.055);
  color: #fff;
  font: inherit;
  font-size: 25px;
  cursor: pointer;
}

.sdf-radio-header {
  display: grid;
  grid-template-columns: 66px 1fr;
  gap: 17px;
  align-items: center;
  padding: 27px 72px 23px 27px;
  border-bottom: 1px solid rgba(255,255,255,.10);
}

.sdf-radio-symbol {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: linear-gradient(145deg, var(--sdf-gold-2), var(--sdf-gold));
  color: var(--sdf-navy);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 32px;
  font-weight: 900;
}

.sdf-radio-header h2 {
  margin: 5px 0 4px;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1;
}

.sdf-radio-header p {
  margin: 0;
  color: rgba(255,255,255,.58);
  font-size: 12.5px;
  line-height: 1.5;
}

.sdf-radio-list {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 22px 26px 28px;
  scrollbar-width: thin;
  scrollbar-color: rgba(225,200,135,.46) rgba(255,255,255,.05);
}

.sdf-radio-list::-webkit-scrollbar { width: 10px; }
.sdf-radio-list::-webkit-scrollbar-track { background: rgba(255,255,255,.04); }
.sdf-radio-list::-webkit-scrollbar-thumb { background: rgba(225,200,135,.42); border-radius: 999px; }

.sdf-radio-row {
  display: grid;
  grid-template-columns: 48px minmax(160px, 1fr) minmax(280px, 1.35fr);
  gap: 15px;
  align-items: center;
  padding: 13px 14px;
  border-bottom: 1px solid rgba(255,255,255,.09);
}

.sdf-radio-row:last-child { border-bottom: 0; }

.sdf-radio-number {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(225,200,135,.24);
  border-radius: 12px;
  background: rgba(201,164,93,.06);
  color: var(--sdf-gold-2);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 800;
}

.sdf-radio-row-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.sdf-radio-row-copy strong {
  overflow-wrap: anywhere;
  color: #fff;
  font-size: 14px;
}

.sdf-radio-row-copy small {
  color: rgba(255,255,255,.43);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.sdf-radio-audio {
  width: 100%;
  min-width: 0;
  height: 42px;
  accent-color: var(--sdf-gold);
}

.sdf-radio-empty {
  min-height: 220px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 7px;
  padding: 30px;
  border: 1px dashed rgba(225,200,135,.28);
  border-radius: 18px;
  color: rgba(255,255,255,.63);
  text-align: center;
}

.sdf-radio-empty > span {
  color: var(--sdf-gold-2);
  font-size: 40px;
}

.sdf-radio-empty strong { color: #fff; font-size: 17px; }
.sdf-radio-empty p { max-width: 560px; margin: 0; font-size: 12px; line-height: 1.55; }

@media (max-width: 850px) {
  .sdf-stage--radio-home { padding-top: 104px; }
  .sdf-radio-ticker {
    top: 12px;
    width: calc(100vw - 24px);
    grid-template-columns: auto minmax(0, 1fr);
  }
  .sdf-radio-ticker-brand { padding: 0 14px; font-size: 10px; letter-spacing: .09em; }
  .sdf-radio-ticker-action { display: none; }
  .sdf-radio-row { grid-template-columns: 44px minmax(0, 1fr); }
  .sdf-radio-audio { grid-column: 1 / -1; }
}

@media (max-width: 560px) {
  .sdf-stage--radio-home { padding-top: 100px; }
  .sdf-radio-ticker-brand { max-width: 148px; }
  .sdf-radio-modal { padding: 10px; }
  .sdf-radio-dialog { width: 100%; max-height: 94vh; border-radius: 20px; }
  .sdf-radio-header { grid-template-columns: 52px 1fr; gap: 12px; padding: 21px 58px 18px 17px; }
  .sdf-radio-symbol { width: 50px; height: 50px; border-radius: 14px; font-size: 27px; }
  .sdf-radio-list { padding: 15px; }
}

@media (prefers-reduced-motion: reduce) {
  .sdf-radio-live-dot,
  .sdf-radio-ticker-track { animation: none; }
  .sdf-radio-ticker-track { padding-left: 16px; transform: none; }
}

/* v1.19.1 — Radyo ana sayfa oynatıcısı */
.sdf-radio-home-player {
  position: absolute;
  top: 27px;
  left: 30px;
  z-index: 8;
  width: min(430px, 38vw);
  min-height: 96px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  grid-template-rows: auto auto;
  gap: 8px 12px;
  align-items: center;
  padding: 12px 14px;
  border: 1px solid rgba(225,200,135,.34);
  border-radius: 18px;
  background: rgba(7,25,41,.88);
  box-shadow: 0 13px 32px rgba(0,0,0,.20);
  backdrop-filter: blur(10px);
}

.sdf-radio-home-player-icon {
  grid-row: 1;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  background: linear-gradient(145deg, var(--sdf-gold-2), var(--sdf-gold));
  color: var(--sdf-navy);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 24px;
  font-weight: 900;
}

.sdf-radio-home-player-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.sdf-radio-home-player-copy small {
  color: var(--sdf-gold-2);
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .16em;
}

.sdf-radio-home-player-copy strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  font-size: 13px;
  line-height: 1.2;
}

.sdf-radio-home-player-copy span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(255,255,255,.48);
  font-size: 9.5px;
}

.sdf-radio-home-audio {
  grid-column: 1 / -1;
  width: 100%;
  min-width: 0;
  height: 34px;
  accent-color: var(--sdf-gold);
}

.sdf-radio-home-player.is-empty .sdf-radio-home-audio {
  display: none;
}

.sdf-radio-row {
  grid-template-columns: 48px minmax(160px, 1fr) minmax(180px, auto);
}

.sdf-radio-select {
  min-width: 178px;
  min-height: 43px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 15px;
  border: 1px solid rgba(225,200,135,.30);
  border-radius: 12px;
  background: rgba(201,164,93,.08);
  color: #fff;
  font: inherit;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.sdf-radio-select span {
  color: var(--sdf-gold-2);
  font-size: 14px;
}

.sdf-radio-select:hover,
.sdf-radio-select:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(225,200,135,.65);
  background: rgba(201,164,93,.15);
  outline: none;
}

.sdf-radio-select.is-active {
  border-color: rgba(118,210,143,.45);
  background: rgba(58,137,79,.16);
  color: #d8f4df;
}

@media (max-width: 1180px) {
  .sdf-radio-home-player {
    width: min(340px, 34vw);
  }
  .sdf-radio-home-player-copy strong { font-size: 12px; }
}

@media (max-width: 900px) {
  .sdf-radio-home-player {
    position: static;
    grid-column: 1 / -1;
    justify-self: start;
    width: min(430px, 100%);
    margin: 0 0 4px;
  }
  .sdf-radio-row {
    grid-template-columns: 44px minmax(0, 1fr);
  }
  .sdf-radio-select {
    grid-column: 1 / -1;
    width: 100%;
  }
}

@media (max-width: 680px) {
  .sdf-radio-home-player {
    justify-self: stretch;
    width: 100%;
  }
}


/* v1.19.2 — Radyo oynatıcısı doğrudan üst şeritte */
.sdf-stage--radio-home {
  padding-top: clamp(92px, 8vw, 118px);
}

.sdf-radio-strip {
  position: absolute;
  z-index: 30;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
  width: min(1540px, calc(100vw - 44px));
  min-height: 64px;
  display: grid;
  grid-template-columns: auto minmax(150px, .8fr) minmax(300px, 1.35fr) auto;
  align-items: center;
  gap: 14px;
  padding: 7px 8px 7px 0;
  overflow: hidden;
  border: 1px solid rgba(225,200,135,.32);
  border-radius: 16px;
  background: linear-gradient(90deg, rgba(4,19,31,.98), rgba(15,44,67,.96), rgba(4,19,31,.98));
  box-shadow: 0 14px 38px rgba(0,0,0,.24);
  color: #fff;
}

.sdf-radio-strip-brand {
  align-self: stretch;
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0 20px;
  border-right: 1px solid rgba(225,200,135,.23);
  background: rgba(201,164,93,.09);
  color: var(--sdf-gold-2);
  white-space: nowrap;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .12em;
}

.sdf-radio-strip-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.sdf-radio-strip-copy small {
  color: var(--sdf-gold-2);
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .15em;
}

.sdf-radio-strip-copy strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  font-size: 13px;
  line-height: 1.22;
}

.sdf-radio-strip-copy span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(255,255,255,.48);
  font-size: 9px;
}

.sdf-radio-strip-audio {
  width: 100%;
  min-width: 0;
  height: 40px;
  accent-color: var(--sdf-gold);
}

.sdf-radio-strip.is-empty .sdf-radio-strip-audio {
  opacity: .45;
  pointer-events: none;
}

.sdf-radio-strip-list {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 17px;
  border: 1px solid rgba(225,200,135,.28);
  border-radius: 12px;
  background: rgba(201,164,93,.08);
  color: rgba(255,255,255,.88);
  font: inherit;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .09em;
  white-space: nowrap;
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.sdf-radio-strip-list span {
  color: var(--sdf-gold-2);
  font-size: 18px;
}

.sdf-radio-strip-list:hover,
.sdf-radio-strip-list:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(225,200,135,.64);
  background: rgba(201,164,93,.15);
  outline: none;
}

/* Eski kayan şerit ve ayrı ana sayfa oynatıcısı artık kullanılmıyor. */
.sdf-radio-ticker,
.sdf-radio-home-player {
  display: none !important;
}

@media (max-width: 1050px) {
  .sdf-radio-strip {
    grid-template-columns: auto minmax(120px, .7fr) minmax(230px, 1fr) auto;
    gap: 9px;
  }
  .sdf-radio-strip-brand { padding: 0 13px; font-size: 9px; letter-spacing: .08em; }
  .sdf-radio-strip-list { padding: 0 12px; font-size: 9px; }
}

@media (max-width: 780px) {
  .sdf-stage--radio-home { padding-top: 148px; }
  .sdf-radio-strip {
    top: 10px;
    width: calc(100vw - 20px);
    min-height: 118px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    padding: 7px;
  }
  .sdf-radio-strip-brand {
    min-height: 44px;
    padding: 0 12px;
    border-right: 0;
    border-radius: 10px;
  }
  .sdf-radio-strip-copy { padding-right: 6px; }
  .sdf-radio-strip-audio { grid-column: 1 / 3; grid-row: 2; height: 38px; }
  .sdf-radio-strip-list { grid-column: 3; grid-row: 1 / 3; align-self: stretch; }
}

@media (max-width: 520px) {
  .sdf-stage--radio-home { padding-top: 178px; }
  .sdf-radio-strip {
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto auto;
    min-height: 148px;
  }
  .sdf-radio-strip-brand { grid-column: 1; grid-row: 1; }
  .sdf-radio-strip-copy { grid-column: 1 / -1; grid-row: 2; padding: 0 5px; }
  .sdf-radio-strip-audio { grid-column: 1 / -1; grid-row: 3; }
  .sdf-radio-strip-list { grid-column: 2; grid-row: 1; min-height: 44px; }
}

/* 10. sınıf / Konu Sunumları / 1. Hafta — Felsefeyi Tanıma */
.sdf-g10-week {
  background:
    radial-gradient(circle at 11% 14%, rgba(80, 95, 145, .13), transparent 28%),
    radial-gradient(circle at 88% 84%, rgba(194, 158, 82, .13), transparent 27%),
    linear-gradient(135deg, #f6f3ea 0%, #eef1f5 55%, #f5efe2 100%);
}

.sdf-g10-slide {
  width: 100%;
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: clamp(22px, 2.4vw, 42px);
}

.sdf-g10-slide-shell {
  position: relative;
  width: min(1580px, 96vw);
  height: min(900px, 92vh);
  min-height: 690px;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: clamp(16px, 1.45vw, 24px);
  padding: clamp(34px, 3vw, 52px) clamp(36px, 3.6vw, 64px) clamp(24px, 2.3vw, 38px);
  overflow: hidden;
  border: 1px solid rgba(48, 58, 89, .14);
  border-radius: 30px;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 28px 80px rgba(38, 47, 76, .12);
  backdrop-filter: blur(9px);
}

.sdf-g10-slide-shell::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 7px;
  background: linear-gradient(90deg, #27375f, #6978a3 53%, #c4a35f);
}

.sdf-g10-header {
  padding-bottom: clamp(15px, 1.25vw, 20px);
  border-bottom: 1px solid rgba(48, 58, 89, .12);
}

.sdf-g10-header h1 {
  margin: 0;
  color: #25345c;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(40px, 4.2vw, 72px);
  line-height: .98;
  letter-spacing: -.035em;
}

.sdf-g10-header h2 {
  margin: 9px 0 0;
  color: #8a6b31;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(19px, 1.75vw, 29px);
  font-weight: 500;
}

.sdf-g10-content-grid {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(320px, .72fr);
  gap: clamp(18px, 1.8vw, 30px);
}

.sdf-g10-reading {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: clamp(22px, 2vw, 32px);
  border: 1px solid rgba(48, 58, 89, .13);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(246, 247, 251, .95), rgba(255, 253, 246, .95));
  scrollbar-width: thin;
  scrollbar-color: #7885a8 rgba(39, 55, 95, .08);
}

.sdf-g10-reading::-webkit-scrollbar { width: 9px; }
.sdf-g10-reading::-webkit-scrollbar-track { background: rgba(39, 55, 95, .06); border-radius: 999px; }
.sdf-g10-reading::-webkit-scrollbar-thumb { background: #7885a8; border-radius: 999px; border: 2px solid #f6f6f2; }

.sdf-g10-reading p {
  margin: 0 0 1.05em;
  color: #2e3648;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(17px, 1.28vw, 21px);
  line-height: 1.65;
}
.sdf-g10-reading p:last-child { margin-bottom: 0; }
.sdf-g10-reading strong { color: #24365e; }
.sdf-g10-reading em { color: #7e612d; }

.sdf-g10-side {
  min-height: 0;
  overflow-y: auto;
  display: grid;
  align-content: start;
  gap: 14px;
  padding-right: 4px;
  scrollbar-width: thin;
  scrollbar-color: #a89a79 rgba(39, 55, 95, .06);
}

.sdf-g10-quote,
.sdf-g10-pythagoras,
.sdf-g10-think-box {
  margin: 0;
  border-radius: 20px;
}

.sdf-g10-quote {
  position: relative;
  padding: 22px 24px 19px 68px;
  border: 1px solid rgba(184, 145, 73, .24);
  background: linear-gradient(145deg, rgba(198, 163, 94, .14), rgba(255, 255, 255, .72));
}

.sdf-g10-quote-mark {
  position: absolute;
  left: 20px;
  top: 7px;
  color: #b48d46;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 66px;
  line-height: 1;
}

.sdf-g10-quote p {
  margin: 0 0 8px;
  color: #3c352b;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(19px, 1.45vw, 25px);
  font-style: italic;
  font-weight: 700;
}
.sdf-g10-quote cite { color: #7c673f; font-size: 12px; font-style: normal; font-weight: 900; letter-spacing: .08em; }

.sdf-g10-pythagoras {
  padding: 20px;
  border: 1px solid rgba(48, 58, 89, .13);
  background: rgba(246, 247, 252, .9);
}

.sdf-g10-card-kicker {
  margin-bottom: 6px;
  color: #8c6a2f;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .16em;
}

.sdf-g10-pythagoras h3 {
  margin: 0 0 13px;
  color: #27375f;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(20px, 1.45vw, 25px);
}

.sdf-g10-word-pair {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 9px;
  align-items: center;
  margin-bottom: 13px;
}
.sdf-g10-word-pair span {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 11px 8px;
  border-radius: 13px;
  background: #eef0f7;
  text-align: center;
}
.sdf-g10-word-pair b { color: #2e3f69; font-size: 12px; letter-spacing: .08em; }
.sdf-g10-word-pair small { margin-top: 3px; color: #7a7f8f; font-size: 10px; }
.sdf-g10-word-pair i { color: #b18d4a; font-style: normal; font-size: 21px; font-weight: 900; }

.sdf-g10-pythagoras p {
  margin: 0;
  color: #4c5362;
  font-size: clamp(13px, .98vw, 15px);
  line-height: 1.55;
}

.sdf-g10-think-box {
  padding: 17px 19px;
  border-left: 5px solid #526793;
  background: rgba(73, 91, 138, .08);
}
.sdf-g10-think-box span { display: block; margin-bottom: 6px; color: #526793; font-size: 9px; font-weight: 950; letter-spacing: .17em; }
.sdf-g10-think-box strong { display: block; color: #353f59; font-family: Georgia, "Times New Roman", serif; font-size: 15px; line-height: 1.48; }

.sdf-g10-footer { border-top: 1px solid rgba(48, 58, 89, .10); padding-top: 11px; }

@media (max-width: 980px) {
  .sdf-g10-slide { padding: 14px; }
  .sdf-g10-slide-shell { width: 100%; height: auto; min-height: 94vh; padding: 58px 22px 22px; border-radius: 22px; }
  .sdf-g10-content-grid { grid-template-columns: 1fr; }
  .sdf-g10-reading { max-height: 48vh; }
  .sdf-g10-side { overflow: visible; }
}

/* v1.20.2 — 10. sınıf / 1. Hafta / 2. Sayfa: Neler işleyeceğiz? */
.sdf-g10-slide-shell--agenda {
  grid-template-rows: auto minmax(0, 1fr) auto;
}

.sdf-g10-agenda {
  min-height: 0;
  display: grid;
  grid-template-rows: repeat(3, minmax(0, 1fr));
  gap: clamp(12px, 1.15vw, 18px);
}

.sdf-g10-agenda-card {
  position: relative;
  min-height: 0;
  display: grid;
  grid-template-columns: 58px clamp(150px, 14vw, 220px) minmax(0, 1fr);
  align-items: center;
  gap: clamp(16px, 1.7vw, 28px);
  padding: clamp(12px, 1.15vw, 18px) clamp(16px, 1.45vw, 24px);
  overflow: hidden;
  border: 1px solid rgba(48, 58, 89, .13);
  border-radius: 20px;
  background: linear-gradient(120deg, rgba(247,248,252,.98), rgba(255,252,243,.96));
  box-shadow: 0 8px 24px rgba(45, 56, 91, .055);
}

.sdf-g10-agenda-card::after {
  content: "";
  position: absolute;
  right: -42px;
  bottom: -58px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: rgba(195, 157, 78, .055);
  pointer-events: none;
}

.sdf-g10-agenda-no {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: linear-gradient(145deg, #2f416d, #596b97);
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 27px;
  font-weight: 800;
  box-shadow: 0 8px 18px rgba(44, 59, 101, .16);
}

.sdf-g10-agenda-card img {
  width: 100%;
  height: min(150px, 17vh);
  min-height: 108px;
  object-fit: contain;
  border-radius: 16px;
}

.sdf-g10-agenda-copy {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.sdf-g10-agenda-copy h3 {
  margin: 0 0 7px;
  color: #293a66;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(19px, 1.55vw, 27px);
  line-height: 1.12;
}

.sdf-g10-agenda-copy p {
  margin: 0;
  color: #4b5263;
  font-size: clamp(12.5px, .98vw, 15.5px);
  line-height: 1.48;
}

.sdf-g10-agenda-copy p strong { color: #293a66; }
.sdf-g10-agenda-copy p em { color: #87672f; }

.sdf-g10-agenda-copy > span {
  display: inline-flex;
  margin-top: 8px;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(68, 85, 132, .075);
  color: #6a7390;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .12em;
}

.sdf-g10-nav-pair {
  display: flex;
  align-items: center;
  gap: 10px;
}

.sdf-g10-footer .sdf-next-page,
.sdf-g10-footer .sdf-prev-page {
  text-decoration: none !important;
}

.sdf-g10-footer .sdf-next-page:not(:disabled) {
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.sdf-g10-footer .sdf-next-page:not(:disabled):hover,
.sdf-g10-footer .sdf-next-page:not(:disabled):focus {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(38,77,61,.13);
}

.sdf-g10-footer .sdf-prev-page {
  min-height: 49px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 18px;
  border-radius: 13px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .10em;
}

@media (max-width: 980px) {
  .sdf-g10-slide-shell--agenda { height: auto; }
  .sdf-g10-agenda { grid-template-rows: none; grid-auto-rows: auto; }
  .sdf-g10-agenda-card { grid-template-columns: 50px 145px minmax(0, 1fr); }
  .sdf-g10-agenda-card img { height: 120px; }
}

@media (max-width: 700px) {
  .sdf-g10-agenda-card {
    grid-template-columns: 46px minmax(0, 1fr);
    grid-template-areas:
      "no image"
      "copy copy";
  }
  .sdf-g10-agenda-no { grid-area: no; width: 44px; height: 44px; font-size: 23px; }
  .sdf-g10-agenda-card img { grid-area: image; height: 135px; }
  .sdf-g10-agenda-copy { grid-area: copy; }
  .sdf-g10-footer { align-items: stretch; flex-direction: column; }
  .sdf-g10-nav-pair { width: 100%; flex-direction: column; }
  .sdf-g10-nav-pair > * { width: 100%; }
}


/* v1.20.3 — 10. sınıf 1. Hafta / 2. sayfa kartlarının tam görünmesi */
.sdf-g10-slide-shell--agenda .sdf-g10-agenda {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  align-content: start;
  grid-template-rows: none;
  grid-auto-rows: minmax(190px, auto);
  padding: 2px 10px 4px 2px;
  scrollbar-width: thin;
  scrollbar-color: #7885a8 rgba(39, 55, 95, .08);
}

.sdf-g10-slide-shell--agenda .sdf-g10-agenda::-webkit-scrollbar { width: 9px; }
.sdf-g10-slide-shell--agenda .sdf-g10-agenda::-webkit-scrollbar-track {
  background: rgba(39, 55, 95, .06);
  border-radius: 999px;
}
.sdf-g10-slide-shell--agenda .sdf-g10-agenda::-webkit-scrollbar-thumb {
  background: #7885a8;
  border-radius: 999px;
  border: 2px solid #f6f6f2;
}

.sdf-g10-slide-shell--agenda .sdf-g10-agenda-card {
  min-height: 190px;
  height: auto;
  align-items: center;
}

.sdf-g10-slide-shell--agenda .sdf-g10-agenda-card img {
  height: clamp(112px, 13vh, 140px);
  min-height: 0;
}

.sdf-g10-slide-shell--agenda .sdf-g10-agenda-copy {
  align-self: center;
  padding: 2px 0;
}

@media (max-height: 820px) and (min-width: 981px) {
  .sdf-g10-slide-shell--agenda .sdf-g10-agenda {
    grid-auto-rows: minmax(175px, auto);
  }
  .sdf-g10-slide-shell--agenda .sdf-g10-agenda-card {
    min-height: 175px;
    padding-top: 11px;
    padding-bottom: 11px;
  }
  .sdf-g10-slide-shell--agenda .sdf-g10-agenda-card img {
    height: 112px;
  }
  .sdf-g10-slide-shell--agenda .sdf-g10-agenda-copy h3 {
    font-size: clamp(18px, 1.35vw, 23px);
  }
  .sdf-g10-slide-shell--agenda .sdf-g10-agenda-copy p {
    font-size: clamp(12px, .88vw, 14px);
    line-height: 1.42;
  }
}

/* v1.21.0 — 10. sınıf / 1. Hafta / 3. Sayfa: Etkileşimli Düşünce Labirenti */
.sdf-g10-slide-shell--maze {
  grid-template-rows: auto minmax(0, 1fr) auto;
}

.sdf-g10-maze-header {
  padding-bottom: 12px;
}

.sdf-g10-maze-header p {
  max-width: 1040px;
  margin: 8px 0 0;
  color: #626a7b;
  font-size: clamp(12px, .95vw, 15px);
  line-height: 1.45;
}

.sdf-g10-maze {
  min-height: 0;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 10px;
}

.sdf-g10-maze-scene {
  position: relative;
  min-height: 390px;
  height: 100%;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(44, 54, 84, .18);
  border-radius: 22px;
  background: linear-gradient(180deg, #b9c7d5 0 42%, #d7d0bd 42% 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.55), 0 14px 34px rgba(35,45,76,.09);
  outline: none;
  perspective: 900px;
}

.sdf-g10-maze-sky {
  position: absolute;
  inset: 0 0 45%;
  z-index: -5;
  background:
    radial-gradient(circle at 49% 42%, rgba(255,246,218,.9) 0 7%, transparent 8%),
    linear-gradient(180deg, #aebfd2 0%, #dbe0df 68%, #eee2c8 100%);
}

.sdf-g10-maze-sky::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 44%;
  opacity: .4;
  background:
    linear-gradient(110deg, transparent 0 12%, rgba(61,68,77,.22) 12.5% 17%, transparent 17.5% 27%, rgba(61,68,77,.17) 27.5% 31%, transparent 31.5%),
    linear-gradient(70deg, transparent 0 66%, rgba(61,68,77,.2) 66.5% 71%, transparent 71.5%);
}

.sdf-g10-maze-wall {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 52%;
  overflow: hidden;
  background:
    linear-gradient(rgba(255,255,255,.08), rgba(0,0,0,.08)),
    repeating-linear-gradient(0deg, transparent 0 42px, rgba(57,46,35,.15) 43px 45px),
    repeating-linear-gradient(90deg, #8f816d 0 78px, #796b59 79px 82px, #9c8d76 83px 158px);
  box-shadow: inset 0 0 55px rgba(31,24,18,.24);
  transition: filter .35s ease;
}

.sdf-g10-maze-wall--left {
  left: 0;
  clip-path: polygon(0 0, 80% 18%, 80% 72%, 0 100%);
  transform-origin: left center;
}

.sdf-g10-maze-wall--right {
  right: 0;
  clip-path: polygon(20% 18%, 100% 0, 100% 100%, 20% 72%);
  transform-origin: right center;
}

.sdf-g10-maze-floor {
  position: absolute;
  inset: 42% 0 0;
  z-index: 0;
  clip-path: polygon(40% 0, 60% 0, 100% 100%, 0 100%);
  overflow: hidden;
  background:
    linear-gradient(90deg, transparent 0 49.6%, rgba(72,62,49,.24) 49.8% 50.2%, transparent 50.4%),
    repeating-linear-gradient(0deg, #c7bca6 0 45px, #b1a48d 46px 49px);
}

.sdf-g10-maze-floor i {
  position: absolute;
  top: -8%;
  width: 2px;
  height: 125%;
  background: rgba(74,63,49,.22);
  transform-origin: top center;
}
.sdf-g10-maze-floor i:nth-child(1) { left: 21%; transform: rotate(17deg); }
.sdf-g10-maze-floor i:nth-child(2) { left: 34%; transform: rotate(10deg); }
.sdf-g10-maze-floor i:nth-child(3) { left: 45%; transform: rotate(3deg); }
.sdf-g10-maze-floor i:nth-child(4) { right: 45%; transform: rotate(-3deg); }
.sdf-g10-maze-floor i:nth-child(5) { right: 34%; transform: rotate(-10deg); }
.sdf-g10-maze-floor i:nth-child(6) { right: 21%; transform: rotate(-17deg); }

.sdf-g10-maze-horizon {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 43%;
  width: 15%;
  height: 24%;
  transform: translateX(-50%);
  border-radius: 5px 5px 0 0;
  background: linear-gradient(180deg, rgba(56,58,66,.68), rgba(32,32,35,.88));
  box-shadow: 0 0 35px rgba(255,229,171,.15);
}

.sdf-g10-maze-horizon::after {
  content: "?";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: rgba(255,255,255,.16);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(42px, 4vw, 70px);
  font-weight: 700;
}

.sdf-g10-wall-word {
  position: absolute;
  z-index: 2;
  color: rgba(36,32,27,.54);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
  letter-spacing: .05em;
  text-shadow: 0 1px rgba(255,255,255,.24);
}

.sdf-g10-maze-wall--left .sdf-g10-wall-word--a { left: 7%; top: 16%; font-size: clamp(17px, 1.55vw, 28px); transform: rotate(-5deg); }
.sdf-g10-maze-wall--left .sdf-g10-wall-word--b { left: 10%; top: 44%; font-size: clamp(14px, 1.2vw, 21px); font-style: italic; transform: rotate(3deg); }
.sdf-g10-maze-wall--left .sdf-g10-wall-word--c { left: 8%; bottom: 17%; max-width: 38%; font-size: clamp(11px, .85vw, 14px); line-height: 1.25; }
.sdf-g10-maze-wall--right .sdf-g10-wall-word--a { right: 7%; top: 16%; font-size: clamp(17px, 1.55vw, 28px); transform: rotate(5deg); }
.sdf-g10-maze-wall--right .sdf-g10-wall-word--b { right: 8%; top: 44%; font-size: clamp(14px, 1.2vw, 21px); font-style: italic; transform: rotate(-3deg); }
.sdf-g10-maze-wall--right .sdf-g10-wall-word--c { right: 8%; bottom: 17%; max-width: 38%; text-align: right; font-size: clamp(11px, .85vw, 14px); line-height: 1.25; }

.sdf-g10-street-sign {
  position: absolute;
  z-index: 7;
  left: 50%;
  top: 9%;
  min-width: 178px;
  transform: translateX(-50%);
  padding: 9px 18px 10px;
  border: 3px solid #f2e6c5;
  border-radius: 8px;
  background: #29385f;
  box-shadow: 0 8px 18px rgba(27,34,55,.23), inset 0 0 0 1px rgba(255,255,255,.16);
  text-align: center;
}
.sdf-g10-street-sign::before,
.sdf-g10-street-sign::after {
  content: "";
  position: absolute;
  top: 100%;
  width: 6px;
  height: 50px;
  background: #6d6251;
}
.sdf-g10-street-sign::before { left: 24px; }
.sdf-g10-street-sign::after { right: 24px; }
.sdf-g10-street-sign small { display: block; margin-bottom: 2px; color: #d9c99c; font-size: 8px; font-weight: 900; letter-spacing: .17em; }
.sdf-g10-street-sign strong { display: block; color: #fff9e8; font-family: Georgia, "Times New Roman", serif; font-size: clamp(18px, 1.55vw, 26px); letter-spacing: .04em; }

.sdf-g10-maze-choice-wrap {
  position: absolute;
  z-index: 8;
  left: 0;
  right: 0;
  bottom: 19%;
  display: flex;
  justify-content: space-between;
  gap: 28%;
  padding: 0 clamp(30px, 6vw, 95px);
}

.sdf-g10-maze-choice {
  width: min(360px, 30vw);
  min-height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 18px;
  border: 2px solid rgba(255,248,226,.94);
  border-radius: 12px;
  box-shadow: 0 12px 26px rgba(29,28,30,.22), inset 0 0 0 1px rgba(255,255,255,.14);
  color: #fff;
  background: linear-gradient(145deg, #33446d, #243358);
  font: inherit;
  font-size: clamp(12px, 1vw, 16px);
  font-weight: 900;
  line-height: 1.25;
  text-align: center;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.sdf-g10-maze-choice--left { transform: rotate(-2deg); }
.sdf-g10-maze-choice--right { transform: rotate(2deg); background: linear-gradient(145deg, #8c6b34, #6e5228); }
.sdf-g10-maze-choice:hover,
.sdf-g10-maze-choice:focus-visible { transform: translateY(-3px) rotate(0); box-shadow: 0 16px 32px rgba(29,28,30,.28); outline: 3px solid rgba(255,255,255,.55); outline-offset: 3px; }
.sdf-g10-maze-choice:disabled { cursor: wait; opacity: .72; }
.sdf-g10-choice-arrow { font-size: 24px; line-height: 1; }

.sdf-g10-maze-status {
  position: absolute;
  z-index: 10;
  left: 50%;
  bottom: 3.6%;
  width: min(760px, 70%);
  transform: translateX(-50%);
  padding: 8px 16px;
  border: 1px solid rgba(255,255,255,.5);
  border-radius: 999px;
  background: rgba(28,35,53,.78);
  color: #f8f1df;
  font-size: clamp(10px, .78vw, 13px);
  font-weight: 800;
  line-height: 1.35;
  text-align: center;
  backdrop-filter: blur(7px);
}

.sdf-g10-maze-legend {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 9px;
}
.sdf-g10-maze-legend span {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px 11px;
  border: 1px solid rgba(47,58,90,.11);
  border-radius: 12px;
  background: rgba(245,246,250,.78);
  color: #606878;
  font-size: clamp(9px, .7vw, 11px);
  line-height: 1.3;
}
.sdf-g10-maze-legend i {
  flex: 0 0 25px;
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #526690;
  font-style: normal;
  font-weight: 900;
}

.sdf-g10-maze-infinite {
  position: absolute;
  inset: 0;
  z-index: 30;
  display: grid;
  place-items: center;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 42%, rgba(245,220,155,.28), transparent 10%),
    linear-gradient(180deg, #26344d 0%, #5c6470 38%, #151922 100%);
  transition: opacity .45s ease, visibility .45s ease;
}

.sdf-g10-maze-scene.is-final .sdf-g10-maze-infinite {
  opacity: 1;
  visibility: visible;
}

.sdf-g10-infinite-lines {
  position: absolute;
  inset: 38% 0 0;
  clip-path: polygon(47% 0, 53% 0, 100% 100%, 0 100%);
  background: repeating-linear-gradient(0deg, #4d4c4c 0 27px, #343434 28px 31px);
}
.sdf-g10-infinite-lines::before,
.sdf-g10-infinite-lines::after,
.sdf-g10-infinite-lines i {
  content: "";
  position: absolute;
  top: 0;
  width: 2px;
  height: 125%;
  background: rgba(241,224,187,.2);
  transform-origin: top center;
}
.sdf-g10-infinite-lines::before { left: 40%; transform: rotate(12deg); }
.sdf-g10-infinite-lines::after { right: 40%; transform: rotate(-12deg); }
.sdf-g10-infinite-lines i:nth-child(1) { left: 23%; transform: rotate(23deg); }
.sdf-g10-infinite-lines i:nth-child(2) { left: 32%; transform: rotate(17deg); }
.sdf-g10-infinite-lines i:nth-child(3) { left: 47%; transform: rotate(3deg); }
.sdf-g10-infinite-lines i:nth-child(4) { right: 32%; transform: rotate(-17deg); }
.sdf-g10-infinite-lines i:nth-child(5) { right: 23%; transform: rotate(-23deg); }

.sdf-g10-infinite-copy {
  position: relative;
  z-index: 3;
  width: min(660px, 72%);
  margin-top: -4%;
  padding: clamp(20px, 2vw, 30px);
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 20px;
  background: rgba(14,19,29,.72);
  color: #fff;
  text-align: center;
  backdrop-filter: blur(8px);
}
.sdf-g10-infinite-copy > span { color: #d6bd79; font-size: 9px; font-weight: 950; letter-spacing: .22em; }
.sdf-g10-infinite-copy strong { display: block; margin: 7px 0 10px; font-family: Georgia, "Times New Roman", serif; font-size: clamp(27px, 2.6vw, 44px); }
.sdf-g10-infinite-copy p { margin: 0 auto 16px; max-width: 560px; color: rgba(255,255,255,.78); font-family: Georgia, "Times New Roman", serif; font-size: clamp(13px, 1vw, 16px); line-height: 1.55; }
.sdf-g10-infinite-copy button {
  min-height: 43px;
  padding: 0 18px;
  border: 1px solid rgba(221,194,126,.55);
  border-radius: 999px;
  background: rgba(205,169,91,.14);
  color: #f1d898;
  font: inherit;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .13em;
  cursor: pointer;
}

.sdf-g10-maze-scene.is-moving-left .sdf-g10-maze-wall,
.sdf-g10-maze-scene.is-moving-right .sdf-g10-maze-wall,
.sdf-g10-maze-scene.is-moving-left .sdf-g10-maze-floor,
.sdf-g10-maze-scene.is-moving-right .sdf-g10-maze-floor,
.sdf-g10-maze-scene.is-moving-left .sdf-g10-maze-horizon,
.sdf-g10-maze-scene.is-moving-right .sdf-g10-maze-horizon {
  animation: sdf-g10-maze-forward .72s ease-in-out both;
}
.sdf-g10-maze-scene.is-moving-left .sdf-g10-maze-wall,
.sdf-g10-maze-scene.is-moving-left .sdf-g10-maze-floor { animation-name: sdf-g10-maze-left; }
.sdf-g10-maze-scene.is-moving-right .sdf-g10-maze-wall,
.sdf-g10-maze-scene.is-moving-right .sdf-g10-maze-floor { animation-name: sdf-g10-maze-right; }

@keyframes sdf-g10-maze-forward {
  0% { transform: scale(1); filter: blur(0); }
  48% { transform: scale(1.08); filter: blur(1px); }
  100% { transform: scale(1); filter: blur(0); }
}
@keyframes sdf-g10-maze-left {
  0% { filter: blur(0); }
  48% { filter: blur(1.5px) brightness(.9); }
  100% { filter: blur(0); }
}
@keyframes sdf-g10-maze-right {
  0% { filter: blur(0); }
  48% { filter: blur(1.5px) brightness(.9); }
  100% { filter: blur(0); }
}

@media (max-height: 820px) and (min-width: 981px) {
  .sdf-g10-maze-header p { display: none; }
  .sdf-g10-maze-scene { min-height: 350px; }
  .sdf-g10-maze-choice { min-height: 58px; }
  .sdf-g10-maze-choice-wrap { bottom: 18%; }
  .sdf-g10-maze-legend span { padding-top: 6px; padding-bottom: 6px; }
}

@media (max-width: 980px) {
  .sdf-g10-slide-shell--maze { height: auto; }
  .sdf-g10-maze-scene { height: 560px; min-height: 560px; }
  .sdf-g10-maze-choice-wrap { gap: 18%; padding: 0 28px; }
  .sdf-g10-maze-choice { width: min(330px, 38vw); }
}

@media (max-width: 700px) {
  .sdf-g10-maze-scene { height: 620px; min-height: 620px; }
  .sdf-g10-maze-choice-wrap {
    bottom: 15%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 0 18px;
  }
  .sdf-g10-maze-choice { width: 100%; min-height: 56px; transform: none; }
  .sdf-g10-maze-status { bottom: 2.3%; width: calc(100% - 32px); }
  .sdf-g10-maze-legend { grid-template-columns: 1fr; }
  .sdf-g10-wall-word--c { display: none; }
  .sdf-g10-infinite-copy { width: 88%; }
}

@media (prefers-reduced-motion: reduce) {
  .sdf-g10-maze-scene *,
  .sdf-g10-maze-scene *::before,
  .sdf-g10-maze-scene *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}

/* v1.22 — 10. sınıf / 1. Hafta / 4. Sayfa: Yolculuk, Kutu ve Ayna */
.sdf-g10-slide-shell--story {
  grid-template-rows: auto auto minmax(0, 1fr) auto auto;
  gap: clamp(10px, 1vw, 15px);
  padding-top: clamp(28px, 2.3vw, 40px);
}

.sdf-g10-story-header {
  padding-bottom: 10px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 430px);
  align-items: start;
  gap: clamp(16px, 2vw, 28px);
}

.sdf-g10-story-header-main {
  min-width: 0;
}

.sdf-g10-story-header .sdf-week-meta {
  margin-bottom: 7px;
}

.sdf-g10-story-header h1 {
  font-size: clamp(32px, 3.35vw, 56px);
}

.sdf-g10-story-header h2 {
  margin-top: 5px;
  font-size: clamp(18px, 1.45vw, 25px);
}

.sdf-g10-story-hero {
  position: relative;
  min-height: 175px;
  display: grid;
  grid-template-columns: minmax(160px, .82fr) minmax(150px, .72fr) minmax(160px, .82fr) minmax(260px, 1.15fr);
  align-items: center;
  gap: clamp(10px, 1.3vw, 20px);
  padding: 14px clamp(16px, 1.8vw, 28px);
  overflow: hidden;
  border: 1px solid rgba(54, 63, 92, .13);
  border-radius: 20px;
  background:
    radial-gradient(circle at 18% 15%, rgba(209, 181, 115, .14), transparent 29%),
    radial-gradient(circle at 78% 90%, rgba(77, 101, 139, .10), transparent 31%),
    linear-gradient(135deg, #f8f2e6 0%, #f2f3f5 55%, #eef1ed 100%);
}

.sdf-g10-story-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 32px;
  background: linear-gradient(180deg, rgba(72, 78, 70, 0), rgba(72, 78, 70, .07));
  pointer-events: none;
}

.sdf-g10-story-figure {
  position: relative;
  z-index: 2;
  min-height: 145px;
  display: grid;
  justify-items: center;
  align-content: end;
}

.sdf-g10-story-head {
  position: absolute;
  top: 3px;
  width: 72px;
  height: 78px;
  border: 2px solid rgba(70, 59, 48, .25);
  border-radius: 48% 48% 45% 45%;
  background: #d7b28e;
  box-shadow: inset 0 -10px 0 rgba(115, 79, 53, .06);
}

.sdf-g10-story-head::before,
.sdf-g10-story-head::after {
  content: "";
  position: absolute;
  top: 34px;
  width: 7px;
  height: 4px;
  border-radius: 999px;
  background: #4e4036;
}
.sdf-g10-story-head::before { left: 18px; }
.sdf-g10-story-head::after { right: 18px; }

.sdf-g10-story-head i {
  position: absolute;
  left: 50%;
  bottom: 15px;
  width: 20px;
  height: 9px;
  transform: translateX(-50%);
  border-bottom: 2px solid #6a5142;
  border-radius: 50%;
}

.sdf-g10-story-head b {
  position: absolute;
  left: 50%;
  bottom: -16px;
  width: 48px;
  height: 27px;
  transform: translateX(-50%);
  border-radius: 0 0 50% 50%;
  background: #70655e;
  opacity: .48;
}

.sdf-g10-story-figure--monk .sdf-g10-story-head {
  border-top-color: rgba(70, 59, 48, .12);
  box-shadow: inset 0 8px 12px rgba(255,255,255,.22), inset 0 -10px 0 rgba(115, 79, 53, .06);
}
.sdf-g10-story-figure--monk .sdf-g10-story-head b { height: 35px; background: #e5e0d8; opacity: .95; }

.sdf-g10-story-figure--young .sdf-g10-story-head::after {
  box-shadow: 13px -34px 0 9px #332b27, -13px -34px 0 9px #332b27, 0 -40px 0 13px #332b27;
}
.sdf-g10-story-figure--young .sdf-g10-story-head b { height: 10px; width: 36px; background: #4a3932; opacity: .7; }

.sdf-g10-story-body {
  width: 116px;
  height: 86px;
  border-radius: 58px 58px 15px 15px;
  background: linear-gradient(145deg, #8d6e3d, #5d4b32);
  box-shadow: 0 8px 20px rgba(42, 39, 34, .14);
}
.sdf-g10-story-figure--young .sdf-g10-story-body { background: linear-gradient(145deg, #405c70, #283f51); }

.sdf-g10-story-figure > span {
  position: absolute;
  bottom: 11px;
  color: rgba(255,255,255,.9);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .16em;
}

.sdf-g10-story-box {
  position: relative;
  z-index: 3;
  width: 150px;
  height: 112px;
  justify-self: center;
  transform: perspective(600px) rotateX(5deg) rotateY(-6deg);
  filter: drop-shadow(0 14px 12px rgba(74, 48, 33, .15));
}

.sdf-g10-story-box-body {
  position: absolute;
  inset: 29px 8px 5px;
  border: 2px solid #76513a;
  border-radius: 5px 5px 9px 9px;
  background:
    linear-gradient(90deg, rgba(255,255,255,.08), transparent 24%),
    repeating-linear-gradient(0deg, #a26d45 0 8px, #9a6440 8px 10px);
}

.sdf-g10-story-box-lid {
  position: absolute;
  left: 0;
  right: 0;
  top: 17px;
  height: 28px;
  border: 2px solid #704a34;
  border-radius: 7px;
  background: repeating-linear-gradient(0deg, #b37b50 0 8px, #a96f49 8px 10px);
}

.sdf-g10-red-cord {
  position: absolute;
  z-index: 5;
  background: #b82831;
  box-shadow: 0 1px 2px rgba(79, 13, 17, .3);
}
.sdf-g10-red-cord--h { left: 1px; right: 1px; top: 48px; height: 8px; }
.sdf-g10-red-cord--v { top: 15px; bottom: 3px; left: calc(50% - 4px); width: 8px; }
.sdf-g10-red-knot {
  position: absolute;
  z-index: 6;
  left: 50%;
  top: 46px;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%) rotate(45deg);
  border-radius: 5px;
  background: #c22c36;
  box-shadow: 0 3px 8px rgba(100, 16, 24, .28);
}
.sdf-g10-story-box small {
  position: absolute;
  z-index: 7;
  left: 50%;
  bottom: -15px;
  transform: translateX(-50%);
  color: #824d4e;
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .14em;
  white-space: nowrap;
}

.sdf-g10-story-metaphor-copy {
  position: relative;
  z-index: 2;
  padding: 14px 17px;
  border-left: 4px solid #b42a33;
  border-radius: 0 14px 14px 0;
  background: rgba(255,255,255,.66);
}
.sdf-g10-story-metaphor-copy strong {
  display: block;
  color: #2a385d;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(17px, 1.25vw, 22px);
}
.sdf-g10-story-metaphor-copy p {
  margin: 6px 0 0;
  color: #59606f;
  font-size: clamp(11px, .82vw, 13px);
  line-height: 1.45;
}

.sdf-g10-story-reading {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: clamp(18px, 1.65vw, 26px) clamp(20px, 1.9vw, 30px);
  border: 1px solid rgba(48, 58, 89, .13);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(250,249,245,.98), rgba(245,247,250,.98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
  scrollbar-width: thin;
  scrollbar-color: #7f89a6 rgba(39, 55, 95, .07);
}
.sdf-g10-story-reading::-webkit-scrollbar { width: 9px; }
.sdf-g10-story-reading::-webkit-scrollbar-track { background: rgba(39,55,95,.06); border-radius: 999px; }
.sdf-g10-story-reading::-webkit-scrollbar-thumb { background: #7f89a6; border-radius: 999px; border: 2px solid #f4f4f0; }

.sdf-g10-story-reading p,
.sdf-g10-story-reading blockquote {
  max-width: 1180px;
  margin: 0 auto 1em;
  color: #313b4d;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(15px, 1.05vw, 18px);
  line-height: 1.68;
}
.sdf-g10-story-reading .sdf-g10-story-dialogue {
  padding-left: 17px;
  border-left: 3px solid rgba(177, 140, 70, .46);
  color: #51432f;
  font-style: italic;
}
.sdf-g10-story-reading blockquote {
  padding: 17px 20px;
  border: 1px solid rgba(177, 140, 70, .22);
  border-radius: 15px;
  background: rgba(194, 160, 92, .10);
  color: #463b2c;
  font-size: clamp(16px, 1.12vw, 19px);
  font-style: italic;
  font-weight: 700;
}
.sdf-g10-story-reading > *:last-child { margin-bottom: 0; }

.sdf-g10-story-radio {
  display: grid;
  grid-template-columns: minmax(240px, .8fr) minmax(360px, 1.25fr);
  align-items: center;
  gap: 18px;
  padding: 12px 16px;
  border: 1px solid rgba(48, 58, 89, .12);
  border-radius: 16px;
  background: linear-gradient(90deg, rgba(39,55,95,.055), rgba(183, 144, 70, .075));
}
.sdf-g10-story-radio > div:first-child span {
  display: block;
  color: #8d6a31;
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .16em;
}
.sdf-g10-story-radio > div:first-child strong {
  display: block;
  margin-top: 2px;
  color: #2e3c62;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 16px;
}
.sdf-g10-story-radio > div:first-child p {
  margin: 2px 0 0;
  color: #7a7f89;
  font-size: 10px;
}
.sdf-g10-story-radio audio {
  width: 100%;
  height: 40px;
}
.sdf-g10-story-radio-missing {
  padding: 9px 12px;
  border: 1px dashed rgba(178, 123, 69, .35);
  border-radius: 11px;
  color: #795d3d;
  background: rgba(194,160,92,.08);
  font-size: 11px;
  line-height: 1.4;
}

.sdf-g10-story-radio--header {
  align-self: start;
  min-height: 0;
  grid-template-columns: 1fr;
  gap: 10px;
  padding: 14px 16px;
  margin-top: 6px;
  background: linear-gradient(135deg, rgba(39,55,95,.045), rgba(183, 144, 70, .08));
  box-shadow: 0 6px 18px rgba(43, 58, 77, .06);
}

.sdf-g10-story-radio--header > div:first-child strong {
  font-size: 15px;
}

.sdf-g10-story-radio--header > div:first-child p {
  font-size: 11px;
}

.sdf-g10-story-radio--header audio {
  height: 38px;
}

@media (max-height: 820px) and (min-width: 981px) {
  .sdf-g10-slide-shell--story { gap: 8px; padding-top: 25px; padding-bottom: 20px; }
  .sdf-g10-story-header { grid-template-columns: minmax(0, 1fr) minmax(300px, 380px); gap: 14px; }
  .sdf-g10-story-header .sdf-week-meta { display: none; }
  .sdf-g10-story-header h1 { font-size: 38px; }
  .sdf-g10-story-header h2 { font-size: 18px; }
  .sdf-g10-story-hero { min-height: 138px; padding-top: 7px; padding-bottom: 7px; }
  .sdf-g10-story-figure { min-height: 118px; transform: scale(.84); }
  .sdf-g10-story-box { transform: scale(.82) perspective(600px) rotateX(5deg) rotateY(-6deg); }
  .sdf-g10-story-metaphor-copy p { display: none; }
  .sdf-g10-story-radio { padding-top: 8px; padding-bottom: 8px; }
  .sdf-g10-story-radio > div:first-child p { display: none; }
}

@media (max-width: 980px) {
  .sdf-g10-slide-shell--story { height: auto; grid-template-rows: auto auto minmax(360px, auto) auto auto; }
  .sdf-g10-story-header { grid-template-columns: 1fr; }
  .sdf-g10-story-radio--header { margin-top: 0; }
  .sdf-g10-story-hero { grid-template-columns: 1fr 1fr 1fr; }
  .sdf-g10-story-metaphor-copy { grid-column: 1 / -1; }
  .sdf-g10-story-reading { max-height: 58vh; }
  .sdf-g10-story-radio { grid-template-columns: 1fr; }
}

@media (max-width: 650px) {
  .sdf-g10-story-hero { grid-template-columns: 1fr 1fr; }
  .sdf-g10-story-box { grid-column: 1 / -1; grid-row: 1; }
  .sdf-g10-story-figure--monk { grid-column: 1; grid-row: 2; }
  .sdf-g10-story-figure--young { grid-column: 2; grid-row: 2; }
  .sdf-g10-story-metaphor-copy { grid-row: 3; }
  .sdf-g10-story-reading p,
  .sdf-g10-story-reading blockquote { font-size: 15px; }
}

/* 10. sınıf 1. hafta / 5. sayfa: Sokrates - bilgi ve iyilik */
.sdf-g10-slide-shell--socrates {
  grid-template-rows: auto auto minmax(0, 1fr) auto auto;
  gap: 10px;
  padding-top: 25px;
}

.sdf-g10-socrates-header h2 {
  margin-bottom: 0;
}

.sdf-g10-socrates-stage {
  position: relative;
  min-height: 132px;
  display: grid;
  place-items: center;
  padding-top: 2px;
}

.sdf-g10-socrates {
  position: relative;
  width: 230px;
  height: 118px;
}

.sdf-g10-socrates-head {
  position: absolute;
  z-index: 4;
  left: 50%;
  top: 0;
  width: 62px;
  height: 67px;
  transform: translateX(-50%);
  border: 2px solid #365348;
  border-radius: 47% 47% 45% 45%;
  background: #e4c7a2;
  box-shadow: inset 0 -8px 0 rgba(119,86,55,.07);
}

.sdf-g10-socrates-hair {
  position: absolute;
  left: 5px;
  top: -5px;
  width: 50px;
  height: 20px;
  border-radius: 50% 50% 35% 35%;
  background: repeating-radial-gradient(circle at 8px 8px, #e7e2d6 0 5px, #a79e8d 6px 8px);
}

.sdf-g10-socrates-brow,
.sdf-g10-socrates-eye,
.sdf-g10-socrates-nose,
.sdf-g10-socrates-beard { position: absolute; display: block; }
.sdf-g10-socrates-brow { top: 25px; width: 13px; height: 2px; background: #5e5147; transform: rotate(-8deg); }
.sdf-g10-socrates-brow--l { left: 11px; }
.sdf-g10-socrates-brow--r { right: 11px; transform: rotate(8deg); }
.sdf-g10-socrates-eye { top: 31px; width: 4px; height: 4px; border-radius: 50%; background: #2e3632; }
.sdf-g10-socrates-eye--l { left: 17px; }
.sdf-g10-socrates-eye--r { right: 17px; }
.sdf-g10-socrates-nose { left: 29px; top: 32px; width: 8px; height: 13px; border-left: 2px solid #8f6f55; border-bottom: 2px solid #8f6f55; border-radius: 0 0 0 6px; }
.sdf-g10-socrates-beard { left: 5px; bottom: -10px; width: 52px; height: 32px; border-radius: 15% 15% 50% 50%; background: repeating-radial-gradient(circle at 8px 8px, #ded8cb 0 5px, #9d9585 6px 8px); clip-path: polygon(0 0,100% 0,86% 72%,50% 100%,14% 72%); }

.sdf-g10-socrates-body {
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: 8px;
  width: 94px;
  height: 58px;
  transform: translateX(-50%);
  border-radius: 42px 42px 12px 12px;
  background: linear-gradient(135deg, #f0eee6 0 50%, #c6c0b3 50% 100%);
  border: 1px solid rgba(54,83,72,.25);
}

.sdf-g10-socrates-arm {
  position: absolute;
  z-index: 1;
  top: 64px;
  width: 88px;
  height: 18px;
  border-radius: 999px;
  background: #e4c7a2;
  border: 1px solid rgba(54,83,72,.24);
}
.sdf-g10-socrates-arm i { position:absolute; top:2px; width:20px; height:13px; border-radius: 50%; background:#e4c7a2; }
.sdf-g10-socrates-arm--left { left: 4px; transform: rotate(-15deg); transform-origin: right center; }
.sdf-g10-socrates-arm--left i { left:-11px; }
.sdf-g10-socrates-arm--right { right: 4px; transform: rotate(15deg); transform-origin: left center; }
.sdf-g10-socrates-arm--right i { right:-11px; }

.sdf-g10-socrates > span {
  position: absolute;
  z-index: 5;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  padding: 4px 9px;
  border-radius: 999px;
  background: #254c3d;
  color: #fff;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .13em;
}

.sdf-g10-socrates-halo {
  position: absolute;
  left: calc(50% + 42px);
  top: -2px;
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #c9a45d;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 20px;
  font-weight: 800;
}

.sdf-g10-socrates-question {
  position: absolute;
  right: clamp(8px, 1.8vw, 28px);
  left: auto;
  top: 34px;
  transform: none;
  width: min(470px, 31vw);
  padding: 12px 16px;
  border-left: 3px solid rgba(201,164,93,.72);
  border-radius: 0 12px 12px 0;
  background: rgba(255,255,255,.68);
  text-align: left;
}
.sdf-g10-socrates-question strong { display:block; color:#173b2e; font-family:Georgia,"Times New Roman",serif; font-size:clamp(14px,1.1vw,18px); }
.sdf-g10-socrates-question small { display:block; margin-top:3px; color:#738078; font-size:10px; }

.sdf-g10-socrates-tables {
  min-height: 0;
  overflow-y: auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding: 2px 4px 6px;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #7f9a89 rgba(54,86,67,.08);
}

.sdf-g10-socrates-panel {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(31,64,50,.14);
  border-radius: 18px;
  background: rgba(255,255,255,.82);
}
.sdf-g10-socrates-panel--support { box-shadow: inset 0 4px 0 #5f8b70; }
.sdf-g10-socrates-panel--challenge { box-shadow: inset 0 4px 0 #a9655d; }

.sdf-g10-socrates-panel > header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.sdf-g10-socrates-panel > header > span {
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: #fff;
  font-size: 19px;
  font-weight: 900;
}
.sdf-g10-socrates-panel--support > header > span { background:#517961; }
.sdf-g10-socrates-panel--challenge > header > span { background:#9b5c55; }
.sdf-g10-socrates-panel header small { color:#78867e; font-size:8.5px; font-weight:900; letter-spacing:.12em; }
.sdf-g10-socrates-panel header h3 { margin:2px 0 0; color:#253d32; font-family:Georgia,"Times New Roman",serif; font-size:clamp(14px,1vw,17px); }

.sdf-g10-table-wrap { overflow-x:auto; }
.sdf-g10-socrates-panel table { width:100%; border-collapse:collapse; table-layout:fixed; color:#30443a; font-size:11px; line-height:1.35; }
.sdf-g10-socrates-panel th { padding:7px 8px; text-align:left; background:#edf1ec; color:#4a6156; font-size:8.5px; letter-spacing:.08em; text-transform:uppercase; }
.sdf-g10-socrates-panel td { padding:8px; vertical-align:top; border-bottom:1px solid rgba(49,83,67,.10); }
.sdf-g10-socrates-panel tbody tr:last-child td { border-bottom:0; }
.sdf-g10-socrates-panel th:nth-child(1), .sdf-g10-socrates-panel td:nth-child(1) { width:28%; }
.sdf-g10-socrates-panel th:nth-child(2), .sdf-g10-socrates-panel td:nth-child(2) { width:38%; }
.sdf-g10-socrates-panel th:nth-child(3), .sdf-g10-socrates-panel td:nth-child(3) { width:34%; }
.sdf-g10-socrates-panel td b { display:block; color:#1f4938; font-size:11px; }
.sdf-g10-socrates-panel td small { display:block; margin-top:3px; color:#8a908c; font-size:8.5px; }
.sdf-g10-socrates-panel td strong { color:#6d4f28; }

.sdf-g10-socrates-common {
  margin: 8px 0 0;
  padding: 8px 10px;
  border-radius: 10px;
  background: rgba(201,164,93,.10);
  color:#5f5748;
  font-size:10px;
  line-height:1.35;
}

.sdf-g10-socrates-verdict {
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:center;
  padding:10px 14px;
  border:1px solid rgba(201,164,93,.28);
  border-radius:14px;
  background:linear-gradient(90deg, rgba(201,164,93,.12), rgba(91,126,104,.06));
}
.sdf-g10-socrates-verdict > span { color:#7a6338; font-size:8.5px; font-weight:950; letter-spacing:.12em; }
.sdf-g10-socrates-verdict p { margin:0; color:#3b493f; font-family:Georgia,"Times New Roman",serif; font-size:clamp(11px,.9vw,14px); line-height:1.42; }

@media (max-width: 1000px) {
  .sdf-g10-socrates-tables { grid-template-columns:1fr; }
  .sdf-g10-socrates-question { position:relative; right:auto; top:auto; width:min(650px,92%); margin:8px auto 0; text-align:center; }
}

/* 10. sınıf 1. hafta / 6. sayfa: Hikmet - bilgelik - hakikat - felsefe */
.sdf-g10-slide-shell--wisdom {
  grid-template-rows: auto clamp(150px, 21vh, 185px) minmax(0, 1fr) auto auto;
  gap: 9px;
  padding-top: 22px;
}

.sdf-g10-wisdom-header h2 { margin-bottom: 0; }

.sdf-g10-wisdom-reading {
  min-height: 0;
  height: 100%;
  max-height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(295px, .55fr);
  align-items: start;
  align-content: start;
  align-self: stretch;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(48,58,89,.13);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(248,248,244,.98), rgba(244,247,251,.98));
  scrollbar-width: thin;
  scrollbar-color: #7e89a6 rgba(39,55,95,.07);
}
.sdf-g10-wisdom-reading::-webkit-scrollbar { width: 9px; }
.sdf-g10-wisdom-reading::-webkit-scrollbar-track { background: rgba(39,55,95,.05); border-radius:999px; }
.sdf-g10-wisdom-reading::-webkit-scrollbar-thumb { background:#7e89a6; border-radius:999px; border:2px solid #f4f5f2; }

.sdf-g10-wisdom-lead {
  min-height: 0;
}

.sdf-g10-wisdom-lead p {
  margin: 0 0 .56em;
  color: #354052;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(13px, 1vw, 15.5px);
  line-height: 1.46;
}
.sdf-g10-wisdom-lead p:last-child { margin-bottom: 0; }
.sdf-g10-wisdom-lead strong { color:#24365f; }

.sdf-g10-wisdom-map {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-columns: 1fr;
  align-content: center;
  gap: 4px;
}
.sdf-g10-wisdom-map > div {
  padding: 7px 10px;
  border: 1px solid rgba(47,62,101,.13);
  border-radius: 12px;
  background: rgba(255,255,255,.86);
  box-shadow: inset 4px 0 0 rgba(194,160,92,.66);
}
.sdf-g10-wisdom-map > i {
  justify-self: center;
  color: #9a7a3d;
  font-size: 14px;
  font-style: normal;
  line-height: 1;
}
.sdf-g10-wisdom-map span {
  display: block;
  color:#283962;
  font-size: 9.5px;
  font-weight: 950;
  letter-spacing: .11em;
}
.sdf-g10-wisdom-map small {
  display: block;
  margin-top: 2px;
  color:#6e7581;
  font-size: 9px;
  line-height: 1.24;
}
.sdf-g10-wisdom-map .sdf-g10-wisdom-map-main {
  background: linear-gradient(135deg, rgba(43,59,101,.08), rgba(194,160,92,.10));
  box-shadow: inset 4px 0 0 #344875;
}

.sdf-g10-philosopher-gallery {
  min-height: 0;
  display: grid;
  grid-template-columns: 215px minmax(0, 1fr);
  gap: 15px;
  align-items: stretch;
}
.sdf-g10-gallery-intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 16px;
  border: 1px solid rgba(194,160,92,.24);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(194,160,92,.12), rgba(47,62,101,.05));
}
.sdf-g10-gallery-intro > span {
  color:#9a7434;
  font-size:8.5px;
  font-weight:950;
  letter-spacing:.15em;
}
.sdf-g10-gallery-intro strong {
  margin-top: 5px;
  color:#283962;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 16px;
  line-height:1.25;
}
.sdf-g10-gallery-intro small {
  margin-top: 5px;
  color:#777d87;
  font-size:9.5px;
  line-height:1.35;
}

.sdf-g10-philosopher-grid {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.sdf-g10-philosopher-card {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  padding: 6px 6px 7px;
  overflow: hidden;
  border: 1px solid rgba(47,62,101,.14);
  border-radius: 13px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 5px 14px rgba(45,56,84,.06);
  color: inherit;
  font: inherit;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.sdf-g10-philosopher-card:hover,
.sdf-g10-philosopher-card:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(177,139,66,.58);
  box-shadow: 0 9px 20px rgba(45,56,84,.11);
  outline: none;
}
.sdf-g10-philosopher-card img {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  object-position: center 12%;
  border-radius: 9px;
}
.sdf-g10-philosopher-card > span {
  display:block;
  padding-top: 5px;
  color:#283962;
  font-family:Georgia,"Times New Roman",serif;
  font-size: clamp(9px, .72vw, 11px);
  font-weight: 700;
  text-align:center;
  white-space: nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.sdf-g10-wisdom-source-note {
  margin: 0;
  color:#858a92;
  font-size:8.5px;
  line-height:1.3;
  text-align:center;
}

.sdf-g10-wisdom-modal {
  position: fixed;
  inset: 0;
  z-index: 1000005;
  display: grid;
  place-items: center;
  padding: 22px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .18s ease, visibility .18s ease;
}
.sdf-g10-wisdom-modal.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.sdf-g10-wisdom-backdrop {
  position:absolute;
  inset:0;
  background:rgba(8,15,31,.76);
  backdrop-filter: blur(7px);
}
.sdf-g10-wisdom-dialog {
  position:relative;
  z-index:2;
  width:min(850px, 94vw);
  max-height:86vh;
  display:grid;
  grid-template-columns: 245px minmax(0, 1fr);
  gap:24px;
  align-items:center;
  padding:26px;
  overflow-y:auto;
  border:1px solid rgba(196,163,95,.34);
  border-radius:24px;
  background:linear-gradient(145deg,#f7f4eb,#edf1f6);
  box-shadow:0 32px 90px rgba(7,13,27,.44);
}
.sdf-g10-wisdom-dialog > img {
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:18px;
  box-shadow:0 14px 30px rgba(42,50,75,.14);
}
.sdf-g10-wisdom-close {
  position:absolute;
  right:14px;
  top:14px;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:1px solid rgba(48,58,89,.15);
  border-radius:50%;
  background:rgba(255,255,255,.88);
  color:#26365e;
  font-size:25px;
  line-height:1;
  cursor:pointer;
}
.sdf-g10-wisdom-dialog-copy > span {
  color:#9b7536;
  font-size:9px;
  font-weight:950;
  letter-spacing:.16em;
}
.sdf-g10-wisdom-dialog-copy h3 {
  margin:7px 0 12px;
  color:#26365e;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(27px,2.5vw,38px);
}
.sdf-g10-wisdom-dialog-copy blockquote {
  margin:0;
  padding:16px 18px;
  border-left:4px solid #c19d57;
  border-radius:0 13px 13px 0;
  background:rgba(194,160,92,.10);
  color:#4b3f2c;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(18px,1.5vw,24px);
  font-style:italic;
  line-height:1.45;
}
.sdf-g10-wisdom-dialog-copy p {
  margin:15px 0 0;
  color:#4d5665;
  font-family:Georgia,"Times New Roman",serif;
  font-size:15px;
  line-height:1.62;
}
.sdf-g10-wisdom-modal-open { overflow:hidden; }

@media (max-height: 820px) and (min-width: 981px) {
  .sdf-g10-slide-shell--wisdom { gap:8px; padding-top:22px; padding-bottom:18px; }
  .sdf-g10-wisdom-header .sdf-week-meta { display:none; }
  .sdf-g10-wisdom-header h1 { font-size:38px; }
  .sdf-g10-wisdom-header h2 { font-size:18px; }
  .sdf-g10-wisdom-reading { padding:10px 12px; }
  .sdf-g10-wisdom-lead p { font-size:12.5px; line-height:1.40; }
  .sdf-g10-wisdom-map > div { padding:5px 8px; }
  .sdf-g10-philosopher-gallery { grid-template-columns:180px minmax(0,1fr); gap:10px; }
  .sdf-g10-gallery-intro { padding:11px; }
  .sdf-g10-gallery-intro strong { font-size:13px; }
  .sdf-g10-philosopher-grid { gap:6px; }
  .sdf-g10-philosopher-card { padding:4px; }
}

@media (max-width: 980px) {
  .sdf-g10-slide-shell--wisdom { height:auto; min-height:94vh; grid-template-rows:auto auto auto auto auto; }
  .sdf-g10-wisdom-reading { grid-template-columns:1fr; max-height:none; }
  .sdf-g10-philosopher-gallery { grid-template-columns:1fr; }
  .sdf-g10-philosopher-grid { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:auto; }
  .sdf-g10-philosopher-card img { aspect-ratio:1/1; height:auto; }
  .sdf-g10-wisdom-dialog { grid-template-columns:1fr; width:min(600px,94vw); }
  .sdf-g10-wisdom-dialog > img { width:min(240px,70%); justify-self:center; }
}

/* 10. sınıf / 1. hafta / etkinlik 1: Disiplini Bul */
.sdf-g10-activity-page,
.sdf-g10-activity-page * { box-sizing: border-box; }

.sdf-g10-activity-page {
  position: relative;
  width: 100vw;
  min-height: 100vh;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
  display: grid;
  place-items: center;
  padding: clamp(20px, 2.2vw, 38px);
  color: #17372e;
  background:
    radial-gradient(circle at 12% 16%, rgba(85,122,101,.12), transparent 28%),
    radial-gradient(circle at 88% 86%, rgba(199,168,107,.16), transparent 25%),
    linear-gradient(135deg, #f8f6ef 0%, #eef3ed 58%, #f7f1e4 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.sdf-g10-activity-shell {
  position: relative;
  width: min(1580px, 96vw);
  height: min(910px, 93vh);
  min-height: 700px;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  gap: 14px;
  padding: clamp(28px, 2.6vw, 46px) clamp(28px, 3vw, 52px) 24px;
  overflow: hidden;
  border: 1px solid rgba(42,78,62,.14);
  border-radius: 30px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 28px 78px rgba(38,68,50,.13);
  backdrop-filter: blur(8px);
}

.sdf-g10-activity-shell::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 7px;
  background: linear-gradient(90deg, #173f31, #63836f 52%, #c7a86b);
}

.sdf-g10-activity-head {
  padding-right: 90px;
}

.sdf-g10-activity-head h1 {
  margin: 0;
  color: #173b2e;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(34px, 3.5vw, 58px);
  line-height: .96;
  letter-spacing: -.025em;
}

.sdf-g10-activity-head h2 {
  margin: 7px 0 0;
  color: #806438;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(20px, 1.55vw, 27px);
  font-weight: 500;
}

.sdf-g10-activity-head > p {
  max-width: 1120px;
  margin: 8px 0 0;
  color: #5c6c64;
  font-size: clamp(12px, .9vw, 15px);
  line-height: 1.45;
}

.sdf-g10-discipline-strip {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 16px;
  min-height: 58px;
  padding: 9px 14px;
  border: 1px solid rgba(52,92,72,.14);
  border-radius: 16px;
  background: #f6f5ef;
}

.sdf-g10-discipline-strip > strong {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 12px;
  border-radius: 10px;
  background: #274f3e;
  color: #fff;
  font-size: 10px;
  letter-spacing: .12em;
}

.sdf-g10-discipline-strip > div {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.sdf-g10-discipline-strip span {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  padding: 0 11px;
  border: 1px solid rgba(52,92,72,.13);
  border-radius: 999px;
  background: #fff;
  color: #345849;
  font-size: 11px;
  font-weight: 800;
}

.sdf-g10-discipline-table-wrap {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid rgba(42,78,62,.14);
  border-radius: 18px;
  background: #fbfcf9;
  scrollbar-width: thin;
  scrollbar-color: #819889 rgba(52,92,72,.08);
}

.sdf-g10-discipline-table-wrap::-webkit-scrollbar { width: 10px; }
.sdf-g10-discipline-table-wrap::-webkit-scrollbar-track { background: rgba(52,92,72,.06); }
.sdf-g10-discipline-table-wrap::-webkit-scrollbar-thumb { background: #819889; border-radius: 999px; border: 2px solid #f5f7f3; }

.sdf-g10-discipline-table-head,
.sdf-g10-discipline-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 25%);
}

.sdf-g10-discipline-table-head {
  position: sticky;
  top: 0;
  z-index: 4;
  min-height: 42px;
  background: #244b3a;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
}

.sdf-g10-discipline-table-head span {
  display: flex;
  align-items: center;
  padding: 0 18px;
}

.sdf-g10-discipline-table-head span + span { border-left: 1px solid rgba(255,255,255,.14); }

.sdf-g10-discipline-row {
  min-height: 112px;
  border-bottom: 1px solid rgba(42,78,62,.10);
  transition: background .18s ease;
}
.sdf-g10-discipline-row:last-child { border-bottom: 0; }
.sdf-g10-discipline-row.is-correct { background: rgba(54,137,79,.075); }
.sdf-g10-discipline-row.is-wrong { background: rgba(173,59,59,.06); }

.sdf-g10-discipline-comment {
  min-width: 0;
  display: grid;
  grid-template-columns: 38px 1fr;
  align-items: start;
  gap: 12px;
  padding: 15px 18px;
}

.sdf-g10-discipline-no {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: rgba(39,79,62,.09);
  color: #315a48;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-weight: 800;
}

.sdf-g10-discipline-comment p {
  margin: 0;
  color: #354940;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(13px, .93vw, 16px);
  line-height: 1.5;
}

.sdf-g10-discipline-answer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 7px;
  padding: 15px 18px;
  border-left: 1px solid rgba(42,78,62,.10);
}

.sdf-g10-discipline-answer input {
  width: 100%;
  min-height: 48px;
  padding: 0 13px;
  border: 1px solid rgba(42,78,62,.18);
  border-radius: 12px;
  outline: none;
  background: #fff;
  color: #213a31;
  font: inherit;
  font-size: 15px;
  font-weight: 700;
}

.sdf-g10-discipline-answer input:focus {
  border-color: #557c68;
  box-shadow: 0 0 0 3px rgba(85,124,104,.09);
}

.sdf-g10-discipline-row.is-correct input { border-color: #4f9b65; background: #f1faf3; }
.sdf-g10-discipline-row.is-wrong input { border-color: #c45a5a; background: #fff6f6; }

.sdf-g10-discipline-feedback {
  min-height: 17px;
  color: #6d7b74;
  font-size: 10.5px;
  font-weight: 900;
}
.sdf-g10-discipline-row.is-correct .sdf-g10-discipline-feedback { color: #347a4a; }
.sdf-g10-discipline-row.is-wrong .sdf-g10-discipline-feedback { color: #a94747; }

.sdf-g10-discipline-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.sdf-g10-discipline-hint {
  color: #7b847f;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
}

.sdf-g10-discipline-submit,
.sdf-g10-discipline-done {
  min-width: 176px;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 0;
  border-radius: 13px;
  background: #2d5a46;
  color: #fff;
  font: inherit;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .11em;
  cursor: pointer;
}
.sdf-g10-discipline-submit span { font-size: 18px; }

.sdf-g10-discipline-modal {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: grid;
  place-items: center;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .18s ease, visibility .18s ease;
}
.sdf-g10-discipline-modal.is-open { opacity: 1; visibility: visible; pointer-events: auto; }

.sdf-g10-discipline-backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  border: 0;
  background: rgba(6,22,16,.70);
  backdrop-filter: blur(7px);
  cursor: default;
}

.sdf-g10-discipline-dialog {
  position: relative;
  z-index: 2;
  width: min(650px, 94vw);
  padding: 34px;
  border: 1px solid rgba(54,94,73,.18);
  border-radius: 24px;
  background: #fffdf7;
  box-shadow: 0 30px 90px rgba(19,48,35,.28);
  color: #263d33;
}

.sdf-g10-discipline-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(42,78,62,.14);
  border-radius: 50%;
  background: #f7f4ec;
  color: #4c6157;
  font-size: 24px;
  cursor: pointer;
}

.sdf-g10-discipline-result-mark {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  margin-bottom: 15px;
  border-radius: 16px;
  background: #2f644c;
  color: #fff;
  font-size: 27px;
  font-weight: 900;
}

.sdf-g10-discipline-dialog h2 {
  margin: 7px 0 18px;
  color: #173b2e;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(27px, 2.4vw, 38px);
}

.sdf-g10-discipline-scores {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
  margin-bottom: 18px;
}
.sdf-g10-discipline-scores > div {
  padding: 15px;
  border: 1px solid rgba(42,78,62,.12);
  border-radius: 15px;
  background: #f7f8f4;
  text-align: center;
}
.sdf-g10-discipline-scores strong {
  display: block;
  color: #244b3a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 34px;
}
.sdf-g10-discipline-scores span { color: #768078; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .10em; }

.sdf-g10-discipline-warning {
  padding: 17px 18px;
  border-left: 5px solid #b68f43;
  border-radius: 0 15px 15px 0;
  background: #faf3e2;
}
.sdf-g10-discipline-warning > strong { color: #866621; font-size: 11px; letter-spacing: .14em; }
.sdf-g10-discipline-warning p { margin: 6px 0 0; color: #4e493e; font-family: Georgia, "Times New Roman", serif; font-size: 16px; line-height: 1.5; }
.sdf-g10-discipline-done { width: 100%; margin-top: 18px; }

@media (max-width: 880px) {
  .sdf-g10-activity-page { padding: 12px; overflow: auto; }
  .sdf-g10-activity-shell { width: 100%; height: auto; min-height: 94vh; padding: 58px 16px 18px; }
  .sdf-g10-activity-head { padding-right: 0; }
  .sdf-g10-discipline-strip { grid-template-columns: 1fr; }
  .sdf-g10-discipline-table-head { display: none; }
  .sdf-g10-discipline-row { grid-template-columns: 1fr; }
  .sdf-g10-discipline-answer { border-left: 0; border-top: 1px solid rgba(42,78,62,.10); }
  .sdf-g10-discipline-footer { align-items: stretch; flex-direction: column; }
  .sdf-g10-discipline-submit { width: 100%; }
}

/* 10. sınıf / 1. hafta / etkinlik 2: Felsefe Ne Kadar Hayatında? */
.sdf-g10-activity-screen { display: none; }
.sdf-g10-activity-screen.is-active { display: grid; }

.sdf-g10-activity-footer-nav {
  align-items: center;
}

.sdf-g10-footer-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.sdf-g10-footer-actions .sdf-page-nav {
  min-height: 48px;
  border-radius: 13px;
}

.sdf-g10-life-test {
  grid-template-rows: auto auto minmax(0, 1fr) auto;
}

.sdf-g10-life-head h1 {
  font-size: clamp(34px, 3.7vw, 61px);
}

.sdf-g10-life-progress {
  display: grid;
  grid-template-columns: auto auto minmax(160px, 1fr);
  align-items: center;
  gap: 12px;
  min-height: 50px;
  padding: 8px 14px;
  border: 1px solid rgba(42,78,62,.13);
  border-radius: 15px;
  background: #f6f5ef;
}

.sdf-g10-life-progress > span {
  color: #708077;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .14em;
}

.sdf-g10-life-progress > strong {
  color: #264e3d;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
}

.sdf-g10-life-progress > div {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(42,78,62,.09);
}

.sdf-g10-life-progress > div i {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #315c48, #c39d54);
  transition: width .24s ease;
}

.sdf-g10-life-list {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  gap: 11px;
  padding: 3px 5px 3px 1px;
  scrollbar-width: thin;
  scrollbar-color: #829a8b rgba(52,92,72,.07);
}

.sdf-g10-life-list::-webkit-scrollbar { width: 10px; }
.sdf-g10-life-list::-webkit-scrollbar-track { background: rgba(52,92,72,.06); border-radius: 999px; }
.sdf-g10-life-list::-webkit-scrollbar-thumb { background: #829a8b; border-radius: 999px; border: 2px solid #f5f7f3; }

.sdf-g10-life-card {
  min-width: 0;
  display: grid;
  grid-template-rows: 1fr auto;
  gap: 11px;
  padding: 15px;
  border: 1px solid rgba(42,78,62,.13);
  border-radius: 17px;
  background: linear-gradient(145deg, #fff, #f8f8f3);
  box-shadow: 0 5px 16px rgba(35,65,50,.045);
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.sdf-g10-life-card:has(.is-selected) {
  border-color: rgba(72,110,89,.34);
  box-shadow: 0 8px 22px rgba(35,65,50,.08);
}

.sdf-g10-life-question {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 11px;
  align-items: start;
}

.sdf-g10-life-question > span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #284f3d;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-weight: 800;
}

.sdf-g10-life-question p {
  margin: 0;
  color: #34483e;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(13px, .92vw, 16px);
  line-height: 1.46;
}

.sdf-g10-life-choices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.sdf-g10-life-choices button {
  min-height: 42px;
  padding: 8px 10px;
  border: 1px solid rgba(42,78,62,.15);
  border-radius: 11px;
  background: #f5f6f2;
  color: #56675f;
  font: inherit;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .06em;
  cursor: pointer;
  transition: .16s ease;
}

.sdf-g10-life-choices button:hover,
.sdf-g10-life-choices button:focus-visible {
  outline: none;
  border-color: rgba(49,92,72,.42);
  background: #edf3ef;
}

.sdf-g10-life-choices button.is-selected {
  border-color: #315c48;
  background: #315c48;
  color: #fff;
  box-shadow: 0 4px 13px rgba(36,79,58,.18);
}

.sdf-g10-life-footer {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 14px;
}

.sdf-g10-life-note {
  color: #7a847e;
  font-size: 11px;
  font-weight: 750;
  text-align: center;
}

.sdf-g10-life-submit,
.sdf-g10-life-done {
  min-width: 184px;
  min-height: 49px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 0;
  border-radius: 13px;
  background: #2d5a46;
  color: #fff;
  font: inherit;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .10em;
  cursor: pointer;
}

.sdf-g10-life-submit:disabled {
  opacity: .42;
  cursor: not-allowed;
}

.sdf-g10-life-submit span { font-size: 18px; }

.sdf-g10-life-modal {
  position: fixed;
  inset: 0;
  z-index: 1000000;
  display: grid;
  place-items: center;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .18s ease, visibility .18s ease;
}

.sdf-g10-life-modal.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.sdf-g10-life-backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  border: 0;
  background: rgba(6,22,16,.72);
  backdrop-filter: blur(8px);
}

.sdf-g10-life-dialog {
  position: relative;
  z-index: 2;
  width: min(690px, 94vw);
  padding: 36px;
  border: 1px solid rgba(54,94,73,.18);
  border-radius: 26px;
  background: #fffdf7;
  box-shadow: 0 32px 90px rgba(19,48,35,.3);
  color: #263d33;
}

.sdf-g10-life-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(42,78,62,.14);
  border-radius: 50%;
  background: #f7f4ec;
  color: #4c6157;
  font-size: 24px;
  cursor: pointer;
}

.sdf-g10-life-result-icon {
  width: 60px;
  height: 60px;
  display: grid;
  place-items: center;
  margin-bottom: 15px;
  border-radius: 18px;
  background: linear-gradient(145deg, #2e6249, #b99148);
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 29px;
  font-weight: 800;
}

.sdf-g10-life-dialog h2 {
  margin: 8px 0 16px;
  color: #173b2e;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(29px, 2.8vw, 43px);
  line-height: 1.05;
}

.sdf-g10-life-dialog h2 span { color: #a87e31; }

.sdf-g10-life-meter {
  height: 14px;
  overflow: hidden;
  margin: 4px 0 17px;
  border-radius: 999px;
  background: #e8ece8;
}

.sdf-g10-life-meter i {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #8a9d91, #315c48 60%, #c39d54);
  transition: width .55s ease;
}

.sdf-g10-life-dialog > p {
  margin: 0 0 16px;
  color: #40564b;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  line-height: 1.5;
}

.sdf-g10-life-explain {
  padding: 15px 17px;
  border-left: 5px solid #b7924d;
  border-radius: 0 14px 14px 0;
  background: #faf4e5;
  color: #595044;
  font-size: 13px;
  line-height: 1.5;
}

.sdf-g10-life-done {
  width: 100%;
  margin-top: 18px;
}

@media (max-width: 920px) {
  .sdf-g10-footer-actions { width: 100%; justify-content: stretch; }
  .sdf-g10-footer-actions > * { flex: 1; }
  .sdf-g10-life-list { grid-template-columns: 1fr; }
  .sdf-g10-life-footer { grid-template-columns: 1fr; }
  .sdf-g10-life-footer > * { width: 100%; }
  .sdf-g10-life-test { height: auto; min-height: 94vh; }
}

@media (max-width: 600px) {
  .sdf-g10-life-progress { grid-template-columns: auto auto; }
  .sdf-g10-life-progress > div { grid-column: 1 / -1; }
  .sdf-g10-life-choices { grid-template-columns: 1fr; }
  .sdf-g10-life-dialog { padding: 30px 20px 22px; }
}

/* 10. sınıf / 1. hafta / etkinlik 3: Sokrates Ne Der? */
.sdf-g10-life-footer {
  grid-template-columns: auto 1fr auto auto;
}

.sdf-g10-socrates-activity {
  grid-template-rows: auto auto minmax(0, 1fr) auto;
}

.sdf-g10-socrates-head h1 {
  font-size: clamp(34px, 3.7vw, 61px);
}

.sdf-g10-socrates-progress {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 50px;
  padding: 8px 13px;
  border: 1px solid rgba(42,78,62,.13);
  border-radius: 15px;
  background: #f6f5ef;
}

.sdf-g10-socrates-progress > span {
  width: 35px;
  height: 35px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(42,78,62,.17);
  border-radius: 50%;
  background: #fff;
  color: #6e7d75;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 800;
  transition: .2s ease;
}

.sdf-g10-socrates-progress > span.is-current {
  border-color: #2f614b;
  background: #2f614b;
  color: #fff;
  transform: scale(1.08);
}

.sdf-g10-socrates-progress > span.is-done {
  border-color: #b69049;
  background: #f7edd8;
  color: #76591f;
}

.sdf-g10-socrates-progress > strong {
  margin-left: auto;
  color: #375448;
  font-size: 12px;
  letter-spacing: .08em;
}

.sdf-g10-socrates-stage {
  min-height: 0;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(42,78,62,.13);
  border-radius: 24px;
  background:
    linear-gradient(rgba(255,255,255,.72), rgba(255,255,255,.72)),
    radial-gradient(circle at 50% 110%, rgba(193,154,79,.22), transparent 42%);
}

.sdf-g10-socrates-case {
  position: absolute;
  inset: 0;
  display: none;
  grid-template-rows: auto 1fr auto;
  align-content: center;
  gap: clamp(18px, 2vw, 30px);
  padding: clamp(26px, 3vw, 54px);
  overflow-y: auto;
}

.sdf-g10-socrates-case.is-active {
  display: grid;
  animation: sdfSocratesCaseIn .34s ease both;
}

@keyframes sdfSocratesCaseIn {
  from { opacity: 0; transform: translateX(18px); }
  to { opacity: 1; transform: translateX(0); }
}

.sdf-g10-socrates-case-label {
  display: flex;
  align-items: center;
  gap: 12px;
}

.sdf-g10-socrates-case-label > span {
  width: 45px;
  height: 45px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: #244f3d;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 23px;
  font-weight: 800;
}

.sdf-g10-socrates-case-label > strong {
  color: #8a6b31;
  font-size: clamp(12px, 1vw, 15px);
  letter-spacing: .12em;
  text-transform: uppercase;
}

.sdf-g10-socrates-proposition {
  max-width: 1180px;
  align-self: center;
  margin: 0 auto;
  color: #203a30;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(22px, 2.15vw, 36px);
  line-height: 1.42;
  text-align: center;
}

.sdf-g10-socrates-exits {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: clamp(16px, 2vw, 28px);
}

.sdf-g10-socrates-exit {
  min-width: 0;
  min-height: 116px;
  display: grid;
  grid-template-columns: 60px minmax(0,1fr);
  align-items: center;
  gap: 17px;
  padding: 18px 20px;
  border: 1px solid rgba(42,78,62,.16);
  border-radius: 20px;
  background: linear-gradient(145deg, #fff, #f7f6f0);
  color: #3b5047;
  font: inherit;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(15px, 1.12vw, 19px);
  line-height: 1.42;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 7px 20px rgba(35,65,50,.055);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.sdf-g10-socrates-exit:hover,
.sdf-g10-socrates-exit:focus-visible {
  outline: none;
  transform: translateY(-3px);
  border-color: rgba(47,97,75,.44);
  box-shadow: 0 12px 28px rgba(35,65,50,.10);
}

.sdf-g10-socrates-exit.is-selected {
  border-color: #b18c46;
  box-shadow: 0 0 0 3px rgba(177,140,70,.10);
}

.sdf-g10-exit-door {
  width: 58px;
  height: 72px;
  display: grid;
  place-items: center;
  border: 2px solid #426b58;
  border-radius: 26px 26px 7px 7px;
  background: linear-gradient(180deg, #e9f1ec, #cadbd0);
  color: #264b3b;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 24px;
  font-weight: 800;
}

.sdf-g10-socrates-footer {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 14px;
}

.sdf-g10-socrates-principle {
  padding: 10px 14px;
  border-radius: 12px;
  background: #f7f2e6;
  color: #65583f;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 13px;
  text-align: center;
}
.sdf-g10-socrates-principle strong { color: #7d6027; }

.sdf-g10-socrates-reset {
  min-height: 48px;
  padding: 0 17px;
  border: 1px solid rgba(42,78,62,.18);
  border-radius: 13px;
  background: #f5f6f2;
  color: #3f5a4d;
  font: inherit;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .09em;
  cursor: pointer;
}

.sdf-g10-socrates-modal {
  position: fixed;
  inset: 0;
  z-index: 1000002;
  display: grid;
  place-items: center;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .18s ease, visibility .18s ease;
}

.sdf-g10-socrates-modal.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.sdf-g10-socrates-backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  border: 0;
  background: rgba(5,20,14,.78);
  backdrop-filter: blur(9px);
}

.sdf-g10-socrates-dialog {
  position: relative;
  z-index: 2;
  width: min(940px, 95vw);
  max-height: 88vh;
  display: grid;
  grid-template-columns: minmax(180px, 260px) minmax(0,1fr);
  gap: clamp(20px, 3vw, 42px);
  align-items: center;
  overflow-y: auto;
  padding: clamp(26px, 3vw, 44px);
  border: 1px solid rgba(63,94,78,.18);
  border-radius: 28px;
  background: #fffdf7;
  box-shadow: 0 34px 100px rgba(10,35,23,.38);
}

.sdf-g10-socrates-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(42,78,62,.14);
  border-radius: 50%;
  background: #f7f4ec;
  color: #4c6157;
  font-size: 25px;
  cursor: pointer;
}

.sdf-g10-socrates-portrait-wrap {
  min-width: 0;
  text-align: center;
}
.sdf-g10-socrates-portrait-wrap img {
  width: min(240px, 100%);
  aspect-ratio: 1 / 1;
  object-fit: contain;
  filter: drop-shadow(0 13px 20px rgba(38,68,50,.14));
}
.sdf-g10-socrates-portrait-wrap span {
  display: inline-flex;
  margin-top: 8px;
  padding: 7px 13px;
  border-radius: 999px;
  background: #244f3d;
  color: #fff;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .16em;
}

.sdf-g10-socrates-speech {
  min-width: 0;
  position: relative;
  padding: clamp(22px, 2.5vw, 34px);
  border: 1px solid rgba(42,78,62,.14);
  border-radius: 22px;
  background: #faf7ee;
}

.sdf-g10-socrates-speech::before {
  content: "";
  position: absolute;
  left: -18px;
  top: 50%;
  width: 34px;
  height: 34px;
  background: #faf7ee;
  border-left: 1px solid rgba(42,78,62,.14);
  border-bottom: 1px solid rgba(42,78,62,.14);
  transform: translateY(-50%) rotate(45deg);
}

.sdf-g10-socrates-modal.is-agree .sdf-g10-socrates-speech { border-top: 5px solid #3d7a5e; }
.sdf-g10-socrates-modal.is-challenge .sdf-g10-socrates-speech { border-top: 5px solid #b78245; }

.sdf-g10-socrates-speech h2 {
  margin: 7px 0 14px;
  color: #173b2e;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(25px, 2.5vw, 39px);
  line-height: 1.05;
}

.sdf-g10-socrates-speech > p {
  margin: 0;
  color: #3f5248;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(16px, 1.25vw, 20px);
  line-height: 1.58;
}

.sdf-g10-socrates-maxim {
  margin-top: 17px;
  padding: 13px 15px;
  border-left: 4px solid #b18b43;
  border-radius: 0 12px 12px 0;
  background: #f5eddc;
  color: #6c572e;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 14px;
  font-style: italic;
}

.sdf-g10-socrates-next {
  min-height: 49px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 18px;
  padding: 0 19px;
  border: 0;
  border-radius: 13px;
  background: #2d5a46;
  color: #fff;
  font: inherit;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .09em;
  cursor: pointer;
}
.sdf-g10-socrates-next span { font-size: 18px; }

@media (max-width: 980px) {
  .sdf-g10-life-footer { grid-template-columns: 1fr; }
  .sdf-g10-life-footer > * { width: 100%; }
  .sdf-g10-socrates-exits { grid-template-columns: 1fr; }
  .sdf-g10-socrates-footer { grid-template-columns: 1fr; }
  .sdf-g10-socrates-footer > * { width: 100%; }
  .sdf-g10-socrates-activity { height: auto; min-height: 94vh; }
}

@media (max-width: 720px) {
  .sdf-g10-socrates-dialog { grid-template-columns: 1fr; padding: 56px 20px 24px; }
  .sdf-g10-socrates-portrait-wrap img { width: 150px; }
  .sdf-g10-socrates-speech::before { display: none; }
  .sdf-g10-socrates-case { position: relative; min-height: 520px; padding: 22px 15px; }
  .sdf-g10-socrates-stage { overflow-y: auto; }
  .sdf-g10-socrates-exit { grid-template-columns: 48px 1fr; }
  .sdf-g10-exit-door { width: 48px; height: 62px; }
}


/* v1.27.1 — 10. sınıf Etkinlik 3 yerleşim düzeltmesi
   Tek önerme + iki büyük seçenek; hiçbir içerik mutlak konumla üst üste binmez. */
.sdf-g10-socrates-activity {
  grid-template-rows: auto auto minmax(390px, 1fr) auto;
  gap: 12px;
}

.sdf-g10-socrates-head {
  min-width: 0;
  padding-right: 0;
}

.sdf-g10-socrates-head > p {
  max-width: 980px;
}

.sdf-g10-socrates-progress {
  flex: 0 0 auto;
  margin: 0;
}

.sdf-g10-socrates-stage {
  position: relative;
  min-width: 0;
  min-height: 390px;
  overflow: auto;
  padding: 0;
  border-radius: 22px;
  scrollbar-width: thin;
  scrollbar-color: #819889 rgba(52,92,72,.08);
}

.sdf-g10-socrates-case,
.sdf-g10-socrates-case.is-active {
  position: relative;
  inset: auto;
  width: 100%;
  min-height: 100%;
  height: auto;
  grid-template-rows: auto auto auto;
  align-content: center;
  gap: clamp(18px, 2vw, 28px);
  padding: clamp(24px, 2.5vw, 42px);
  overflow: visible;
}

.sdf-g10-socrates-case:not(.is-active) {
  display: none;
}

.sdf-g10-socrates-case-label {
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
}

.sdf-g10-socrates-proposition {
  width: min(1120px, 100%);
  max-width: 1120px;
  margin: 0 auto;
  font-size: clamp(20px, 1.8vw, 31px);
  line-height: 1.38;
}

.sdf-g10-socrates-exits {
  width: min(1160px, 100%);
  margin: 0 auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: clamp(16px, 1.6vw, 24px);
}

.sdf-g10-socrates-exit {
  width: 100%;
  min-width: 0;
  min-height: 104px;
  height: auto;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 14px;
  padding: 17px 18px;
  overflow: visible;
}

.sdf-g10-socrates-exit > span:last-child {
  min-width: 0;
  overflow-wrap: anywhere;
}

.sdf-g10-exit-door {
  width: 50px;
  height: 62px;
  border-radius: 22px 22px 7px 7px;
  font-size: 21px;
}

.sdf-g10-socrates-footer {
  position: relative;
  z-index: 1;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  padding-top: 2px;
}

.sdf-g10-socrates-principle {
  min-width: 0;
  white-space: normal;
}

@media (max-width: 1050px) {
  .sdf-g10-socrates-activity {
    height: auto;
    min-height: 94vh;
    grid-template-rows: auto auto auto auto;
  }
  .sdf-g10-socrates-stage { min-height: 0; overflow: visible; }
  .sdf-g10-socrates-case,
  .sdf-g10-socrates-case.is-active { min-height: 0; }
  .sdf-g10-socrates-exits { grid-template-columns: 1fr; }
  .sdf-g10-socrates-footer { grid-template-columns: 1fr; }
  .sdf-g10-socrates-footer > * { width: 100%; }
}

@media (max-height: 760px) and (min-width: 1051px) {
  .sdf-g10-socrates-activity {
    height: min(940px, 96vh);
    min-height: 650px;
    grid-template-rows: auto auto minmax(320px, 1fr) auto;
  }
  .sdf-g10-socrates-stage { min-height: 320px; }
  .sdf-g10-socrates-case,
  .sdf-g10-socrates-case.is-active { padding: 20px 28px; gap: 15px; }
  .sdf-g10-socrates-proposition { font-size: clamp(18px, 1.55vw, 25px); }
  .sdf-g10-socrates-exit { min-height: 88px; padding: 13px 16px; }
}

/* v1.27.2 — Etkinlik 3: Sokrates Ne Der? kesin yerleşim izolasyonu
   10. sınıf 5. sunum sayfasındaki Sokrates çiziminin .sdf-g10-socrates-head/.stage
   sınıflarıyla çakışmayı önler. Tüm etkinlik normal belge akışındadır. */
.sdf-g10-socrates-activity .sdf-g10-socrates-head {
  position: static;
  inset: auto;
  left: auto;
  top: auto;
  z-index: auto;
  width: auto;
  height: auto;
  transform: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
  padding-right: 0;
  display: block;
  text-align: left;
}

.sdf-g10-socrates-activity .sdf-g10-socrates-head .sdf-week-meta {
  width: auto;
  height: auto;
  min-height: 30px;
  position: static;
  transform: none;
  border-radius: 999px;
  white-space: nowrap;
}

.sdf-g10-socrates-activity .sdf-g10-socrates-head h1 {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  transform: none;
  font-size: clamp(32px, 3.1vw, 52px);
  line-height: 1;
  text-align: left;
}

.sdf-g10-socrates-activity .sdf-g10-socrates-head h2 {
  position: static;
  margin: 6px 0 0;
  font-size: clamp(18px, 1.45vw, 25px);
  line-height: 1.15;
  text-align: left;
}

.sdf-g10-socrates-activity .sdf-g10-socrates-head > p {
  position: static;
  width: auto;
  max-width: 1180px;
  margin: 7px 0 0;
  font-size: clamp(11px, .82vw, 14px);
  line-height: 1.35;
  text-align: left;
}

.sdf-g10-socrates-activity .sdf-g10-socrates-stage {
  position: relative;
  display: block;
  place-items: initial;
  width: 100%;
  min-width: 0;
  min-height: 0;
  height: auto;
  padding: 0;
  overflow: auto;
}

.sdf-g10-socrates-activity .sdf-g10-socrates-case,
.sdf-g10-socrates-activity .sdf-g10-socrates-case.is-active {
  position: relative;
  inset: auto;
  width: 100%;
  min-height: 330px;
  height: auto;
  align-content: start;
  grid-template-rows: auto auto auto;
  gap: 18px;
  padding: 24px 28px;
  overflow: visible;
}

.sdf-g10-socrates-activity .sdf-g10-socrates-case-label {
  justify-content: flex-start;
  text-align: left;
}

.sdf-g10-socrates-activity .sdf-g10-socrates-proposition {
  width: 100%;
  max-width: none;
  margin: 0;
  font-size: clamp(19px, 1.55vw, 27px);
  line-height: 1.35;
  text-align: left;
}

.sdf-g10-socrates-activity .sdf-g10-socrates-exits {
  width: 100%;
  margin: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.sdf-g10-socrates-activity .sdf-g10-socrates-exit {
  min-height: 92px;
  padding: 14px 16px;
  font-size: clamp(14px, 1vw, 18px);
}

.sdf-g10-socrates-activity .sdf-g10-socrates-footer {
  position: static;
  z-index: auto;
  width: 100%;
  min-width: 0;
}

/* 1366x768 / 1920x1080 akıllı tahta gibi kısa yatay ekranlar */
@media (min-width: 1000px) and (max-height: 850px) {
  .sdf-g10-activity-page { padding: 10px 16px; overflow: auto; }
  .sdf-g10-socrates-activity {
    width: min(1580px, 97vw);
    height: auto;
    min-height: min(740px, calc(100vh - 20px));
    grid-template-rows: auto auto auto auto;
    gap: 8px;
    padding: 18px 24px 16px;
    overflow: visible;
  }
  .sdf-g10-socrates-activity .sdf-g10-socrates-head .sdf-week-meta {
    min-height: 26px;
    margin-bottom: 5px;
    padding: 0 10px;
    font-size: 9px;
  }
  .sdf-g10-socrates-activity .sdf-g10-socrates-head h1 {
    font-size: clamp(28px, 2.7vw, 42px);
  }
  .sdf-g10-socrates-activity .sdf-g10-socrates-head h2 {
    margin-top: 3px;
    font-size: clamp(17px, 1.25vw, 22px);
  }
  .sdf-g10-socrates-activity .sdf-g10-socrates-head > p {
    margin-top: 4px;
    font-size: 11px;
    line-height: 1.28;
  }
  .sdf-g10-socrates-activity .sdf-g10-socrates-progress {
    min-height: 42px;
    padding: 5px 10px;
  }
  .sdf-g10-socrates-activity .sdf-g10-socrates-progress > span {
    width: 30px;
    height: 30px;
  }
  .sdf-g10-socrates-activity .sdf-g10-socrates-case,
  .sdf-g10-socrates-activity .sdf-g10-socrates-case.is-active {
    min-height: 300px;
    padding: 18px 20px;
    gap: 12px;
  }
  .sdf-g10-socrates-activity .sdf-g10-socrates-case-label > span {
    width: 38px;
    height: 38px;
    font-size: 19px;
  }
  .sdf-g10-socrates-activity .sdf-g10-socrates-proposition {
    font-size: clamp(18px, 1.35vw, 23px);
    line-height: 1.3;
  }
  .sdf-g10-socrates-activity .sdf-g10-socrates-exit {
    min-height: 78px;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 11px;
    padding: 10px 13px;
    font-size: 14px;
  }
  .sdf-g10-socrates-activity .sdf-g10-exit-door {
    width: 42px;
    height: 52px;
    font-size: 18px;
  }
  .sdf-g10-socrates-activity .sdf-g10-socrates-footer {
    min-height: 46px;
  }
  .sdf-g10-socrates-activity .sdf-g10-socrates-principle {
    padding: 8px 11px;
    font-size: 12px;
  }
}

@media (max-width: 999px) {
  .sdf-g10-socrates-activity .sdf-g10-socrates-exits { grid-template-columns: 1fr; }
  .sdf-g10-socrates-activity .sdf-g10-socrates-case,
  .sdf-g10-socrates-activity .sdf-g10-socrates-case.is-active { min-height: 0; }
}


/* v1.28 — 10. sınıf Etkinlik 3: Sokrates Ne Der? / 10 örnek olay */
.sdf-g10-socrates-cases-activity {
  width: min(1580px, 96vw);
  height: min(920px, 94vh);
  min-height: 680px;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  gap: 14px;
  padding: clamp(24px, 2.4vw, 38px) clamp(26px, 3vw, 48px) 22px;
  overflow: hidden;
}
.sdf-g10-socrates-cases-head { min-width: 0; }
.sdf-g10-socrates-cases-head h1 {
  margin: 0;
  color: #173b2e;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(34px, 3.4vw, 57px);
  line-height: .98;
  letter-spacing: -.03em;
}
.sdf-g10-socrates-cases-head h2 {
  margin: 6px 0 0;
  color: #7b6234;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(20px, 1.8vw, 30px);
}
.sdf-g10-socrates-cases-head > p {
  max-width: 1180px;
  margin: 7px 0 0;
  color: #58675f;
  font-size: clamp(12px, .9vw, 15px);
  line-height: 1.42;
}
.sdf-g10-socrates-cases-principle {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: center;
  gap: 12px 18px;
  min-height: 58px;
  padding: 10px 16px;
  border: 1px solid rgba(177,139,67,.22);
  border-radius: 15px;
  background: linear-gradient(90deg, rgba(245,237,220,.92), rgba(255,255,255,.76));
}
.sdf-g10-socrates-cases-principle > span {
  color: #765e32;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .14em;
}
.sdf-g10-socrates-cases-principle strong {
  color: #173b2e;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(16px, 1.25vw, 21px);
  white-space: nowrap;
}
.sdf-g10-socrates-cases-principle small {
  min-width: 0;
  color: #6b766f;
  font-size: 11px;
  line-height: 1.35;
}
.sdf-g10-socrates-cases-grid {
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  gap: 12px;
  padding: 3px 8px 8px 2px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #78907f rgba(45,90,70,.08);
}
.sdf-g10-socrates-cases-grid::-webkit-scrollbar { width: 9px; }
.sdf-g10-socrates-cases-grid::-webkit-scrollbar-thumb { background: #78907f; border-radius: 999px; }
.sdf-g10-socrates-event-card {
  min-width: 0;
  min-height: 142px;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 15px;
  align-items: stretch;
  padding: 16px 18px;
  border: 1px solid rgba(44,80,63,.14);
  border-radius: 18px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 8px 20px rgba(44,72,58,.06);
  color: #263b31;
  text-align: left;
  font: inherit;
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}
.sdf-g10-socrates-event-card:hover,
.sdf-g10-socrates-event-card:focus-visible {
  outline: none;
  transform: translateY(-2px);
  border-color: rgba(49,101,76,.45);
  background: #fff;
}
.sdf-g10-socrates-event-card.is-seen { border-left: 5px solid #4d8268; }
.sdf-g10-socrates-event-no {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  align-self: start;
  border-radius: 15px;
  background: #234f3d;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 22px;
  font-weight: 800;
}
.sdf-g10-socrates-event-body { min-width: 0; display: block; }
.sdf-g10-socrates-event-body small {
  display: block;
  margin-bottom: 3px;
  color: #9a773a;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.sdf-g10-socrates-event-body strong {
  display: block;
  margin-bottom: 6px;
  color: #173b2e;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(17px, 1.2vw, 21px);
  line-height: 1.1;
}
.sdf-g10-socrates-event-body p {
  margin: 0;
  color: #56655d;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(12px, .86vw, 15px);
  line-height: 1.42;
}
.sdf-g10-socrates-event-body em {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 9px;
  color: #356650;
  font-size: 9px;
  font-style: normal;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.sdf-g10-socrates-event-body em b { font-size: 15px; }
.sdf-g10-socrates-cases-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding-top: 3px;
}
.sdf-g10-socrates-cases-footer > div {
  color: #6c7a72;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
}
.sdf-g10-socrates-cases-footer > div strong { color: #295743; font-size: 16px; }

@media (max-width: 900px) {
  .sdf-g10-socrates-cases-activity { height: auto; min-height: 94vh; overflow: visible; }
  .sdf-g10-socrates-cases-principle { grid-template-columns: 1fr; }
  .sdf-g10-socrates-cases-principle strong { white-space: normal; }
  .sdf-g10-socrates-cases-grid { grid-template-columns: 1fr; max-height: 62vh; }
}
@media (min-width: 1000px) and (max-height: 820px) {
  .sdf-g10-socrates-cases-activity {
    height: calc(100vh - 20px);
    min-height: 650px;
    gap: 8px;
    padding: 16px 22px 14px;
  }
  .sdf-g10-socrates-cases-head h1 { font-size: 38px; }
  .sdf-g10-socrates-cases-head h2 { font-size: 21px; margin-top: 3px; }
  .sdf-g10-socrates-cases-head > p { margin-top: 4px; font-size: 11px; }
  .sdf-g10-socrates-cases-principle { min-height: 48px; padding: 7px 12px; }
  .sdf-g10-socrates-event-card { min-height: 118px; padding: 12px 14px; }
  .sdf-g10-socrates-event-no { width: 46px; height: 46px; font-size: 19px; }
  .sdf-g10-socrates-event-body p { font-size: 12px; line-height: 1.32; }
  .sdf-g10-socrates-event-body em { margin-top: 6px; }
}


/* 10. Sınıf Etkinlik 4 — Şüpheden Kesinliğe */
.sdf-g10-certainty-activity {
  grid-template-rows: auto auto minmax(0, 1fr) auto auto;
  gap: 14px;
}

.sdf-g10-certainty-head {
  padding-bottom: 8px;
}

.sdf-g10-certainty-head h2 {
  margin-bottom: 5px;
}

.sdf-g10-certainty-sentence {
  position: relative;
  min-height: 118px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px;
  padding: 20px 26px 20px 30px;
  overflow: hidden;
  border: 1px solid rgba(34, 74, 57, .16);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(255,255,255,.95), rgba(244,239,226,.92));
  box-shadow: 0 12px 34px rgba(31, 58, 45, .08);
}

.sdf-g10-certainty-sentence::before {
  content: "“";
  position: absolute;
  left: 10px;
  top: -24px;
  color: rgba(44, 83, 65, .09);
  font: 700 118px/1 Georgia, serif;
}

.sdf-g10-certainty-sentence > span {
  position: absolute;
  top: 11px;
  left: 30px;
  color: #9a7b3e;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .2em;
}

.sdf-g10-certainty-sentence blockquote {
  position: relative;
  z-index: 1;
  margin: 13px 0 0;
  color: #173c2f;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(22px, 2vw, 34px);
  line-height: 1.25;
  font-weight: 600;
  text-align: center;
}

.sdf-g10-certainty-level {
  min-width: 116px;
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
  align-items: baseline;
  padding: 13px 14px;
  border-radius: 17px;
  background: #173c2f;
  color: #fff;
}

.sdf-g10-certainty-level b {
  font: 800 34px/1 Georgia, serif;
  color: #f0d796;
}

.sdf-g10-certainty-level span {
  margin-left: 4px;
  color: rgba(255,255,255,.64);
  font-size: 14px;
  font-weight: 800;
}

.sdf-g10-certainty-level em {
  grid-column: 1 / -1;
  margin-top: 5px;
  color: rgba(255,255,255,.82);
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .04em;
  text-align: center;
}

.sdf-g10-certainty-board {
  position: relative;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(120px, .58fr) minmax(280px, .9fr) minmax(220px, .82fr) minmax(120px, .58fr);
  align-items: stretch;
  gap: clamp(14px, 1.8vw, 30px);
  padding: 18px clamp(18px, 2.2vw, 34px);
  border: 1px solid rgba(38, 75, 58, .13);
  border-radius: 24px;
  background:
    radial-gradient(circle at 50% 18%, rgba(209, 183, 116, .14), transparent 34%),
    linear-gradient(145deg, rgba(248,247,241,.94), rgba(234,241,233,.94));
}

.sdf-g10-certainty-label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  color: #244c3b;
  font-family: Georgia, "Times New Roman", serif;
}

.sdf-g10-certainty-label strong {
  font-size: clamp(24px, 2.2vw, 36px);
  letter-spacing: .04em;
}

.sdf-g10-certainty-label small {
  color: #7c8a82;
  font: 800 10px/1.3 Inter, sans-serif;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.sdf-g10-certainty-label--wisdom {
  align-self: start;
  padding-top: 16px;
  text-align: left;
}

.sdf-g10-certainty-label--philosophy {
  align-self: end;
  padding-bottom: 16px;
  text-align: right;
}

.sdf-g10-certainty-instrument {
  --certainty-position: 44.444%;
  position: relative;
  min-height: 310px;
  display: grid;
  grid-template-columns: 64px 84px;
  justify-content: center;
  align-items: stretch;
  gap: 10px;
  padding: 10px 8px;
}

.sdf-g10-certainty-scale {
  height: 100%;
  min-height: 286px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 2px 0;
}

.sdf-g10-certainty-scale span {
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  color: #75877d;
}

.sdf-g10-certainty-scale span i {
  width: 27px;
  height: 2px;
  border-radius: 999px;
  background: #9bad9f;
}

.sdf-g10-certainty-scale span:nth-child(5n+1) i,
.sdf-g10-certainty-scale span:first-child i,
.sdf-g10-certainty-scale span:last-child i {
  width: 40px;
  background: #597565;
}

.sdf-g10-certainty-scale b {
  width: 17px;
  font-size: 10px;
  text-align: center;
}

.sdf-g10-certainty-tube {
  position: relative;
  width: 38px;
  height: calc(100% - 16px);
  min-height: 270px;
  align-self: center;
  justify-self: center;
  border: 4px solid #315947;
  border-radius: 999px;
  background: linear-gradient(to top, rgba(49,89,71,.12), rgba(213,186,112,.18));
  box-shadow: inset 0 0 0 5px rgba(255,255,255,.75), 0 8px 20px rgba(40,70,54,.10);
}

.sdf-g10-certainty-tube > i {
  position: absolute;
  left: 50%;
  bottom: 7px;
  width: 10px;
  height: calc(var(--certainty-position) + 2px);
  max-height: calc(100% - 14px);
  min-height: 8px;
  transform: translateX(-50%);
  border-radius: 999px;
  background: linear-gradient(to top, #315947, #c5a35d);
  transition: height .16s ease;
}

.sdf-g10-certainty-marker {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: calc(var(--certainty-position) - 1px);
  width: 25px;
  height: 25px;
  transform: translate(-50%, 50%);
  border: 4px solid #fff;
  border-radius: 50%;
  background: #c9a55e;
  box-shadow: 0 0 0 2px #315947, 0 6px 14px rgba(38,66,52,.22);
  transition: bottom .16s ease;
}

.sdf-g10-certainty-range {
  position: absolute;
  z-index: 5;
  left: calc(50% + 33px);
  top: 50%;
  width: 286px;
  height: 48px;
  margin: 0;
  transform: translate(-50%, -50%) rotate(-90deg);
  opacity: .001;
  cursor: grab;
  touch-action: none;
}

.sdf-g10-certainty-range:active { cursor: grabbing; }
.sdf-g10-certainty-range:focus-visible { opacity: .08; outline: 3px solid #c9a55e; }

.sdf-g10-certainty-axis {
  display: grid;
  grid-template-rows: auto 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 22px 0;
}

.sdf-g10-certainty-axis-top,
.sdf-g10-certainty-axis-bottom {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 1px 10px;
  align-items: center;
}

.sdf-g10-certainty-axis-top > span,
.sdf-g10-certainty-axis-bottom > span {
  grid-row: 1 / 3;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #315947;
  color: #fff;
  font-size: 21px;
}

.sdf-g10-certainty-axis strong {
  color: #244c3b;
  font-size: 14px;
}

.sdf-g10-certainty-axis small {
  color: #718178;
  font-size: 11px;
  line-height: 1.45;
}

.sdf-g10-certainty-axis-mid {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #94763c;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.sdf-g10-certainty-axis-mid i {
  height: 1px;
  flex: 1;
  background: rgba(148,118,60,.25);
}

.sdf-g10-certainty-note {
  padding: 9px 14px;
  border-left: 4px solid #b4934f;
  border-radius: 0 12px 12px 0;
  background: rgba(201,165,94,.08);
  color: #5f675f;
  font-size: 10.5px;
  line-height: 1.45;
}

.sdf-g10-certainty-note strong { color: #6f5729; }

.sdf-g10-certainty-footer {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 18px;
}

.sdf-g10-certainty-footer > span {
  color: #728078;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .06em;
  text-align: center;
}

@media (max-width: 1000px) {
  .sdf-g10-certainty-board {
    grid-template-columns: 100px minmax(230px, .9fr) minmax(180px, .7fr) 100px;
    gap: 10px;
    padding-left: 12px;
    padding-right: 12px;
  }
  .sdf-g10-certainty-sentence blockquote { font-size: 22px; }
  .sdf-g10-certainty-label strong { font-size: 23px; }
}

@media (max-width: 760px) {
  .sdf-g10-certainty-activity { overflow-y: auto; }
  .sdf-g10-certainty-sentence { grid-template-columns: 1fr; padding-top: 28px; }
  .sdf-g10-certainty-level { justify-self: center; }
  .sdf-g10-certainty-board {
    min-height: 520px;
    grid-template-columns: 1fr 150px 1fr;
    grid-template-rows: auto 1fr auto;
  }
  .sdf-g10-certainty-label--wisdom { grid-column: 1; grid-row: 1; }
  .sdf-g10-certainty-instrument { grid-column: 2; grid-row: 1 / 4; min-height: 400px; }
  .sdf-g10-certainty-axis { grid-column: 3; grid-row: 1 / 4; }
  .sdf-g10-certainty-label--philosophy { grid-column: 3; grid-row: 3; }
  .sdf-g10-certainty-footer { grid-template-columns: 1fr; }
  .sdf-g10-certainty-footer .sdf-page-nav { width: 100%; }
}

@media (min-width: 1100px) and (max-height: 780px) {
  .sdf-g10-certainty-activity { gap: 9px; }
  .sdf-g10-certainty-head p { display: none; }
  .sdf-g10-certainty-sentence { min-height: 90px; padding-top: 14px; padding-bottom: 12px; }
  .sdf-g10-certainty-sentence blockquote { font-size: 22px; }
  .sdf-g10-certainty-board { padding-top: 8px; padding-bottom: 8px; }
  .sdf-g10-certainty-instrument { min-height: 245px; }
  .sdf-g10-certainty-scale { min-height: 230px; }
  .sdf-g10-certainty-tube { min-height: 218px; }
  .sdf-g10-certainty-range { width: 230px; }
  .sdf-g10-certainty-note { font-size: 9px; padding-top: 6px; padding-bottom: 6px; }
}

/* v1.30 — 10. sınıf Etkinlik 5: Soruların Susturulduğu Şehir */
.sdf-g10-dark-story-page {
  background:
    radial-gradient(circle at 72% 14%, rgba(87,101,120,.18), transparent 30%),
    linear-gradient(145deg, #101820 0%, #18232d 48%, #0c1117 100%);
}

.sdf-g10-dark-story-page .sdf-week-back {
  color: #e5edf3 !important;
  border-color: rgba(220,231,239,.22);
  background: rgba(13,20,27,.76);
}

.sdf-g10-dark-story-activity {
  height: min(920px, 93vh);
  min-height: 690px;
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  gap: 14px;
  overflow: hidden;
  border-color: rgba(173,190,202,.18) !important;
  background:
    linear-gradient(rgba(13,20,27,.92), rgba(19,28,36,.92)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.02) 0 1px, transparent 1px 48px);
  box-shadow: 0 28px 80px rgba(0,0,0,.34);
  color: #edf3f6;
}

.sdf-g10-dark-story-head {
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(214,225,232,.12);
}

.sdf-g10-dark-story-head .sdf-week-meta {
  color: #bed0db;
  border-color: rgba(190,208,219,.25);
  background: rgba(190,208,219,.06);
}

.sdf-g10-dark-story-head h1 {
  color: #f0f4f6 !important;
}

.sdf-g10-dark-story-head h2 {
  color: #9fc1d2 !important;
}

.sdf-g10-dark-story-head p {
  color: rgba(235,242,246,.68) !important;
}

.sdf-g10-dark-story-audio {
  position: relative;
  z-index: 1;
  min-height: 92px;
  display: grid;
  grid-template-columns: minmax(220px, .65fr) minmax(420px, 1.35fr);
  align-items: center;
  gap: 22px;
  padding: 14px 18px;
  overflow: hidden;
  border: 1px solid rgba(151,180,196,.22);
  border-radius: 18px;
  background: linear-gradient(110deg, rgba(61,77,90,.38), rgba(19,27,35,.72));
}

.sdf-g10-dark-story-audio::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .34;
  background: linear-gradient(105deg, transparent 0 42%, rgba(221,238,247,.15) 49%, transparent 54%);
  animation: sdf-dark-lightning 8s steps(1,end) infinite;
}

@keyframes sdf-dark-lightning {
  0%, 75%, 78%, 100% { opacity: 0; }
  76% { opacity: .58; }
  77% { opacity: .12; }
}

.sdf-g10-dark-story-weather {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .18;
  overflow: hidden;
}

.sdf-g10-dark-story-weather i {
  position: absolute;
  top: -30px;
  width: 2px;
  height: 48px;
  background: linear-gradient(transparent, rgba(214,229,238,.86));
  transform: rotate(12deg);
  animation: sdf-dark-rain 1.15s linear infinite;
}
.sdf-g10-dark-story-weather i:nth-child(1){left:8%;animation-delay:-.2s}.sdf-g10-dark-story-weather i:nth-child(2){left:24%;animation-delay:-.8s}.sdf-g10-dark-story-weather i:nth-child(3){left:43%;animation-delay:-.4s}.sdf-g10-dark-story-weather i:nth-child(4){left:61%;animation-delay:-1s}.sdf-g10-dark-story-weather i:nth-child(5){left:78%;animation-delay:-.6s}.sdf-g10-dark-story-weather i:nth-child(6){left:92%;animation-delay:-.1s}
@keyframes sdf-dark-rain { to { transform: translateY(145px) rotate(12deg); } }

.sdf-g10-dark-story-audio-copy {
  position: relative;
  z-index: 2;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.sdf-g10-dark-story-audio-copy span {
  color: #87a9bb;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .16em;
}
.sdf-g10-dark-story-audio-copy strong {
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(20px, 1.7vw, 28px);
  line-height: 1.05;
}
.sdf-g10-dark-story-audio-copy small { color: rgba(232,240,244,.56); font-size: 11px; }

.sdf-g10-dark-story-audio audio {
  position: relative;
  z-index: 2;
  width: 100%;
  min-width: 0;
  height: 46px;
  filter: grayscale(.15) saturate(.8);
}

.sdf-g10-dark-story-content {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(330px, .65fr);
  gap: 16px;
}

.sdf-g10-dark-story-text,
.sdf-g10-dark-story-questions {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #7895a5 rgba(255,255,255,.06);
}
.sdf-g10-dark-story-text::-webkit-scrollbar,
.sdf-g10-dark-story-questions::-webkit-scrollbar { width: 9px; }
.sdf-g10-dark-story-text::-webkit-scrollbar-thumb,
.sdf-g10-dark-story-questions::-webkit-scrollbar-thumb { background: #7895a5; border-radius: 99px; }

.sdf-g10-dark-story-text {
  padding: clamp(18px, 1.7vw, 26px);
  border: 1px solid rgba(177,195,206,.16);
  border-radius: 18px;
  background: rgba(5,10,15,.34);
}

.sdf-g10-dark-story-text p {
  margin: 0 0 1em;
  color: rgba(235,241,244,.86);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(15px, 1.05vw, 18px);
  line-height: 1.62;
}
.sdf-g10-dark-story-text p:first-child::first-letter {
  float: left;
  margin: 4px 8px 0 0;
  color: #a8c5d5;
  font-size: 52px;
  line-height: .72;
}
.sdf-g10-dark-story-text .sdf-g10-dark-story-final {
  margin: 1.2em 0 0;
  padding: 14px 16px;
  border-left: 4px solid #9ebdcd;
  background: rgba(140,172,189,.08);
  color: #fff;
  font-weight: 700;
}

.sdf-g10-dark-story-questions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(177,195,206,.16);
  border-radius: 18px;
  background: rgba(231,239,243,.055);
}

.sdf-g10-dark-story-question-head {
  position: sticky;
  top: -14px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: -14px -14px 2px;
  padding: 14px;
  border-bottom: 1px solid rgba(177,195,206,.15);
  background: #1b2731;
}
.sdf-g10-dark-story-question-head span { color: #a6c2d0; font-size: 10px; font-weight: 900; letter-spacing: .15em; }
.sdf-g10-dark-story-question-head strong { color: rgba(238,244,247,.68); font-size: 12px; }

.sdf-g10-dark-story-question {
  width: 100%;
  min-height: 76px;
  display: grid;
  grid-template-columns: 38px 1fr 24px;
  align-items: center;
  gap: 11px;
  padding: 12px;
  border: 1px solid rgba(188,204,213,.14);
  border-radius: 14px;
  background: rgba(255,255,255,.045);
  color: #eff4f7;
  text-align: left;
  cursor: pointer;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.sdf-g10-dark-story-question:hover,
.sdf-g10-dark-story-question:focus {
  outline: none;
  transform: translateY(-2px);
  background: rgba(142,174,191,.12);
  border-color: rgba(166,198,214,.42);
}
.sdf-g10-dark-story-question > span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #94b2c2;
  color: #10202a;
  font-weight: 950;
}
.sdf-g10-dark-story-question strong { font-size: 12px; line-height: 1.42; }
.sdf-g10-dark-story-question i { color: #a8c6d6; font-style: normal; font-size: 20px; text-align: center; }

.sdf-g10-dark-story-footer {
  display: grid;
  grid-template-columns: auto minmax(220px,1fr) auto;
  align-items: center;
  gap: 16px;
  padding-top: 2px;
}
.sdf-g10-dark-story-footer > span {
  color: rgba(224,235,240,.52);
  font-size: 10px;
  line-height: 1.35;
  text-align: center;
}

.sdf-g10-dark-story-modal {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: grid;
  place-items: center;
  padding: 22px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .18s ease, visibility .18s ease;
}
.sdf-g10-dark-story-modal.is-open { opacity: 1; visibility: visible; pointer-events: auto; }
.sdf-g10-dark-story-backdrop { position: absolute; inset: 0; border: 0; background: rgba(3,7,10,.82); backdrop-filter: blur(8px); cursor: pointer; }
.sdf-g10-dark-story-dialog {
  position: relative;
  z-index: 2;
  width: min(720px, 94vw);
  max-height: 82vh;
  overflow-y: auto;
  padding: clamp(28px, 3vw, 44px);
  border: 1px solid rgba(160,190,206,.26);
  border-radius: 24px;
  background: linear-gradient(145deg, #1b2934, #0e171f);
  box-shadow: 0 34px 100px rgba(0,0,0,.52);
  color: #eef4f7;
}
.sdf-g10-dark-story-close {
  position: absolute;
  top: 13px;
  right: 13px;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 50%;
  background: rgba(255,255,255,.05);
  color: #fff;
  font-size: 25px;
  cursor: pointer;
}
.sdf-g10-dark-story-modal-mark {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  margin-bottom: 16px;
  border-radius: 17px;
  background: #9dbccb;
  color: #10202a;
  font: 800 32px Georgia,serif;
}
.sdf-g10-dark-story-dialog h2 {
  margin: 8px 54px 14px 0;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(25px, 2.3vw, 38px);
  line-height: 1.12;
}
.sdf-g10-dark-story-dialog > p {
  margin: 0;
  padding: 18px;
  border-left: 4px solid #99b9c9;
  border-radius: 0 14px 14px 0;
  background: rgba(157,188,203,.08);
  color: rgba(237,244,247,.84);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(16px, 1.3vw, 20px);
  line-height: 1.62;
}
.sdf-g10-dark-story-done {
  min-width: 150px;
  min-height: 47px;
  margin-top: 22px;
  border: 0;
  border-radius: 12px;
  background: #9dbccb;
  color: #10202a;
  font: inherit;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .1em;
  cursor: pointer;
}

@media (max-width: 980px) {
  .sdf-g10-dark-story-activity { height: auto; min-height: 94vh; overflow: visible; }
  .sdf-g10-dark-story-audio { grid-template-columns: 1fr; gap: 10px; }
  .sdf-g10-dark-story-content { grid-template-columns: 1fr; }
  .sdf-g10-dark-story-text { max-height: 48vh; }
  .sdf-g10-dark-story-questions { max-height: 48vh; }
  .sdf-g10-dark-story-footer { grid-template-columns: 1fr; }
  .sdf-g10-dark-story-footer > span { order: -1; }
}

@media (max-height: 760px) and (min-width: 1000px) {
  .sdf-g10-dark-story-activity { height: 95vh; min-height: 620px; gap: 9px; padding-top: 26px !important; padding-bottom: 18px !important; }
  .sdf-g10-dark-story-head p { display: none; }
  .sdf-g10-dark-story-audio { min-height: 72px; padding-top: 9px; padding-bottom: 9px; }
  .sdf-g10-dark-story-text p { font-size: 14px; line-height: 1.5; }
  .sdf-g10-dark-story-question { min-height: 62px; }
}

/* v1.30.1 — Etkinlik 5: site renklerine dönüş + Türkçe seslendirme kontrolleri */
.sdf-g10-dark-story-page {
  background:
    radial-gradient(circle at 12% 16%, rgba(85,122,101,.12), transparent 28%),
    radial-gradient(circle at 88% 86%, rgba(199,168,107,.16), transparent 25%),
    linear-gradient(135deg, #f8f6ef 0%, #eef3ed 58%, #f7f1e4 100%);
}

.sdf-g10-dark-story-page .sdf-week-back {
  color: #264d3d !important;
  border-color: rgba(27,68,52,.18);
  background: rgba(255,255,255,.86);
}

.sdf-g10-dark-story-activity {
  border-color: rgba(42,78,62,.14) !important;
  background: rgba(255,255,255,.90);
  box-shadow: 0 28px 78px rgba(38,68,50,.13);
  color: #17372e;
}

.sdf-g10-dark-story-head {
  border-bottom-color: rgba(40,78,60,.12);
}

.sdf-g10-dark-story-head .sdf-week-meta {
  color: #557362;
  border-color: rgba(40,78,60,.18);
  background: rgba(76,113,90,.06);
}

.sdf-g10-dark-story-head h1 { color: #173b2e !important; }
.sdf-g10-dark-story-head h2 { color: #806438 !important; }
.sdf-g10-dark-story-head p { color: #5c6c64 !important; }

.sdf-g10-dark-story-audio {
  grid-template-columns: minmax(300px,1fr) auto;
  border-color: rgba(52,92,72,.16);
  background: linear-gradient(110deg, rgba(86,124,102,.09), rgba(199,168,107,.08));
}
.sdf-g10-dark-story-audio::after {
  background: linear-gradient(105deg, transparent 0 42%, rgba(199,168,107,.20) 49%, transparent 54%);
}
.sdf-g10-dark-story-weather { opacity: .13; }
.sdf-g10-dark-story-weather i {
  background: linear-gradient(transparent, rgba(75,113,92,.75));
}
.sdf-g10-dark-story-audio-copy span { color: #68836f; }
.sdf-g10-dark-story-audio-copy strong { color: #173b2e; }
.sdf-g10-dark-story-audio-copy small { color: #6a776f; }

.sdf-g10-dark-story-audio-controls {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}
.sdf-g10-dark-story-play,
.sdf-g10-dark-story-stop {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 17px;
  border-radius: 12px;
  font: inherit;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .09em;
  cursor: pointer;
  transition: transform .18s ease, background .18s ease, opacity .18s ease;
}
.sdf-g10-dark-story-play {
  border: 1px solid #315a47;
  background: #315a47;
  color: #fff;
}
.sdf-g10-dark-story-stop {
  border: 1px solid rgba(49,90,71,.24);
  background: rgba(255,255,255,.72);
  color: #315a47;
}
.sdf-g10-dark-story-play:hover:not(:disabled),
.sdf-g10-dark-story-stop:hover:not(:disabled) { transform: translateY(-2px); }
.sdf-g10-dark-story-play:disabled,
.sdf-g10-dark-story-stop:disabled { opacity: .48; cursor: default; }
.sdf-g10-dark-story-play.is-playing { background: #7a6338; border-color: #7a6338; }

.sdf-g10-dark-story-text {
  border-color: rgba(52,92,72,.14);
  background: #fbfaf5;
  scrollbar-color: #78947f rgba(52,92,72,.06);
}
.sdf-g10-dark-story-text::-webkit-scrollbar-thumb,
.sdf-g10-dark-story-questions::-webkit-scrollbar-thumb { background: #78947f; }
.sdf-g10-dark-story-text p { color: #30443a; }
.sdf-g10-dark-story-text p:first-child::first-letter { color: #5d7d68; }
.sdf-g10-dark-story-text .sdf-g10-dark-story-final {
  border-left-color: #c7a86b;
  background: rgba(199,168,107,.10);
  color: #3d4b43;
}

.sdf-g10-dark-story-questions {
  border-color: rgba(52,92,72,.14);
  background: rgba(247,246,240,.92);
  scrollbar-color: #78947f rgba(52,92,72,.06);
}
.sdf-g10-dark-story-question-head {
  border-bottom-color: rgba(52,92,72,.12);
  background: #f4f2e9;
}
.sdf-g10-dark-story-question-head span { color: #5c7a67; }
.sdf-g10-dark-story-question-head strong { color: #7a7468; }
.sdf-g10-dark-story-question {
  border-color: rgba(52,92,72,.13);
  background: rgba(255,255,255,.82);
  color: #263b31;
}
.sdf-g10-dark-story-question:hover,
.sdf-g10-dark-story-question:focus {
  background: rgba(91,126,104,.10);
  border-color: rgba(91,126,104,.36);
}
.sdf-g10-dark-story-question > span {
  background: linear-gradient(145deg, #e1c887, #c9a45d);
  color: #173b2e;
}
.sdf-g10-dark-story-question i { color: #66836f; }
.sdf-g10-dark-story-footer > span { color: #718177; }

.sdf-g10-dark-story-backdrop { background: rgba(12,29,23,.68); }
.sdf-g10-dark-story-dialog {
  border-color: rgba(52,92,72,.18);
  background: linear-gradient(145deg, #ffffff, #f4f1e8);
  box-shadow: 0 34px 100px rgba(30,55,42,.28);
  color: #253a30;
}
.sdf-g10-dark-story-close {
  border-color: rgba(49,90,71,.16);
  background: rgba(49,90,71,.06);
  color: #315a47;
}
.sdf-g10-dark-story-modal-mark {
  background: linear-gradient(145deg, #e1c887, #c9a45d);
  color: #173b2e;
}
.sdf-g10-dark-story-dialog h2 { color: #173b2e; }
.sdf-g10-dark-story-dialog > p {
  border-left-color: #5d7d68;
  background: rgba(91,126,104,.08);
  color: #35483f;
}
.sdf-g10-dark-story-done {
  background: #315a47;
  color: #fff;
}

@media (max-width: 980px) {
  .sdf-g10-dark-story-audio { grid-template-columns: 1fr; }
  .sdf-g10-dark-story-audio-controls { justify-content: flex-start; }
}

/* v1.30.9 — Ana sayfa Safa Hoca'nın Eserleri */
.sdf-hero-tools {
  position: absolute;
  top: 28px;
  right: 30px;
  z-index: 8;
  display: flex;
  align-items: stretch;
  gap: 10px;
}

.sdf-hero-tools .sdf-supporters-trigger {
  position: static;
  top: auto;
  right: auto;
}

.sdf-works-trigger {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 15px 8px 9px;
  border: 1px solid rgba(225,200,135,.4);
  border-radius: 16px;
  background: rgba(10,30,48,.76);
  color: #fff;
  box-shadow: 0 12px 28px rgba(0,0,0,.18);
  backdrop-filter: blur(9px);
  cursor: pointer;
  font: inherit;
  text-align: left;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.sdf-works-trigger:hover,
.sdf-works-trigger:focus {
  transform: translateY(-2px);
  border-color: rgba(225,200,135,.72);
  background: rgba(18,48,74,.94);
  outline: none;
}

.sdf-works-trigger-icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: linear-gradient(145deg, var(--sdf-gold-2), var(--sdf-gold));
  color: var(--sdf-navy);
  font-size: 18px;
  font-weight: 900;
}

.sdf-works-trigger > span:last-child {
  display: flex;
  flex-direction: column;
  line-height: 1.05;
}

.sdf-works-trigger strong {
  color: var(--sdf-gold-2);
  font-size: 10px;
  letter-spacing: .12em;
}

.sdf-works-trigger small {
  margin-top: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .05em;
}

.sdf-works-modal {
  position: fixed;
  inset: 0;
  z-index: 1000001;
  display: grid;
  place-items: center;
  padding: 24px;
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s ease, visibility .2s ease;
}

.sdf-works-modal.is-open {
  opacity: 1;
  visibility: visible;
}

.sdf-works-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2,11,19,.78);
  backdrop-filter: blur(10px);
}

.sdf-works-dialog {
  position: relative;
  z-index: 2;
  width: min(920px, 94vw);
  max-height: min(860px, 92vh);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(225,200,135,.28);
  border-radius: 26px;
  background: linear-gradient(145deg, #102c45, #081827 76%);
  box-shadow: 0 34px 100px rgba(0,0,0,.52);
  color: #fff;
}

.sdf-works-close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 5;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 50%;
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.86);
  font-size: 26px;
  cursor: pointer;
}

.sdf-works-header {
  display: grid;
  grid-template-columns: 66px 1fr;
  gap: 18px;
  align-items: center;
  padding: 24px 76px 18px 28px;
  border-bottom: 1px solid rgba(255,255,255,.11);
}

.sdf-works-symbol {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: linear-gradient(145deg, var(--sdf-gold-2), var(--sdf-gold));
  color: var(--sdf-navy);
  font-size: 27px;
  font-weight: 900;
}

.sdf-works-header h2 {
  margin: 5px 0 4px;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(29px, 3vw, 42px);
  line-height: 1;
}

.sdf-works-header p {
  margin: 0;
  color: rgba(255,255,255,.58);
  font-size: 13px;
}

.sdf-works-scroll {
  min-height: 0;
  overflow-y: auto;
  padding: 22px 30px 28px;
  scrollbar-width: thin;
  scrollbar-color: rgba(225,200,135,.55) rgba(255,255,255,.06);
}

.sdf-works-book {
  width: min(390px, 76vw);
  margin: 0 auto 18px;
  padding: 9px;
  border-radius: 20px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 22px 52px rgba(0,0,0,.34);
}

.sdf-works-book img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 390px;
  object-fit: contain;
  border-radius: 14px;
}

.sdf-works-copy {
  max-width: 780px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
}

.sdf-works-copy p {
  margin: 0;
  color: rgba(255,255,255,.82);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(15px, 1.2vw, 18px);
  line-height: 1.68;
}

.sdf-works-copy p a {
  color: var(--sdf-gold-2);
  font-weight: 800;
  text-decoration: none;
}

.sdf-works-shop {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 46px;
  padding: 0 20px;
  border-radius: 13px;
  background: linear-gradient(145deg, var(--sdf-gold-2), var(--sdf-gold));
  color: var(--sdf-navy) !important;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .08em;
  text-decoration: none !important;
}

.sdf-works-shop span { font-size: 18px; }

@media (max-width: 900px) {
  .sdf-hero-tools { top: 18px; right: 18px; }
  .sdf-works-trigger,
  .sdf-hero-tools .sdf-supporters-trigger { padding-right: 11px; }
}

@media (max-width: 680px) {
  .sdf-hero-tools {
    position: static;
    grid-column: 1;
    justify-self: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: -6px;
  }
  .sdf-works-modal { padding: 10px; }
  .sdf-works-dialog { width: 100%; max-height: 94vh; border-radius: 20px; }
  .sdf-works-header { grid-template-columns: 52px 1fr; padding: 20px 58px 16px 18px; gap: 12px; }
  .sdf-works-symbol { width: 50px; height: 50px; font-size: 23px; }
  .sdf-works-scroll { padding: 18px; }
  .sdf-works-book { width: min(330px, 84vw); }
  .sdf-works-book img { max-height: 330px; }
}

/* v1.30.18 — Ana sayfa: panelden beslenen kırmızı haber kutusu */
.sdf-bdh-latest {
  grid-column: 1;
  grid-row: 3;
  align-self: start;
  justify-self: center;
  width: min(390px, 100%);
  min-height: 154px;
  height: 154px;
  margin-top: 20px;
  display: grid;
  grid-template-columns: 118px minmax(0, 1fr);
  gap: 14px;
  padding: 12px;
  overflow: hidden;
  border: 1px solid rgba(255,205,185,.22);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(128,20,26,.96), rgba(72,8,13,.97));
  color: #fff !important;
  text-decoration: none !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.13);
  transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.sdf-bdh-latest:hover,
.sdf-bdh-latest:focus {
  transform: translateY(-4px);
  border-color: rgba(255,218,175,.7);
  background: linear-gradient(145deg, rgba(150,27,33,.98), rgba(82,9,15,.98));
  box-shadow: 0 18px 42px rgba(0,0,0,.22);
}
.sdf-bdh-thumb {
  width: 118px;
  height: 128px;
  overflow: hidden;
  display: grid;
  place-items: center;
  border-radius: 15px;
  background: rgba(45,6,9,.55);
  border: 1px solid rgba(255,218,175,.28);
}
.sdf-bdh-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sdf-bdh-latest.has-no-image { grid-template-columns: minmax(0, 1fr); }
.sdf-bdh-copy { min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: 6px; }
.sdf-bdh-topline { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; }
.sdf-bdh-topline b {
  color: var(--sdf-gold-2);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .12em;
}
.sdf-bdh-topline em {
  flex: 0 0 auto;
  padding: 4px 7px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  color: rgba(255,255,255,.62);
  font-style: normal;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .08em;
}
.sdf-bdh-copy > strong {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-family: Georgia, "Times New Roman", serif;
  color: #fff;
  font-size: 17px;
  line-height: 1.15;
}
.sdf-bdh-copy > small {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: rgba(255,244,236,.76);
  font-size: 10.5px;
  line-height: 1.35;
}
.sdf-bdh-read {
  margin-top: auto;
  color: var(--sdf-gold-2);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
}
.sdf-bdh-read i { font-style: normal; font-size: 15px; margin-left: 4px; }

@media (max-width: 980px) {
  .sdf-bdh-latest { grid-column: 1; grid-row: auto; width: min(520px, 100%); justify-self: center; margin-top: 0; }
}
@media (max-width: 680px) {
  .sdf-bdh-latest { height: auto; min-height: 142px; grid-template-columns: 96px minmax(0, 1fr); }
  .sdf-bdh-thumb { width: 96px; height: 116px; }
}

/* v1.30.19 — BDH kartı hover ve 3 saniyelik geçiş ekranı */
.sdf-bdh-latest { position: relative; }
.sdf-bdh-brand-overlay {
  position: absolute;
  inset: 0;
  z-index: 8;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: inherit;
  background: #000;
  padding: 14px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .22s ease, visibility .22s ease;
}
.sdf-bdh-brand-overlay img {
  display: block;
  width: auto;
  height: auto;
  max-width: 88%;
  max-height: 88%;
  object-fit: contain;
  object-position: center;
}
.sdf-bdh-latest:hover .sdf-bdh-brand-overlay,
.sdf-bdh-latest:focus-visible .sdf-bdh-brand-overlay,
.sdf-bdh-latest.is-opening .sdf-bdh-brand-overlay {
  opacity: 1;
  visibility: visible;
}
.sdf-bdh-latest.is-opening {
  transform: none !important;
  border-color: rgba(246,182,80,.58) !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.3) !important;
  cursor: wait;
}
.sdf-bdh-latest.is-opening .sdf-bdh-brand-overlay::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  transform-origin: left center;
  background: #d48a29;
  animation: sdf-bdh-open-progress 3s linear forwards;
}
@keyframes sdf-bdh-open-progress {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}


/* IFOP portal homepage */
.sdf-ifop-hub{position:relative;min-height:100vh;padding:28px 24px 34px;background:linear-gradient(180deg,#fbfaf7 0%,#f4f1ed 48%,#efebe6 100%);overflow:hidden;color:#292826;font-family:"Georgia","Times New Roman",serif;}
.sdf-ifop-noise{position:absolute;inset:0;opacity:.08;background-image:radial-gradient(rgba(72,72,72,.08) .55px, transparent .55px);background-size:18px 18px;pointer-events:none;}
.sdf-ifop-glow{position:absolute;border-radius:50%;filter:blur(28px);opacity:.55;pointer-events:none;}
.sdf-ifop-glow--a{width:360px;height:360px;left:-110px;top:-70px;background:radial-gradient(circle, rgba(190,215,255,.55) 0%, rgba(190,215,255,0) 72%);}
.sdf-ifop-glow--b{width:420px;height:420px;right:-120px;bottom:-120px;background:radial-gradient(circle, rgba(245,212,228,.46) 0%, rgba(245,212,228,0) 72%);}
.sdf-ifop-topbar{position:relative;z-index:5;max-width:1380px;margin:0 auto 10px;display:flex;justify-content:space-between;align-items:flex-start;gap:26px;}
.sdf-ifop-branding{max-width:760px;}
.sdf-ifop-kicker{display:inline-block;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(136,128,121,.12);box-shadow:0 8px 18px rgba(80,74,68,.06);font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#8a7868;margin-bottom:12px;}
.sdf-ifop-branding h1{margin:0 0 10px;font-size:42px;line-height:1.08;color:#242220;font-weight:600;letter-spacing:.01em;}
.sdf-ifop-branding p{margin:0;font-size:18px;line-height:1.7;color:#6c645d;max-width:700px;}
.sdf-ifop-tagline{display:flex;flex-direction:column;gap:6px;align-items:flex-end;justify-content:center;padding-top:14px;color:#6d655f;text-align:right;}
.sdf-ifop-tagline strong{font-size:23px;font-weight:600;color:#3d3a36;}
.sdf-ifop-tagline span{font-size:18px;letter-spacing:.03em;}
.sdf-ifop-hero{position:relative;z-index:3;max-width:1380px;height:790px;margin:18px auto 0;display:flex;align-items:center;justify-content:center;}
.sdf-ifop-orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;}
.sdf-ifop-orbit--one{width:430px;height:430px;border:1.2px solid rgba(136,131,125,.18);animation:sdfIfopSpin 26s linear infinite;}
.sdf-ifop-orbit--two{width:600px;height:600px;border:1.4px dashed rgba(150,145,139,.24);animation:sdfIfopSpinReverse 34s linear infinite;}
.sdf-ifop-orbit--three{width:760px;height:760px;border:1.4px dotted rgba(162,158,152,.22);animation:sdfIfopSpin 42s linear infinite;}
.sdf-ifop-spark{position:absolute;width:11px;height:11px;border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.36);animation:sdfIfopPulse 3.2s ease-in-out infinite;pointer-events:none;}
.sdf-ifop-spark--1{left:50%;top:108px;margin-left:32px;background:#91abdf;animation-delay:.15s;}
.sdf-ifop-spark--2{left:50%;top:234px;margin-left:-238px;background:#85bf7b;animation-delay:.55s;}
.sdf-ifop-spark--3{left:50%;top:330px;margin-left:278px;background:#e3879b;animation-delay:1.1s;}
.sdf-ifop-spark--4{left:50%;bottom:158px;margin-left:-38px;background:#f0a35f;animation-delay:1.7s;}
.sdf-ifop-spark--5{left:50%;bottom:210px;margin-left:224px;background:#b094d3;animation-delay:2.2s;}
.sdf-ifop-center-card{position:relative;z-index:4;width:380px;height:380px;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.98) 0%, rgba(247,243,239,.98) 100%);box-shadow:0 28px 54px rgba(86,77,69,.10), inset 0 0 0 1px rgba(130,124,116,.10), inset 0 0 0 12px rgba(255,255,255,.82);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;}
.sdf-ifop-center-ring{position:absolute;inset:16px;border-radius:50%;border:1px solid rgba(129,123,116,.11);}
.sdf-ifop-center-logo-wrap{width:72%;max-width:270px;display:flex;align-items:center;justify-content:center;}
.sdf-ifop-center-logo{display:block;max-width:100%;height:auto;filter:drop-shadow(0 8px 18px rgba(0,0,0,.04));}
.sdf-ifop-center-copy{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;text-align:center;padding:0 30px;}
.sdf-ifop-center-copy strong{font-size:28px;font-weight:700;letter-spacing:.08em;color:#393632;}
.sdf-ifop-center-copy span{font-size:15px;line-height:1.55;color:#736b64;max-width:230px;}
.sdf-ifop-node{position:absolute;z-index:4;width:230px;min-height:160px;padding:24px 22px;border:none;border-radius:32px;background:rgba(255,255,255,.72);backdrop-filter:blur(14px);box-shadow:0 18px 38px rgba(84,76,68,.08), inset 0 0 0 1px rgba(132,124,116,.10);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;text-align:left;text-decoration:none;color:#1f1f1f;cursor:pointer;transition:transform .25s ease, box-shadow .25s ease, background .25s ease;}
.sdf-ifop-node:hover{transform:translateY(-6px);background:rgba(255,255,255,.88);box-shadow:0 24px 48px rgba(84,76,68,.12), inset 0 0 0 1px rgba(132,124,116,.12);}
.sdf-ifop-node-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;font-size:22px;line-height:1;background:rgba(255,255,255,.72);box-shadow:inset 0 0 0 1px rgba(120,114,108,.07);}
.sdf-ifop-node strong{display:block;font-size:24px;line-height:1.18;font-weight:600;color:#2a2825;}
.sdf-ifop-node em{display:block;font-style:normal;font-size:15px;line-height:1.62;color:#6f675f;}
.sdf-ifop-node--news{top:36px;left:50%;transform:translateX(-50%);border-top:3px solid #7f9fdf;}
.sdf-ifop-node--news .sdf-ifop-node-icon{color:#7f9fdf;}
.sdf-ifop-node--book{left:120px;top:230px;border-top:3px solid #7eb377;}
.sdf-ifop-node--book .sdf-ifop-node-icon{color:#7eb377;}
.sdf-ifop-node--board{right:120px;top:230px;border-top:3px solid #e27f97;}
.sdf-ifop-node--board .sdf-ifop-node-icon{color:#e27f97;}
.sdf-ifop-node--journal{left:180px;bottom:92px;border-top:3px solid #a07fc7;}
.sdf-ifop-node--journal .sdf-ifop-node-icon{color:#a07fc7;}
.sdf-ifop-node--event{right:180px;bottom:92px;border-top:3px solid #ef9d5d;}
.sdf-ifop-node--event .sdf-ifop-node-icon{color:#ef9d5d;}
.sdf-ifop-app-modal,.sdf-ifop-soon-modal{position:fixed;inset:0;z-index:9999;display:none;}
.sdf-ifop-app-modal.is-open,.sdf-ifop-soon-modal.is-open{display:block;}
.sdf-ifop-app-backdrop{position:absolute;inset:0;background:rgba(18,20,24,.42);backdrop-filter:blur(2px);}
.sdf-ifop-app-dialog{position:relative;z-index:2;max-width:720px;margin:12vh auto 0;background:#f7f5f0;color:#1f1f1f;border-radius:28px;box-shadow:0 28px 80px rgba(0,0,0,.26);padding:32px 34px 34px;border:1px solid rgba(70,70,70,.08);}
.sdf-ifop-app-dialog--small{max-width:560px;}
.sdf-ifop-app-close{position:absolute;right:18px;top:12px;border:none;background:transparent;font-size:34px;line-height:1;cursor:pointer;color:#5e5a56;}
.sdf-ifop-app-dialog h2{margin:6px 0 10px;font-size:38px;color:#1f1f1f;}
.sdf-ifop-app-dialog p{margin:0;color:#635d58;font-size:17px;line-height:1.65;}
.sdf-ifop-app-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:26px;}
.sdf-ifop-app-link{display:flex;flex-direction:column;gap:8px;padding:22px 22px;border-radius:22px;background:#fff;border:1px solid rgba(50,50,50,.08);text-decoration:none;color:#1d1d1d;box-shadow:0 14px 28px rgba(0,0,0,.08);position:relative;min-height:136px;}
.sdf-ifop-app-link strong{font-size:27px;letter-spacing:.02em;}
.sdf-ifop-app-link small{font-size:14px;color:#6c6862;max-width:85%;line-height:1.5;}
.sdf-ifop-app-link span{position:absolute;right:20px;bottom:16px;font-size:26px;color:#65615c;}
.sdf-modal-open{overflow:hidden;}
@keyframes sdfIfopSpin{from{transform:translate(-50%,-50%) rotate(0deg);}to{transform:translate(-50%,-50%) rotate(360deg);}}
@keyframes sdfIfopSpinReverse{from{transform:translate(-50%,-50%) rotate(360deg);}to{transform:translate(-50%,-50%) rotate(0deg);}}
@keyframes sdfIfopPulse{0%,100%{transform:scale(1);opacity:.62;}50%{transform:scale(1.45);opacity:1;}}
@media (max-width: 1440px){.sdf-ifop-hero{max-width:1220px;height:760px;}.sdf-ifop-node--book{left:40px;}.sdf-ifop-node--board{right:40px;}.sdf-ifop-node--journal{left:110px;}.sdf-ifop-node--event{right:110px;}}
@media (max-width: 1180px){.sdf-ifop-topbar{flex-direction:column;align-items:flex-start;}.sdf-ifop-tagline{align-items:flex-start;text-align:left;padding-top:0;}.sdf-ifop-branding h1{font-size:36px;}.sdf-ifop-hero{max-width:1040px;height:690px;}.sdf-ifop-center-card{width:330px;height:330px;}.sdf-ifop-node{width:200px;min-height:150px;padding:22px 18px;}.sdf-ifop-node strong{font-size:21px;}.sdf-ifop-node em{font-size:14px;}.sdf-ifop-node--book{left:18px;top:230px;}.sdf-ifop-node--board{right:18px;top:230px;}.sdf-ifop-node--journal{left:68px;bottom:82px;}.sdf-ifop-node--event{right:68px;bottom:82px;}.sdf-ifop-orbit--one{width:370px;height:370px;}.sdf-ifop-orbit--two{width:520px;height:520px;}.sdf-ifop-orbit--three{width:660px;height:660px;}}
@media (max-width: 920px){.sdf-ifop-hub{padding:20px 14px 30px;}.sdf-ifop-branding h1{font-size:31px;}.sdf-ifop-branding p{font-size:16px;}.sdf-ifop-tagline strong{font-size:20px;}.sdf-ifop-tagline span{font-size:16px;}.sdf-ifop-hero{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:10px;}.sdf-ifop-orbit,.sdf-ifop-spark{display:none;}.sdf-ifop-center-card{grid-column:1 / -1;width:min(82vw,310px);height:min(82vw,310px);margin:0 auto 10px;}.sdf-ifop-node{position:relative;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;width:100%;min-height:146px;}.sdf-ifop-app-grid{grid-template-columns:1fr;}.sdf-ifop-app-dialog{margin:8vh 14px 0;padding:28px 22px 24px;}.sdf-ifop-app-dialog h2{font-size:32px;}}
@media (max-width: 620px){.sdf-ifop-hero{grid-template-columns:1fr;}.sdf-ifop-branding h1{font-size:27px;}.sdf-ifop-kicker{font-size:12px;}.sdf-ifop-center-card{width:min(84vw,290px);height:min(84vw,290px);}.sdf-ifop-node strong{font-size:20px;}}


/* v1.32.0 — Akıllı Tahta Uygulaması alt platformu */
.sdf-smartboard-hero{position:relative;}
.sdf-smartboard-ifop-back{position:absolute;left:24px;bottom:22px;z-index:20;display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:999px;border:1px solid rgba(214,184,112,.35);background:rgba(255,255,255,.06);color:var(--sdf-gold-2,#e7c77f)!important;text-decoration:none!important;font-size:11px;font-weight:900;letter-spacing:.08em;box-shadow:0 10px 24px rgba(0,0,0,.12);transition:transform .18s ease,background .18s ease;}
.sdf-smartboard-ifop-back:hover{transform:translateY(-2px);background:rgba(255,255,255,.11);}
.sdf-smartboard-logo{max-width:132px!important;max-height:96px!important;object-fit:contain!important;}
@media(max-width:760px){.sdf-smartboard-ifop-back{position:relative;left:auto;bottom:auto;align-self:flex-start;margin:8px 0 4px;}.sdf-smartboard-logo{max-width:112px!important;}}

/* v1.32.1 — Akıllı Tahta alt platformu: sadeleştirme + pembe kalp içinde İFÖP logosu */
.sdf-smartboard-hero .sdf-hero-tools.sdf-smartboard-support-only{
  top: 22px;
  right: 24px;
  left: auto;
  display: block;
  width: auto;
}
.sdf-smartboard-hero .sdf-smartboard-support-only .sdf-supporters-trigger{
  margin:0;
}
.sdf-smartboard-logo-heart{
  position:relative;
  width:190px;
  height:170px;
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:center;
  align-self:center;
  isolation:isolate;
}
.sdf-smartboard-heart-outline{
  position:absolute;
  inset:-5px -10px -8px;
  width:calc(100% + 20px);
  height:calc(100% + 13px);
  object-fit:contain;
  opacity:.9;
  z-index:0;
  filter:drop-shadow(0 8px 18px rgba(214,139,165,.12));
  pointer-events:none;
}
.sdf-smartboard-logo-heart .sdf-smartboard-logo{
  position:relative;
  z-index:1;
  width:146px!important;
  max-width:146px!important;
  height:auto!important;
  max-height:122px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 7px 12px rgba(32,33,30,.08));
}
/* Radio kaldırıldığı için eski üst boşluğu nötrleştir. */
.sdf-stage--radio-home:has(.sdf-smartboard-hero){
  padding-top:0!important;
}
@media(max-width:760px){
  .sdf-smartboard-hero .sdf-hero-tools.sdf-smartboard-support-only{
    position:relative;
    top:auto;
    right:auto;
    align-self:flex-end;
    margin:8px 0 4px;
  }
  .sdf-smartboard-logo-heart{width:160px;height:145px;}
  .sdf-smartboard-logo-heart .sdf-smartboard-logo{width:124px!important;max-width:124px!important;max-height:105px!important;}
}


/* v1.32.2 — Akıllı Tahta ana şablonunu koru; yalnız istenen sadeleştirmeler */
.sdf-smartboard-hero .sdf-hero-tools.sdf-smartboard-support-only{
  position:absolute;
  top:28px;
  right:30px;
  left:auto;
  z-index:25;
  display:flex;
  width:auto;
}
.sdf-smartboard-hero .sdf-smartboard-support-only .sdf-supporters-trigger{
  position:static;
  margin:0;
  min-height:54px;
  padding:8px 15px 8px 9px;
}
.sdf-smartboard-hero .sdf-smartboard-support-only .sdf-supporters-trigger strong{
  white-space:nowrap;
}
.sdf-smartboard-hero .sdf-smartboard-support-only .sdf-supporters-trigger small{
  white-space:nowrap;
}

/* Gönderilen şeffaf logoyu mevcut sol logo alanına oturt. */
.sdf-smartboard-logo-heart{
  position:relative;
  width:min(430px,34vw);
  height:min(390px,47vh);
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:center;
  align-self:center;
  overflow:visible;
}
.sdf-smartboard-logo-heart .sdf-smartboard-logo{
  display:block;
  width:100%!important;
  max-width:430px!important;
  height:100%!important;
  max-height:390px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.20));
}
.sdf-smartboard-heart-outline{display:none!important;}

/* Bu alt platformda üst radyo şeridi ve eski ana sayfa haber alanı görünmez. */
.sdf-stage--radio-home:has(.sdf-smartboard-hero){padding-top:clamp(28px,4vw,64px)!important;}
.sdf-stage--radio-home:has(.sdf-smartboard-hero) > .sdf-radio-strip,
.sdf-stage--radio-home:has(.sdf-smartboard-hero) > .sdf-radio-ticker,
.sdf-stage--radio-home:has(.sdf-smartboard-hero) > .sdf-radio-home-player,
.sdf-stage--radio-home:has(.sdf-smartboard-hero) .sdf-home-news-card,
.sdf-stage--radio-home:has(.sdf-smartboard-hero) .sdf-home-news{
  display:none!important;
}

@media(max-width:980px){
  .sdf-smartboard-logo-heart{width:min(330px,38vw);height:min(300px,38vh);}
  .sdf-smartboard-logo-heart .sdf-smartboard-logo{max-width:330px!important;max-height:300px!important;}
}
@media(max-width:760px){
  .sdf-smartboard-hero .sdf-hero-tools.sdf-smartboard-support-only{
    position:relative;
    top:auto;
    right:auto;
    align-self:flex-end;
    margin:8px 0 4px;
  }
  .sdf-smartboard-logo-heart{width:min(280px,72vw);height:250px;}
  .sdf-smartboard-logo-heart .sdf-smartboard-logo{max-width:280px!important;max-height:250px!important;}
}


/* v1.32.3 — üst boşluğu kapat + logoya yumuşak ışık geçişi */
.sdf-stage--radio-home:has(.sdf-smartboard-hero){
  padding:4px 24px 12px!important;
  align-items:start!important;
}
.sdf-smartboard-hero{
  margin-top:0!important;
  min-height:min(760px,calc(100vh - 16px))!important;
  width:min(1420px,96vw)!important;
  padding-top:clamp(22px,2.3vw,38px)!important;
  padding-bottom:clamp(22px,2.3vw,38px)!important;
}

/* Logonun kendi alfa formunun üzerinden geçen parlaklık şeridi. */
.sdf-smartboard-logo-heart::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(112deg,
    transparent 0%,
    transparent 37%,
    rgba(255,255,255,.18) 43%,
    rgba(255,255,255,.92) 50%,
    rgba(255,255,255,.25) 57%,
    transparent 64%,
    transparent 100%);
  background-size:260% 100%;
  background-position:180% 0;
  -webkit-mask-image:url('../images/smartboard-ifop-logo-v2.png?v=13227');
  mask-image:url('../images/smartboard-ifop-logo-v2.png?v=13227');
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
  animation:sdfSmartboardLogoShine 5.8s ease-in-out infinite;
  filter:drop-shadow(0 0 8px rgba(255,255,255,.25));
}

@keyframes sdfSmartboardLogoShine{
  0%,10%{opacity:0;background-position:180% 0;}
  14%{opacity:.82;}
  38%{opacity:.82;background-position:-80% 0;}
  43%,100%{opacity:0;background-position:-80% 0;}
}

@media(max-width:980px){
  .sdf-stage--radio-home:has(.sdf-smartboard-hero){padding:4px 14px 12px!important;}
  .sdf-smartboard-hero{min-height:auto!important;padding-top:18px!important;padding-bottom:22px!important;}
}


/* v1.32.7 — Destekleyen Öğretmenler iki satır + yüksekliği ekrana sığdırma */
.sdf-smartboard-hero .sdf-smartboard-support-only .sdf-supporters-trigger span:last-child{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  line-height:1.04!important;
}
.sdf-smartboard-hero .sdf-smartboard-support-only .sdf-supporters-trigger strong{
  color:var(--sdf-gold-2,#e7c77f)!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.05em!important;
  text-transform:none!important;
  white-space:nowrap!important;
}
.sdf-smartboard-hero .sdf-smartboard-support-only .sdf-supporters-trigger small{
  margin-top:3px!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:850!important;
  letter-spacing:.04em!important;
  text-transform:none!important;
  white-space:nowrap!important;
}

.sdf-stage--radio-home:has(.sdf-smartboard-hero){
  padding:0 18px 8px!important;
  min-height:100vh!important;
  align-items:start!important;
}
.sdf-smartboard-hero{
  width:min(1360px,96vw)!important;
  min-height:min(708px,calc(100vh - 12px))!important;
  max-height:min(708px,calc(100vh - 12px))!important;
  overflow:hidden!important;
  padding:clamp(16px,1.8vw,26px) clamp(24px,3.1vw,48px) clamp(14px,1.6vw,24px)!important;
  gap:clamp(10px,1.2vw,15px) clamp(34px,4vw,54px)!important;
}
.sdf-smartboard-hero .sdf-badge{
  min-height:31px!important;
  padding:6px 14px!important;
  font-size:clamp(10px,.82vw,12px)!important;
  letter-spacing:.14em!important;
}
.sdf-smartboard-logo-heart{
  width:min(385px,30vw)!important;
  height:min(335px,41vh)!important;
}
.sdf-smartboard-logo-heart .sdf-smartboard-logo{
  max-width:385px!important;
  max-height:335px!important;
}
.sdf-smartboard-hero .sdf-title-wrap{
  align-self:center!important;
}
.sdf-smartboard-hero .sdf-eyebrow{
  margin-bottom:8px!important;
  font-size:clamp(10px,.95vw,13px)!important;
  letter-spacing:.18em!important;
}
.sdf-smartboard-hero .sdf-title-wrap h1{
  font-size:clamp(38px,4.8vw,70px)!important;
  line-height:.94!important;
}
.sdf-smartboard-hero .sdf-title-wrap p{
  margin-top:10px!important;
  max-width:640px!important;
  font-size:clamp(13px,1.1vw,17px)!important;
  line-height:1.42!important;
}
.sdf-smartboard-hero .sdf-actions{
  gap:12px!important;
  margin-top:10px!important;
  align-self:center!important;
}
.sdf-smartboard-hero .sdf-btn{
  min-height:120px!important;
  padding:16px 17px!important;
  gap:12px!important;
  border-radius:19px!important;
}
.sdf-smartboard-hero .sdf-btn-index{
  width:54px!important;
  height:54px!important;
  border-radius:16px!important;
  font-size:26px!important;
}
.sdf-smartboard-hero .sdf-btn-copy strong{
  font-size:clamp(13px,1vw,16px)!important;
}
.sdf-smartboard-hero .sdf-btn-copy small{
  font-size:11px!important;
  line-height:1.25!important;
}
.sdf-smartboard-hero .sdf-footer-note{
  margin-top:2px!important;
  font-size:10px!important;
  letter-spacing:.09em!important;
  gap:10px!important;
}
.sdf-smartboard-ifop-back{
  left:18px!important;
  bottom:16px!important;
  padding:8px 13px!important;
  font-size:10px!important;
}
.sdf-smartboard-hero .sdf-hero-tools.sdf-smartboard-support-only{
  top:18px!important;
  right:20px!important;
}
.sdf-smartboard-hero .sdf-smartboard-support-only .sdf-supporters-trigger{
  min-height:48px!important;
  padding:7px 13px 7px 8px!important;
  border-radius:15px!important;
}
.sdf-smartboard-hero .sdf-smartboard-support-only .sdf-supporters-trigger .sdf-supporters-trigger-icon,
.sdf-smartboard-hero .sdf-smartboard-support-only .sdf-supporters-trigger > span:first-child{
  width:34px!important;
  height:34px!important;
  border-radius:11px!important;
  font-size:16px!important;
}

@media(max-height:740px) and (min-width:900px){
  .sdf-stage--radio-home:has(.sdf-smartboard-hero){padding:0 16px 6px!important;}
  .sdf-smartboard-hero{min-height:min(682px,calc(100vh - 10px))!important;max-height:min(682px,calc(100vh - 10px))!important;padding:14px 38px 12px!important;gap:9px 44px!important;}
  .sdf-smartboard-logo-heart{width:min(350px,28vw)!important;height:min(305px,39vh)!important;}
  .sdf-smartboard-logo-heart .sdf-smartboard-logo{max-width:350px!important;max-height:305px!important;}
  .sdf-smartboard-hero .sdf-title-wrap h1{font-size:clamp(34px,4.4vw,64px)!important;}
  .sdf-smartboard-hero .sdf-title-wrap p{font-size:clamp(12px,1vw,15px)!important;margin-top:8px!important;}
  .sdf-smartboard-hero .sdf-btn{min-height:106px!important;padding:14px 15px!important;}
  .sdf-smartboard-hero .sdf-btn-index{width:48px!important;height:48px!important;font-size:24px!important;}
  .sdf-smartboard-hero .sdf-footer-note{font-size:9px!important;margin-top:0!important;}
}

@media(max-width:980px){
  .sdf-smartboard-hero{max-height:none!important;overflow:visible!important;}
  .sdf-smartboard-logo-heart{width:min(300px,42vw)!important;height:min(265px,36vh)!important;}
}


/* v1.32.8 — logo: hüzmeden sonra kısa spin; dönüş linkini kaldır; yerleşim ince ayarı */
.sdf-smartboard-ifop-back{
  display:none!important;
}

.sdf-smartboard-logo-heart::after{
  animation:sdfSmartboardLogoBeamThenPause 6.4s ease-in-out infinite!important;
}
.sdf-smartboard-logo-heart .sdf-smartboard-logo{
  transform-origin:50% 50%!important;
  animation:sdfSmartboardLogoSpinAfterBeam 6.4s cubic-bezier(.22,.8,.24,1) infinite!important;
  will-change:transform;
}

@keyframes sdfSmartboardLogoBeamThenPause{
  0%,8%{
    opacity:0;
    background-position:190% 0;
  }
  13%{
    opacity:.92;
    background-position:160% 0;
  }
  43%{
    opacity:.92;
    background-position:-70% 0;
  }
  49%,100%{
    opacity:0;
    background-position:-90% 0;
  }
}

@keyframes sdfSmartboardLogoSpinAfterBeam{
  0%,48%{
    transform:rotate(0deg) scale(1);
  }
  54%{
    transform:rotate(135deg) scale(1.025);
  }
  64%{
    transform:rotate(360deg) scale(1.025);
  }
  70%,100%{
    transform:rotate(360deg) scale(1);
  }
}

.sdf-smartboard-hero .sdf-badge{
  transform:translateY(10px)!important;
}
.sdf-smartboard-hero .sdf-actions{
  transform:translateY(-18px)!important;
  margin-top:0!important;
}
.sdf-smartboard-hero .sdf-footer-note{
  margin-top:-8px!important;
}

@media(max-height:740px) and (min-width:900px){
  .sdf-smartboard-hero .sdf-badge{transform:translateY(7px)!important;}
  .sdf-smartboard-hero .sdf-actions{transform:translateY(-14px)!important;margin-top:0!important;}
  .sdf-smartboard-hero .sdf-footer-note{margin-top:-10px!important;}
}

@media(max-width:980px){
  .sdf-smartboard-hero .sdf-actions{transform:none!important;}
  .sdf-smartboard-hero .sdf-badge{transform:none!important;}
}


/* v1.32.19 — rüzgar kaldırıldı, logo site renklerine uyarlandı */
.sdf-smartboard-logo-heart{
  overflow:visible!important;
}

.sdf-smartboard-logo-heart .sdf-smartboard-logo{
  animation:sdfSmartboardLogoDoubleSpinClean 6.2s cubic-bezier(.22,.74,.18,1) infinite!important;
  transform-origin:50% 50%!important;
  transform-style:preserve-3d!important;
  backface-visibility:visible!important;
  will-change:transform!important;
  z-index:2!important;
}

.sdf-smartboard-logo-heart::after{
  content:""!important;
  position:absolute!important;
  left:-54%!important;
  top:-34%!important;
  width:94%!important;
  height:176%!important;
  z-index:7!important;
  pointer-events:none!important;
  opacity:0!important;
  border-radius:999px!important;
  background:linear-gradient(115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0) 24%,
    rgba(255,255,255,.72) 34%,
    rgba(255,255,255,.98) 43%,
    rgba(255,255,255,1) 50%,
    rgba(255,255,255,.98) 57%,
    rgba(255,241,247,.90) 64%,
    rgba(255,255,255,0) 76%);
  filter:blur(.2px) drop-shadow(0 0 18px rgba(255,255,255,.98)) drop-shadow(0 0 30px rgba(255,238,246,.88))!important;
  mix-blend-mode:screen!important;
  transform:translateX(-132%) rotate(16deg)!important;
  animation:sdfSmartboardLogoStopBeamStrong 6.2s linear infinite!important;
}

.sdf-smartboard-logo-heart::before{
  content:""!important;
  position:absolute!important;
  inset:-34px -42px!important;
  z-index:1!important;
  pointer-events:none!important;
  opacity:0!important;
  border-radius:50%!important;
  background:
    radial-gradient(ellipse at 24% 64%, rgba(255,255,255,.98) 0 8px, transparent 13px),
    radial-gradient(ellipse at 70% 28%, rgba(255,235,245,.96) 0 10px, transparent 16px),
    conic-gradient(from 222deg, transparent 0 4%, rgba(255,255,255,.82) 7% 12%, rgba(255,226,238,.72) 13% 16%, transparent 18% 34%, rgba(255,255,255,.76) 37% 42%, rgba(255,223,237,.56) 43% 47%, transparent 49% 100%);
  filter:blur(.55px) drop-shadow(0 0 18px rgba(255,232,242,.84))!important;
  animation:sdfSmartboardWindHalo 6.2s linear infinite!important;
}

.sdf-logo-wind{
  position:absolute!important;
  z-index:6!important;
  left:50%!important;
  top:50%!important;
  pointer-events:none!important;
  opacity:0;
  height:10px;
  border-radius:999px;
  background:
    linear-gradient(90deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.96) 18%,
      rgba(255,250,252,1) 34%,
      rgba(255,232,242,.98) 52%,
      rgba(246,187,214,.70) 70%,
      rgba(255,255,255,0) 100%);
  box-shadow:
    0 -10px 0 -4px rgba(255,255,255,.48),
    0 10px 0 -4px rgba(255,238,246,.42),
    0 0 14px rgba(255,240,247,.88);
  filter:blur(.3px) drop-shadow(0 0 10px rgba(255,240,247,.95));
  transform-origin:center;
  animation:sdfSmartboardWindStreakDense 6.2s linear infinite!important;
}
.sdf-logo-wind--1{width:190px;height:10px;margin:-88px 0 0 -104px;animation-delay:0s!important;}
.sdf-logo-wind--2{width:226px;height:12px;margin:-46px 0 0 -134px;animation-delay:.03s!important;}
.sdf-logo-wind--3{width:246px;height:11px;margin:2px 0 0 -144px;animation-delay:.06s!important;}
.sdf-logo-wind--4{width:214px;height:9px;margin:46px 0 0 -122px;animation-delay:.09s!important;}
.sdf-logo-wind--5{width:176px;height:8px;margin:88px 0 0 -92px;animation-delay:.12s!important;}

@keyframes sdfSmartboardLogoDoubleSpinClean{
  0%,5%{transform:perspective(1200px) rotate3d(-0.58,1,0.03,0deg) scale(1);}
  18%{transform:perspective(1200px) rotate3d(-0.58,1,0.03,-360deg) scale(1.04);}
  25%{transform:perspective(1200px) rotate3d(-0.58,1,0.03,-360deg) scale(1);}
  49%{transform:perspective(1200px) rotate3d(-0.58,1,0.03,-360deg) scale(1);}
  62%{transform:perspective(1200px) rotate3d(-0.58,1,0.03,-720deg) scale(1.04);}
  69%{transform:perspective(1200px) rotate3d(-0.58,1,0.03,-720deg) scale(1);}
  100%{transform:perspective(1200px) rotate3d(-0.58,1,0.03,-720deg) scale(1);}
}

@keyframes sdfSmartboardLogoStopBeamStrong{
  0%,27%{opacity:0;transform:translateX(-138%) rotate(16deg);}
  30%{opacity:1;transform:translateX(-90%) rotate(16deg);}
  36%{opacity:1;transform:translateX(18%) rotate(16deg);}
  42%{opacity:1;transform:translateX(128%) rotate(16deg);}
  46%,100%{opacity:0;transform:translateX(166%) rotate(16deg);}
}

@keyframes sdfSmartboardWindHalo{
  0%,4%{opacity:0;transform:rotate(220deg) scale(.9);}
  8%{opacity:.74;transform:rotate(180deg) scale(.99);}
  16%{opacity:.98;transform:rotate(42deg) scale(1.08);}
  22%{opacity:0;transform:rotate(-48deg) scale(1.16);}
  48%{opacity:0;transform:rotate(220deg) scale(.9);}
  52%{opacity:.74;transform:rotate(180deg) scale(.99);}
  60%{opacity:.98;transform:rotate(42deg) scale(1.08);}
  66%{opacity:0;transform:rotate(-48deg) scale(1.16);}
  100%{opacity:0;transform:rotate(-48deg) scale(1.16);}
}

@keyframes sdfSmartboardWindStreakDense{
  0%,4%{opacity:0;transform:translate(-124px,66px) rotate(-25deg) scaleX(.62) scaleY(.96);}
  7%{opacity:.95;transform:translate(-86px,46px) rotate(-25deg) scaleX(.9) scaleY(1);}
  12%{opacity:1;transform:translate(-22px,14px) rotate(-25deg) scaleX(1.12) scaleY(1.04);}
  17%{opacity:1;transform:translate(40px,-18px) rotate(-25deg) scaleX(1.24) scaleY(1.08);}
  22%{opacity:0;transform:translate(126px,-62px) rotate(-25deg) scaleX(1.42) scaleY(1.1);}
  48%{opacity:0;transform:translate(-124px,66px) rotate(-25deg) scaleX(.62) scaleY(.96);}
  51%{opacity:.95;transform:translate(-86px,46px) rotate(-25deg) scaleX(.9) scaleY(1);}
  56%{opacity:1;transform:translate(-22px,14px) rotate(-25deg) scaleX(1.12) scaleY(1.04);}
  61%{opacity:1;transform:translate(40px,-18px) rotate(-25deg) scaleX(1.24) scaleY(1.08);}
  66%{opacity:0;transform:translate(126px,-62px) rotate(-25deg) scaleX(1.42) scaleY(1.1);}
  100%{opacity:0;transform:translate(126px,-62px) rotate(-25deg) scaleX(1.42) scaleY(1.1);}
}

.sdf-smartboard-hero .sdf-badge{transform:translateY(36px)!important;}
.sdf-smartboard-hero .sdf-actions{transform:translateY(-54px)!important;margin-top:-8px!important;}
.sdf-smartboard-hero .sdf-footer-note{margin-top:-18px!important;}

@media(max-height:740px) and (min-width:900px){
  .sdf-smartboard-hero .sdf-badge{transform:translateY(28px)!important;}
  .sdf-smartboard-hero .sdf-actions{transform:translateY(-46px)!important;margin-top:-8px!important;}
  .sdf-smartboard-hero .sdf-footer-note{margin-top:-18px!important;}
}

@media(max-width:980px){
  .sdf-logo-wind{display:none!important;}
  .sdf-smartboard-logo-heart::before{inset:-16px -18px!important;}
  .sdf-smartboard-hero .sdf-actions{transform:none!important;margin-top:0!important;}
  .sdf-smartboard-hero .sdf-badge{transform:none!important;}
  .sdf-smartboard-hero .sdf-footer-note{margin-top:0!important;}
}

/* v1.32.19 patch — rüzgar kaldırıldı, logo renkleri site paletine yaklaştırıldı */
.sdf-logo-wind{display:none !important;opacity:0 !important;visibility:hidden !important;}
.sdf-smartboard-logo-rotor{filter:drop-shadow(0 8px 18px rgba(214,139,165,.12));}


/* v1.32.20 patch — rüzgar kapalı; logo renkleri kullanıcının tarifine göre değiştirildi */
.sdf-logo-wind{display:none !important;opacity:0 !important;visibility:hidden !important;}

/* v1.32.21 patch — ana renklere dönüş + yalnızca logonun damarlarında beyaz hüzme */
.sdf-logo-wind,
.sdf-smartboard-logo-heart::before{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

.sdf-smartboard-logo-heart{
  overflow:visible !important;
}

.sdf-smartboard-logo-heart .sdf-smartboard-logo{
  animation:sdfSmartboardLogoDoubleSpinClean 6.2s cubic-bezier(.22,.74,.18,1) infinite !important;
  filter:drop-shadow(0 12px 26px rgba(110,108,190,.10)) !important;
}

.sdf-smartboard-logo-heart::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:8 !important;
  pointer-events:none !important;
  opacity:0 !important;
  background:linear-gradient(112deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0) 38%,
    rgba(255,255,255,.18) 44%,
    rgba(255,255,255,.86) 48%,
    rgba(255,255,255,1) 50%,
    rgba(255,255,255,.86) 52%,
    rgba(255,255,255,.18) 56%,
    rgba(255,255,255,0) 62%,
    rgba(255,255,255,0) 100%) !important;
  background-size:250% 100% !important;
  background-position:175% 0 !important;
  -webkit-mask-image:url('../images/smartboard-ifop-logo-v2.png?v=13227') !important;
  mask-image:url('../images/smartboard-ifop-logo-v2.png?v=13227') !important;
  -webkit-mask-repeat:no-repeat !important;
  mask-repeat:no-repeat !important;
  -webkit-mask-position:center !important;
  mask-position:center !important;
  -webkit-mask-size:contain !important;
  mask-size:contain !important;
  mix-blend-mode:screen !important;
  filter:drop-shadow(0 0 10px rgba(255,255,255,.72)) drop-shadow(0 0 22px rgba(255,255,255,.36)) !important;
  animation:sdfSmartboardLogoVeinShine 6.2s ease-in-out infinite !important;
}

@keyframes sdfSmartboardLogoVeinShine{
  0%,10%{opacity:0;background-position:175% 0;}
  14%{opacity:.96;}
  36%{opacity:.96;background-position:-70% 0;}
  42%,58%{opacity:0;background-position:-70% 0;}
  62%{opacity:.98;background-position:175% 0;}
  84%{opacity:.98;background-position:-70% 0;}
  90%,100%{opacity:0;background-position:-70% 0;}
}

/* v1.32.22 — daha yoğun, daha belirgin ve daha sık beyaz hüzme */
.sdf-smartboard-logo-heart::after{
  background:linear-gradient(112deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0) 34%,
    rgba(255,255,255,.24) 40%,
    rgba(255,255,255,.92) 46%,
    rgba(255,255,255,1) 50%,
    rgba(255,255,255,.95) 54%,
    rgba(255,255,255,.28) 60%,
    rgba(255,255,255,0) 66%,
    rgba(255,255,255,0) 100%) !important;
  background-size:220% 100% !important;
  background-position:185% 0 !important;
  filter:drop-shadow(0 0 12px rgba(255,255,255,.92)) drop-shadow(0 0 26px rgba(255,255,255,.52)) !important;
  animation:sdfSmartboardLogoVeinShineDense 4.3s linear infinite !important;
}

@keyframes sdfSmartboardLogoVeinShineDense{
  0%{opacity:0;background-position:185% 0;}
  4%{opacity:1;}
  24%{opacity:1;background-position:-70% 0;}
  28%{opacity:0;background-position:-70% 0;}

  34%{opacity:0;background-position:185% 0;}
  38%{opacity:1;}
  58%{opacity:1;background-position:-70% 0;}
  62%{opacity:0;background-position:-70% 0;}

  68%{opacity:0;background-position:185% 0;}
  72%{opacity:1;}
  92%{opacity:1;background-position:-70% 0;}
  96%,100%{opacity:0;background-position:-70% 0;}
}

/* v1.32.23 — yeni logo (şeffaf arka plan), spin korunur */
.sdf-smartboard-logo-heart .sdf-smartboard-logo{
  width:auto !important;
  max-width:min(340px, 26vw) !important;
  max-height:min(330px, 40vh) !important;
  object-fit:contain !important;
}
@media (max-width: 1200px){
  .sdf-smartboard-logo-heart .sdf-smartboard-logo{
    max-width:min(300px, 32vw) !important;
    max-height:min(285px, 34vh) !important;
  }
}
@media (max-width: 760px){
  .sdf-smartboard-logo-heart .sdf-smartboard-logo{
    max-width:min(240px, 72vw) !important;
    max-height:220px !important;
  }
}

/* v1.32.26 — 10. sınıf 5. sayfa: Sokrates alt tabloları görünür iç kaydırma */
.sdf-g10-slide-shell--socrates{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  grid-template-rows:auto auto minmax(310px, auto) auto auto!important;
  scrollbar-width:auto!important;
  scrollbar-color:#557b66 rgba(54,86,67,.10)!important;
}
.sdf-g10-slide-shell--socrates::-webkit-scrollbar{width:14px!important;}
.sdf-g10-slide-shell--socrates::-webkit-scrollbar-track{background:rgba(54,86,67,.08)!important;border-radius:999px!important;margin:14px 0!important;}
.sdf-g10-slide-shell--socrates::-webkit-scrollbar-thumb{background:#557b66!important;border-radius:999px!important;border:3px solid rgba(255,255,255,.82)!important;}
.sdf-g10-slide-shell--socrates::-webkit-scrollbar-thumb:hover{background:#3f624f!important;}

.sdf-g10-slide-shell--socrates .sdf-g10-socrates-stage{
  min-height:126px!important;
}
.sdf-g10-slide-shell--socrates .sdf-g10-socrates-tables{
  min-height:310px!important;
  max-height:360px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:8px 14px 10px 6px!important;
  border:1px solid rgba(54,86,67,.12)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.34)!important;
  scrollbar-width:auto!important;
  scrollbar-color:#557b66 rgba(54,86,67,.10)!important;
}
.sdf-g10-slide-shell--socrates .sdf-g10-socrates-tables::-webkit-scrollbar{width:14px!important;}
.sdf-g10-slide-shell--socrates .sdf-g10-socrates-tables::-webkit-scrollbar-track{background:rgba(54,86,67,.08)!important;border-radius:999px!important;}
.sdf-g10-slide-shell--socrates .sdf-g10-socrates-tables::-webkit-scrollbar-thumb{background:#557b66!important;border-radius:999px!important;border:3px solid rgba(255,255,255,.86)!important;}
.sdf-g10-slide-shell--socrates .sdf-g10-socrates-tables::-webkit-scrollbar-thumb:hover{background:#3f624f!important;}

@media(max-height:760px) and (min-width:900px){
  .sdf-g10-slide-shell--socrates{
    grid-template-rows:auto auto minmax(285px, auto) auto auto!important;
    gap:8px!important;
    padding-top:20px!important;
    padding-bottom:18px!important;
  }
  .sdf-g10-slide-shell--socrates .sdf-g10-socrates-stage{min-height:112px!important;}
  .sdf-g10-slide-shell--socrates .sdf-g10-socrates-tables{min-height:285px!important;max-height:330px!important;}
  .sdf-g10-slide-shell--socrates .sdf-g10-socrates{transform:scale(.88)!important;transform-origin:center top!important;}
}


/* v1.32.32 — 10. sınıf ölçme 6. soru şıkları alt alta */
.sdf-assessment-options.sdf-assessment-options--stacked{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  max-height:clamp(360px, 54vh, 560px);
  overflow-y:auto;
  padding-right:8px;
}
.sdf-assessment-options.sdf-assessment-options--stacked .sdf-assessment-option{
  width:100% !important;
  min-height:auto !important;
  align-items:flex-start !important;
  padding:12px 16px !important;
}
.sdf-assessment-options.sdf-assessment-options--stacked .sdf-assessment-option strong{
  min-width:118px;
}
.sdf-assessment-options.sdf-assessment-options--stacked .sdf-assessment-option:last-child{
  grid-column:auto !important;
}


/* v1.32.37 — Mobil: Destekleyen Öğretmenler üstte ortalı, Maarif rozetiyle çakışmaz */
@media (max-width: 760px){
  .sdf-smartboard-hero{
    padding-top:76px!important;
  }
  .sdf-smartboard-hero .sdf-hero-tools.sdf-smartboard-support-only{
    position:absolute!important;
    top:12px!important;
    left:50%!important;
    right:auto!important;
    width:auto!important;
    margin:0!important;
    align-self:auto!important;
    justify-self:auto!important;
    transform:translateX(-50%)!important;
  }
  .sdf-smartboard-hero .sdf-smartboard-support-only .sdf-supporters-trigger{
    margin:0!important;
  }
  .sdf-smartboard-hero .sdf-badge{
    margin-top:0!important;
  }
}

/* =========================================================
   V1.32.38 — AKILLI TAHTA ÜYELİK / CÜZDAN MODALI
   ========================================================= */
body.sdf-membership-locked{overflow:hidden!important}
.sdf-membership-modal{position:fixed;inset:0;z-index:2147483600;display:none;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:20px;margin:0;background:rgba(20,17,23,.76);backdrop-filter:blur(11px)}
.sdf-membership-modal.is-open{display:flex}
.sdf-membership-dialog{position:relative;width:min(700px,calc(100vw - 28px));max-height:calc(100vh - 36px);max-height:calc(100dvh - 36px);margin:auto;overflow:auto;background:#fbf7ef;border:1px solid rgba(113,75,52,.28);border-radius:24px;box-shadow:0 32px 100px rgba(15,8,7,.45);padding:34px 36px 32px;color:#2b211e}
.sdf-membership-dialog:before{content:"";position:absolute;left:24px;right:24px;top:0;height:5px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,#6f1d34,#c79a43,#6f1d34)}
.sdf-membership-brand{font-size:.66rem;font-weight:900;letter-spacing:.14em;color:#756c63;padding-bottom:20px;border-bottom:1px solid rgba(92,72,57,.16)}
.sdf-membership-brand span{display:inline-grid;place-items:center;width:25px;height:25px;margin-right:8px;border-radius:50%;background:#6f1d34;color:#fff;font:700 .8rem Georgia,serif}
.sdf-membership-step{display:none;padding-top:30px}.sdf-membership-step.is-active{display:block;animation:sdfMembershipIn .22s ease-out}@keyframes sdfMembershipIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.sdf-membership-eyebrow{display:block;margin-bottom:9px;color:#8d6c2e;font-size:.62rem;font-weight:900;letter-spacing:.16em}.sdf-membership-step h2{margin:0 0 11px;font:600 2rem/1.08 Georgia,serif;color:#2b211e}.sdf-membership-step>p{max-width:560px;margin:0 0 24px;color:#675e58;font-size:.84rem;line-height:1.65}.sdf-membership-step>p strong{color:#6f1d34}
.sdf-membership-status-icon{width:54px;height:54px;margin-bottom:18px;border-radius:50%;display:grid;place-items:center;background:#6f1d34;color:#fff;font:800 1.25rem Georgia,serif;box-shadow:0 9px 26px rgba(111,29,52,.24)}.sdf-membership-status-icon.is-success{background:#3d7753}.sdf-membership-stepno{float:right;color:#9b9188;font-size:.62rem;font-weight:800;letter-spacing:.12em}
.sdf-membership-form{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;margin-top:22px}.sdf-membership-form label{display:grid;gap:7px}.sdf-membership-form label span{font-size:.68rem;font-weight:800;color:#514741}.sdf-membership-form input{box-sizing:border-box;width:100%;height:46px;border:1px solid #d5ccc1;border-radius:12px;background:#fffdf9;color:#2e2622;padding:0 13px;font-size:.8rem;outline:none}.sdf-membership-form input:focus{border-color:#8d5e66;box-shadow:0 0 0 3px rgba(111,29,52,.08)}
.sdf-membership-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.sdf-membership-actions.is-center{justify-content:center;flex-direction:column}.sdf-membership-primary,.sdf-membership-secondary,.sdf-membership-link{min-height:44px;border:0;font-size:.72rem;font-weight:900;letter-spacing:.03em;cursor:pointer}.sdf-membership-primary{min-width:185px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:0 17px;border-radius:12px;background:#6f1d34;color:#fff!important;text-decoration:none!important}.sdf-membership-primary:hover{background:#2b211e}.sdf-membership-primary:disabled{opacity:.6;cursor:wait}.sdf-membership-secondary{padding:0 9px;background:transparent;color:#665d57}.sdf-membership-secondary:hover{color:#6f1d34}.sdf-membership-link{min-height:auto;background:none;color:#81776f!important;text-decoration:underline!important;text-underline-offset:3px}.sdf-membership-anchor{box-sizing:border-box}
.sdf-membership-wallet-line{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 14px;padding:14px 16px;border:1px solid #d9d0c4;border-radius:14px;background:#fffdf8}.sdf-membership-wallet-line span{font-size:.7rem;font-weight:800;color:#6c625b}.sdf-membership-wallet-line strong{font:600 1.05rem Georgia,serif;color:#6f1d34}
.sdf-membership-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:8px}.sdf-membership-plan{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:14px;min-height:174px;padding:20px;border:1px solid #dbd1c5;border-radius:20px;background:linear-gradient(180deg,#fffefd 0%,#faf3ea 100%);box-shadow:0 10px 26px rgba(60,31,24,.05);cursor:pointer;transition:.18s ease}.sdf-membership-plan:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(60,31,24,.1)}.sdf-membership-plan.is-selected{border-color:#7b394a;background:linear-gradient(180deg,#fffdf8 0%,#fff4ea 100%);box-shadow:0 18px 36px rgba(111,29,52,.13)}.sdf-membership-plan input{position:absolute;opacity:0;pointer-events:none}.sdf-membership-plan-check{width:28px;height:28px;border-radius:50%;border:2px solid #a89787;display:grid;place-items:center;background:#fff}.sdf-membership-plan-check i{width:12px;height:12px;display:block;border-radius:50%;background:#6f1d34;transform:scale(0);transition:.16s ease}.sdf-membership-plan.is-selected .sdf-membership-plan-check{border-color:#6f1d34}.sdf-membership-plan.is-selected .sdf-membership-plan-check i{transform:scale(1)}.sdf-membership-plan-body{display:grid;gap:6px}.sdf-membership-plan-topline{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.sdf-membership-plan small{display:inline-flex;width:max-content;padding:5px 9px;border-radius:999px;background:#f7ead1;color:#8d6c2e;font-size:.55rem;font-weight:900;letter-spacing:.12em}.sdf-membership-plan mark{padding:4px 8px;border-radius:999px;background:#efe1bc;color:#6c5317;font-size:.55rem;font-weight:900}.sdf-membership-plan b{font:600 1.08rem/1.18 Georgia,serif;color:#2b211e}.sdf-membership-plan em{font-style:normal;color:#7b7169;font-size:.67rem;line-height:1.45}.sdf-membership-plan-pricebox{grid-column:2;display:flex;align-items:baseline;gap:7px;padding-top:10px;border-top:1px solid rgba(111,29,52,.12)}.sdf-membership-plan-pricebox strong{color:#6f1d34;font:700 1.35rem/1 Georgia,serif}.sdf-membership-plan-pricebox u{text-decoration:none;color:#8c827a;font-size:.58rem;font-weight:800}
.sdf-membership-payment-message{min-height:21px;margin-top:13px;color:#8b273d;font-size:.7rem;font-weight:700}.sdf-membership-wallet-cta{margin:3px 0 10px;padding:14px 15px;border:1px solid #d7b873;border-radius:14px;background:#fff3d9}.sdf-membership-wallet-cta[hidden]{display:none!important}.sdf-membership-wallet-cta p{margin:0 0 9px;color:#6e4b0c;font-size:.73rem;font-weight:800}.sdf-membership-wallet-cta a{display:inline-flex;align-items:center;gap:18px;padding:10px 13px;border-radius:10px;background:#6f1d34;color:#fff!important;text-decoration:none!important;font-size:.68rem;font-weight:900}.sdf-membership-success-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.sdf-membership-success-summary>div{display:grid;gap:5px;padding:15px;border:1px solid #d7cfc4;border-radius:14px;background:#fffdf9}.sdf-membership-success-summary span{font-size:.6rem;font-weight:900;color:#82776f;letter-spacing:.08em}.sdf-membership-success-summary strong{font:600 1rem Georgia,serif;color:#3e332e}
@media(max-width:700px){.sdf-membership-plans{grid-template-columns:1fr}.sdf-membership-form{grid-template-columns:1fr}}
@media(max-width:600px){.sdf-membership-modal{padding:8px}.sdf-membership-dialog{width:100%;max-height:calc(100vh - 16px);padding:27px 20px 24px;border-radius:18px}.sdf-membership-step h2{font-size:1.6rem}.sdf-membership-success-summary{grid-template-columns:1fr}.sdf-membership-actions{align-items:stretch;flex-direction:column-reverse}.sdf-membership-primary{width:100%}.sdf-membership-secondary{width:100%}}

/* V1.33.2 — İlk üyelik penceresinde doğrudan şifreli giriş */
.sdf-membership-login-form{display:grid;gap:14px;margin-top:20px;max-width:520px}
.sdf-membership-login-form>label{display:grid;gap:7px}
.sdf-membership-login-form>label>span{font-size:.68rem;font-weight:800;color:#514741}
.sdf-membership-login-form>label>input{box-sizing:border-box;width:100%;height:48px;border:1px solid #d5ccc1;border-radius:12px;background:#fffdf9;color:#2e2622;padding:0 13px;font-size:.8rem;outline:none}
.sdf-membership-login-form>label>input:focus{border-color:#8d5e66;box-shadow:0 0 0 3px rgba(111,29,52,.08)}
.sdf-membership-login-meta{display:flex;align-items:center;justify-content:space-between;gap:14px}
.sdf-membership-remember{display:flex!important;align-items:center;gap:8px!important;color:#675e58;font-size:.68rem;font-weight:800}
.sdf-membership-remember input{width:16px;height:16px;margin:0}
.sdf-membership-login-message{min-height:18px;color:#8b273d;font-size:.68rem;font-weight:800}
.sdf-membership-login-form>.sdf-membership-primary{width:100%;max-width:260px}
.sdf-membership-login-register{margin-top:17px;padding-top:16px;border-top:1px solid rgba(92,72,57,.14);color:#756b64;font-size:.7rem}
.sdf-membership-login-register .sdf-membership-link{margin-left:5px;font-weight:900}
@media(max-width:600px){.sdf-membership-login-meta{align-items:flex-start;flex-direction:column}.sdf-membership-login-form>.sdf-membership-primary{max-width:none}}

/* v1.32.45 — Üyeliksiz kullanıcıda gerçek Akıllı Tahta içeriği render edilmez. */
.sdf-membership-gated-shell{min-height:100vh;min-height:100dvh;display:grid;place-items:center;background:#171419;color:rgba(255,255,255,.18);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}

/* =========================================================
 * v1.32.46 — Akıllı Tahta tam giriş / üyelik / profil sayfaları
 * ========================================================= */
.sdf-account-page{--acc-ink:#272129;--acc-wine:#6f1d34;--acc-gold:#b88a35;--acc-paper:#fbf7ef;--acc-line:#ddd1c4;position:relative;min-height:100vh;min-height:100dvh;background:#171419;color:var(--acc-ink);overflow:hidden;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.sdf-account-backdrop{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 22% 22%,rgba(111,29,52,.34),transparent 30%),radial-gradient(circle at 82% 70%,rgba(184,138,53,.18),transparent 28%),linear-gradient(135deg,#161217,#21191e 55%,#151216)}
.sdf-account-backdrop>span{position:absolute;left:8vw;bottom:3vh;font:700 clamp(180px,32vw,520px)/1 Georgia,serif;color:rgba(255,255,255,.018)}.sdf-account-backdrop i,.sdf-account-backdrop b{position:absolute;border:1px solid rgba(255,255,255,.07);border-radius:50%}.sdf-account-backdrop i{width:520px;height:520px;right:-150px;top:-190px}.sdf-account-backdrop b{width:340px;height:340px;left:-110px;bottom:-120px}
.sdf-account-shell{position:relative;z-index:1;width:min(1180px,calc(100% - 36px));margin:0 auto;padding:24px 0 44px}.sdf-account-header{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:66px;margin-bottom:24px;color:#fff}.sdf-account-brand{display:flex;align-items:center;gap:12px;color:#fff!important;text-decoration:none!important}.sdf-account-brand>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.28);border-radius:50%;font:700 18px Georgia,serif;background:rgba(255,255,255,.06)}.sdf-account-brand div{display:grid;gap:2px}.sdf-account-brand strong{font:700 18px Georgia,serif;letter-spacing:.05em}.sdf-account-brand small{font-size:9px;font-weight:800;letter-spacing:.16em;color:rgba(255,255,255,.56)}
.sdf-account-nav{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.sdf-account-nav a{padding:9px 13px;border-radius:999px;color:rgba(255,255,255,.7)!important;text-decoration:none!important;font-size:11px;font-weight:800}.sdf-account-nav a:hover,.sdf-account-nav a.is-active{background:#fff;color:#2b2328!important}
.sdf-account-auth-layout{display:grid;grid-template-columns:minmax(280px,.88fr) minmax(420px,1.12fr);gap:30px;align-items:center;min-height:calc(100dvh - 145px)}.sdf-account-intro{padding:20px 3vw 20px 10px;color:#fff}.sdf-account-kicker,.sdf-account-micro{display:block;margin-bottom:12px;color:#d6b56f;font-size:10px;font-weight:900;letter-spacing:.18em}.sdf-account-intro h1,.sdf-account-card h1{margin:0;font:600 clamp(42px,6vw,74px)/.96 Georgia,serif}.sdf-account-intro h1 em{color:#dcc28c;font-weight:400}.sdf-account-intro>p{max-width:540px;margin:25px 0;color:rgba(255,255,255,.66);font-size:14px;line-height:1.8}.sdf-account-price-strip{display:flex;gap:10px;flex-wrap:wrap}.sdf-account-price-strip span{padding:10px 13px;border:1px solid rgba(255,255,255,.16);border-radius:12px;color:rgba(255,255,255,.7);font-size:11px}.sdf-account-price-strip b{color:#fff;font-size:13px}
.sdf-account-card{box-sizing:border-box;background:var(--acc-paper);border:1px solid rgba(255,255,255,.25);border-radius:28px;box-shadow:0 35px 100px rgba(0,0,0,.38);padding:34px 36px;position:relative;overflow:hidden}.sdf-account-card:before{content:"";position:absolute;left:28px;right:28px;top:0;height:5px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,var(--acc-wine),#d4ac5e,var(--acc-wine))}.sdf-account-auth-card{min-height:610px}.sdf-account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border:1px solid var(--acc-line);border-radius:14px;background:#f3ece3;margin-bottom:28px}.sdf-account-tabs button{height:43px;border:0;border-radius:10px;background:transparent;color:#7b7068;font-size:12px;font-weight:900;cursor:pointer}.sdf-account-tabs button.is-active{background:#fff;color:var(--acc-wine);box-shadow:0 5px 16px rgba(62,37,28,.08)}
.sdf-account-auth-view{display:none}.sdf-account-auth-view.is-active{display:block;animation:sdfAccountIn .2s ease-out}.sdf-account-auth-view h2,.sdf-account-step h2,.sdf-account-active-box b{color:#2b211e}.sdf-account-auth-view h2,.sdf-account-step h2{margin:0 0 20px;font:600 31px/1.1 Georgia,serif}@keyframes sdfAccountIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.sdf-account-form{display:grid;gap:14px}.sdf-account-form-grid{grid-template-columns:1fr 1fr}.sdf-account-form label{display:grid;gap:7px}.sdf-account-form label>span{font-size:10px;font-weight:900;color:#675d57;letter-spacing:.03em}.sdf-account-form input{box-sizing:border-box;width:100%;height:48px;padding:0 14px;border:1px solid #d8cdc1;border-radius:12px;background:#fffdf9;color:#2d2521;outline:none;font-size:13px}.sdf-account-form input:focus{border-color:#8d5e66;box-shadow:0 0 0 3px rgba(111,29,52,.08)}.sdf-account-inline{display:flex;align-items:center;justify-content:space-between;gap:14px}.sdf-account-inline>a{color:#6f1d34!important;font-size:11px;font-weight:800}.sdf-account-check{display:flex!important;grid-template-columns:18px auto!important;align-items:center;gap:7px!important}.sdf-account-check input{width:16px;height:16px}.sdf-account-primary,.sdf-account-secondary{box-sizing:border-box;min-height:48px;border:0;border-radius:12px;font-size:12px;font-weight:900;cursor:pointer;text-decoration:none!important}.sdf-account-primary{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 17px;background:var(--acc-wine);color:#fff!important}.sdf-account-primary:hover{background:#2b211e}.sdf-account-primary:disabled{opacity:.55;cursor:wait}.sdf-account-secondary{padding:0 10px;background:transparent;color:#665d57}.sdf-account-form>.sdf-account-primary{grid-column:1/-1;margin-top:4px}.sdf-account-message{min-height:20px;margin-top:12px;color:#8b273d;font-size:11px;font-weight:800}
.sdf-account-single{display:grid;place-items:center;min-height:calc(100dvh - 145px);padding:20px 0}.sdf-account-profile-card,.sdf-account-membership-card{width:min(850px,100%)}.sdf-account-profile-card h1,.sdf-account-membership-card h1{font-size:clamp(34px,5vw,55px);line-height:1.03;margin-bottom:24px}.sdf-account-profile-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-8px 0 24px;padding:14px 16px;background:#f3ece3;border-radius:14px;font-size:11px}.sdf-account-profile-meta b{color:#3d7753}.sdf-account-bottom-links{display:flex;justify-content:space-between;gap:14px;margin-top:22px;padding-top:20px;border-top:1px solid var(--acc-line)}.sdf-account-bottom-links a,.sdf-account-secondary-link{color:var(--acc-wine)!important;font-size:11px;font-weight:900;text-decoration:none!important}
.sdf-account-membership-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.sdf-account-wallet{min-width:190px;display:grid;gap:4px;padding:13px 15px;border:1px solid var(--acc-line);border-radius:14px;background:#fffdf8;text-align:right}.sdf-account-wallet span{font-size:9px;font-weight:900;color:#80746c;letter-spacing:.08em}.sdf-account-wallet strong{font:700 20px Georgia,serif;color:var(--acc-wine)}.sdf-account-step{display:none;padding-top:10px}.sdf-account-step.is-active{display:block}.sdf-account-stepno{float:right;color:#9c9087;font-size:10px;font-weight:900;letter-spacing:.1em}.sdf-account-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.sdf-account-plan{position:relative;display:grid;grid-template-columns:1fr 30px;gap:10px;min-height:150px;padding:20px;border:1px solid #d8cdc1;border-radius:18px;background:#fffdf9;cursor:pointer}.sdf-account-plan input{position:absolute;opacity:0}.sdf-account-plan>span{display:grid;gap:8px}.sdf-account-plan small{font-size:9px;font-weight:900;letter-spacing:.1em;color:#8d6c2e}.sdf-account-plan b{font:700 28px Georgia,serif;color:var(--acc-wine)}.sdf-account-plan em{font-style:normal;color:#81766e;font-size:11px}.sdf-account-plan>i{display:grid;place-items:center;width:28px;height:28px;border:2px solid #b5a79a;border-radius:50%;font-style:normal;color:transparent}.sdf-account-plan.is-selected{border-color:#7b394a;background:#fff6ec;box-shadow:0 14px 28px rgba(111,29,52,.1)}.sdf-account-plan.is-selected>i{background:var(--acc-wine);border-color:var(--acc-wine);color:#fff}.sdf-account-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.sdf-account-actions .sdf-account-primary{min-width:210px}.sdf-account-wallet-cta{margin-top:10px;padding:14px 16px;border:1px solid #d5b56f;border-radius:14px;background:#fff2d6}.sdf-account-wallet-cta[hidden]{display:none!important}.sdf-account-wallet-cta p{margin:0 0 8px;color:#6e4b0c;font-size:11px;font-weight:800}.sdf-account-wallet-cta a{color:var(--acc-wine)!important;font-size:11px;font-weight:900}.sdf-account-active-box{display:flex;align-items:center;gap:18px;margin-top:16px;padding:22px;border:1px solid #bfd4c5;border-radius:18px;background:#f4fbf6}.sdf-account-active-icon,.sdf-account-success-icon{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:50%;background:#3d7753;color:#fff;font-size:22px;font-weight:900}.sdf-account-active-box b{font:600 23px Georgia,serif}.sdf-account-active-box p{margin:7px 0 0;color:#6a625d;font-size:12px;line-height:1.7}.sdf-account-success-icon{margin-bottom:16px}.sdf-account-quicklink{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border:1px solid rgba(74,45,88,.2);border-radius:999px;background:rgba(255,255,255,.76);color:#4f315c!important;text-decoration:none!important;font-size:9px;font-weight:950;letter-spacing:.09em}
@media(max-width:850px){.sdf-account-auth-layout{grid-template-columns:1fr;min-height:auto}.sdf-account-intro{padding:30px 4px 5px}.sdf-account-intro h1{font-size:52px}.sdf-account-auth-card{min-height:auto}.sdf-account-single{min-height:auto}.sdf-account-plan-grid{grid-template-columns:1fr}.sdf-account-membership-head{align-items:stretch;flex-direction:column}.sdf-account-wallet{text-align:left}}
@media(max-width:620px){.sdf-account-shell{width:min(100% - 16px,1180px);padding-top:8px}.sdf-account-header{align-items:flex-start;flex-direction:column;margin-bottom:8px}.sdf-account-nav{justify-content:flex-start}.sdf-account-intro h1{font-size:42px}.sdf-account-card{padding:28px 19px 24px;border-radius:20px}.sdf-account-form-grid{grid-template-columns:1fr}.sdf-account-auth-card{min-height:0}.sdf-account-actions{align-items:stretch;flex-direction:column-reverse}.sdf-account-actions .sdf-account-primary{width:100%;min-width:0}.sdf-account-secondary{width:100%}.sdf-account-profile-meta{align-items:flex-start;flex-direction:column}}

/* =========================================================
   V1.33.1 — Akıllı Tahta ana ekranını masaüstünde dikey ortala
   Önceki sürümde align-items:start kartı ekranın üstüne yapıştırıyordu.
   Mobilde uzun içerik/scroll güvenliği için mevcut üstten akış korunur.
   ========================================================= */
@media (min-width: 981px){
  .sdf-stage--radio-home:has(.sdf-smartboard-hero){
    min-height:100vh!important;
    min-height:100dvh!important;
    padding:8px 18px!important;
    align-items:center!important;
    justify-items:center!important;
  }
  .sdf-smartboard-hero{
    margin-top:0!important;
    margin-bottom:0!important;
  }
}

/* v1.33.3 — uygulama içi şifre yenileme + temiz giriş ekranı */
.sdf-account-link-button,
.sdf-membership-link-button{
  appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:0;margin:0;
  color:#6f1d34!important;font:800 11px/1.2 inherit;cursor:pointer;text-decoration:none;
}
.sdf-account-link-button:hover,.sdf-membership-link-button:hover{text-decoration:underline}
.sdf-account-helper{margin:-8px 0 18px;color:#70665f;font-size:12px;line-height:1.65}
.sdf-account-auth-view[data-sdf-auth-view="lost"] .sdf-account-secondary{justify-self:start;padding-left:0}
.sdf-membership-link-button{font-size:.72rem;font-weight:800}



/* =========================================================
   V1.33.5 — Giriş / profil ekranlarını viewport'a tam oturt
   İç içe dikey scroll kaldırıldı; formlar ekran yüksekliğine göre kompaktlaşır.
   ========================================================= */
.sdf-membership-modal{
  box-sizing:border-box!important;
  padding:8px!important;
  overflow:hidden!important;
}
.sdf-membership-dialog{
  box-sizing:border-box!important;
  width:min(700px,calc(100vw - 16px))!important;
  max-height:calc(100dvh - 16px)!important;
  margin:0!important;
  padding:clamp(20px,3vh,28px) clamp(20px,3vw,30px)!important;
  overflow:hidden!important;
}
.sdf-membership-brand{
  padding-bottom:clamp(10px,1.6vh,15px)!important;
}
.sdf-membership-step{
  padding-top:clamp(12px,2vh,20px)!important;
}
.sdf-membership-status-icon{
  width:clamp(40px,6vh,48px)!important;
  height:clamp(40px,6vh,48px)!important;
  margin-bottom:clamp(8px,1.5vh,13px)!important;
}
.sdf-membership-eyebrow{margin-bottom:6px!important}
.sdf-membership-step h2{
  margin-bottom:clamp(7px,1.2vh,10px)!important;
  font-size:clamp(1.45rem,3.5vh,1.85rem)!important;
}
.sdf-membership-step>p{
  margin-bottom:clamp(10px,1.7vh,18px)!important;
  font-size:clamp(.72rem,1.7vh,.82rem)!important;
  line-height:1.48!important;
}
.sdf-membership-login-form,
.sdf-membership-form{
  gap:clamp(7px,1.2vh,11px)!important;
  margin-top:clamp(10px,1.6vh,16px)!important;
}
.sdf-membership-login-form>label,
.sdf-membership-form label{gap:4px!important}
.sdf-membership-login-form>label>input,
.sdf-membership-form input{
  height:clamp(38px,5.6vh,44px)!important;
}
.sdf-membership-login-meta{gap:8px!important}
.sdf-membership-login-message{min-height:14px!important}
.sdf-membership-login-register{
  margin-top:10px!important;
  padding-top:10px!important;
}
.sdf-membership-actions{margin-top:clamp(5px,1vh,9px)!important}
.sdf-membership-primary,.sdf-membership-secondary{min-height:clamp(38px,5.5vh,44px)!important}
.sdf-membership-wallet-line{margin:12px 0 9px!important;padding:10px 13px!important}
.sdf-membership-plans{gap:10px!important;margin-top:5px!important}
.sdf-membership-plan{min-height:145px!important;padding:14px!important;gap:10px!important}
.sdf-membership-plan-pricebox{padding-top:7px!important}
.sdf-membership-payment-message{min-height:16px!important;margin-top:7px!important}
.sdf-membership-success-summary{margin:14px 0!important}

/* Tam ekran hesap / profil sayfaları: tema yüksekliği veya ikinci scrollbar oluşturmasın. */
.sdf-account-page{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:0!important;
  overflow:hidden!important;
}
.sdf-account-shell{
  box-sizing:border-box!important;
  width:min(1180px,calc(100% - 24px))!important;
  height:100%!important;
  padding:clamp(8px,1.5vh,16px) 0!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
}
.sdf-account-header{
  min-height:48px!important;
  margin-bottom:clamp(5px,1vh,10px)!important;
}
.sdf-account-auth-layout,
.sdf-account-single{
  min-height:0!important;
  height:100%!important;
  padding:0!important;
}
.sdf-account-auth-layout{gap:clamp(16px,2.5vw,28px)!important}
.sdf-account-card{
  max-height:100%!important;
  padding:clamp(20px,3vh,30px) clamp(20px,3vw,32px)!important;
  overflow:hidden!important;
}
.sdf-account-auth-card{min-height:0!important}
.sdf-account-tabs{margin-bottom:clamp(10px,1.8vh,20px)!important}
.sdf-account-tabs button{height:clamp(36px,5vh,42px)!important}
.sdf-account-auth-view h2,.sdf-account-step h2{margin-bottom:clamp(9px,1.5vh,16px)!important;font-size:clamp(24px,3.8vh,30px)!important}
.sdf-account-micro,.sdf-account-kicker{margin-bottom:clamp(6px,1vh,10px)!important}
.sdf-account-form{gap:clamp(7px,1.2vh,11px)!important}
.sdf-account-form label{gap:4px!important}
.sdf-account-form input{height:clamp(38px,5.5vh,44px)!important}
.sdf-account-primary,.sdf-account-secondary{min-height:clamp(38px,5.5vh,44px)!important}
.sdf-account-message{min-height:14px!important;margin-top:7px!important}
.sdf-account-profile-card h1,.sdf-account-membership-card h1{
  font-size:clamp(30px,5.5vh,46px)!important;
  margin-bottom:clamp(12px,2vh,18px)!important;
}
.sdf-account-profile-meta{
  margin:-3px 0 clamp(10px,1.7vh,16px)!important;
  padding:10px 13px!important;
}
.sdf-account-bottom-links{
  margin-top:clamp(10px,1.7vh,16px)!important;
  padding-top:clamp(9px,1.4vh,14px)!important;
}
.sdf-account-intro{padding:10px 2vw 10px 6px!important}
.sdf-account-intro h1{font-size:clamp(38px,7.2vh,62px)!important}
.sdf-account-intro>p{margin:clamp(12px,2vh,20px) 0!important;line-height:1.55!important}

/* Küçük ekranlarda da profil ve kayıt alanlarını iki sütunda tutarak dikey taşmayı önle. */
@media(max-width:620px){
  .sdf-account-shell{width:calc(100% - 12px)!important;padding:6px 0!important}
  .sdf-account-header{min-height:42px!important;margin-bottom:4px!important;flex-direction:row!important;align-items:center!important}
  .sdf-account-brand small{display:none}
  .sdf-account-nav{flex-wrap:nowrap!important;gap:2px!important}
  .sdf-account-nav a{padding:7px 8px!important;font-size:9px!important}
  .sdf-account-auth-layout{grid-template-columns:1fr!important}
  .sdf-account-intro{display:none!important}
  .sdf-account-form-grid{grid-template-columns:1fr 1fr!important;column-gap:8px!important}
  .sdf-account-card{padding:16px 14px!important;border-radius:17px!important}
  .sdf-account-profile-meta{flex-direction:row!important;align-items:center!important}
  .sdf-account-bottom-links{margin-top:8px!important;padding-top:8px!important}
  .sdf-membership-form{grid-template-columns:1fr 1fr!important;column-gap:8px!important}
  .sdf-membership-actions{flex-direction:row!important;align-items:center!important}
  .sdf-membership-primary{width:auto!important;min-width:150px!important}
  .sdf-membership-secondary{width:auto!important}
}

@media(max-width:390px){
  .sdf-account-form input,.sdf-membership-form input{font-size:11px!important;padding:0 9px!important}
  .sdf-account-form label>span,.sdf-membership-form label span{font-size:9px!important}
  .sdf-account-profile-card h1,.sdf-account-membership-card h1{font-size:27px!important}
}

@media(max-height:650px){
  .sdf-membership-dialog{padding:15px 22px!important}
  .sdf-membership-brand{padding-bottom:7px!important}
  .sdf-membership-step{padding-top:8px!important}
  .sdf-membership-status-icon{width:34px!important;height:34px!important;margin-bottom:6px!important}
  .sdf-membership-step h2{font-size:1.3rem!important;margin-bottom:5px!important}
  .sdf-membership-step>p{margin-bottom:8px!important;line-height:1.35!important}
  .sdf-membership-form,.sdf-membership-login-form{margin-top:8px!important;gap:6px!important}
  .sdf-membership-form input,.sdf-membership-login-form>label>input{height:36px!important}
  .sdf-membership-primary,.sdf-membership-secondary{min-height:36px!important}
  .sdf-membership-plan{min-height:122px!important;padding:10px!important}
  .sdf-account-card{padding:14px 20px!important}
  .sdf-account-header{min-height:40px!important;margin-bottom:3px!important}
  .sdf-account-form input{height:36px!important}
  .sdf-account-form{gap:6px!important}
  .sdf-account-primary,.sdf-account-secondary{min-height:36px!important}
  .sdf-account-profile-card h1,.sdf-account-membership-card h1{font-size:30px!important;margin-bottom:8px!important}
}


/* =========================================================
   V1.33.6 — Gerçek tam ekran: WordPress/tema kabuğu yok
   ========================================================= */
html.sdf-smartboard-app-html,
html.sdf-smartboard-app-html body.sdf-smartboard-app-page{
  margin:0!important;
  padding:0!important;
  width:100%!important;
  max-width:none!important;
  min-height:100%!important;
  height:100%!important;
}
html.sdf-smartboard-app-html{overflow:hidden!important;}
body.sdf-smartboard-app-page{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body.sdf-smartboard-app-page #wpadminbar{display:none!important;}
html.sdf-smartboard-app-html{margin-top:0!important;}

/* Ana Akıllı Tahta ekranını WordPress akışından tamamen bağımsızlaştır. */
body.sdf-smartboard-app-page .sdf-stage--radio-home:has(.sdf-smartboard-hero){
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:0!important;
  margin:0!important;
  padding:clamp(6px,1.1vh,10px) clamp(12px,1.4vw,20px)!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
}
body.sdf-smartboard-app-page .sdf-smartboard-hero{
  box-sizing:border-box!important;
  width:min(1420px,calc(100vw - 24px))!important;
  height:min(708px,calc(100dvh - 16px))!important;
  min-height:0!important;
  max-height:calc(100dvh - 16px)!important;
  margin:0!important;
  overflow:hidden!important;
}

/* Üyelik/giriş katmanı da viewport'un kendisine bağlıdır. */
body.sdf-smartboard-app-page .sdf-membership-modal{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:0!important;
  margin:0!important;
  padding:6px!important;
  overflow:hidden!important;
}
body.sdf-smartboard-app-page .sdf-membership-dialog{
  max-height:calc(100dvh - 12px)!important;
  overflow:hidden!important;
}

/* Sağ alt evrensel cüzdan/floating düğme hiçbir koşulda görünmez. */
body.sdf-smartboard-app-page .ifop-universal-wallet,
body.sdf-smartboard-app-page [data-ifop-universal-wallet],
body.sdf-smartboard-app-page .tc-floating-wallet,
body.sdf-smartboard-app-page [data-tc-floating-wallet],
body.sdf-smartboard-app-page .ifop-wallet-fab,
body.sdf-smartboard-app-page .ifop-cuzdan-fab,
body.sdf-smartboard-app-page .ifop-cuzdan-floating,
body.sdf-smartboard-app-page .ifop-floating-wallet,
body.sdf-smartboard-app-page [class*="floating-wallet"],
body.sdf-smartboard-app-page [id*="floating-wallet"],
body.sdf-smartboard-app-page [class*="wallet-fab"],
body.sdf-smartboard-app-page [id*="wallet-fab"],
body.sdf-smartboard-app-page [class*="cuzdan-fab"],
body.sdf-smartboard-app-page [id*="cuzdan-fab"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

@media(max-width:980px){
  body.sdf-smartboard-app-page{overflow:auto!important;}
  html.sdf-smartboard-app-html{overflow:auto!important;}
  body.sdf-smartboard-app-page .sdf-stage--radio-home:has(.sdf-smartboard-hero){
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:100dvh!important;
    overflow:visible!important;
  }
  body.sdf-smartboard-app-page .sdf-smartboard-hero{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
}


/* v1.33.8 — Zorunlu Üye Türü (Öğretmen / Öğrenci / Veli / Diğer) */
.sdf-account-form label select,.sdf-membership-form label select{width:100%;box-sizing:border-box;border:1px solid rgba(82,65,55,.18);border-radius:10px;background:#fff;color:#312a26;font:inherit;outline:none}
.sdf-account-form label select{height:46px;padding:0 38px 0 12px}
.sdf-membership-form label select{min-height:42px;padding:0 38px 0 12px}
.sdf-account-form label select:focus,.sdf-membership-form label select:focus{border-color:#7b394a;box-shadow:0 0 0 3px rgba(123,57,74,.08)}
@media (max-width:700px){.sdf-account-form label select,.sdf-membership-form label select{font-size:16px}}


/* v1.33.9 — Üyelik kayıt formu satır düzeni */
#sdf-account-register-form .sdf-account-field-full{grid-column:1/-1!important}
#sdf-account-register-form .sdf-account-field-full input{width:100%}


/* V1.33.13 — Koruma yönlendirmesi için son çare kartı */
.sdf-membership-gated-shell{padding:24px!important;text-transform:none!important;letter-spacing:normal!important;color:#2b211e!important}
.sdf-membership-gated-card{width:min(560px,calc(100vw - 32px));display:grid;gap:12px;padding:30px;border-radius:24px;background:#fbf7ef;box-shadow:0 28px 80px rgba(0,0,0,.38);text-align:left}
.sdf-membership-gated-card strong{font:600 30px/1.08 Georgia,serif;color:#2b211e}
.sdf-membership-gated-card span{color:#70665f;font-size:13px;line-height:1.55}
.sdf-membership-gated-card a{display:inline-flex;width:max-content;max-width:100%;align-items:center;justify-content:center;min-height:44px;margin-top:4px;padding:0 16px;border-radius:12px;background:#6f1d34;color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:900}

/* =========================================================
   V1.33.14 — Mobil aşağı kaydırma kesin düzeltme
   Template içindeki tam-ekran overflow:hidden kuralını mobilde ezer.
   ========================================================= */
@media (max-width:980px), (hover:none) and (pointer:coarse){
  html.sdf-smartboard-app-html,
  html.sdf-smartboard-app-html body.sdf-smartboard-app-page{
    height:auto!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:auto!important;
    touch-action:pan-y!important;
  }
  body.sdf-smartboard-app-page .sdf-stage,
  body.sdf-smartboard-app-page .sdf-stage--radio-home:has(.sdf-smartboard-hero){
    position:relative!important;
    inset:auto!important;
    height:auto!important;
    max-height:none!important;
    min-height:100dvh!important;
    overflow:visible!important;
    touch-action:pan-y!important;
  }
  body.sdf-smartboard-app-page .sdf-smartboard-hero{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  body.sdf-smartboard-app-page .sdf-g10-activity-page,
  body.sdf-smartboard-app-page .sdf-week-page{
    height:auto!important;
    max-height:none!important;
    min-height:100dvh!important;
    overflow:visible!important;
    touch-action:pan-y!important;
  }
}



/* =========================================================
   V1.33.17 — Üyelik / Profil mobil dikey kaydırma düzeltmesi
   Hesap ekranındaki fixed + overflow:hidden kombinasyonu mobilde
   uzun kartın alt kısmını kesiyordu. Sayfa kendi içinde doğal olarak
   aşağı kayar; masaüstündeki tam ekran görünüm korunur.
   ========================================================= */
@media (max-width:850px), (hover:none) and (pointer:coarse), (max-height:760px){
  .sdf-account-page{
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
  }
  .sdf-account-shell{
    height:auto!important;
    min-height:100%!important;
    display:block!important;
    padding-bottom:max(22px,env(safe-area-inset-bottom))!important;
  }
  .sdf-account-header{
    position:relative!important;
  }
  .sdf-account-auth-layout,
  .sdf-account-single{
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  .sdf-account-single{
    display:block!important;
  }
  .sdf-account-card,
  .sdf-account-profile-card,
  .sdf-account-membership-card,
  .sdf-account-auth-card{
    max-height:none!important;
    overflow:visible!important;
  }
  .sdf-account-membership-card{
    margin-bottom:12px!important;
  }
}


/* v1.33.18 — Mobil: Üyeliğim solda, Destekleyenler sağda ve en üstte */
@media (max-width: 760px){
  .sdf-smartboard-hero{
    padding-top:108px !important;
  }
  .sdf-smartboard-hero .sdf-hero-tools.sdf-smartboard-support-only{
    position:absolute !important;
    top:14px !important;
    left:18px !important;
    right:18px !important;
    width:auto !important;
    margin:0 !important;
    transform:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
  }
  .sdf-smartboard-hero .sdf-smartboard-support-only .sdf-account-quicklink{
    margin:0 !important;
    flex:0 0 auto;
  }
  .sdf-smartboard-hero .sdf-smartboard-support-only .sdf-supporters-trigger{
    margin:0 !important;
    flex:0 0 auto;
  }
  .sdf-smartboard-hero .sdf-badge{
    margin-top:0 !important;
  }
}


/* =========================================================
   V1.33.19 — Mobil tek kaydırma katmanı / ikinci sürükleme sorunu
   html + body + hesap sayfasının aynı anda scroll container olması
   Android Chrome'da ilk sürüklemenin bir katmanda, ikincisinin diğerinde
   yakalanmasına ve ekranın zıplıyor gibi görünmesine yol açıyordu.
   Mobilde yalnız documentElement kaydırır; içerik doğal akışta kalır.
   100dvh yerine 100svh kullanılarak adres çubuğu açılıp kapanırken oluşan
   yukarı/aşağı sıçrama da engellenir.
   ========================================================= */
@media (max-width:980px), (hover:none) and (pointer:coarse){
  html.sdf-smartboard-app-html{
    height:auto!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:auto!important;
    touch-action:pan-y!important;
    scroll-behavior:auto!important;
  }
  html.sdf-smartboard-app-html body.sdf-smartboard-app-page{
    height:auto!important;
    min-height:100%!important;
    overflow:visible!important;
    overscroll-behavior:initial!important;
    touch-action:auto!important;
  }
  body.sdf-smartboard-app-page .sdf-stage,
  body.sdf-smartboard-app-page .sdf-stage--radio-home:has(.sdf-smartboard-hero),
  body.sdf-smartboard-app-page .sdf-g10-activity-page,
  body.sdf-smartboard-app-page .sdf-week-page{
    min-height:100svh!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    touch-action:auto!important;
  }
  body.sdf-smartboard-app-page .sdf-account-page,
  body.sdf-smartboard-app-page .sdf-account-shell,
  body.sdf-smartboard-app-page .sdf-account-single,
  body.sdf-smartboard-app-page .sdf-account-auth-layout,
  body.sdf-smartboard-app-page .sdf-account-card,
  body.sdf-smartboard-app-page .sdf-account-profile-card,
  body.sdf-smartboard-app-page .sdf-account-membership-card,
  body.sdf-smartboard-app-page .sdf-account-auth-card{
    overflow:visible!important;
    overscroll-behavior:initial!important;
    touch-action:auto!important;
  }
  body.sdf-smartboard-app-page .sdf-account-page{
    height:auto!important;
    min-height:100svh!important;
  }
}

/* =========================================================
   v1.33.27 — Felsefe Duvarı / modern sosyal medya gönderileri
   ========================================================= */
.sdf-wall-modal-open{overflow:hidden!important;}
.sdf-wall-trigger .sdf-wall-trigger-icon{font-family:Georgia,"Times New Roman",serif!important;font-size:22px!important;}
.sdf-wall-modal{position:fixed;inset:0;z-index:1000020;display:grid;place-items:center;padding:16px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;}
.sdf-wall-modal.is-open{opacity:1;visibility:visible;pointer-events:auto;}
.sdf-wall-backdrop{position:absolute;inset:0;background:rgba(5,11,23,.78);backdrop-filter:blur(16px);}
.sdf-wall-dialog--social{position:relative;z-index:2;width:min(1360px,97vw);height:min(900px,95vh);max-height:95vh;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.62);border-radius:30px;background:#f4f6fb;color:#12213a;box-shadow:0 38px 110px rgba(0,0,0,.46);}
.sdf-wall-dialog--social:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 18%,rgba(99,102,241,.11),transparent 26%),radial-gradient(circle at 88% 82%,rgba(14,165,233,.08),transparent 24%);pointer-events:none;}
.sdf-wall-header--social{position:relative;z-index:3;display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:14px;align-items:center;padding:17px 22px 15px 22px;border-bottom:1px solid #e2e7f0;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);}
.sdf-wall-header-symbol{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#6267dc,#8249d8);box-shadow:0 10px 24px rgba(100,79,210,.22);color:#fff;font:900 28px/1 Georgia,"Times New Roman",serif;}
.sdf-wall-header-copy{min-width:0;}
.sdf-wall-header-copy h2{margin:2px 0 3px;color:#101d35;font:900 clamp(25px,2.5vw,38px)/1.02 Georgia,"Times New Roman",serif;letter-spacing:-.03em;}
.sdf-wall-header-copy p{margin:0;color:#738098;font-size:12.5px;font-weight:650;line-height:1.35;}
.sdf-panel-kicker{color:#737bdc;font-size:9px;font-weight:950;letter-spacing:.15em;text-transform:uppercase;}
.sdf-wall-header-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;}
.sdf-wall-close-inline{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border:1px solid #dbe3ee;border-radius:14px;background:linear-gradient(180deg,#ffffff,#f3f6fb);color:#243655;font:400 26px/1 Arial,sans-serif;box-shadow:0 8px 20px rgba(21,33,56,.10);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease;}
.sdf-wall-close-inline:hover,.sdf-wall-close-inline:focus-visible{transform:translateY(-1px) scale(1.03);background:#fff;border-color:#c7d2e3;box-shadow:0 10px 24px rgba(21,33,56,.15);outline:none;}

.sdf-wall-live{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #cdebd7;border-radius:999px;background:#effaf3;color:#348558;font-size:9px;font-weight:950;letter-spacing:.12em;}
.sdf-wall-live i,.sdf-wall-comments-live i{width:7px;height:7px;border-radius:50%;background:#46b66d;box-shadow:0 0 0 0 rgba(70,182,109,.4);animation:sdfWallLive 1.8s infinite;}
@keyframes sdfWallLive{0%{box-shadow:0 0 0 0 rgba(70,182,109,.4)}70%{box-shadow:0 0 0 7px rgba(70,182,109,0)}100%{box-shadow:0 0 0 0 rgba(70,182,109,0)}}
.sdf-wall-social-layout{position:relative;z-index:2;min-height:0;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.72fr);gap:14px;padding:14px;background:linear-gradient(145deg,#f4f6fb,#edf1f7);}
.sdf-wall-feed{min-width:0;min-height:0;overflow-y:auto;padding:1px 4px 10px 1px;scrollbar-width:thin;scrollbar-color:#cbd3e2 transparent;}
.sdf-wall-social-post{overflow:hidden;border:1px solid #e0e5ef;border-radius:24px;background:#fff;box-shadow:0 13px 32px rgba(26,40,69,.08);}
.sdf-wall-post-head{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px 15px 12px;border-bottom:1px solid #edf0f5;}
.sdf-wall-post-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#162c4b,#6045c9);color:#fff;font:900 20px/1 Georgia,"Times New Roman",serif;box-shadow:0 5px 14px rgba(32,45,77,.16);}
.sdf-wall-post-author{min-width:0;display:flex;flex-direction:column;gap:2px;}
.sdf-wall-post-author>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#17243a;font-size:13.5px;font-weight:950;}
.sdf-wall-post-author>span{min-width:0;display:flex;align-items:center;gap:5px;color:#8b96a8;font-size:10.5px;font-weight:650;}
.sdf-wall-post-author>span b{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#718098;font-weight:750;}
.sdf-wall-post-author>span i{font-style:normal;color:#bac2cf;}
.sdf-wall-post-badge{padding:7px 10px;border:1px solid #e0dcfb;border-radius:999px;background:#f5f3ff;color:#6e5ad0;font-size:8.5px;font-weight:950;letter-spacing:.09em;white-space:nowrap;}
.sdf-wall-post-body{position:relative;display:grid;grid-template-columns:minmax(260px,47%) minmax(0,1fr);min-height:430px;outline:none;cursor:pointer;background:#fff;transition:transform .18s ease,filter .18s ease;}
.sdf-wall-post-body:hover{filter:brightness(.995);}
.sdf-wall-post-body:focus-visible{box-shadow:inset 0 0 0 3px rgba(104,85,215,.3);}
.sdf-wall-post-body.is-loading{filter:saturate(.75) brightness(.95);}
.sdf-wall-post-body.is-switching{animation:sdfWallPostSwitch .42s cubic-bezier(.22,.75,.25,1);}
@keyframes sdfWallPostSwitch{0%{opacity:1;transform:scale(1)}43%{opacity:.08;transform:scale(.986)}100%{opacity:1;transform:scale(1)}}
.sdf-wall-post-visual{position:relative;min-width:0;min-height:430px;margin:0;overflow:hidden;background:#d7deeb;}
.sdf-wall-post-visual img{display:block;width:100%;height:100%;min-height:430px;object-fit:cover;transition:transform .5s ease;}
.sdf-wall-post-body:hover .sdf-wall-post-visual img{transform:scale(1.015);}
.sdf-wall-post-image-mark{position:absolute;left:14px;bottom:14px;padding:6px 9px;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:rgba(11,22,38,.38);backdrop-filter:blur(8px);color:#fff;font-size:8px;font-weight:950;letter-spacing:.14em;}
.sdf-wall-post-copy{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:34px clamp(24px,3vw,42px);background:radial-gradient(circle at 92% 8%,rgba(117,101,222,.09),transparent 35%),linear-gradient(145deg,#fff,#fbfaff);}
.sdf-wall-post-copy:before{content:"“";position:absolute;right:26px;top:14px;color:#ddd8f8;font:900 72px/1 Georgia,"Times New Roman",serif;pointer-events:none;}
.sdf-wall-post-kicker{position:relative;z-index:1;color:#7868d6;font-size:9px;font-weight:950;letter-spacing:.14em;}
.sdf-wall-post-copy>p{position:relative;z-index:1;margin:0;max-height:245px;overflow:auto;padding-right:4px;color:#172540;font:800 clamp(21px,2vw,31px)/1.34 Georgia,"Times New Roman",serif;letter-spacing:-.02em;overflow-wrap:anywhere;scrollbar-width:thin;}
.sdf-wall-post-signature{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding-top:18px;border-top:1px solid #ece9f8;}
.sdf-wall-post-signature>span{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#eef0ff;color:#6657c9;font:900 17px/1 Georgia,"Times New Roman",serif;}
.sdf-wall-post-signature>div{min-width:0;display:flex;flex-direction:column;gap:2px;}
.sdf-wall-post-signature strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#26344d;font-size:12px;font-weight:950;}
.sdf-wall-post-signature small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8994a6;font-size:10.5px;font-weight:650;}
.sdf-wall-post-actions{display:flex;align-items:center;gap:18px;min-height:48px;padding:8px 15px;border-top:1px solid #edf0f5;background:#fff;}
.sdf-wall-post-stat{display:inline-flex;align-items:center;gap:6px;color:#5b6880;font-size:10px;font-weight:800;}
.sdf-wall-post-stat i{color:#6d5dd1;font-size:15px;font-style:normal;}
.sdf-wall-post-fresh{margin-left:auto;padding:5px 8px;border-radius:999px;background:#f2f5f9;color:#8a95a7;font-size:7.5px;font-weight:950;letter-spacing:.11em;}
.sdf-wall-inline-comment{position:relative;margin-top:12px;padding:12px;border:1px solid #e0e5ef;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(26,40,69,.06);}
.sdf-wall-inline-user{display:flex;align-items:center;gap:8px;margin:0 0 8px;}
.sdf-wall-inline-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#eef0ff;color:#6657c9;font:900 16px/1 Georgia,"Times New Roman",serif;}
.sdf-wall-inline-user>div{min-width:0;display:flex;flex-direction:column;gap:1px;}
.sdf-wall-inline-user strong{font-size:11px;font-weight:900;color:#27364f;}
.sdf-wall-inline-user small{font-size:9.5px;color:#8a96a9;}
.sdf-wall-comment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch;}
.sdf-wall-comment-form textarea{width:100%;min-height:62px;max-height:110px;resize:vertical;padding:12px 13px;border:1px solid #dce2ec;border-radius:15px;outline:none;background:#f8f9fc;color:#24324a;font-family:inherit;font-size:12.5px;font-weight:650;line-height:1.45;}
.sdf-wall-comment-form textarea::placeholder{color:#9aa4b5;}
.sdf-wall-comment-form textarea:focus{border-color:#9386df;box-shadow:0 0 0 3px rgba(119,101,211,.1);background:#fff;}
.sdf-wall-comment-submit-wrap{min-width:125px;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:6px;}
.sdf-wall-comment-submit-wrap>span{color:#9aa4b4;font-size:8.5px;font-weight:800;}
.sdf-wall-comment-submit-wrap button,.sdf-wall-new-post-bottom button{min-height:42px;padding:0 14px;border:0;border-radius:13px;background:linear-gradient(135deg,#665fe0,#8144cf);color:#fff;font-family:inherit;font-size:9px;font-weight:950;letter-spacing:.07em;box-shadow:0 7px 17px rgba(104,75,205,.2);cursor:pointer;}
.sdf-wall-comment-submit-wrap button i,.sdf-wall-new-post-bottom button i{margin-left:5px;font-size:14px;font-style:normal;}
.sdf-wall-comment-submit-wrap button:disabled,.sdf-wall-new-post-bottom button:disabled{opacity:.55;cursor:wait;}
.sdf-wall-status{min-height:14px;margin-top:6px;color:#439662;font-size:9.5px;font-weight:800;}
.sdf-wall-status.is-error,.sdf-wall-new-post-status.is-error{color:#d65353;}
.sdf-wall-login-note--social{display:flex;align-items:center;justify-content:space-between;gap:14px;}
.sdf-wall-login-note--social>div{display:flex;flex-direction:column;gap:3px;}
.sdf-wall-login-note--social strong{color:#27354d;font-size:12px;}
.sdf-wall-login-note--social span{color:#8c97a9;font-size:10px;}
.sdf-wall-login-note--social a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 13px;border-radius:12px;background:linear-gradient(135deg,#665fe0,#8144cf);color:#fff!important;text-decoration:none!important;font-size:8.5px;font-weight:950;letter-spacing:.08em;}
.sdf-wall-comments-panel{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;overflow:hidden;border:1px solid #e0e5ef;border-radius:24px;background:#fff;box-shadow:0 13px 32px rgba(26,40,69,.07);}
.sdf-wall-comments-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 13px;border-bottom:1px solid #edf0f5;}
.sdf-wall-comments-head h3{margin:3px 0 0;color:#1d2c45;font-size:17px;font-weight:950;}
.sdf-wall-comments-head h3 b{color:#778399;font-size:12px;font-weight:800;}
.sdf-wall-comments-live{display:inline-flex;align-items:center;gap:6px;color:#4b9a66;font-size:8px;font-weight:950;letter-spacing:.1em;}
.sdf-wall-comments-body{min-height:0;overflow-y:auto;padding:2px 13px 8px;scrollbar-width:thin;scrollbar-color:#ccd3e0 transparent;}
.sdf-wall-social-comment{display:grid;grid-template-columns:45px minmax(0,1fr);gap:10px;padding:12px 2px;border-bottom:1px solid #edf0f4;}
.sdf-wall-social-comment-image{width:44px;height:44px;object-fit:cover;border-radius:13px;border:1px solid #e1e5ed;background:#e9edf4;box-shadow:0 4px 10px rgba(25,40,66,.08);}
.sdf-wall-social-comment-content{min-width:0;}
.sdf-wall-social-comment-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;}
.sdf-wall-social-comment-top>div{min-width:0;display:flex;flex-direction:column;gap:1px;}
.sdf-wall-social-comment-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#20304b;font-size:11px;font-weight:950;}
.sdf-wall-social-comment-top span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8a96a9;font-size:9px;font-weight:650;}
.sdf-wall-social-comment-top time{flex:0 0 auto;color:#a7afbd;font-size:8px;white-space:nowrap;}
.sdf-wall-social-comment p{margin:6px 0 0;color:#4b5870;font-size:10.8px;font-weight:650;line-height:1.45;overflow-wrap:anywhere;}
.sdf-wall-comments-empty,.sdf-wall-comments-loading{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:18px;color:#8a96aa;text-align:center;font-size:10px;}
.sdf-wall-comments-empty span{font-size:28px;color:#8a7ee0;}
.sdf-wall-comments-empty strong{color:#536079;font-size:11px;}
.sdf-wall-comments-empty small{color:#9aa4b5;font-size:9px;}
.sdf-wall-comments-pagination{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;padding:10px 12px;border-top:1px solid #edf0f5;background:#fbfcfe;}
.sdf-wall-comments-pagination button{min-height:34px;border:1px solid #e0e5ee;border-radius:10px;background:#fff;color:#5d6a81;font-size:8.5px;font-weight:850;cursor:pointer;}
.sdf-wall-comments-pagination button:disabled{opacity:.34;cursor:default;}
.sdf-wall-comments-pagination span{color:#8792a4;font-size:9px;font-weight:850;white-space:nowrap;}
.sdf-wall-social-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:11px 12px 12px;border-top:1px solid #edf0f5;background:#fff;}
.sdf-wall-tool{min-height:44px;border:0;border-radius:13px;font-family:inherit;font-size:9px;font-weight:950;letter-spacing:.04em;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease;}
.sdf-wall-tool:hover{transform:translateY(-1px);}
.sdf-wall-tool span{font-size:15px;margin-right:4px;vertical-align:-1px;}
.sdf-wall-tool--post{background:linear-gradient(135deg,#655ee0,#8047d3);color:#fff;box-shadow:0 7px 17px rgba(103,78,208,.2);}
.sdf-wall-tool--comment{border:1px solid #dfdcf7;background:#f6f4ff;color:#6959cc;}
.sdf-wall-new-post-layer{position:absolute;z-index:40;inset:0;display:grid;place-items:center;padding:18px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease;}
.sdf-wall-new-post-layer.is-open{opacity:1;visibility:visible;pointer-events:auto;}
.sdf-wall-new-post-backdrop{position:absolute;inset:0;background:rgba(19,29,50,.42);backdrop-filter:blur(7px);}
.sdf-wall-new-post-card{position:relative;z-index:2;width:min(590px,92vw);padding:27px;border:1px solid #e1e5ee;border-radius:25px;background:#fff;box-shadow:0 28px 80px rgba(16,28,49,.28);}
.sdf-wall-new-post-close{position:absolute;right:14px;top:14px;width:36px;height:36px;display:grid;place-items:center;border:1px solid #e2e6ee;border-radius:50%;background:#f8f9fb;color:#56627a;font-size:21px;cursor:pointer;}
.sdf-wall-new-post-icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:12px;border-radius:16px;background:linear-gradient(145deg,#665fe0,#8145d0);color:#fff;font:900 23px/1 Georgia,"Times New Roman",serif;box-shadow:0 8px 20px rgba(104,79,207,.2);}
.sdf-wall-new-post-card h3{margin:5px 0 7px;color:#192840;font:900 28px/1.05 Georgia,"Times New Roman",serif;}
.sdf-wall-new-post-card>p{margin:0 0 16px;color:#7d899d;font-size:11.5px;font-weight:650;line-height:1.45;}
.sdf-wall-new-post-card textarea{width:100%;min-height:150px;max-height:280px;resize:vertical;padding:15px;border:1px solid #dde3ed;border-radius:16px;outline:none;background:#f8f9fc;color:#22314a;font-family:inherit;font-size:13px;font-weight:650;line-height:1.5;}
.sdf-wall-new-post-card textarea:focus{border-color:#9184de;box-shadow:0 0 0 3px rgba(119,101,211,.1);background:#fff;}
.sdf-wall-new-post-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;}
.sdf-wall-new-post-bottom>span{color:#9aa4b4;font-size:9px;font-weight:800;}
.sdf-wall-new-post-status{min-height:14px;margin-top:8px;color:#439662;font-size:9.5px;font-weight:800;}
.sdf-wall-new-post-login{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:14px;background:#f7f7fc;color:#4f5d75;}
.sdf-wall-new-post-login strong{font-size:11px;}
.sdf-wall-new-post-login a{padding:9px 12px;border-radius:10px;background:#6f5dd5;color:#fff!important;text-decoration:none!important;font-size:9px;font-weight:950;}
.sdf-wall-comment-form .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}

@media(max-width:1050px){
  .sdf-wall-dialog--social{width:98vw;height:96vh;max-height:96vh;}
  .sdf-wall-social-layout{grid-template-columns:minmax(0,1.35fr) minmax(300px,.78fr);gap:10px;padding:10px;}
  .sdf-wall-post-body{grid-template-columns:minmax(235px,44%) minmax(0,1fr);min-height:390px;}
  .sdf-wall-post-visual,.sdf-wall-post-visual img{min-height:390px;}
  .sdf-wall-post-copy{padding:28px 24px;}
}
@media(max-width:820px){
  .sdf-wall-dialog--social{height:97svh;max-height:97svh;border-radius:22px;}
  .sdf-wall-header--social{grid-template-columns:48px minmax(0,1fr);padding:12px 58px 11px 13px;gap:9px;}
  .sdf-wall-header-symbol{width:46px;height:46px;border-radius:15px;font-size:23px;}
  .sdf-wall-header-copy h2{font-size:24px;}
  .sdf-wall-header-copy p{display:none;}
  .sdf-wall-live{position:absolute;right:58px;top:17px;padding:5px 7px;font-size:7px;}
  .sdf-wall-close{top:10px;right:10px;width:36px;height:36px;font-size:22px;}
  .sdf-wall-social-layout{display:block;overflow-y:auto;padding:9px;}
  .sdf-wall-feed{overflow:visible;padding:0;}
  .sdf-wall-comments-panel{margin-top:10px;min-height:430px;}
  .sdf-wall-comments-body{max-height:330px;}
  .sdf-wall-post-body{grid-template-columns:45% minmax(0,1fr);min-height:340px;}
  .sdf-wall-post-visual,.sdf-wall-post-visual img{min-height:340px;}
  .sdf-wall-post-copy{padding:22px 19px;gap:13px;}
  .sdf-wall-post-copy>p{font-size:clamp(18px,3vw,25px);max-height:205px;}
}
@media(max-width:600px){
  .sdf-wall-modal{padding:5px;}
  .sdf-wall-dialog--social{width:100%;height:98svh;max-height:98svh;border-radius:18px;}
  .sdf-wall-social-layout{padding:7px;}
  .sdf-wall-social-post{border-radius:18px;}
  .sdf-wall-post-head{grid-template-columns:38px minmax(0,1fr);padding:10px;}
  .sdf-wall-post-avatar{width:36px;height:36px;font-size:17px;}
  .sdf-wall-post-badge{display:none;}
  .sdf-wall-post-body{grid-template-columns:1fr;min-height:0;}
  .sdf-wall-post-visual{aspect-ratio:1/1;min-height:0;}
  .sdf-wall-post-visual img{height:100%;min-height:0;aspect-ratio:1/1;}
  .sdf-wall-post-copy{padding:19px 17px 20px;min-height:220px;}
  .sdf-wall-post-copy>p{max-height:170px;font-size:clamp(19px,5.8vw,27px);}
  .sdf-wall-post-signature small{max-width:66vw;}
  .sdf-wall-post-actions{gap:10px;padding:7px 10px;}
  .sdf-wall-post-fresh{display:none;}
  .sdf-wall-inline-comment{border-radius:17px;padding:9px;}
  .sdf-wall-inline-user{display:none;}
  .sdf-wall-comment-form{grid-template-columns:1fr;}
  .sdf-wall-comment-submit-wrap{min-width:0;flex-direction:row;align-items:center;}
  .sdf-wall-comment-submit-wrap button{min-width:118px;}
  .sdf-wall-login-note--social{display:grid;grid-template-columns:1fr auto;}
  .sdf-wall-login-note--social span{display:none;}
  .sdf-wall-comments-panel{border-radius:18px;}
  .sdf-wall-social-toolbar{position:sticky;bottom:0;z-index:4;background:rgba(255,255,255,.96);backdrop-filter:blur(9px);}
  .sdf-wall-tool{min-height:42px;font-size:8px;}
  .sdf-wall-new-post-card{padding:22px 16px 16px;border-radius:20px;}
  .sdf-wall-new-post-card h3{font-size:24px;}
}
@media(prefers-reduced-motion:reduce){
  .sdf-wall-live i,.sdf-wall-comments-live i,.sdf-wall-post-body.is-switching,.sdf-wall-post-visual img{animation:none!important;transition:none!important;}
}


/* =========================================================
 * v1.33.29 — Doğrudan erişim / kimlik alanları
 * ========================================================= */
.sdf-wall-identity-grid{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-bottom:2px;
}
.sdf-wall-identity-grid label{
  display:grid;
  gap:5px;
  min-width:0;
}
.sdf-wall-identity-grid label>span{
  color:#65728a;
  font-size:8.5px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.sdf-wall-identity-grid input{
  width:100%;
  min-width:0;
  height:38px;
  box-sizing:border-box;
  padding:0 11px;
  border:1px solid #dce2ec;
  border-radius:12px;
  outline:none;
  background:#f8f9fc;
  color:#24324a;
  font-family:inherit;
  font-size:11.5px;
  font-weight:700;
}
.sdf-wall-identity-grid input:focus{
  border-color:#9386df;
  box-shadow:0 0 0 3px rgba(119,101,211,.1);
  background:#fff;
}
.sdf-wall-new-post-card .sdf-wall-identity-grid--post{
  margin:0 0 10px;
}
body.sdf-smartboard-app-page .ifop-universal-wallet,
body.sdf-smartboard-app-page [data-ifop-universal-wallet],
body.sdf-smartboard-app-page .tc-floating-wallet,
body.sdf-smartboard-app-page [data-tc-floating-wallet],
body.sdf-smartboard-app-page .ifop-wallet-fab,
body.sdf-smartboard-app-page .ifop-cuzdan-fab,
body.sdf-smartboard-app-page .ifop-cuzdan-floating,
body.sdf-smartboard-app-page .ifop-floating-wallet,
body.sdf-smartboard-app-page .sdf-kitap-wallet-copy,
body.sdf-smartboard-app-page [data-sdf-kitap-wallet-copy],
body.sdf-smartboard-app-page [class*="floating-wallet"],
body.sdf-smartboard-app-page [id*="floating-wallet"],
body.sdf-smartboard-app-page [class*="wallet-fab"],
body.sdf-smartboard-app-page [id*="wallet-fab"],
body.sdf-smartboard-app-page [class*="cuzdan-fab"],
body.sdf-smartboard-app-page [id*="cuzdan-fab"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
@media(max-width:760px){
  .sdf-wall-identity-grid{grid-template-columns:1fr 1fr}
  .sdf-wall-identity-grid label:last-child{grid-column:1/-1}
}


/* =========================================================
   v1.33.30 — Felsefe Duvarı mobil ortalama + tam ekran uyumu
   ========================================================= */
@media (max-width:760px){
  /* Üyeliğim düğmesi kaldırıldığı için tek kalan Felsefe Duvarı ortada dursun. */
  .sdf-smartboard-hero .sdf-hero-tools.sdf-smartboard-support-only{
    left:50%!important;
    right:auto!important;
    width:max-content!important;
    max-width:calc(100% - 24px)!important;
    justify-content:center!important;
    transform:translateX(-50%)!important;
  }
  .sdf-smartboard-hero .sdf-smartboard-support-only .sdf-supporters-trigger{
    margin:0 auto!important;
    max-width:100%!important;
  }

  /* Popup ekrandan yatay taşmasın. */
  .sdf-wall-modal{
    padding:0!important;
    place-items:stretch!important;
    overflow:hidden!important;
  }
  .sdf-wall-dialog--social{
    width:100vw!important;
    max-width:100vw!important;
    height:100svh!important;
    max-height:100svh!important;
    margin:0!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
  }
  .sdf-wall-header--social{
    min-width:0!important;
    padding:9px 50px 9px 10px!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:8px!important;
  }
  .sdf-wall-header-symbol{
    width:38px!important;
    height:38px!important;
    border-radius:12px!important;
    font-size:20px!important;
  }
  .sdf-wall-header-copy h2{font-size:20px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .sdf-wall-live{right:48px!important;top:12px!important;}
  .sdf-wall-close{top:8px!important;right:8px!important;width:34px!important;height:34px!important;}

  .sdf-wall-social-layout{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    padding:6px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .sdf-wall-feed,
  .sdf-wall-social-post,
  .sdf-wall-inline-comment,
  .sdf-wall-comments-panel{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .sdf-wall-social-post{border-radius:15px!important;}
  .sdf-wall-post-head{grid-template-columns:34px minmax(0,1fr)!important;gap:8px!important;padding:8px 9px!important;}
  .sdf-wall-post-avatar{width:32px!important;height:32px!important;font-size:15px!important;}
  .sdf-wall-post-author>strong{font-size:11.5px!important;}
  .sdf-wall-post-author>span{font-size:8.8px!important;}

  /* Kare görsel mobilde gereksiz yükseklik üretmesin; oran korunarak yatay kompaktlaşsın. */
  .sdf-wall-post-body{grid-template-columns:1fr!important;min-height:0!important;}
  .sdf-wall-post-visual{
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    aspect-ratio:16/9!important;
  }
  .sdf-wall-post-visual img{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    object-fit:cover!important;
  }
  .sdf-wall-post-copy{
    min-height:0!important;
    gap:9px!important;
    padding:13px 13px 14px!important;
  }
  .sdf-wall-post-copy:before{right:13px!important;top:5px!important;font-size:45px!important;}
  .sdf-wall-post-kicker{font-size:7.5px!important;}
  .sdf-wall-post-copy>p{
    max-height:120px!important;
    font-size:clamp(15px,4.5vw,20px)!important;
    line-height:1.27!important;
  }
  .sdf-wall-post-signature{gap:7px!important;padding-top:9px!important;}
  .sdf-wall-post-signature>span{width:30px!important;height:30px!important;flex-basis:30px!important;font-size:14px!important;}
  .sdf-wall-post-signature strong{font-size:10.5px!important;}
  .sdf-wall-post-signature small{max-width:72vw!important;font-size:8.8px!important;}
  .sdf-wall-post-actions{min-height:36px!important;gap:8px!important;padding:5px 8px!important;}
  .sdf-wall-post-stat{font-size:8.5px!important;}
  .sdf-wall-post-stat i{font-size:13px!important;}

  /* Kimlik + yorum formu mobil genişliğin dışına çıkmasın. */
  .sdf-wall-inline-comment{margin-top:7px!important;padding:8px!important;border-radius:14px!important;}
  .sdf-wall-comment-form{width:100%!important;min-width:0!important;grid-template-columns:1fr!important;gap:6px!important;}
  .sdf-wall-identity-grid{
    width:100%!important;
    min-width:0!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .sdf-wall-identity-grid label:last-child{grid-column:1/-1!important;}
  .sdf-wall-identity-grid input{height:34px!important;padding:0 9px!important;font-size:10.5px!important;}
  .sdf-wall-comment-form textarea{min-width:0!important;min-height:52px!important;max-height:88px!important;padding:9px 10px!important;font-size:11px!important;box-sizing:border-box!important;}
  .sdf-wall-comment-submit-wrap{min-width:0!important;width:100%!important;flex-direction:row!important;align-items:center!important;}
  .sdf-wall-comment-submit-wrap button{min-width:108px!important;min-height:36px!important;padding:0 10px!important;font-size:8px!important;}

  /* Yorum paneli sabit 430px olmasın; telefon yüksekliğine göre doğal ölçülensin. */
  .sdf-wall-comments-panel{margin-top:7px!important;min-height:0!important;border-radius:14px!important;overflow:hidden!important;}
  .sdf-wall-comments-head{padding:9px 10px!important;}
  .sdf-wall-comments-head h3{font-size:16px!important;}
  .sdf-wall-comments-body{max-height:min(30svh,240px)!important;}
  .sdf-wall-comments-pagination{padding:7px 8px!important;gap:5px!important;}
  .sdf-wall-comments-pagination button{min-height:30px!important;font-size:7.5px!important;}
  .sdf-wall-social-toolbar{grid-template-columns:1fr 1fr!important;gap:6px!important;padding:7px 8px!important;}
  .sdf-wall-tool{min-height:36px!important;font-size:7.5px!important;}

  /* Yeni post penceresi de telefon ekranının içinde kalsın. */
  .sdf-wall-new-post-layer{padding:7px!important;}
  .sdf-wall-new-post-card{
    width:calc(100vw - 14px)!important;
    max-width:calc(100vw - 14px)!important;
    max-height:calc(100svh - 14px)!important;
    overflow-y:auto!important;
    box-sizing:border-box!important;
    padding:17px 12px 13px!important;
    border-radius:16px!important;
  }
  .sdf-wall-new-post-icon{width:38px!important;height:38px!important;margin-bottom:8px!important;font-size:18px!important;}
  .sdf-wall-new-post-card h3{font-size:21px!important;margin:4px 0 5px!important;}
  .sdf-wall-new-post-card>p{margin-bottom:10px!important;font-size:9.5px!important;}
  .sdf-wall-new-post-card textarea{min-height:105px!important;max-height:180px!important;padding:10px!important;font-size:11px!important;box-sizing:border-box!important;}
  .sdf-wall-new-post-bottom button{min-height:36px!important;font-size:8px!important;}
}

@media (max-width:390px){
  .sdf-wall-header-copy h2{font-size:18px!important;}
  .sdf-wall-live{display:none!important;}
  .sdf-wall-post-copy>p{font-size:15px!important;max-height:105px!important;}
  .sdf-wall-identity-grid{grid-template-columns:1fr!important;}
  .sdf-wall-identity-grid label:last-child{grid-column:auto!important;}
  .sdf-wall-comments-body{max-height:210px!important;}
}


/* v1.33.32 — Mobil hafta/hub sayfalarında doğal kaydırma düzeltmesi */
@media (max-width: 980px), (hover:none) and (pointer:coarse) {
  .sdf-stage,
  .sdf-stage--inner {
    width: 100% !important;
    min-height: 100svh !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    place-items: start center !important;
    align-content: start !important;
  }

  .sdf-inner-card,
  .sdf-archive-page,
  .sdf-hero {
    min-height: auto !important;
    max-height: none !important;
    height: auto !important;
  }
}


/* v1.33.33 — Mobil sınıf/hafta hub ekranı: tek ve kesin scroll katmanı */
@media (max-width:980px), (hover:none) and (pointer:coarse) {
  body.sdf-smartboard-app-page > .sdf-stage.sdf-stage--inner,
  .sdf-stage.sdf-stage--inner {
    position:fixed!important;
    inset:0!important;
    z-index:1!important;
    width:100vw!important;
    height:100vh!important;
    height:100dvh!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:20px!important;
    display:block!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
    scroll-behavior:auto!important;
  }

  body.sdf-smartboard-app-page > .sdf-stage.sdf-stage--inner .sdf-inner-card,
  .sdf-stage.sdf-stage--inner .sdf-inner-card {
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    margin:0 auto 24px!important;
    overflow:visible!important;
  }

  .sdf-stage.sdf-stage--inner .sdf-section-grid,
  .sdf-stage.sdf-stage--inner .sdf-section-card {
    height:auto!important;
    max-height:none!important;
  }
}

@media (max-width:680px) {
  body.sdf-smartboard-app-page > .sdf-stage.sdf-stage--inner,
  .sdf-stage.sdf-stage--inner {
    padding:14px 10px max(28px,env(safe-area-inset-bottom))!important;
  }
  .sdf-stage.sdf-stage--inner .sdf-inner-card {
    padding-bottom:30px!important;
  }
}


/* =========================================================
   V1.33.34 — Akıllı Tahta ana sayfası mobil kesin kaydırma düzeltmesi
   Ana giriş ekranı (/aki) uzun olduğunda stage doğrudan tek scroll alanı olur.
   ========================================================= */
@media (max-width:980px), (hover:none) and (pointer:coarse){
  html.sdf-smartboard-app-html,
  html.sdf-smartboard-app-html body.sdf-smartboard-app-page{
    height:100%!important;
    min-height:100%!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  body.sdf-smartboard-app-page .sdf-stage--radio-home:has(.sdf-smartboard-hero){
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100vh!important;
    height:100dvh!important;
    min-height:0!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:10px 12px 14px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
    display:block!important;
  }
  body.sdf-smartboard-app-page .sdf-stage--radio-home:has(.sdf-smartboard-hero) > .sdf-radio-strip,
  body.sdf-smartboard-app-page .sdf-stage--radio-home:has(.sdf-smartboard-hero) > .sdf-radio-ticker,
  body.sdf-smartboard-app-page .sdf-stage--radio-home:has(.sdf-smartboard-hero) > .sdf-radio-home-player,
  body.sdf-smartboard-app-page .sdf-stage--radio-home:has(.sdf-smartboard-hero) .sdf-home-news-card,
  body.sdf-smartboard-app-page .sdf-stage--radio-home:has(.sdf-smartboard-hero) .sdf-home-news{
    display:none!important;
  }
  body.sdf-smartboard-app-page .sdf-smartboard-hero{
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:calc(100dvh - 24px)!important;
    max-height:none!important;
    margin:0 auto!important;
    overflow:visible!important;
  }
  body.sdf-smartboard-app-page .sdf-smartboard-hero .sdf-hero-tools,
  body.sdf-smartboard-app-page .sdf-smartboard-hero .sdf-badge,
  body.sdf-smartboard-app-page .sdf-smartboard-hero .sdf-button-group,
  body.sdf-smartboard-app-page .sdf-smartboard-hero .sdf-grade-grid,
  body.sdf-smartboard-app-page .sdf-smartboard-hero .sdf-smartboard-feature-list{
    max-width:100%!important;
    min-width:0!important;
  }
}


/* v1.33.52 — 11. sınıf Etkinlik 1: kısa anket + sağ altta Anketi Tamamla bağlantısı */
.sdf-survey-screen {
  grid-template-rows: auto auto auto;
  align-content: start;
}

.sdf-survey-panel {
  min-height: 0;
  height: auto;
  max-height: none;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(43,80,62,.15);
  border-radius: 18px;
  background: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}

.sdf-survey-panel .sdf-activity-table-wrap {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
  max-height: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  overflow-x: auto;
  overflow-y: auto;
}

.sdf-survey-action-row {
  flex: 0 0 44px;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 6px 12px 6px 14px;
  border-top: 1px solid rgba(43,80,62,.12);
  background: linear-gradient(90deg, rgba(246,249,246,.98), rgba(250,247,238,.98));
}

.sdf-survey-action-row .sdf-activity-hint {
  min-width: 0;
  margin: 0;
  color: #66776e;
  font-size: 10px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sdf-survey-action-row .sdf-activity-hint.is-warning { color: #9a5a42; }

.sdf-activity-complete.sdf-activity-complete--link {
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 7px 8px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  box-shadow: none;
  color: #315a47;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  line-height: 1;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

.sdf-activity-complete.sdf-activity-complete--link:hover,
.sdf-activity-complete.sdf-activity-complete--link:focus {
  transform: none;
  background: rgba(49,90,71,.07);
  color: #244836;
}

.sdf-survey-screen .sdf-activity-footer--nav-only { margin-top: 0; }

@media (max-width: 960px) {
  .sdf-survey-panel {
    height: auto;
    max-height: none;
  }
}


/* v1.33.60 — Etkinlik sayfalarını 11. sınıf konu anlatımı şablonuna yaklaştır. */
.sdf-activity-shell {
  width: min(1580px, 96vw);
  height: min(900px, 92vh);
  min-height: 690px;
  gap: clamp(14px, 1.3vw, 22px);
  padding: clamp(32px, 3vw, 52px) clamp(34px, 3.5vw, 62px) clamp(24px, 2.3vw, 38px);
  border: 1px solid rgba(40,78,60,.15);
  background: rgba(255,255,255,.80);
  box-shadow: 0 28px 80px rgba(39,68,51,.13);
}

.sdf-activity-header {
  padding-right: 90px;
  padding-bottom: clamp(15px, 1.3vw, 22px);
}

.sdf-activity-header h1 {
  font-size: clamp(38px, 4.2vw, 72px);
  line-height: .98;
  letter-spacing: -.035em;
}

.sdf-activity-header h2 {
  margin: 9px 0 0;
  color: #7a6338;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(18px, 1.7vw, 28px);
  font-weight: 500;
  line-height: 1.25;
}

.sdf-activity-header > p {
  max-width: 1320px;
  margin: 9px 0 0;
  color: #506259;
  font-size: clamp(13px, 1vw, 17px);
  line-height: 1.45;
}

.sdf-activity-page-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 50px;
  padding-top: 2px;
  border-top: 0;
}

.sdf-activity-page-nav > span {
  flex: 1 1 auto;
  color: #718177;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .10em;
  text-align: center;
  text-transform: uppercase;
}

.sdf-activity-page-nav .sdf-prev-page,
.sdf-activity-page-nav .sdf-next-page,
.sdf-activity-page-nav .sdf-next-page--final {
  flex: 0 0 205px;
  width: 205px;
  min-width: 205px;
  max-width: 205px;
  min-height: 50px;
  height: 50px;
  max-height: 50px;
  padding: 0 20px;
  border-radius: 16px;
}

.sdf-activity-page-nav .sdf-prev-page span,
.sdf-activity-page-nav .sdf-next-page span,
.sdf-activity-page-nav .sdf-next-page--final span {
  font-size: 18px;
}

.sdf-activity-footer--stacked {
  gap: 12px;
}

.sdf-survey-panel {
  min-height: 0;
  height: 100%;
}

.sdf-survey-panel .sdf-activity-table-wrap {
  min-height: 0;
}


/* v1.33.61 — ETKİNLİKLER: 11. sınıf konu anlatımı şablonunu BİREBİR kullanır. */
.sdf-activity-page.sdf-week-presentation {
  display: block;
  padding: 0;
  overflow: hidden;
  background: #eef1eb;
}

.sdf-activity-page.sdf-week-presentation::before {
  display: none;
}

.sdf-activity-page .sdf-week-slide {
  width: 100%;
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: clamp(22px, 2.4vw, 42px);
  background:
    radial-gradient(circle at 14% 8%, rgba(102,135,111,.11), transparent 28%),
    radial-gradient(circle at 90% 84%, rgba(193,166,105,.12), transparent 25%),
    linear-gradient(135deg, #f8f6ef 0%, #edf2eb 58%, #f7f1e4 100%);
}

.sdf-activity-master-shell {
  position: relative;
  width: min(1580px, 96vw);
  height: min(900px, 92vh);
  min-height: 690px;
  display: block;
  padding: clamp(32px, 3vw, 52px) clamp(34px, 3.5vw, 62px) clamp(24px, 2.3vw, 38px);
  overflow: hidden;
  border: 1px solid rgba(40,78,60,.15);
  border-radius: 30px;
  background: rgba(255,255,255,.80);
  box-shadow: 0 28px 80px rgba(39,68,51,.13);
  backdrop-filter: blur(9px);
}

.sdf-activity-master-shell::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 7px;
  background: linear-gradient(90deg, #284f3d, #77916d 52%, #c7a86b);
}

.sdf-activity-master-shell .sdf-activity-screen.sdf-presentation-page {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: none;
}

.sdf-activity-master-shell .sdf-activity-screen.sdf-presentation-page.is-active {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: clamp(14px, 1.3vw, 22px);
  animation: sdfPageIn .28s ease both;
}

.sdf-activity-master-shell .sdf-activity-header {
  padding-right: 90px;
  border-bottom: 1px solid rgba(40,78,60,.12);
  padding-bottom: clamp(15px, 1.3vw, 22px);
}

.sdf-activity-master-shell .sdf-activity-header h1 {
  margin: 0;
  color: #173b2e;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(38px, 4.2vw, 72px);
  line-height: .98;
  letter-spacing: -.035em;
}

.sdf-activity-master-shell .sdf-activity-header h2 {
  margin: 9px 0 0;
  color: #7a6338;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(18px, 1.7vw, 28px);
  font-weight: 500;
  line-height: 1.25;
}

.sdf-activity-master-shell .sdf-activity-header > p {
  max-width: 1320px;
  margin: 9px 0 0;
  color: #506259;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(13px, 1vw, 17px);
  line-height: 1.45;
}

.sdf-activity-master-shell .sdf-week-slide-footer.sdf-activity-page-nav {
  display: grid;
  grid-template-columns: 205px 1fr 205px;
  align-items: center;
  gap: 18px;
  min-height: 50px;
  padding-top: 2px;
  border-top: 0;
}

.sdf-activity-master-shell .sdf-week-slide-footer.sdf-activity-page-nav > span {
  color: #718177;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .10em;
  text-align: center;
  text-transform: uppercase;
}

.sdf-activity-master-shell .sdf-week-slide-footer.sdf-activity-page-nav .sdf-page-nav {
  width: 205px;
  min-width: 205px;
  max-width: 205px;
  height: 50px;
  min-height: 50px;
  max-height: 50px;
  padding: 0 20px;
  border-radius: 16px;
}

.sdf-activity-master-shell .sdf-week-slide-footer.sdf-activity-page-nav .sdf-prev-page { justify-self: start; }
.sdf-activity-master-shell .sdf-week-slide-footer.sdf-activity-page-nav .sdf-next-page,
.sdf-activity-master-shell .sdf-week-slide-footer.sdf-activity-page-nav .sdf-next-page--final { justify-self: end; }

.sdf-activity-master-shell .sdf-survey-panel,
.sdf-activity-master-shell .sdf-activity-table-wrap,
.sdf-activity-master-shell .sdf-concept-crossword-layout,
.sdf-activity-master-shell .sdf-six-hats-layout,
.sdf-activity-master-shell .sdf-plastic-chain-layout,
.sdf-activity-master-shell .sdf-wheel-layout {
  min-height: 0;
}


/* v1.33.63 — Etkinlik 6: çark doğrudan tıklanabilir + döndürme butonu her zaman görünür. */
.sdf-wheel-panel {
  padding-bottom: 74px !important;
}

.sdf-wheel-wrap {
  cursor: pointer !important;
  outline: none;
}

.sdf-wheel-wrap:focus-visible {
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(49,95,73,.18);
}

.sdf-wheel-wrap[aria-disabled="true"] {
  cursor: default !important;
}

.sdf-wheel-wrap[aria-disabled="true"] .sdf-wheel {
  filter: saturate(.88);
}

.sdf-wheel-spin {
  position: absolute !important;
  left: 50% !important;
  bottom: 14px !important;
  z-index: 20 !important;
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  margin: 0 !important;
  transform: translateX(-50%) !important;
  box-shadow: 0 12px 28px rgba(35,75,57,.24) !important;
}

.sdf-wheel-spin:not(:disabled):hover,
.sdf-wheel-spin:not(:disabled):focus-visible {
  transform: translateX(-50%) translateY(-2px) !important;
}

@media (max-width: 960px) {
  .sdf-wheel-panel { padding-bottom: 78px !important; }
  .sdf-wheel-spin { bottom: 12px !important; }
}


/* v1.33.64 — Etkinlik 6: görüş kartında gerçek iç kaydırma. */
.sdf-activity-master-shell .sdf-wheel-game {
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.sdf-activity-master-shell .sdf-wheel-opinions {
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  overflow: hidden !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-list {
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-y !important;
  scrollbar-gutter: stable !important;
  scrollbar-width: auto !important;
  scrollbar-color: rgba(70,108,87,.80) rgba(70,108,87,.12) !important;
  padding-right: 10px !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-list::-webkit-scrollbar {
  width: 13px !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-list::-webkit-scrollbar-track {
  background: rgba(70,108,87,.11) !important;
  border-radius: 999px !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-list::-webkit-scrollbar-thumb {
  background: rgba(70,108,87,.72) !important;
  border: 3px solid rgba(255,255,255,.88) !important;
  border-radius: 999px !important;
}

.sdf-activity-master-shell .sdf-wheel-opinions-heading,
.sdf-activity-master-shell .sdf-wheel-feedback {
  position: relative !important;
  z-index: 2 !important;
  flex: 0 0 auto !important;
}


/* v1.33.65 — Görüş kartında tarayıcıdan bağımsız, sürekli görünür özel scrollbar. */
.sdf-wheel-opinion-scroll-wrap {
  position: relative !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}

.sdf-wheel-opinion-scroll-wrap .sdf-wheel-opinion-list {
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding-right: 28px !important;
  scrollbar-width: none !important;
}

.sdf-wheel-opinion-scroll-wrap .sdf-wheel-opinion-list::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}

.sdf-wheel-opinion-scrollbar {
  position: absolute !important;
  top: 10px !important;
  right: 7px !important;
  bottom: 10px !important;
  width: 13px !important;
  z-index: 12 !important;
  border-radius: 999px !important;
  background: rgba(48, 83, 64, .16) !important;
  box-shadow: inset 0 0 0 1px rgba(48,83,64,.12) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

.sdf-wheel-opinion-scrollbar-thumb {
  position: absolute !important;
  top: 0 !important;
  left: 1px !important;
  right: 1px !important;
  min-height: 46px !important;
  border-radius: 999px !important;
  background: #557a66 !important;
  border: 2px solid rgba(255,255,255,.92) !important;
  box-shadow: 0 2px 7px rgba(35,67,51,.22) !important;
  transform: translateY(0);
  cursor: grab !important;
}

.sdf-wheel-opinion-scrollbar-thumb:active {
  cursor: grabbing !important;
  background: #3e6752 !important;
}

.sdf-wheel-opinion-scrollbar.is-disabled {
  opacity: .28 !important;
  pointer-events: none !important;
}


/* v1.33.66 — Görüş kartı: gerçek scroll alanı + çalışan özel scrollbar. */
.sdf-activity-master-shell .sdf-wheel-opinions {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
}

.sdf-activity-master-shell .sdf-wheel-opinions-heading,
.sdf-activity-master-shell .sdf-wheel-feedback {
  flex: 0 0 auto !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-scroll-wrap {
  position: relative !important;
  flex: 1 1 0 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-scroll-wrap .sdf-wheel-opinion-list {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-y !important;
  padding: 11px 30px 11px 11px !important;
  scrollbar-width: none !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-scrollbar {
  top: 10px !important;
  bottom: 10px !important;
  right: 7px !important;
}


/* v1.33.67 — Görüş kartında özel sahte scrollbar yerine gerçek, görünür ve çalışan native scrollbar kullan. */
.sdf-activity-master-shell .sdf-wheel-opinion-scroll-wrap {
  position: relative !important;
  flex: 1 1 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-scroll-wrap .sdf-wheel-opinion-list {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 11px 12px 11px 11px !important;
  scrollbar-gutter: stable both-edges !important;
  scrollbar-width: auto !important;
  scrollbar-color: rgba(70,108,87,.82) rgba(70,108,87,.14) !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-scroll-wrap .sdf-wheel-opinion-list::-webkit-scrollbar {
  width: 14px !important;
  height: 14px !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-scroll-wrap .sdf-wheel-opinion-list::-webkit-scrollbar-track {
  background: rgba(70,108,87,.12) !important;
  border-radius: 999px !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-scroll-wrap .sdf-wheel-opinion-list::-webkit-scrollbar-thumb {
  background: rgba(70,108,87,.72) !important;
  border: 3px solid rgba(255,255,255,.9) !important;
  border-radius: 999px !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-scrollbar {
  display: none !important;
}


/* v1.33.68 — Görüş kartında gerçek sabit scroll alanı + çalışan özel scrollbar. */
.sdf-activity-master-shell .sdf-wheel-opinions {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.sdf-activity-master-shell .sdf-wheel-opinions-heading,
.sdf-activity-master-shell .sdf-wheel-feedback {
  flex: 0 0 auto !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-scroll-wrap {
  position: relative !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  min-height: 180px !important;
  overflow: hidden !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-scroll-wrap .sdf-wheel-opinion-list {
  position: absolute !important;
  inset: 0 24px 0 0 !important;
  width: auto !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  display: block !important;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-y !important;
  padding: 10px 8px 10px 10px !important;
  scrollbar-width: none !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-scroll-wrap .sdf-wheel-opinion-list::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-scroll-wrap .sdf-wheel-opinion {
  display: grid !important;
  margin: 0 0 8px 0 !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-scroll-wrap .sdf-wheel-opinion:last-child {
  margin-bottom: 0 !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-scrollbar {
  display: block !important;
  position: absolute !important;
  top: 10px !important;
  right: 6px !important;
  bottom: 10px !important;
  width: 14px !important;
  z-index: 30 !important;
  border-radius: 999px !important;
  background: rgba(48,83,64,.17) !important;
  box-shadow: inset 0 0 0 1px rgba(48,83,64,.14) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-scrollbar-thumb {
  position: absolute !important;
  top: 0 !important;
  left: 1px !important;
  right: 1px !important;
  min-height: 42px !important;
  border: 2px solid rgba(255,255,255,.94) !important;
  border-radius: 999px !important;
  background: #557a66 !important;
  box-shadow: 0 2px 7px rgba(35,67,51,.24) !important;
  cursor: grab !important;
  user-select: none !important;
  touch-action: none !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-scrollbar-thumb:active {
  cursor: grabbing !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-scrollbar.is-disabled {
  opacity: .35 !important;
  pointer-events: none !important;
}


/* v1.33.70 — Etkinlik 6 görüş kartı: tek, sabit ve gerçekten kayan scrollbar sistemi. */
.sdf-activity-master-shell .sdf-wheel-opinions {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-scroll-wrap {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
  touch-action: pan-y !important;
  outline: none !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-scroll-wrap:focus-visible {
  box-shadow: inset 0 0 0 2px rgba(49,95,73,.22) !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-scroll-wrap .sdf-wheel-opinion-list {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 27px !important;
  bottom: 0 !important;
  width: auto !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  display: block !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-y !important;
  padding: 11px 8px 11px 11px !important;
  scrollbar-width: none !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-scroll-wrap .sdf-wheel-opinion-list::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-scroll-wrap .sdf-wheel-opinion {
  width: 100% !important;
  display: grid !important;
  margin: 0 0 9px 0 !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-scroll-wrap .sdf-wheel-opinion:last-child {
  margin-bottom: 11px !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-scrollbar {
  display: block !important;
  position: absolute !important;
  top: 11px !important;
  right: 6px !important;
  bottom: 11px !important;
  width: 15px !important;
  z-index: 40 !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: rgba(55,89,70,.18) !important;
  box-shadow: inset 0 0 0 1px rgba(48,83,64,.18) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  touch-action: none !important;
  user-select: none !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-scrollbar-thumb {
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 2px !important;
  width: 11px !important;
  min-height: 44px !important;
  margin: 0 !important;
  border: 2px solid rgba(255,255,255,.94) !important;
  border-radius: 999px !important;
  background: #4f7862 !important;
  box-shadow: 0 2px 8px rgba(35,67,51,.30) !important;
  transform: translate3d(0,0,0);
  cursor: grab !important;
  touch-action: none !important;
  user-select: none !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-scrollbar-thumb.is-dragging {
  cursor: grabbing !important;
  background: #355f49 !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-scrollbar.is-disabled {
  opacity: .42 !important;
}


/* v1.33.71 — Etkinlik 6: sağdaki 10 görüş kartında TEK gerçek scroll alanı.
   Özel scrollbar/JS yok; orta bölüm doğrudan tarayıcının scroll viewport'u. */
.sdf-activity-master-shell .sdf-wheel-opinions {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-scroll-wrap {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-y !important;
  scrollbar-gutter: stable !important;
  scrollbar-width: auto !important;
  scrollbar-color: #557a66 #e3e9e4 !important;
  outline: none !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-scroll-wrap::-webkit-scrollbar {
  width: 15px !important;
  height: 15px !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-scroll-wrap::-webkit-scrollbar-track {
  background: #e3e9e4 !important;
  border-radius: 999px !important;
  box-shadow: inset 0 0 0 1px rgba(55,89,70,.12) !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-scroll-wrap::-webkit-scrollbar-thumb {
  min-height: 54px !important;
  background: #557a66 !important;
  border: 3px solid #eef2ef !important;
  border-radius: 999px !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-scroll-wrap::-webkit-scrollbar-thumb:hover {
  background: #3f6954 !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-scroll-wrap .sdf-wheel-opinion-list {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  min-height: max-content !important;
  display: grid !important;
  grid-auto-rows: max-content !important;
  gap: 9px !important;
  overflow: visible !important;
  padding: 11px 12px 14px 11px !important;
  margin: 0 !important;
  scrollbar-width: auto !important;
}

.sdf-activity-master-shell .sdf-wheel-opinion-scroll-wrap .sdf-wheel-opinion {
  width: 100% !important;
  min-height: 66px !important;
  margin: 0 !important;
}

/* Önceki sürümlerin özel scrollbarını kesin olarak kaldır. */
.sdf-activity-master-shell .sdf-wheel-opinion-scrollbar,
.sdf-activity-master-shell .sdf-wheel-opinion-scrollbar-thumb {
  display: none !important;
}


/* =========================================================
 * v1.33.73 — 10. SINIF = 11. SINIF KONU ANLATIMI ŞABLONU
 * Şablon artık içerik paketinden değil Ana Paket'ten uygulanır.
 * 10. sınıf konu anlatımı ve etkinlik dış kabukları 11. sınıfın
 * kullandığı ölçü, renk, başlık, footer ve gezinme standardına bağlanır.
 * ========================================================= */

.sdf-g10-week {
  background: #eef1eb !important;
  color: #172d26 !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.sdf-g10-week .sdf-g10-slide {
  width: 100% !important;
  min-height: 100vh !important;
  display: grid !important;
  place-items: center !important;
  padding: clamp(22px, 2.4vw, 42px) !important;
  background:
    radial-gradient(circle at 14% 8%, rgba(102,135,111,.11), transparent 28%),
    radial-gradient(circle at 90% 84%, rgba(193,166,105,.12), transparent 25%),
    linear-gradient(135deg, #f8f6ef 0%, #edf2eb 58%, #f7f1e4 100%) !important;
}

.sdf-g10-week .sdf-g10-slide-shell,
.sdf-g10-activity-page .sdf-g10-activity-shell {
  position: relative !important;
  width: min(1580px, 96vw) !important;
  height: min(900px, 92vh) !important;
  min-height: 690px !important;
  gap: clamp(14px, 1.3vw, 22px) !important;
  padding: clamp(32px, 3vw, 52px) clamp(34px, 3.5vw, 62px) clamp(24px, 2.3vw, 38px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(40,78,60,.15) !important;
  border-radius: 30px !important;
  background: rgba(255,255,255,.80) !important;
  box-shadow: 0 28px 80px rgba(39,68,51,.13) !important;
  backdrop-filter: blur(9px) !important;
}

.sdf-g10-week .sdf-g10-slide-shell::before,
.sdf-g10-activity-page .sdf-g10-activity-shell::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 7px !important;
  background: linear-gradient(90deg, #284f3d, #77916d 52%, #c7a86b) !important;
}

.sdf-g10-week .sdf-g10-header,
.sdf-g10-activity-page .sdf-g10-activity-head {
  padding-right: 90px !important;
  padding-bottom: clamp(15px, 1.3vw, 22px) !important;
  border-bottom: 1px solid rgba(40,78,60,.12) !important;
}

.sdf-g10-week .sdf-g10-header h1,
.sdf-g10-activity-page .sdf-g10-activity-head h1 {
  margin: 0 !important;
  color: #173b2e !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(38px, 4.2vw, 72px) !important;
  line-height: .98 !important;
  letter-spacing: -.035em !important;
}

.sdf-g10-week .sdf-g10-header h2,
.sdf-g10-activity-page .sdf-g10-activity-head h2 {
  margin: 9px 0 0 !important;
  color: #7a6338 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(18px, 1.7vw, 28px) !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
}

.sdf-g10-activity-page .sdf-g10-activity-head > p {
  margin: 9px 0 0 !important;
  color: #5f7168 !important;
  font-size: clamp(13px, 1vw, 16px) !important;
  line-height: 1.45 !important;
}

.sdf-g10-week .sdf-week-meta,
.sdf-g10-activity-page .sdf-week-meta {
  min-height: 31px !important;
  padding: 0 13px !important;
  margin-bottom: 11px !important;
  border: 1px solid rgba(40,78,60,.18) !important;
  border-radius: 999px !important;
  background: rgba(76,113,90,.06) !important;
  color: #557362 !important;
  font-size: clamp(9px, .72vw, 11px) !important;
  font-weight: 900 !important;
  letter-spacing: .13em !important;
}

/* 10. sınıf içerik kartlarını da 11. sınıf yüzey diline geçir. */
.sdf-g10-week .sdf-g10-reading,
.sdf-g10-week .sdf-g10-side > *,
.sdf-g10-week .sdf-g10-agenda-card,
.sdf-g10-week .sdf-g10-wisdom-reading,
.sdf-g10-week .sdf-g10-philosopher-gallery,
.sdf-g10-activity-page .sdf-g10-discipline-table-wrap,
.sdf-g10-activity-page .sdf-g10-life-list,
.sdf-g10-activity-page .sdf-g10-socrates-cases-grid,
.sdf-g10-activity-page .sdf-g10-certainty-board,
.sdf-g10-activity-page .sdf-g10-dark-story-text,
.sdf-g10-activity-page .sdf-g10-dark-story-questions,
.sdf-g10-activity-page .sdf-g10-sisyphus-scroll {
  border-color: rgba(40,78,60,.14) !important;
  border-radius: 20px !important;
  background: rgba(250,250,246,.78) !important;
}

.sdf-g10-week .sdf-g10-reading {
  scrollbar-width: thin !important;
  scrollbar-color: #7f9a89 rgba(54,86,67,.08) !important;
}
.sdf-g10-week .sdf-g10-reading::-webkit-scrollbar { width: 10px !important; }
.sdf-g10-week .sdf-g10-reading::-webkit-scrollbar-track { background: rgba(54,86,67,.06) !important; border-radius: 999px !important; }
.sdf-g10-week .sdf-g10-reading::-webkit-scrollbar-thumb { background: #7f9a89 !important; border-radius: 999px !important; border: 2px solid #f5f6f1 !important; }
.sdf-g10-week .sdf-g10-reading p {
  color: #30443a !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(16px, 1.22vw, 20px) !important;
  line-height: 1.62 !important;
}
.sdf-g10-week .sdf-g10-reading strong { color: #173b2e !important; }
.sdf-g10-week .sdf-g10-reading em { color: #7a6338 !important; }

/* G10 footer içindeki ara sarmalayıcı, G11 gibi doğrudan footer çocukları davranışı gösterir. */
.sdf-g10-week .sdf-g10-footer .sdf-g10-nav-pair {
  display: contents !important;
}

.sdf-g10-week .sdf-g10-footer > span {
  color: #718177 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
}

/* 10. sınıf etkinlik kökü de 11. sınıf arkaplan ve ekran diliyle aynı. */
.sdf-g10-activity-page {
  background:
    radial-gradient(circle at 14% 8%, rgba(102,135,111,.11), transparent 28%),
    radial-gradient(circle at 90% 84%, rgba(193,166,105,.12), transparent 25%),
    linear-gradient(135deg, #f8f6ef 0%, #edf2eb 58%, #f7f1e4 100%) !important;
  color: #172d26 !important;
}

@media (max-width: 900px) {
  .sdf-g10-week .sdf-g10-slide-shell,
  .sdf-g10-activity-page .sdf-g10-activity-shell {
    width: 100% !important;
    height: auto !important;
    min-height: 94vh !important;
    padding: 58px 22px 22px !important;
    border-radius: 22px !important;
  }
  .sdf-g10-week .sdf-g10-header,
  .sdf-g10-activity-page .sdf-g10-activity-head {
    padding-right: 0 !important;
  }
}


/* v1.33.79 — 10. sınıf 4. sayfa müzik player: başlığın sağındaki boşluğa sabitlenir. */
.sdf-g10-week .sdf-g10-slide-shell--story .sdf-g10-story-header {
  position: relative !important;
  display: block !important;
  min-height: 184px !important;
  padding-right: clamp(500px, 42vw, 670px) !important;
}

.sdf-g10-week .sdf-g10-slide-shell--story .sdf-g10-story-header-main {
  min-width: 0 !important;
  max-width: 900px !important;
}

.sdf-g10-week .sdf-g10-slide-shell--story .sdf-g10-story-radio--header {
  position: absolute !important;
  top: 46px !important;
  right: 0 !important;
  width: clamp(470px, 39vw, 620px) !important;
  max-width: calc(100% - 940px) !important;
  min-width: 440px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 13px 15px !important;
  display: grid !important;
  grid-template-columns: minmax(180px, .72fr) minmax(240px, 1.28fr) !important;
  align-items: center !important;
  gap: 13px !important;
  border-radius: 16px !important;
  z-index: 4 !important;
}

.sdf-g10-week .sdf-g10-slide-shell--story .sdf-g10-story-radio--header > div:first-child {
  min-width: 0 !important;
}

.sdf-g10-week .sdf-g10-slide-shell--story .sdf-g10-story-radio--header > div:first-child span {
  font-size: 7.5px !important;
  letter-spacing: .13em !important;
  white-space: nowrap !important;
}

.sdf-g10-week .sdf-g10-slide-shell--story .sdf-g10-story-radio--header > div:first-child strong {
  margin-top: 3px !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.sdf-g10-week .sdf-g10-slide-shell--story .sdf-g10-story-radio--header > div:first-child p {
  display: none !important;
}

.sdf-g10-week .sdf-g10-slide-shell--story .sdf-g10-story-radio--header audio {
  width: 100% !important;
  min-width: 0 !important;
  height: 38px !important;
}

@media (max-width: 1280px) and (min-width: 981px) {
  .sdf-g10-week .sdf-g10-slide-shell--story .sdf-g10-story-header {
    padding-right: 430px !important;
  }
  .sdf-g10-week .sdf-g10-slide-shell--story .sdf-g10-story-radio--header {
    width: 410px !important;
    min-width: 410px !important;
    max-width: 410px !important;
    grid-template-columns: 1fr !important;
    top: 38px !important;
    gap: 7px !important;
  }
}

@media (max-width: 980px) {
  .sdf-g10-week .sdf-g10-slide-shell--story .sdf-g10-story-header {
    min-height: 0 !important;
    padding-right: 0 !important;
  }
  .sdf-g10-week .sdf-g10-slide-shell--story .sdf-g10-story-radio--header {
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-top: 10px !important;
    grid-template-columns: 1fr !important;
  }
}


/* v1.33.81 — G10 / 5. sayfa: tablolar + genel değerlendirme tek uzun içerik alanında */
.sdf-g10-slide-shell--socrates {
  grid-template-rows: auto auto minmax(0, 1fr) auto !important;
}
.sdf-g10-socrates-content {
  min-height: 0 !important;
  height: 100% !important;
  display: grid !important;
  grid-template-rows: auto auto !important;
  align-content: start !important;
  gap: 10px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 2px 10px 4px 2px !important;
  overscroll-behavior: contain !important;
  scrollbar-width: auto !important;
  scrollbar-color: #557b66 rgba(54,86,67,.10) !important;
}
.sdf-g10-socrates-content::-webkit-scrollbar { width: 14px !important; }
.sdf-g10-socrates-content::-webkit-scrollbar-track { background: rgba(54,86,67,.08) !important; border-radius: 999px !important; }
.sdf-g10-socrates-content::-webkit-scrollbar-thumb { background: #557b66 !important; border-radius: 999px !important; border: 3px solid rgba(255,255,255,.86) !important; }
.sdf-g10-socrates-content .sdf-g10-socrates-tables {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  padding-right: 2px !important;
}
.sdf-g10-socrates-content .sdf-g10-socrates-verdict {
  margin: 0 !important;
}

/* v1.33.82 — G10 / 5. sayfa: tablo + genel değerlendirme üst üste binmesini kesin düzelt */
.sdf-g10-slide-shell--socrates .sdf-g10-socrates-content {
  display: block !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.sdf-g10-slide-shell--socrates .sdf-g10-socrates-content .sdf-g10-socrates-tables {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-rows: max-content !important;
  height: auto !important;
  min-height: max-content !important;
  max-height: none !important;
  overflow: visible !important;
  margin: 0 0 12px 0 !important;
  padding: 2px 2px 4px !important;
}

.sdf-g10-slide-shell--socrates .sdf-g10-socrates-panel {
  height: auto !important;
  min-height: max-content !important;
  align-self: start !important;
}

.sdf-g10-slide-shell--socrates .sdf-g10-socrates-verdict {
  position: relative !important;
  z-index: 1 !important;
  clear: both !important;
  width: 100% !important;
  margin: 12px 0 4px !important;
}

@media (max-width: 1000px) {
  .sdf-g10-slide-shell--socrates .sdf-g10-socrates-content .sdf-g10-socrates-tables {
    grid-template-columns: 1fr !important;
  }
}

/* v1.33.88 — 10. sınıf 6. sayfa: üst kartta sabit/çalışan özel scrollbar */
.sdf-g10-wisdom-reading-wrap {
  position: relative;
  min-height: 0;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}
.sdf-g10-wisdom-reading-wrap .sdf-g10-wisdom-reading {
  width: 100%;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 32px !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none;
}
.sdf-g10-wisdom-reading-wrap .sdf-g10-wisdom-reading::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
.sdf-g10-wisdom-scrollbar {
  position: absolute;
  z-index: 15;
  top: 10px;
  right: 7px;
  bottom: 10px;
  width: 14px;
  border-radius: 999px;
  background: rgba(61,95,75,.16);
  box-shadow: inset 0 0 0 1px rgba(49,83,65,.14);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  cursor: pointer;
}
.sdf-g10-wisdom-scrollbar-thumb {
  position: absolute;
  top: 0;
  left: 1px;
  right: 1px;
  min-height: 38px;
  border: 2px solid rgba(255,255,255,.94);
  border-radius: 999px;
  background: #557b66;
  box-shadow: 0 2px 7px rgba(35,67,51,.22);
  transform: translateY(0);
  cursor: grab;
  user-select: none;
  touch-action: none;
}
.sdf-g10-wisdom-scrollbar-thumb:active { cursor: grabbing; background:#3f624f; }
.sdf-g10-wisdom-scrollbar.is-disabled .sdf-g10-wisdom-scrollbar-thumb {
  opacity: .42;
}

/* v1.33.88 — filozof popup: mütevazı portre + içerik aynı ekranda */
.sdf-g10-wisdom-dialog {
  width: min(820px, 94vw);
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  gap: 24px;
  align-items: center;
  padding: 26px;
  overflow: hidden;
}
.sdf-g10-wisdom-dialog > img {
  width: 180px;
  height: 180px;
  max-width: 180px;
  max-height: 180px;
  aspect-ratio: 1 / 1;
  justify-self: center;
  object-fit: cover;
  border-radius: 16px;
}
.sdf-g10-wisdom-dialog-copy {
  min-width: 0;
  min-height: 0;
  max-height: 64vh;
  overflow-y: auto;
  padding-right: 6px;
}
@media (max-width: 700px) {
  .sdf-g10-wisdom-dialog {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 20px;
  }
  .sdf-g10-wisdom-dialog > img {
    width: 140px;
    height: 140px;
    max-width: 140px;
    max-height: 140px;
  }
  .sdf-g10-wisdom-dialog-copy { max-height: 56vh; }
}


/* v1.33.89 — Hikmet üst kartı: gerçek scroll yüksekliği üreten iç katman. */
.sdf-g10-wisdom-reading-wrap .sdf-g10-wisdom-reading {
  display: block !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  touch-action: pan-y !important;
}
.sdf-g10-wisdom-reading-inner {
  width: 100%;
  min-width: 0;
  min-height: max-content;
  height: auto !important;
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(295px, .55fr);
  align-items: start;
  align-content: start;
  gap: 12px;
}
.sdf-g10-wisdom-reading-inner .sdf-g10-wisdom-lead,
.sdf-g10-wisdom-reading-inner .sdf-g10-wisdom-map {
  min-height: max-content !important;
  height: auto !important;
}
@media (max-width: 980px) {
  .sdf-g10-wisdom-reading-inner {
    grid-template-columns: 1fr;
  }
}


/* v1.33.90 — Hikmet üst kartı: scrollbar için gerçek ve garanti scroll mesafesi. */
@media (min-width: 901px) {
  .sdf-g10-slide-shell--wisdom .sdf-g10-wisdom-reading-wrap {
    min-height: 0 !important;
    overflow: hidden !important;
  }
  .sdf-g10-slide-shell--wisdom .sdf-g10-wisdom-reading-wrap .sdf-g10-wisdom-reading {
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
  }
  .sdf-g10-slide-shell--wisdom .sdf-g10-wisdom-reading-inner {
    min-height: 280px !important;
    height: auto !important;
    align-content: start !important;
  }
}


/* v1.33.91 — Hikmet üst kartı: özel/fake scrollbar kaldırıldı; gerçek native scroll. */
.sdf-g10-slide-shell--wisdom .sdf-g10-wisdom-reading-wrap {
  position: relative !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
}
.sdf-g10-slide-shell--wisdom .sdf-g10-wisdom-reading-wrap .sdf-g10-wisdom-reading {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow-y: scroll !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  touch-action: pan-y !important;
  scrollbar-width: auto !important;
  scrollbar-color: #557b66 rgba(54,86,67,.10) !important;
  scrollbar-gutter: stable !important;
  -ms-overflow-style: auto !important;
  padding-right: 12px !important;
}
.sdf-g10-slide-shell--wisdom .sdf-g10-wisdom-reading-wrap .sdf-g10-wisdom-reading::-webkit-scrollbar {
  width: 12px !important;
  height: auto !important;
}
.sdf-g10-slide-shell--wisdom .sdf-g10-wisdom-reading-wrap .sdf-g10-wisdom-reading::-webkit-scrollbar-track {
  background: rgba(54,86,67,.08) !important;
  border-radius: 999px !important;
}
.sdf-g10-slide-shell--wisdom .sdf-g10-wisdom-reading-wrap .sdf-g10-wisdom-reading::-webkit-scrollbar-thumb {
  background: #557b66 !important;
  border: 2px solid rgba(255,255,255,.92) !important;
  border-radius: 999px !important;
}
.sdf-g10-slide-shell--wisdom .sdf-g10-wisdom-reading-inner {
  display: grid !important;
  grid-template-columns: minmax(0, 1.45fr) minmax(295px, .55fr) !important;
  align-items: start !important;
  align-content: start !important;
  gap: 12px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 310px !important;
  max-height: none !important;
}
@media (max-width: 980px) {
  .sdf-g10-slide-shell--wisdom .sdf-g10-wisdom-reading-inner {
    grid-template-columns: 1fr !important;
    min-height: max-content !important;
  }
}


/* v1.33.92 — G10 6. sayfa: üst kart doğrudan içerik transformu ile kayar. */
@media (min-width: 901px) {
  .sdf-g10-slide-shell--wisdom {
    grid-template-rows: auto clamp(160px, 21vh, 185px) minmax(0, 1fr) auto auto !important;
  }
  .sdf-g10-slide-shell--wisdom .sdf-g10-wisdom-reading-wrap {
    position: relative !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
  }
  .sdf-g10-slide-shell--wisdom .sdf-g10-wisdom-reading {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    padding-right: 32px !important;
    touch-action: none !important;
    scrollbar-width: none !important;
  }
  .sdf-g10-slide-shell--wisdom .sdf-g10-wisdom-reading::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
  }
  .sdf-g10-slide-shell--wisdom .sdf-g10-wisdom-reading-inner {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.45fr) minmax(295px, .55fr) !important;
    align-items: start !important;
    align-content: start !important;
    gap: 12px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    transform: translate3d(0,0,0);
    will-change: transform;
  }
  .sdf-g10-slide-shell--wisdom .sdf-g10-wisdom-scrollbar {
    display: block !important;
    position: absolute !important;
    z-index: 50 !important;
    top: 12px !important;
    right: 8px !important;
    bottom: 12px !important;
    width: 14px !important;
    border-radius: 999px !important;
    background: rgba(61,95,75,.16) !important;
    box-shadow: inset 0 0 0 1px rgba(49,83,65,.14) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
  .sdf-g10-slide-shell--wisdom .sdf-g10-wisdom-scrollbar-thumb {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 1px !important;
    right: 1px !important;
    min-height: 38px !important;
    border: 2px solid rgba(255,255,255,.94) !important;
    border-radius: 999px !important;
    background: #557b66 !important;
    box-shadow: 0 2px 7px rgba(35,67,51,.22) !important;
    cursor: grab !important;
    touch-action: none !important;
    user-select: none !important;
  }
  .sdf-g10-slide-shell--wisdom .sdf-g10-wisdom-scrollbar.is-disabled .sdf-g10-wisdom-scrollbar-thumb {
    opacity: .35 !important;
  }
}


/* v1.33.93 — Hikmet üst kartı: scroll popup'tan bağımsız, garanti hareket mesafesi. */
@media (min-width: 901px) {
  .sdf-g10-slide-shell--wisdom .sdf-g10-wisdom-reading-wrap {
    position: relative !important;
    min-height: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
  }
  .sdf-g10-slide-shell--wisdom .sdf-g10-wisdom-reading {
    position: relative !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding-right: 32px !important;
    touch-action: none !important;
  }
  .sdf-g10-slide-shell--wisdom .sdf-g10-wisdom-reading-inner {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 330px !important;
    max-height: none !important;
    align-content: start !important;
    transform: translate3d(0,0,0);
    will-change: transform !important;
  }
  .sdf-g10-slide-shell--wisdom .sdf-g10-wisdom-scrollbar {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}


/* v1.33.94 — G10 Etkinlik 1: 11. sınıf etkinlik şablonu + footer üstünde biten içerik */
@media (min-width: 881px) {
  .sdf-g10-activity-page .sdf-g10-discipline-shell--g11 {
    width: min(1580px, 96vw);
    height: min(900px, 92vh);
    min-height: 690px;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: clamp(14px, 1.3vw, 22px);
    padding: clamp(32px, 3vw, 52px) clamp(34px, 3.5vw, 62px) clamp(24px, 2.3vw, 38px);
    overflow: hidden;
    border: 1px solid rgba(40,78,60,.15);
    border-radius: 30px;
    background: rgba(255,255,255,.80);
    box-shadow: 0 28px 80px rgba(39,68,51,.13);
    backdrop-filter: blur(9px);
  }

  .sdf-g10-activity-page .sdf-g10-discipline-shell--g11::before {
    height: 7px;
    background: linear-gradient(90deg, #284f3d, #77916d 52%, #c7a86b);
  }

  .sdf-g10-activity-page .sdf-g10-discipline-head--g11 {
    padding-right: 90px;
    padding-bottom: clamp(15px, 1.3vw, 22px);
    border-bottom: 1px solid rgba(40,78,60,.12);
  }

  .sdf-g10-activity-page .sdf-g10-discipline-head--g11 h1 {
    margin: 0;
    color: #173b2e;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(38px, 4.2vw, 72px);
    line-height: .98;
    letter-spacing: -.035em;
  }

  .sdf-g10-activity-page .sdf-g10-discipline-head--g11 h2 {
    margin: 9px 0 0;
    color: #7a6338;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(18px, 1.7vw, 28px);
    font-weight: 500;
    line-height: 1.25;
  }

  .sdf-g10-activity-page .sdf-g10-discipline-head--g11 > p {
    max-width: 1320px;
    margin: 9px 0 0;
    color: #506259;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(13px, 1vw, 17px);
    line-height: 1.45;
  }

  .sdf-g10-discipline-main {
    min-height: 0;
    height: 100%;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 10px;
    overflow: hidden;
  }

  .sdf-g10-discipline-main .sdf-g10-discipline-strip {
    min-height: 54px;
    padding: 8px 13px;
    border-radius: 18px;
    border-color: rgba(40,78,60,.14);
    background: rgba(250,250,246,.78);
  }

  .sdf-g10-discipline-main .sdf-g10-discipline-table-wrap {
    min-height: 0;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 20px;
    border-color: rgba(40,78,60,.14);
    background: rgba(250,250,246,.78);
  }

  .sdf-g10-discipline-footer--g11 {
    display: grid;
    grid-template-columns: 205px 1fr 205px;
    align-items: center;
    gap: 18px;
    min-height: 50px;
    padding-top: 2px;
    border-top: 0;
  }

  .sdf-g10-discipline-footer--g11 > .sdf-g10-discipline-hint {
    grid-column: 2;
    justify-self: center;
    width: 100%;
    color: #718177;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .10em;
    text-align: center;
    text-transform: uppercase;
  }

  .sdf-g10-discipline-footer--g11 .sdf-g10-discipline-submit--footer,
  .sdf-g10-discipline-footer--g11 .sdf-next-page {
    width: 205px;
    min-width: 205px;
    max-width: 205px;
    height: 50px;
    min-height: 50px;
    max-height: 50px;
    border-radius: 16px;
  }

  .sdf-g10-discipline-footer--g11 .sdf-g10-discipline-submit--footer {
    grid-column: 1;
    justify-self: start;
    padding: 0 20px;
    border: 1px solid #315a47;
    background: #315a47;
    color: #fff;
  }

  .sdf-g10-discipline-footer--g11 .sdf-next-page {
    grid-column: 3;
    justify-self: end;
  }
}


/* v1.33.95 — G10 Etkinlik 1: 11. sınıfın açık krem/yeşil sayfa rengi */
.sdf-g10-activity-page:has(.sdf-g10-discipline-shell--g11) {
  background:
    radial-gradient(circle at 14% 8%, rgba(102,135,111,.11), transparent 28%),
    radial-gradient(circle at 90% 84%, rgba(193,166,105,.12), transparent 25%),
    linear-gradient(135deg, #f8f6ef 0%, #edf2eb 58%, #f7f1e4 100%) !important;
  color: #172d26 !important;
}
.sdf-g10-activity-page:has(.sdf-g10-discipline-shell--g11) .sdf-g10-discipline-shell--g11 {
  background: rgba(255,255,255,.88) !important;
}


/* v1.33.96 — G10 Etkinlik 1: Gönder hatırlatıcı satırında, Etkinlik 1/6 daha küçük */
.sdf-g10-discipline-shell--g11 .sdf-g10-discipline-strip {
  grid-template-columns: 120px minmax(0, 1fr) 120px !important;
}
.sdf-g10-discipline-shell--g11 .sdf-g10-discipline-strip > strong,
.sdf-g10-discipline-shell--g11 .sdf-g10-discipline-submit--strip {
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  justify-content: center !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
  line-height: 1 !important;
}
.sdf-g10-discipline-shell--g11 .sdf-g10-discipline-strip > strong {
  display: inline-flex !important;
  align-items: center !important;
  background: #274f3e !important;
  color: #fff !important;
}
.sdf-g10-discipline-shell--g11 .sdf-g10-discipline-submit--strip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  border: 1px solid #315a47 !important;
  background: #315a47 !important;
  color: #fff !important;
  cursor: pointer !important;
}
.sdf-g10-discipline-shell--g11 .sdf-g10-discipline-submit--strip > span {
  font-size: 14px !important;
  line-height: 1 !important;
}
.sdf-g10-discipline-shell--g11 .sdf-g10-discipline-footer--g11 > .sdf-g10-discipline-hint {
  font-size: 9px !important;
  letter-spacing: .08em !important;
}
@media (max-width: 1100px) {
  .sdf-g10-discipline-shell--g11 .sdf-g10-discipline-strip {
    grid-template-columns: 110px minmax(0, 1fr) 110px !important;
    gap: 10px !important;
  }
  .sdf-g10-discipline-shell--g11 .sdf-g10-discipline-strip > strong,
  .sdf-g10-discipline-shell--g11 .sdf-g10-discipline-submit--strip {
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
  }
}

/* v1.33.97 — G10 Etkinlik 1/2: buton rengi, 2. sayfa footer metni ve tamamlama akışı */
.sdf-g10-discipline-shell--g11 .sdf-g10-discipline-footer--g11 .sdf-next-page {
  background: #315a47 !important;
  border-color: #315a47 !important;
  color: #fff !important;
  opacity: 1 !important;
  filter: none !important;
}
.sdf-g10-discipline-shell--g11 .sdf-g10-discipline-footer--g11 .sdf-next-page > span {
  color: #fff !important;
}

@media (min-width: 881px) {
  .sdf-g10-life-test .sdf-g10-life-progress {
    grid-template-columns: auto auto minmax(160px, 1fr) 190px !important;
    align-items: center !important;
    gap: 12px !important;
  }
  .sdf-g10-life-test .sdf-g10-life-submit--progress {
    width: 190px !important;
    min-width: 190px !important;
    max-width: 190px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border-radius: 11px !important;
    background: #315a47 !important;
    border: 1px solid #315a47 !important;
    color: #fff !important;
    font-size: 10px !important;
    letter-spacing: .08em !important;
    white-space: nowrap !important;
  }
  .sdf-g10-life-test .sdf-g10-life-submit--progress:disabled {
    opacity: .42 !important;
    cursor: not-allowed !important;
  }
  .sdf-g10-life-test .sdf-g10-life-submit--progress:not(:disabled) {
    opacity: 1 !important;
    cursor: pointer !important;
  }

  .sdf-g10-life-test .sdf-g10-life-footer--pages {
    display: grid !important;
    grid-template-columns: 205px minmax(0, 1fr) 205px !important;
    align-items: center !important;
    gap: 18px !important;
    min-height: 50px !important;
  }
  .sdf-g10-life-test .sdf-g10-life-footer--pages .sdf-prev-page {
    grid-column: 1 !important;
    justify-self: start !important;
    width: 205px !important;
    min-width: 205px !important;
    max-width: 205px !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    border-radius: 16px !important;
  }
  .sdf-g10-life-test .sdf-g10-life-footer--pages .sdf-g10-life-note {
    grid-column: 2 !important;
    justify-self: center !important;
    color: #718177 !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
    text-align: center !important;
    text-transform: uppercase !important;
  }
  .sdf-g10-life-test .sdf-g10-life-footer--pages .sdf-next-page {
    grid-column: 3 !important;
    justify-self: end !important;
    width: 205px !important;
    min-width: 205px !important;
    max-width: 205px !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    border-radius: 16px !important;
    background: #315a47 !important;
    border-color: #315a47 !important;
    color: #fff !important;
    text-decoration: none !important;
  }
}

@media (max-width: 880px) {
  .sdf-g10-life-test .sdf-g10-life-progress {
    grid-template-columns: auto auto !important;
  }
  .sdf-g10-life-test .sdf-g10-life-progress > div {
    grid-column: 1 / -1 !important;
  }
  .sdf-g10-life-test .sdf-g10-life-submit--progress {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
  }
}


/* v1.33.98 — G10 Etkinlik 1 Sonraki Sayfa rengi kesin sabit */
.sdf-g10-discipline-shell--g11 .sdf-g10-discipline-footer--g11 .sdf-g10-discipline-next--force,
.sdf-g10-discipline-shell--g11 .sdf-g10-discipline-footer--g11 .sdf-g10-discipline-next--force:hover,
.sdf-g10-discipline-shell--g11 .sdf-g10-discipline-footer--g11 .sdf-g10-discipline-next--force:focus,
.sdf-g10-discipline-shell--g11 .sdf-g10-discipline-footer--g11 .sdf-g10-discipline-next--force:active {
  background:#315a47 !important;
  background-color:#315a47 !important;
  border:1px solid #315a47 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  opacity:1 !important;
  filter:none !important;
  box-shadow:none !important;
}
.sdf-g10-discipline-shell--g11 .sdf-g10-discipline-footer--g11 .sdf-g10-discipline-next--force > * {
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  opacity:1 !important;
}


/* v1.33.99 — Etkinlik 1: Sonraki Sayfa görünür yüzeyi tema/fit stillerinden bağımsız */
.sdf-g10-discipline-shell--g11 .sdf-g10-discipline-footer--g11 .sdf-g10-discipline-next--force {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: #315a47 !important;
  background-color: #315a47 !important;
  border: 1px solid #315a47 !important;
  color: #fff !important;
  opacity: 1 !important;
  filter: none !important;
}
.sdf-g10-discipline-shell--g11 .sdf-g10-discipline-next--force > .sdf-g10-discipline-next-surface {
  position: absolute !important;
  inset: -1px !important;
  z-index: 999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 11px !important;
  padding: 0 18px !important;
  border-radius: 16px !important;
  background: #315a47 !important;
  background-color: #315a47 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
  filter: none !important;
  pointer-events: none !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .10em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
.sdf-g10-discipline-shell--g11 .sdf-g10-discipline-next--force > .sdf-g10-discipline-next-surface b {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font: inherit !important;
  letter-spacing: inherit !important;
}
.sdf-g10-discipline-shell--g11 .sdf-g10-discipline-next--force > .sdf-g10-discipline-next-surface i {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-style: normal !important;
  font-size: 18px !important;
  line-height: 1 !important;
}


/* v1.34.00 — G10 Etkinlik 1-4 footer ve sayaç standardı */
@media (min-width: 881px) {
  /* Etkinlik 1: Sonraki Sayfa her zaman sağda */
  .sdf-g10-discipline-shell--g11 .sdf-g10-discipline-footer--g11 .sdf-g10-discipline-next--force {
    grid-column: 3 !important;
    justify-self: end !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    left: auto !important;
    right: 0 !important;
  }

  /* Etkinlik 2: orta sayaç Etkinlik 1/6 ile aynı küçük boyutta */
  .sdf-g10-life-test .sdf-g10-life-footer--pages .sdf-g10-life-note {
    font-size: 9px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
    color: #718177 !important;
    text-transform: uppercase !important;
  }

  /* Etkinlik 3 ve 4: 11. sınıf footer düzeni */
  .sdf-g10-socrates-cases-footer,
  .sdf-g10-certainty-footer {
    display: grid !important;
    grid-template-columns: 205px minmax(0, 1fr) 205px !important;
    align-items: center !important;
    gap: 18px !important;
    min-height: 50px !important;
  }
  .sdf-g10-socrates-cases-footer .sdf-prev-page,
  .sdf-g10-certainty-footer .sdf-prev-page {
    grid-column: 1 !important;
    justify-self: start !important;
  }
  .sdf-g10-socrates-cases-footer .sdf-next-page,
  .sdf-g10-certainty-footer .sdf-next-page {
    grid-column: 3 !important;
    justify-self: end !important;
  }
  .sdf-g10-socrates-cases-footer .sdf-g10-activity-page-count,
  .sdf-g10-certainty-footer .sdf-g10-activity-page-count {
    grid-column: 2 !important;
    justify-self: center !important;
    margin: 0 !important;
    color: #718177 !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
    text-align: center !important;
    text-transform: uppercase !important;
  }
}

/* Etkinlik 4 notu üst boşlukta kompakt göster */
.sdf-g10-certainty-note--top {
  margin: 0 !important;
  padding: 7px 12px !important;
  font-size: 9.5px !important;
  line-height: 1.35 !important;
  min-height: 0 !important;
}


/* v1.34.01 — G10 Etkinlik 1, 4 ve 5 son yerleşim düzeltmeleri */
@media (min-width: 881px) {
  /* Etkinlik 1: 11. sınıf standart footer — Sonraki Sayfa sağda, standart ölçü */
  .sdf-g10-discipline-shell--g11 .sdf-g10-discipline-footer--g11 {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 205px minmax(0, 1fr) 205px !important;
    align-items: center !important;
    gap: 18px !important;
    width: 100% !important;
    min-height: 50px !important;
  }
  .sdf-g10-discipline-shell--g11 .sdf-g10-discipline-footer--g11 > .sdf-g10-discipline-hint {
    grid-column: 2 !important;
    justify-self: center !important;
    font-size: 9px !important;
  }
  .sdf-g10-discipline-shell--g11 .sdf-g10-discipline-footer--g11 .sdf-g10-discipline-next-standard {
    grid-column: 3 !important;
    justify-self: end !important;
    margin: 0 !important;
    width: 205px !important;
    min-width: 205px !important;
    max-width: 205px !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    padding: 0 20px !important;
    border: 1px solid #315a47 !important;
    border-radius: 16px !important;
    background: #315a47 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
    filter: none !important;
  }

  /* Etkinlik 4: içerik footer'a taşmasın; bloklar daha kompakt */
  .sdf-g10-certainty-activity {
    grid-template-rows: auto auto auto minmax(0, 1fr) auto !important;
    gap: 8px !important;
    overflow: hidden !important;
  }
  .sdf-g10-certainty-head {
    padding-bottom: 5px !important;
  }
  .sdf-g10-certainty-head > p {
    margin-top: 4px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
  .sdf-g10-certainty-note--top {
    padding: 6px 10px !important;
    font-size: 9px !important;
    line-height: 1.3 !important;
  }
  .sdf-g10-certainty-sentence {
    min-height: 82px !important;
    padding: 12px 18px 11px 22px !important;
    gap: 14px !important;
    border-radius: 18px !important;
  }
  .sdf-g10-certainty-sentence > span {
    top: 7px !important;
    left: 22px !important;
    font-size: 8px !important;
  }
  .sdf-g10-certainty-sentence blockquote {
    margin-top: 9px !important;
    font-size: clamp(18px, 1.45vw, 25px) !important;
    line-height: 1.18 !important;
  }
  .sdf-g10-certainty-level {
    min-width: 96px !important;
    padding: 9px 10px !important;
    border-radius: 14px !important;
  }
  .sdf-g10-certainty-level b { font-size: 27px !important; }
  .sdf-g10-certainty-level span { font-size: 12px !important; }
  .sdf-g10-certainty-level em { font-size: 8.5px !important; }
  .sdf-g10-certainty-board {
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    grid-template-columns: minmax(95px, .52fr) minmax(220px, .84fr) minmax(180px, .72fr) minmax(95px, .52fr) !important;
    gap: clamp(9px, 1.1vw, 18px) !important;
    padding: 8px clamp(12px, 1.4vw, 20px) !important;
    border-radius: 20px !important;
    overflow: hidden !important;
  }
  .sdf-g10-certainty-label { gap: 4px !important; }
  .sdf-g10-certainty-label strong { font-size: clamp(19px, 1.55vw, 27px) !important; }
  .sdf-g10-certainty-label small { font-size: 8px !important; }
  .sdf-g10-certainty-label--wisdom { padding-top: 8px !important; }
  .sdf-g10-certainty-label--philosophy { padding-bottom: 8px !important; }
  .sdf-g10-certainty-instrument {
    min-height: 0 !important;
    height: 100% !important;
    grid-template-columns: 54px 70px !important;
    gap: 7px !important;
    padding: 4px 6px !important;
  }
  .sdf-g10-certainty-scale {
    min-height: 0 !important;
    height: 100% !important;
  }
  .sdf-g10-certainty-tube {
    min-height: 0 !important;
    height: calc(100% - 8px) !important;
    width: 32px !important;
  }
  .sdf-g10-certainty-range {
    width: min(220px, 90%) !important;
    height: 42px !important;
  }
  .sdf-g10-certainty-axis {
    gap: 7px !important;
    padding: 10px 0 !important;
  }
  .sdf-g10-certainty-axis-top,
  .sdf-g10-certainty-axis-bottom {
    grid-template-columns: 28px 1fr !important;
    gap: 1px 7px !important;
  }
  .sdf-g10-certainty-axis-top > span,
  .sdf-g10-certainty-axis-bottom > span {
    width: 28px !important;
    height: 28px !important;
    font-size: 17px !important;
  }
  .sdf-g10-certainty-axis strong { font-size: 11px !important; }
  .sdf-g10-certainty-axis small { font-size: 9px !important; line-height: 1.25 !important; }
  .sdf-g10-certainty-axis-mid { font-size: 8px !important; gap: 7px !important; }

  .sdf-g10-certainty-footer,
  .sdf-g10-dark-story-footer {
    display: grid !important;
    grid-template-columns: 205px minmax(0, 1fr) 205px !important;
    align-items: center !important;
    gap: 18px !important;
    min-height: 50px !important;
  }
  .sdf-g10-certainty-footer .sdf-prev-page,
  .sdf-g10-dark-story-footer .sdf-prev-page {
    grid-column: 1 !important;
    justify-self: start !important;
  }
  .sdf-g10-certainty-footer .sdf-next-page,
  .sdf-g10-dark-story-footer .sdf-next-page {
    grid-column: 3 !important;
    justify-self: end !important;
  }
  .sdf-g10-certainty-footer .sdf-g10-activity-page-count,
  .sdf-g10-dark-story-footer .sdf-g10-activity-page-count {
    grid-column: 2 !important;
    justify-self: center !important;
    margin: 0 !important;
    color: #718177 !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }
}


/* v1.34.02 — Etkinlik 4: içerik footer alanına kesinlikle giremez. */
@media (min-width: 981px) {
  .sdf-g10-certainty-activity {
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    gap: 10px !important;
    overflow: hidden !important;
  }

  .sdf-g10-certainty-content {
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    display: grid !important;
    grid-template-rows: auto auto minmax(230px, 1fr) !important;
    gap: 8px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    scrollbar-gutter: stable !important;
    padding-right: 6px !important;
    scrollbar-width: thin !important;
    scrollbar-color: #6f907d rgba(54,86,67,.08) !important;
  }
  .sdf-g10-certainty-content::-webkit-scrollbar { width: 10px !important; }
  .sdf-g10-certainty-content::-webkit-scrollbar-track { background: rgba(54,86,67,.06) !important; border-radius: 999px !important; }
  .sdf-g10-certainty-content::-webkit-scrollbar-thumb { background: #6f907d !important; border-radius: 999px !important; border: 2px solid #f5f6f1 !important; }

  .sdf-g10-certainty-content .sdf-g10-certainty-note--top {
    margin: 0 !important;
    padding: 6px 10px !important;
    font-size: 9px !important;
    line-height: 1.3 !important;
  }

  .sdf-g10-certainty-content .sdf-g10-certainty-sentence {
    min-height: 96px !important;
    height: auto !important;
    padding: 13px 18px 12px 22px !important;
    gap: 14px !important;
  }
  .sdf-g10-certainty-content .sdf-g10-certainty-sentence blockquote {
    font-size: clamp(18px, 1.55vw, 26px) !important;
    line-height: 1.18 !important;
  }

  .sdf-g10-certainty-content .sdf-g10-certainty-board {
    min-height: 230px !important;
    height: 100% !important;
    max-height: none !important;
    overflow: hidden !important;
    padding: 8px clamp(12px, 1.4vw, 20px) !important;
  }

  .sdf-g10-certainty-content .sdf-g10-certainty-instrument {
    min-height: 210px !important;
    height: 100% !important;
  }
  .sdf-g10-certainty-content .sdf-g10-certainty-scale { min-height: 195px !important; }
  .sdf-g10-certainty-content .sdf-g10-certainty-tube { min-height: 185px !important; }
  .sdf-g10-certainty-content .sdf-g10-certainty-range { width: 195px !important; }

  .sdf-g10-certainty-footer {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    min-height: 50px !important;
    margin: 0 !important;
    z-index: 5 !important;
  }
}


/* v1.34.06 — G10 Etkinlik 4 ve 6 orta sayaç yazıları daha küçük */
.sdf-g10-certainty-footer > .sdf-g10-activity-page-count {
  font-size: 8px !important;
  line-height: 1.1 !important;
  letter-spacing: .07em !important;
}
.sdf-g10-sisyphus-footer > span {
  font-size: 6px !important;
  line-height: 1.1 !important;
  letter-spacing: .08em !important;
}


/* v1.34.10 — Hiyerarşik Konu Sunumları / Sayfa 3
 * Sayfa 0 header/footer kabuğu aynen kalır; yalnızca orta Düşünce Labirenti alanı sığdırılır. */
.sdf-g10-page3-shell {
  grid-template-rows: auto minmax(0, 1fr) auto;
}
.sdf-g10-page3-content {
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 8px;
  overflow: hidden;
}
.sdf-g10-page3-intro {
  margin: 0;
  color: #626a7b;
  font-size: clamp(11px, .88vw, 14px);
  line-height: 1.38;
}
.sdf-g10-page3-content .sdf-g10-maze {
  min-height: 0;
}
.sdf-g10-page3-content .sdf-g10-maze-scene {
  min-height: 0;
}
@media (max-width: 980px) {
  .sdf-g10-page3-content { overflow: visible; }
  .sdf-g10-page3-content .sdf-g10-maze-scene { min-height: 390px; }
}


/* v1.34.11 — Hiyerarşik Konu Sunumları / Sayfa 4
 * Sayfa 0 header/footer kabuğu korunur; yalnızca “Yolculuk, Kutu ve Ayna” orta alanı yerleştirilir. */
.sdf-g10-page4-shell {
  grid-template-rows: auto minmax(0, 1fr) auto;
}
.sdf-g10-page4-content {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(360px, .92fr) minmax(0, 1.45fr);
  gap: clamp(10px, 1vw, 16px);
  overflow: hidden;
}
.sdf-g10-page4-left {
  min-height: 0;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 10px;
  overflow: hidden;
}
.sdf-g10-w1-page4-template .sdf-g10-story-hero {
  min-height: 0;
  height: 100%;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: minmax(105px, 1fr) auto;
  gap: 6px 8px;
  padding: 8px 10px;
  border-radius: 16px;
}
.sdf-g10-w1-page4-template .sdf-g10-story-figure {
  min-height: 108px;
  transform: scale(.78);
  transform-origin: center center;
}
.sdf-g10-w1-page4-template .sdf-g10-story-box {
  transform: scale(.74) perspective(600px) rotateX(5deg) rotateY(-6deg);
}
.sdf-g10-w1-page4-template .sdf-g10-story-metaphor-copy {
  grid-column: 1 / -1;
  padding: 8px 10px;
  border-radius: 0 11px 11px 0;
}
.sdf-g10-w1-page4-template .sdf-g10-story-metaphor-copy strong {
  font-size: clamp(13px, 1vw, 17px);
}
.sdf-g10-w1-page4-template .sdf-g10-story-metaphor-copy p {
  margin-top: 3px;
  font-size: clamp(9px, .68vw, 11px);
  line-height: 1.35;
}
.sdf-g10-page4-radio {
  grid-template-columns: 1fr;
  gap: 6px;
  padding: 8px 10px;
  border-radius: 13px;
}
.sdf-g10-page4-radio > div:first-child p {
  display: none;
}
.sdf-g10-page4-radio audio {
  height: 32px;
}
.sdf-g10-page4-reading {
  height: 100%;
  max-height: none;
  padding: clamp(12px, 1.15vw, 18px) clamp(14px, 1.3vw, 20px);
  border-radius: 16px;
}
.sdf-g10-page4-reading p,
.sdf-g10-page4-reading blockquote {
  font-size: clamp(12px, .9vw, 15px);
  line-height: 1.56;
}
.sdf-g10-page4-reading blockquote {
  font-size: clamp(13px, .95vw, 16px);
  padding: 12px 14px;
}
@media (max-height: 760px) and (min-width: 981px) {
  .sdf-g10-w1-page4-template .sdf-g10-story-figure { transform: scale(.68); }
  .sdf-g10-w1-page4-template .sdf-g10-story-box { transform: scale(.64) perspective(600px) rotateX(5deg) rotateY(-6deg); }
  .sdf-g10-w1-page4-template .sdf-g10-story-metaphor-copy p { display: none; }
  .sdf-g10-page4-radio > div:first-child span { font-size: 7px; }
  .sdf-g10-page4-radio > div:first-child strong { font-size: 13px; }
}
@media (max-width: 980px) {
  .sdf-g10-page4-content {
    grid-template-columns: 1fr;
    overflow: visible;
  }
  .sdf-g10-page4-left {
    overflow: visible;
  }
  .sdf-g10-w1-page4-template .sdf-g10-story-hero {
    min-height: 270px;
  }
  .sdf-g10-page4-reading {
    max-height: 58vh;
  }
}
@media (max-width: 650px) {
  .sdf-g10-w1-page4-template .sdf-g10-story-hero {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: minmax(115px, 1fr) auto;
  }
  .sdf-g10-w1-page4-template .sdf-g10-story-box,
  .sdf-g10-w1-page4-template .sdf-g10-story-figure--monk,
  .sdf-g10-w1-page4-template .sdf-g10-story-figure--young,
  .sdf-g10-w1-page4-template .sdf-g10-story-metaphor-copy {
    grid-column: auto;
    grid-row: auto;
  }
  .sdf-g10-w1-page4-template .sdf-g10-story-metaphor-copy {
    grid-column: 1 / -1;
  }
}


/* v1.34.12 — Hiyerarşik Konu Sunumları / Sayfa 5
 * Sayfa 0 header/footer geometrisi korunur; eski 5. sayfanın Sokrates içeriği orta alana alınır. */
.sdf-g10-w1-page5-template .sdf-g10-page5-shell {
  grid-template-rows: auto auto minmax(0, 1fr) auto !important;
  gap: clamp(16px, 1.45vw, 24px) !important;
  padding: clamp(34px, 3vw, 52px) clamp(36px, 3.6vw, 64px) clamp(24px, 2.3vw, 38px) !important;
  overflow: hidden !important;
}
.sdf-g10-w1-page5-template .sdf-g10-socrates-stage {
  min-height: 122px;
}
.sdf-g10-w1-page5-template .sdf-g10-socrates-content {
  min-height: 0 !important;
  height: 100% !important;
}
@media (max-height: 760px) and (min-width: 981px) {
  .sdf-g10-w1-page5-template .sdf-g10-page5-shell {
    gap: 10px !important;
  }
  .sdf-g10-w1-page5-template .sdf-g10-socrates-stage {
    min-height: 104px !important;
  }
  .sdf-g10-w1-page5-template .sdf-g10-socrates {
    transform: scale(.84);
    transform-origin: center top;
  }
}
@media (max-width: 980px) {
  .sdf-g10-w1-page5-template .sdf-g10-page5-shell {
    height: auto !important;
    min-height: 94vh !important;
    overflow: visible !important;
  }
}


/* v1.34.13 — Hiyerarşik Konu Sunumları / Sayfa 6
 * Sayfa 0 header/footer yapısı korunur; Hikmet/Bilgelik/Hakikat/Felsefe içeriği orta alana sığdırılır. */
.sdf-g10-w1-page6-template .sdf-g10-page6-shell {
  grid-template-rows: auto clamp(138px, 20vh, 175px) minmax(0, 1fr) auto auto !important;
  gap: clamp(9px, .9vw, 14px) !important;
  padding: clamp(34px, 3vw, 52px) clamp(36px, 3.6vw, 64px) clamp(24px, 2.3vw, 38px) !important;
  overflow: hidden !important;
}
.sdf-g10-w1-page6-template .sdf-g10-page6-shell .sdf-g10-header {
  padding-bottom: clamp(15px, 1.25vw, 20px) !important;
}
.sdf-g10-w1-page6-template .sdf-g10-page6-shell .sdf-g10-header h2 {
  margin-top: 9px !important;
}
.sdf-g10-w1-page6-template .sdf-g10-wisdom-reading-wrap,
.sdf-g10-w1-page6-template .sdf-g10-philosopher-gallery {
  min-height: 0 !important;
}
.sdf-g10-w1-page6-template .sdf-g10-wisdom-source-note {
  margin: 0 !important;
}
@media (max-height: 760px) and (min-width: 981px) {
  .sdf-g10-w1-page6-template .sdf-g10-page6-shell {
    grid-template-rows: auto 128px minmax(0, 1fr) auto auto !important;
    gap: 7px !important;
  }
  .sdf-g10-w1-page6-template .sdf-g10-wisdom-lead p {
    font-size: 14px !important;
    line-height: 1.42 !important;
  }
  .sdf-g10-w1-page6-template .sdf-g10-philosopher-gallery {
    grid-template-columns: 170px minmax(0,1fr) !important;
    gap: 8px !important;
  }
  .sdf-g10-w1-page6-template .sdf-g10-gallery-intro {
    padding: 9px !important;
  }
  .sdf-g10-w1-page6-template .sdf-g10-gallery-intro strong {
    font-size: 12px !important;
  }
}
@media (max-width: 980px) {
  .sdf-g10-w1-page6-template .sdf-g10-page6-shell {
    height: auto !important;
    min-height: 94vh !important;
    grid-template-rows: auto auto auto auto auto !important;
    overflow: visible !important;
  }
}

/* v1.34.18 — 10. SINIF MERKEZİ: FONT AİLESİNİ 11. SINIFLA BİREBİR AYNI KAYNAKTAN AL
 * 10. sınıfa özel font-family zorlamaları kaldırıldı. Böylece 10. sınıfın başlık, kart,
 * açıklama, hafta ve CTA metinleri 11. sınıfta hangi gerçek font kuralı çalışıyorsa aynı
 * CSS cascade'ini kullanır. Renk, ölçü ve yerleşim düzeltmeleri korunur. */
html body .sdf-stage.sdf-stage--inner.sdf-grade-hub.sdf-grade-11[data-sdf-content-grade="10"] {
  color: #fff !important;
}

html body .sdf-stage.sdf-stage--inner.sdf-grade-hub.sdf-grade-11[data-sdf-content-grade="10"] .sdf-inner-heading h1 {
  margin: 0 !important;
  color: #e1c887 !important;
  font-size: clamp(48px, 5.8vw, 86px) !important;
  font-weight: 700 !important;
  line-height: .95 !important;
  letter-spacing: -.035em !important;
  text-transform: none !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 transparent !important;
}

html body .sdf-stage.sdf-stage--inner.sdf-grade-hub.sdf-grade-11[data-sdf-content-grade="10"] .sdf-inner-heading p {
  margin: 10px 0 0 !important;
  color: rgba(255,255,255,.68) !important;
  font-size: clamp(14px, 1.2vw, 18px) !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

html body .sdf-stage.sdf-stage--inner.sdf-grade-hub.sdf-grade-11[data-sdf-content-grade="10"] .sdf-badge {
  color: #e1c887 !important;
  font-weight: 800 !important;
  letter-spacing: .18em !important;
  text-shadow: none !important;
}

html body .sdf-stage.sdf-stage--inner.sdf-grade-hub.sdf-grade-11[data-sdf-content-grade="10"] .sdf-section-card,
html body .sdf-stage.sdf-stage--inner.sdf-grade-hub.sdf-grade-11[data-sdf-content-grade="10"] .sdf-section-card * {
  text-shadow: none !important;
  -webkit-text-stroke: 0 transparent !important;
}

html body .sdf-stage.sdf-stage--inner.sdf-grade-hub.sdf-grade-11[data-sdf-content-grade="10"] .sdf-section-card h2 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(18px, 1.45vw, 25px) !important;
  font-weight: 800 !important;
  font-style: normal !important;
  line-height: 1.12 !important;
  letter-spacing: .025em !important;
  text-transform: none !important;
}

html body .sdf-stage.sdf-stage--inner.sdf-grade-hub.sdf-grade-11[data-sdf-content-grade="10"] .sdf-section-card > p {
  margin: 13px 0 24px !important;
  color: rgba(255,255,255,.59) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
}

html body .sdf-stage.sdf-stage--inner.sdf-grade-hub.sdf-grade-11[data-sdf-content-grade="10"] .sdf-section-no {
  color: rgba(255,255,255,.22) !important;
  font-size: 26px !important;
  font-weight: 700 !important;
}

html body .sdf-stage.sdf-stage--inner.sdf-grade-hub.sdf-grade-11[data-sdf-content-grade="10"] .sdf-week span {
  color: #e1c887 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .17em !important;
}

html body .sdf-stage.sdf-stage--inner.sdf-grade-hub.sdf-grade-11[data-sdf-content-grade="10"] .sdf-week strong {
  color: rgba(255,255,255,.92) !important;
  font-size: clamp(13px, 1.05vw, 16px) !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

html body .sdf-stage.sdf-stage--inner.sdf-grade-hub.sdf-grade-11[data-sdf-content-grade="10"] .sdf-week--link em {
  color: #e1c887 !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}


/* v1.34.21 — 10. sınıf Konu Sunumları sınır sayfaları:
   Sayfa 1'de Önceki, Sayfa 6'da Sonraki/Son Sayfa düğmesi gösterilmez.
   Görünmez yer tutucu yalnızca masaüstünde sayacı orta konumda tutar. */
.sdf-g10-boundary-footer .sdf-page-nav-spacer {
  display: block;
  width: 196px;
  min-width: 196px;
  height: 1px;
  padding: 0;
}
@media (max-width: 960px) {
  .sdf-g10-boundary-footer .sdf-page-nav-spacer { display: none; }
}


/* v1.34.24 — 10. sınıf / 1. hafta / sayfa 6:
 * Hikmet–Bilgelik–Hakikat–Felsefe metni görünür biçimde büyütüldü.
 * Özellikle 720–760px yatay ekranlarda eski 11.5px küçültme kuralını kesin olarak ezer. */
.sdf-g10-w1-page6-template .sdf-g10-wisdom-reading .sdf-g10-wisdom-lead p {
  font-size: clamp(14px, 1.08vw, 16.5px) !important;
  line-height: 1.44 !important;
}
@media (max-height: 760px) and (min-width: 981px) {
  .sdf-g10-w1-page6-template .sdf-g10-wisdom-reading .sdf-g10-wisdom-lead p {
    font-size: 14px !important;
    line-height: 1.42 !important;
  }
}


/* =========================================================
   v1.34.29 — G10 KONU SUNUMLARI: SABİT HEADER + SABİT FOOTER
   Header ve footer her zaman kendi grid satırında görünür kalır.
   Orta bölüm kalan yüksekliği doldurur; dışarı taşma/ikinci sayfa uzaması yoktur.
   Özellikle fiziksel portre telefonda sanal yatay tahta kullanılırken eski
   max-width:980px height:auto / overflow:visible kuralları burada ezilir.
   ========================================================= */
html.sdf-standard-fit body :is(
  .sdf-g10-w1-page1-template,
  .sdf-g10-w1-page2-template,
  .sdf-g10-w1-page3-template,
  .sdf-g10-w1-page4-template,
  .sdf-g10-w1-page5-template,
  .sdf-g10-w1-page6-template
) .sdf-g10-slide {
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow: hidden !important;
}

html.sdf-standard-fit body :is(
  .sdf-g10-w1-page1-template,
  .sdf-g10-w1-page2-template,
  .sdf-g10-w1-page3-template,
  .sdf-g10-w1-page4-template,
  .sdf-g10-w1-page5-template,
  .sdf-g10-w1-page6-template
) .sdf-g10-slide-shell {
  min-height: 0 !important;
  max-height: 100% !important;
  overflow: hidden !important;
  align-content: stretch !important;
}

html.sdf-standard-fit body :is(
  .sdf-g10-w1-page1-template,
  .sdf-g10-w1-page2-template,
  .sdf-g10-w1-page3-template,
  .sdf-g10-w1-page4-template,
  .sdf-g10-w1-page5-template,
  .sdf-g10-w1-page6-template
) .sdf-g10-header {
  position: relative !important;
  inset: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  z-index: 3 !important;
}

html.sdf-standard-fit body :is(
  .sdf-g10-w1-page1-template,
  .sdf-g10-w1-page2-template,
  .sdf-g10-w1-page3-template,
  .sdf-g10-w1-page4-template,
  .sdf-g10-w1-page5-template,
  .sdf-g10-w1-page6-template
) .sdf-g10-footer {
  position: relative !important;
  inset: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  min-height: var(--sdf-standard-nav-height) !important;
  max-height: none !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
  overflow: visible !important;
  z-index: 4 !important;
}

/* Sayfa 1–4: tek orta blok kalan alanın tamamını alır. */
html.sdf-standard-fit body .sdf-g10-w1-page1-template .sdf-g10-slide-shell,
html.sdf-standard-fit body .sdf-g10-w1-page2-template .sdf-g10-slide-shell,
html.sdf-standard-fit body .sdf-g10-w1-page3-template .sdf-g10-slide-shell,
html.sdf-standard-fit body .sdf-g10-w1-page4-template .sdf-g10-slide-shell {
  grid-template-rows: auto minmax(0, 1fr) auto !important;
}

html.sdf-standard-fit body .sdf-g10-w1-page1-template .sdf-g10-content-grid,
html.sdf-standard-fit body .sdf-g10-w1-page2-template .sdf-g10-agenda,
html.sdf-standard-fit body .sdf-g10-w1-page3-template .sdf-g10-page3-content,
html.sdf-standard-fit body .sdf-g10-w1-page4-template .sdf-g10-page4-content {
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
}

/* Sayfa 5: Sokrates sahnesi kendi yüksekliğini korur, içerik kalan alanı doldurur. */
html.sdf-standard-fit body .sdf-g10-w1-page5-template .sdf-g10-page5-shell {
  grid-template-rows: auto auto minmax(0, 1fr) auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
html.sdf-standard-fit body .sdf-g10-w1-page5-template .sdf-g10-socrates-stage {
  min-height: 0 !important;
  max-height: 130px !important;
  overflow: hidden !important;
}
html.sdf-standard-fit body .sdf-g10-w1-page5-template .sdf-g10-socrates-content {
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* Sayfa 6: header/footer sabit; metin + filozof alanı orta bölümü paylaşır. */
html.sdf-standard-fit body .sdf-g10-w1-page6-template .sdf-g10-page6-shell {
  grid-template-rows: auto clamp(118px, 18vh, 160px) minmax(0, 1fr) auto auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
html.sdf-standard-fit body .sdf-g10-w1-page6-template .sdf-g10-wisdom-reading-wrap,
html.sdf-standard-fit body .sdf-g10-w1-page6-template .sdf-g10-philosopher-gallery {
  min-height: 0 !important;
  max-height: 100% !important;
  overflow: hidden !important;
}
html.sdf-standard-fit body .sdf-g10-w1-page6-template .sdf-g10-philosopher-grid {
  min-height: 0 !important;
  max-height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
html.sdf-standard-fit body .sdf-g10-w1-page6-template .sdf-g10-wisdom-source-note {
  margin: 0 !important;
  min-height: 0 !important;
}

/* Sayfa 6'da v1.34.28'deki geçici translate artık gerekli değil; footer satırı hizayı çözer. */
html.sdf-standard-fit body .sdf-g10-w1-page6-template .sdf-g10-footer .sdf-prev-page {
  transform: none !important;
}


/* =========================================================
   v1.34.30 — Ana sayfa Felsefe Duvarı: mobilde PC ile içerik eşitliği
   ========================================================= */
@media (max-width: 820px) {
  /* Popup PC'deki gibi çerçeveli ve tam içerikli kalsın. */
  .sdf-smartboard-landing .sdf-wall-modal{
    padding:8px!important;
    place-items:center!important;
    overflow:hidden!important;
  }
  .sdf-smartboard-landing .sdf-wall-dialog--social{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    height:calc(100svh - 16px)!important;
    max-height:calc(100svh - 16px)!important;
    margin:0!important;
    border:1px solid rgba(255,255,255,.62)!important;
    border-radius:22px!important;
    grid-template-rows:auto minmax(0,1fr)!important;
  }

  /* PC'de görünen header öğelerinin hiçbiri mobilde gizlenmesin. */
  .sdf-smartboard-landing .sdf-wall-header--social{
    grid-template-columns:46px minmax(0,1fr) auto!important;
    gap:10px!important;
    padding:11px 52px 10px 12px!important;
  }
  .sdf-smartboard-landing .sdf-wall-header-symbol{
    width:44px!important;
    height:44px!important;
    border-radius:14px!important;
    font-size:22px!important;
  }
  .sdf-smartboard-landing .sdf-wall-header-copy h2{
    font-size:22px!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .sdf-smartboard-landing .sdf-wall-header-copy p{
    display:block!important;
    font-size:10px!important;
    line-height:1.25!important;
  }
  .sdf-smartboard-landing .sdf-wall-live{
    display:inline-flex!important;
    position:static!important;
    right:auto!important;
    top:auto!important;
    padding:5px 8px!important;
    font-size:7.5px!important;
  }
  .sdf-smartboard-landing .sdf-wall-close{
    top:10px!important;
    right:10px!important;
    width:36px!important;
    height:36px!important;
  }

  /* Mobilde özellikle kaybolan PC etiketlerini geri getir. */
  .sdf-smartboard-landing .sdf-wall-post-badge{
    display:inline-flex!important;
    align-items:center!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-fresh{
    display:inline-flex!important;
    align-items:center!important;
  }

  /* Tek popup içinde bütün içerik erişilebilir olsun. */
  .sdf-smartboard-landing .sdf-wall-social-layout{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .sdf-smartboard-landing .sdf-wall-feed,
  .sdf-smartboard-landing .sdf-wall-comments-panel{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .sdf-smartboard-landing .sdf-wall-comments-panel{
    overflow:hidden!important;
  }
  .sdf-smartboard-landing .sdf-wall-comments-head,
  .sdf-smartboard-landing .sdf-wall-comments-pagination,
  .sdf-smartboard-landing .sdf-wall-social-toolbar{
    display:grid!important;
  }
  .sdf-smartboard-landing .sdf-wall-comments-live{
    display:inline-flex!important;
  }
}

/* Telefon/tablet yataydayken PC'deki iki sütunlu Duvar düzenini koru. */
@media (max-width: 820px) and (orientation: landscape) {
  .sdf-smartboard-landing .sdf-wall-social-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1.48fr) minmax(250px,.72fr)!important;
    gap:10px!important;
    padding:10px!important;
  }
  .sdf-smartboard-landing .sdf-wall-feed{
    overflow-y:auto!important;
    padding:1px 3px 8px 1px!important;
  }
  .sdf-smartboard-landing .sdf-wall-comments-panel{
    margin-top:0!important;
    min-height:0!important;
    height:auto!important;
  }
  .sdf-smartboard-landing .sdf-wall-comments-body{
    max-height:none!important;
    min-height:0!important;
    overflow-y:auto!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-head{
    grid-template-columns:38px minmax(0,1fr) auto!important;
    gap:8px!important;
    padding:9px 10px!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-avatar{
    width:36px!important;
    height:36px!important;
    font-size:17px!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-body{
    grid-template-columns:minmax(210px,46%) minmax(0,1fr)!important;
    min-height:315px!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-visual{
    min-height:315px!important;
    height:auto!important;
    aspect-ratio:auto!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-visual img{
    min-height:315px!important;
    height:100%!important;
    aspect-ratio:auto!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-copy{
    min-height:315px!important;
    padding:18px 16px!important;
    gap:11px!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-copy>p{
    max-height:180px!important;
    overflow:auto!important;
    font-size:clamp(16px,2.5vw,22px)!important;
  }
  .sdf-smartboard-landing .sdf-wall-inline-comment{
    margin-top:9px!important;
  }
  .sdf-smartboard-landing .sdf-wall-identity-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .sdf-smartboard-landing .sdf-wall-identity-grid label:last-child{
    grid-column:auto!important;
  }
}

/* Dar/dikey ekranda görünüm alt alta olur ama PC'deki hiçbir içerik eksilmez. */
@media (max-width: 760px) and (orientation: portrait) {
  .sdf-smartboard-landing .sdf-wall-header--social{
    grid-template-columns:40px minmax(0,1fr) auto!important;
    gap:8px!important;
    padding:9px 48px 9px 10px!important;
  }
  .sdf-smartboard-landing .sdf-wall-header-symbol{
    width:38px!important;
    height:38px!important;
    border-radius:12px!important;
    font-size:20px!important;
  }
  .sdf-smartboard-landing .sdf-wall-header-copy h2{
    font-size:19px!important;
  }
  .sdf-smartboard-landing .sdf-wall-header-copy p{
    display:block!important;
    font-size:8.5px!important;
  }
  .sdf-smartboard-landing .sdf-wall-live{
    display:inline-flex!important;
    padding:4px 6px!important;
    font-size:6.5px!important;
  }
  .sdf-smartboard-landing .sdf-wall-social-layout{
    display:block!important;
    padding:7px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  .sdf-smartboard-landing .sdf-wall-feed{
    overflow:visible!important;
    padding:0!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-head{
    grid-template-columns:34px minmax(0,1fr) auto!important;
    gap:7px!important;
    padding:8px!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-badge{
    display:inline-flex!important;
    padding:5px 7px!important;
    font-size:6.5px!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-body{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-visual{
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    aspect-ratio:1/1!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-visual img{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    object-fit:cover!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-copy{
    min-height:0!important;
    padding:15px 14px 16px!important;
    gap:10px!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-copy>p{
    max-height:none!important;
    overflow:visible!important;
    font-size:clamp(17px,5vw,23px)!important;
    line-height:1.3!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-fresh{
    display:inline-flex!important;
    margin-left:auto!important;
  }
  .sdf-smartboard-landing .sdf-wall-inline-comment{
    margin-top:8px!important;
  }
  .sdf-smartboard-landing .sdf-wall-comment-form{
    grid-template-columns:1fr!important;
  }
  .sdf-smartboard-landing .sdf-wall-identity-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .sdf-smartboard-landing .sdf-wall-identity-grid label:last-child{
    grid-column:1/-1!important;
  }
  .sdf-smartboard-landing .sdf-wall-comments-panel{
    display:block!important;
    margin-top:9px!important;
    min-height:360px!important;
  }
  .sdf-smartboard-landing .sdf-wall-comments-body{
    max-height:300px!important;
    overflow-y:auto!important;
  }
  .sdf-smartboard-landing .sdf-wall-social-toolbar{
    position:static!important;
  }
}

/* Çok dar telefonlarda bile PC'deki canlı etiketi ve açıklama kaybolmasın. */
@media (max-width: 390px) {
  .sdf-smartboard-landing .sdf-wall-live{
    display:inline-flex!important;
  }
  .sdf-smartboard-landing .sdf-wall-header-copy p{
    display:block!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-copy>p{
    max-height:none!important;
  }
}


/* =========================================================
   v1.34.31 — Felsefe Duvarı: sağ yorum paneli her ekranda görünür
   Mobilde de masaüstü mantığı: SOL = gönderi, SAĞ = yorumlar.
   ========================================================= */
@media (max-width: 820px) {
  .sdf-smartboard-landing .sdf-wall-dialog--social{
    grid-template-rows:auto minmax(0,1fr)!important;
    overflow:hidden!important;
  }

  /* v1.33.30 / v1.34.30'daki mobil display:block kurallarını kesin olarak ez. */
  .sdf-smartboard-landing .sdf-wall-social-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1.62fr) minmax(0,.78fr)!important;
    grid-template-rows:minmax(0,1fr)!important;
    gap:7px!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    padding:7px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    align-items:stretch!important;
  }

  .sdf-smartboard-landing .sdf-wall-feed{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0 3px 6px 0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .sdf-smartboard-landing .sdf-wall-comments-panel{
    grid-column:2!important;
    grid-row:1!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto auto!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:100%!important;
    max-height:100%!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:15px!important;
    visibility:visible!important;
    opacity:1!important;
  }

  .sdf-smartboard-landing .sdf-wall-comments-head{
    display:flex!important;
    min-width:0!important;
    padding:9px 8px 7px!important;
    gap:5px!important;
  }
  .sdf-smartboard-landing .sdf-wall-comments-head h3{
    font-size:13px!important;
    white-space:nowrap!important;
  }
  .sdf-smartboard-landing .sdf-wall-comments-live{
    display:inline-flex!important;
    flex:0 0 auto!important;
    font-size:6px!important;
    gap:3px!important;
  }
  .sdf-smartboard-landing .sdf-wall-comments-live i{
    width:5px!important;
    height:5px!important;
  }

  .sdf-smartboard-landing .sdf-wall-comments-body{
    display:block!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    padding:2px 7px 5px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .sdf-smartboard-landing .sdf-wall-comments-empty,
  .sdf-smartboard-landing .sdf-wall-comments-loading{
    min-height:100%!important;
    padding:10px 5px!important;
    font-size:8px!important;
  }
  .sdf-smartboard-landing .sdf-wall-social-comment{
    grid-template-columns:30px minmax(0,1fr)!important;
    gap:6px!important;
    padding:8px 0!important;
  }
  .sdf-smartboard-landing .sdf-wall-social-comment-image{
    width:29px!important;
    height:29px!important;
    border-radius:9px!important;
  }
  .sdf-smartboard-landing .sdf-wall-social-comment-top strong{font-size:8.5px!important;}
  .sdf-smartboard-landing .sdf-wall-social-comment-top span{font-size:7px!important;}
  .sdf-smartboard-landing .sdf-wall-social-comment-top time{font-size:6.5px!important;}
  .sdf-smartboard-landing .sdf-wall-social-comment p{font-size:8px!important;line-height:1.35!important;}

  .sdf-smartboard-landing .sdf-wall-comments-pagination{
    display:grid!important;
    grid-template-columns:1fr auto 1fr!important;
    gap:4px!important;
    padding:6px!important;
  }
  .sdf-smartboard-landing .sdf-wall-comments-pagination button{
    min-width:0!important;
    min-height:28px!important;
    padding:0 3px!important;
    font-size:6.5px!important;
  }
  .sdf-smartboard-landing .sdf-wall-comments-pagination span{
    font-size:7px!important;
  }

  .sdf-smartboard-landing .sdf-wall-social-toolbar{
    display:grid!important;
    position:static!important;
    grid-template-columns:1fr!important;
    gap:4px!important;
    padding:6px!important;
  }
  .sdf-smartboard-landing .sdf-wall-tool{
    width:100%!important;
    min-width:0!important;
    min-height:31px!important;
    padding:0 4px!important;
    font-size:6.5px!important;
    white-space:normal!important;
  }
  .sdf-smartboard-landing .sdf-wall-tool span{
    font-size:11px!important;
    margin-right:2px!important;
  }

  /* Sol içerik mobilde daha kompakt olsun ki sağ panel gerçek bir sütun olarak kalsın. */
  .sdf-smartboard-landing .sdf-wall-post-head{
    grid-template-columns:30px minmax(0,1fr) auto!important;
    gap:6px!important;
    padding:7px!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-avatar{
    width:29px!important;
    height:29px!important;
    font-size:14px!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-author>strong{font-size:9.5px!important;}
  .sdf-smartboard-landing .sdf-wall-post-author>span{font-size:7px!important;}
  .sdf-smartboard-landing .sdf-wall-post-badge{
    display:inline-flex!important;
    padding:4px 5px!important;
    font-size:5.5px!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-body{
    grid-template-columns:minmax(0,42%) minmax(0,58%)!important;
    min-height:245px!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-visual{
    min-height:245px!important;
    height:auto!important;
    aspect-ratio:auto!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-visual img{
    min-height:245px!important;
    height:100%!important;
    aspect-ratio:auto!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-copy{
    min-height:245px!important;
    padding:12px 10px!important;
    gap:7px!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-copy>p{
    max-height:135px!important;
    overflow:auto!important;
    font-size:clamp(12px,2.8vw,18px)!important;
    line-height:1.26!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-signature small{max-width:100%!important;}
  .sdf-smartboard-landing .sdf-wall-post-actions{
    gap:6px!important;
    padding:5px 7px!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-stat{font-size:6.8px!important;}
  .sdf-smartboard-landing .sdf-wall-post-fresh{
    display:inline-flex!important;
    font-size:5.5px!important;
    padding:4px 5px!important;
  }

  .sdf-smartboard-landing .sdf-wall-inline-comment{
    margin-top:7px!important;
    padding:7px!important;
  }
  .sdf-smartboard-landing .sdf-wall-identity-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:4px!important;
  }
  .sdf-smartboard-landing .sdf-wall-identity-grid label:last-child{grid-column:auto!important;}
  .sdf-smartboard-landing .sdf-wall-identity-grid label>span{font-size:6px!important;}
  .sdf-smartboard-landing .sdf-wall-identity-grid input{
    height:28px!important;
    padding:0 6px!important;
    font-size:8px!important;
  }
  .sdf-smartboard-landing .sdf-wall-comment-form textarea{
    min-height:42px!important;
    max-height:62px!important;
    padding:7px!important;
    font-size:8.5px!important;
  }
  .sdf-smartboard-landing .sdf-wall-comment-submit-wrap button{
    min-width:90px!important;
    min-height:30px!important;
    font-size:6.5px!important;
  }
}

/* Çok dar ekranda da sağ panel alta düşmez; iki sütun korunur. */
@media (max-width: 520px) {
  .sdf-smartboard-landing .sdf-wall-social-layout{
    grid-template-columns:minmax(0,1.48fr) minmax(112px,.82fr)!important;
    gap:5px!important;
    padding:5px!important;
  }
  .sdf-smartboard-landing .sdf-wall-comments-head{
    padding:7px 5px!important;
  }
  .sdf-smartboard-landing .sdf-wall-comments-head .sdf-panel-kicker{display:none!important;}
  .sdf-smartboard-landing .sdf-wall-comments-head h3{font-size:11px!important;}
  .sdf-smartboard-landing .sdf-wall-comments-live{font-size:5.5px!important;}
  .sdf-smartboard-landing .sdf-wall-comments-pagination{
    grid-template-columns:1fr 1fr!important;
  }
  .sdf-smartboard-landing .sdf-wall-comments-pagination span{
    grid-column:1/-1!important;
    grid-row:1!important;
    text-align:center!important;
  }
  .sdf-smartboard-landing .sdf-wall-comments-pagination button:first-child{grid-column:1!important;grid-row:2!important;}
  .sdf-smartboard-landing .sdf-wall-comments-pagination button:last-child{grid-column:2!important;grid-row:2!important;}
}

/* =========================================================
   v1.34.32 — Felsefe Duvarı popup yatay oran
   Dikey pencere görünümünü kaldırır; içerik ekrana enine yayılır.
   ========================================================= */
.sdf-smartboard-landing .sdf-wall-dialog--social{
  width:min(1480px,98vw)!important;
  max-width:98vw!important;
  height:min(820px,90vh)!important;
  max-height:90vh!important;
}

@media (max-width:820px){
  .sdf-smartboard-landing .sdf-wall-modal{
    padding:4px!important;
    place-items:center!important;
    overflow:hidden!important;
  }
  .sdf-smartboard-landing .sdf-wall-dialog--social{
    width:calc(100vw - 8px)!important;
    max-width:calc(100vw - 8px)!important;
    height:min(76svh,calc((100vw - 8px) * .78))!important;
    max-height:min(76svh,calc((100vw - 8px) * .78))!important;
    min-height:0!important;
    margin:0!important;
    border-radius:17px!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    overflow:hidden!important;
  }
  .sdf-smartboard-landing .sdf-wall-header--social{
    min-height:0!important;
    grid-template-columns:34px minmax(0,1fr) auto!important;
    gap:7px!important;
    padding:6px 42px 6px 8px!important;
  }
  .sdf-smartboard-landing .sdf-wall-header-symbol{
    width:32px!important;
    height:32px!important;
    border-radius:10px!important;
    font-size:17px!important;
  }
  .sdf-smartboard-landing .sdf-wall-header-copy h2{
    margin:0 0 1px!important;
    font-size:16px!important;
    line-height:1!important;
  }
  .sdf-smartboard-landing .sdf-wall-header-copy p{
    display:block!important;
    font-size:6.7px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .sdf-smartboard-landing .sdf-wall-live{
    display:inline-flex!important;
    position:static!important;
    padding:3px 5px!important;
    font-size:5.5px!important;
    gap:3px!important;
  }
  .sdf-smartboard-landing .sdf-wall-close{
    top:6px!important;
    right:6px!important;
    width:29px!important;
    height:29px!important;
    font-size:18px!important;
  }

  .sdf-smartboard-landing .sdf-wall-social-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1.65fr) minmax(118px,.78fr)!important;
    grid-template-rows:minmax(0,1fr)!important;
    gap:5px!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    padding:5px!important;
    overflow:hidden!important;
  }
  .sdf-smartboard-landing .sdf-wall-feed,
  .sdf-smartboard-landing .sdf-wall-comments-panel{
    min-height:0!important;
    height:100%!important;
    max-height:100%!important;
  }
  .sdf-smartboard-landing .sdf-wall-feed{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:0 2px 4px 0!important;
  }
  .sdf-smartboard-landing .sdf-wall-comments-panel{
    margin:0!important;
    overflow:hidden!important;
  }

  /* Sol gönderi de yatay kalsın; resim + metin yan yana. */
  .sdf-smartboard-landing .sdf-wall-post-head{
    grid-template-columns:26px minmax(0,1fr) auto!important;
    gap:5px!important;
    padding:5px 6px!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-avatar{
    width:25px!important;
    height:25px!important;
    font-size:12px!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-author>strong{font-size:8px!important;}
  .sdf-smartboard-landing .sdf-wall-post-author>span{font-size:5.8px!important;}
  .sdf-smartboard-landing .sdf-wall-post-badge{
    display:inline-flex!important;
    padding:3px 4px!important;
    font-size:4.8px!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-body{
    grid-template-columns:minmax(0,41%) minmax(0,59%)!important;
    min-height:155px!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-visual,
  .sdf-smartboard-landing .sdf-wall-post-visual img{
    min-height:155px!important;
    height:100%!important;
    aspect-ratio:auto!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-copy{
    min-height:155px!important;
    padding:8px 7px!important;
    gap:5px!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-copy:before{
    right:7px!important;
    top:2px!important;
    font-size:30px!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-kicker{font-size:5px!important;}
  .sdf-smartboard-landing .sdf-wall-post-copy>p{
    max-height:84px!important;
    overflow:auto!important;
    font-size:clamp(10px,2.5vw,14px)!important;
    line-height:1.22!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-signature{
    gap:5px!important;
    padding-top:5px!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-signature>span{
    width:22px!important;
    height:22px!important;
    flex-basis:22px!important;
    font-size:10px!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-signature strong{font-size:7px!important;}
  .sdf-smartboard-landing .sdf-wall-post-signature small{font-size:5.8px!important;}
  .sdf-smartboard-landing .sdf-wall-post-actions{
    min-height:26px!important;
    gap:4px!important;
    padding:3px 5px!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-stat{font-size:5.5px!important;}
  .sdf-smartboard-landing .sdf-wall-post-stat i{font-size:9px!important;}
  .sdf-smartboard-landing .sdf-wall-post-fresh{
    display:inline-flex!important;
    padding:3px 4px!important;
    font-size:4.6px!important;
  }

  .sdf-smartboard-landing .sdf-wall-inline-comment{
    margin-top:5px!important;
    padding:5px!important;
    border-radius:10px!important;
  }
  .sdf-smartboard-landing .sdf-wall-inline-user{display:none!important;}
  .sdf-smartboard-landing .sdf-wall-comment-form{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:4px!important;
  }
  .sdf-smartboard-landing .sdf-wall-identity-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:3px!important;
  }
  .sdf-smartboard-landing .sdf-wall-identity-grid label:last-child{grid-column:auto!important;}
  .sdf-smartboard-landing .sdf-wall-identity-grid label>span{font-size:4.8px!important;}
  .sdf-smartboard-landing .sdf-wall-identity-grid input{
    height:23px!important;
    padding:0 5px!important;
    font-size:6.8px!important;
    border-radius:7px!important;
  }
  .sdf-smartboard-landing .sdf-wall-comment-form textarea{
    min-height:34px!important;
    max-height:48px!important;
    padding:5px!important;
    font-size:7px!important;
    border-radius:8px!important;
  }
  .sdf-smartboard-landing .sdf-wall-comment-submit-wrap{
    min-width:70px!important;
    width:auto!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    align-items:flex-end!important;
  }
  .sdf-smartboard-landing .sdf-wall-comment-submit-wrap>span{font-size:5px!important;}
  .sdf-smartboard-landing .sdf-wall-comment-submit-wrap button{
    min-width:70px!important;
    min-height:25px!important;
    padding:0 6px!important;
    font-size:5.5px!important;
    border-radius:7px!important;
  }
  .sdf-smartboard-landing .sdf-wall-status{min-height:8px!important;margin-top:2px!important;font-size:5.5px!important;}

  .sdf-smartboard-landing .sdf-wall-comments-head{
    padding:6px 5px!important;
  }
  .sdf-smartboard-landing .sdf-wall-comments-head h3{font-size:10px!important;}
  .sdf-smartboard-landing .sdf-wall-comments-live{font-size:5px!important;}
  .sdf-smartboard-landing .sdf-wall-comments-body{
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    padding:1px 5px 3px!important;
  }
  .sdf-smartboard-landing .sdf-wall-social-comment{
    grid-template-columns:24px minmax(0,1fr)!important;
    gap:4px!important;
    padding:5px 0!important;
  }
  .sdf-smartboard-landing .sdf-wall-social-comment-image{
    width:23px!important;
    height:23px!important;
    border-radius:7px!important;
  }
  .sdf-smartboard-landing .sdf-wall-social-comment-top strong{font-size:6.8px!important;}
  .sdf-smartboard-landing .sdf-wall-social-comment-top span{font-size:5.4px!important;}
  .sdf-smartboard-landing .sdf-wall-social-comment-top time{font-size:5px!important;}
  .sdf-smartboard-landing .sdf-wall-social-comment p{font-size:6.2px!important;line-height:1.28!important;}
  .sdf-smartboard-landing .sdf-wall-comments-pagination{
    grid-template-columns:1fr auto 1fr!important;
    gap:3px!important;
    padding:4px!important;
  }
  .sdf-smartboard-landing .sdf-wall-comments-pagination button{
    min-height:23px!important;
    padding:0 2px!important;
    font-size:5.5px!important;
  }
  .sdf-smartboard-landing .sdf-wall-comments-pagination span{font-size:5.5px!important;}
  .sdf-smartboard-landing .sdf-wall-social-toolbar{
    grid-template-columns:1fr 1fr!important;
    gap:3px!important;
    padding:4px!important;
  }
  .sdf-smartboard-landing .sdf-wall-tool{
    min-height:25px!important;
    padding:0 3px!important;
    font-size:5.3px!important;
  }
  .sdf-smartboard-landing .sdf-wall-tool span{font-size:9px!important;}
}

/* Telefon dikey tutulsa bile popup'ın kendisi dikey kart gibi uzamasın. */
@media (max-width:520px) and (orientation:portrait){
  .sdf-smartboard-landing .sdf-wall-dialog--social{
    width:calc(100vw - 6px)!important;
    max-width:calc(100vw - 6px)!important;
    height:min(68svh,calc((100vw - 6px) * .82))!important;
    max-height:min(68svh,calc((100vw - 6px) * .82))!important;
    border-radius:14px!important;
  }
  .sdf-smartboard-landing .sdf-wall-social-layout{
    grid-template-columns:minmax(0,1.55fr) minmax(108px,.82fr)!important;
    gap:4px!important;
    padding:4px!important;
  }
  .sdf-smartboard-landing .sdf-wall-header-copy p{font-size:6px!important;}
  .sdf-smartboard-landing .sdf-wall-post-copy>p{font-size:10px!important;}
}


/* =========================================================
   v1.34.33 — Felsefe Duvarı tam ekran + okunur ölçek
   Popup ekranın tamamına orantılı yayılır; iki sütun korunur.
   ========================================================= */
.sdf-smartboard-landing .sdf-wall-modal{
  padding:6px!important;
  place-items:center!important;
  overflow:hidden!important;
}
.sdf-smartboard-landing .sdf-wall-dialog--social{
  width:calc(100vw - 12px)!important;
  max-width:calc(100vw - 12px)!important;
  height:calc(100dvh - 12px)!important;
  max-height:calc(100dvh - 12px)!important;
  min-height:0!important;
  margin:0!important;
  border-radius:20px!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  overflow:hidden!important;
}
.sdf-smartboard-landing .sdf-wall-social-layout{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}

@media (max-width:820px){
  .sdf-smartboard-landing .sdf-wall-modal{padding:3px!important;}
  .sdf-smartboard-landing .sdf-wall-dialog--social{
    width:calc(100vw - 6px)!important;
    max-width:calc(100vw - 6px)!important;
    height:calc(100dvh - 6px)!important;
    max-height:calc(100dvh - 6px)!important;
    border-radius:15px!important;
  }
  .sdf-smartboard-landing .sdf-wall-header--social{
    grid-template-columns:40px minmax(0,1fr) auto!important;
    gap:9px!important;
    padding:8px 43px 8px 9px!important;
  }
  .sdf-smartboard-landing .sdf-wall-header-symbol{
    width:38px!important;
    height:38px!important;
    border-radius:11px!important;
    font-size:20px!important;
  }
  .sdf-smartboard-landing .sdf-wall-header-copy h2{
    font-size:clamp(18px,4vw,25px)!important;
    line-height:1.04!important;
  }
  .sdf-smartboard-landing .sdf-wall-header-copy p{
    display:block!important;
    font-size:clamp(7.5px,1.7vw,10.5px)!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .sdf-smartboard-landing .sdf-wall-live{
    display:inline-flex!important;
    padding:4px 7px!important;
    gap:4px!important;
    font-size:clamp(6px,1.35vw,8px)!important;
  }
  .sdf-smartboard-landing .sdf-wall-close{
    top:6px!important;
    right:6px!important;
    width:32px!important;
    height:32px!important;
    font-size:20px!important;
  }

  .sdf-smartboard-landing .sdf-wall-social-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1.72fr) minmax(130px,.84fr)!important;
    grid-template-rows:minmax(0,1fr)!important;
    gap:8px!important;
    padding:7px!important;
  }
  .sdf-smartboard-landing .sdf-wall-feed,
  .sdf-smartboard-landing .sdf-wall-comments-panel{
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
  }
  .sdf-smartboard-landing .sdf-wall-feed{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:0 3px 5px 0!important;
  }
  .sdf-smartboard-landing .sdf-wall-comments-panel{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto auto!important;
    overflow:hidden!important;
    border-radius:14px!important;
  }

  .sdf-smartboard-landing .sdf-wall-post-head{
    grid-template-columns:34px minmax(0,1fr) auto!important;
    gap:7px!important;
    padding:7px 8px!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-avatar{
    width:33px!important;
    height:33px!important;
    font-size:15px!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-author>strong{font-size:clamp(9px,2vw,12px)!important;}
  .sdf-smartboard-landing .sdf-wall-post-author>span{font-size:clamp(7px,1.55vw,9.5px)!important;}
  .sdf-smartboard-landing .sdf-wall-post-badge{
    display:inline-flex!important;
    padding:4px 6px!important;
    font-size:clamp(5.5px,1.2vw,7.5px)!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-body{
    grid-template-columns:minmax(0,42%) minmax(0,58%)!important;
    min-height:clamp(230px,46dvh,500px)!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-visual,
  .sdf-smartboard-landing .sdf-wall-post-visual img{
    min-height:clamp(230px,46dvh,500px)!important;
    height:100%!important;
    aspect-ratio:auto!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-copy{
    min-height:clamp(230px,46dvh,500px)!important;
    padding:clamp(10px,2.2vw,18px)!important;
    gap:clamp(7px,1.5vw,11px)!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-copy:before{
    top:4px!important;
    right:9px!important;
    font-size:clamp(36px,8vw,56px)!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-kicker{font-size:clamp(6px,1.3vw,8px)!important;}
  .sdf-smartboard-landing .sdf-wall-post-copy>p{
    max-height:calc(46dvh - 105px)!important;
    overflow:auto!important;
    font-size:clamp(13px,3vw,22px)!important;
    line-height:1.27!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-signature{
    gap:7px!important;
    padding-top:7px!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-signature>span{
    width:27px!important;
    height:27px!important;
    flex-basis:27px!important;
    font-size:12px!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-signature strong{font-size:clamp(8px,1.7vw,10.5px)!important;}
  .sdf-smartboard-landing .sdf-wall-post-signature small{font-size:clamp(7px,1.45vw,9px)!important;}
  .sdf-smartboard-landing .sdf-wall-post-actions{
    min-height:34px!important;
    gap:8px!important;
    padding:5px 8px!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-stat{font-size:clamp(7px,1.5vw,9px)!important;}
  .sdf-smartboard-landing .sdf-wall-post-stat i{font-size:11px!important;}
  .sdf-smartboard-landing .sdf-wall-post-fresh{
    display:inline-flex!important;
    padding:4px 6px!important;
    font-size:clamp(5.5px,1.2vw,7.5px)!important;
  }

  .sdf-smartboard-landing .sdf-wall-inline-comment{
    margin-top:7px!important;
    padding:7px!important;
    border-radius:12px!important;
  }
  .sdf-smartboard-landing .sdf-wall-inline-user{display:none!important;}
  .sdf-smartboard-landing .sdf-wall-identity-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:4px!important;
  }
  .sdf-smartboard-landing .sdf-wall-identity-grid label:last-child{grid-column:auto!important;}
  .sdf-smartboard-landing .sdf-wall-identity-grid label>span{font-size:clamp(6px,1.25vw,8px)!important;}
  .sdf-smartboard-landing .sdf-wall-identity-grid input{
    height:30px!important;
    padding:0 6px!important;
    font-size:clamp(8px,1.65vw,10px)!important;
    border-radius:7px!important;
  }
  .sdf-smartboard-landing .sdf-wall-comment-form{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:5px!important;
  }
  .sdf-smartboard-landing .sdf-wall-comment-form textarea{
    min-height:45px!important;
    max-height:66px!important;
    padding:7px!important;
    font-size:clamp(9px,1.8vw,11px)!important;
    border-radius:9px!important;
  }
  .sdf-smartboard-landing .sdf-wall-comment-submit-wrap{
    min-width:82px!important;
    width:auto!important;
  }
  .sdf-smartboard-landing .sdf-wall-comment-submit-wrap>span{font-size:clamp(6px,1.2vw,7.5px)!important;}
  .sdf-smartboard-landing .sdf-wall-comment-submit-wrap button{
    min-width:82px!important;
    min-height:32px!important;
    padding:0 8px!important;
    font-size:clamp(6.5px,1.35vw,8.5px)!important;
    border-radius:8px!important;
  }
  .sdf-smartboard-landing .sdf-wall-status{font-size:clamp(6.5px,1.3vw,8px)!important;}

  .sdf-smartboard-landing .sdf-wall-comments-head{
    padding:8px 7px!important;
    gap:5px!important;
  }
  .sdf-smartboard-landing .sdf-wall-comments-head h3{font-size:clamp(11px,2.35vw,15px)!important;}
  .sdf-smartboard-landing .sdf-wall-comments-live{font-size:clamp(5.5px,1.15vw,7.5px)!important;}
  .sdf-smartboard-landing .sdf-wall-comments-body{
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    padding:2px 7px 5px!important;
  }
  .sdf-smartboard-landing .sdf-wall-social-comment{
    grid-template-columns:30px minmax(0,1fr)!important;
    gap:6px!important;
    padding:7px 0!important;
  }
  .sdf-smartboard-landing .sdf-wall-social-comment-image{
    width:29px!important;
    height:29px!important;
    border-radius:8px!important;
  }
  .sdf-smartboard-landing .sdf-wall-social-comment-top strong{font-size:clamp(8px,1.7vw,10px)!important;}
  .sdf-smartboard-landing .sdf-wall-social-comment-top span{font-size:clamp(6.5px,1.4vw,8.5px)!important;}
  .sdf-smartboard-landing .sdf-wall-social-comment-top time{font-size:clamp(6px,1.25vw,7.5px)!important;}
  .sdf-smartboard-landing .sdf-wall-social-comment p{font-size:clamp(7.5px,1.55vw,9.5px)!important;line-height:1.35!important;}
  .sdf-smartboard-landing .sdf-wall-comments-empty,
  .sdf-smartboard-landing .sdf-wall-comments-loading{font-size:clamp(8px,1.6vw,10px)!important;}
  .sdf-smartboard-landing .sdf-wall-comments-pagination{
    grid-template-columns:1fr auto 1fr!important;
    gap:4px!important;
    padding:5px!important;
  }
  .sdf-smartboard-landing .sdf-wall-comments-pagination button{
    min-height:28px!important;
    padding:0 4px!important;
    font-size:clamp(6.5px,1.3vw,8px)!important;
  }
  .sdf-smartboard-landing .sdf-wall-comments-pagination span{font-size:clamp(6.5px,1.3vw,8px)!important;}
  .sdf-smartboard-landing .sdf-wall-social-toolbar{
    grid-template-columns:1fr 1fr!important;
    gap:4px!important;
    padding:5px!important;
  }
  .sdf-smartboard-landing .sdf-wall-tool{
    min-height:30px!important;
    padding:0 4px!important;
    font-size:clamp(6.5px,1.35vw,8.5px)!important;
  }
  .sdf-smartboard-landing .sdf-wall-tool span{font-size:11px!important;}
}

@media (max-width:520px) and (orientation:portrait){
  .sdf-smartboard-landing .sdf-wall-dialog--social{
    width:calc(100vw - 4px)!important;
    max-width:calc(100vw - 4px)!important;
    height:calc(100dvh - 4px)!important;
    max-height:calc(100dvh - 4px)!important;
    border-radius:12px!important;
  }
  .sdf-smartboard-landing .sdf-wall-social-layout{
    grid-template-columns:minmax(0,1.65fr) minmax(124px,.88fr)!important;
    gap:5px!important;
    padding:5px!important;
  }
  .sdf-smartboard-landing .sdf-wall-header-copy p{font-size:7.5px!important;}
  .sdf-smartboard-landing .sdf-wall-post-copy>p{font-size:13px!important;}
  .sdf-smartboard-landing .sdf-wall-comments-head h3{font-size:11px!important;}
  .sdf-smartboard-landing .sdf-wall-social-comment p{font-size:7.5px!important;}
}


/* =========================================================
   v1.34.35 — Felsefe Duvarı: yatay oran kilidi + sağ panel görünürlüğü
   Pencere portre ekranda bile dikey uzamaz. Genişlik viewport'u kullanır;
   yükseklik genişliğe bağlı sınırlandığı için pencere daima yatay kalır.
   ========================================================= */
.sdf-smartboard-landing .sdf-wall-modal{
  padding:clamp(5px,1vw,14px)!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}

.sdf-smartboard-landing .sdf-wall-dialog--social{
  box-sizing:border-box!important;
  width:96vw!important;
  max-width:96vw!important;
  height:min(88dvh,60vw)!important;
  max-height:min(88dvh,60vw)!important;
  min-height:0!important;
  margin:0!important;
  border-radius:clamp(12px,1.4vw,24px)!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
}

.sdf-smartboard-landing .sdf-wall-social-layout{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,64fr) minmax(0,36fr)!important;
  grid-template-rows:minmax(0,1fr)!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  gap:clamp(5px,.8vw,12px)!important;
  padding:clamp(5px,.8vw,12px)!important;
  overflow:hidden!important;
  align-items:stretch!important;
}

.sdf-smartboard-landing .sdf-wall-social-layout > *{
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
}

.sdf-smartboard-landing .sdf-wall-feed{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}

.sdf-smartboard-landing .sdf-wall-comments-panel{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  overflow:hidden!important;
  grid-template-rows:auto minmax(0,1fr) auto auto!important;
  align-self:stretch!important;
}

.sdf-smartboard-landing .sdf-wall-comments-body{
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}

.sdf-smartboard-landing .sdf-wall-social-post,
.sdf-smartboard-landing .sdf-wall-post-body,
.sdf-smartboard-landing .sdf-wall-post-copy,
.sdf-smartboard-landing .sdf-wall-post-visual{
  min-width:0!important;
  max-width:100%!important;
}

/* Dikey telefonlarda pencereyi özellikle yatay kart oranında tut. */
@media (max-width:520px) and (orientation:portrait){
  .sdf-smartboard-landing .sdf-wall-modal{
    padding:4px!important;
  }
  .sdf-smartboard-landing .sdf-wall-dialog--social{
    width:97vw!important;
    max-width:97vw!important;
    height:58vw!important;
    max-height:58vw!important;
    min-height:0!important;
    border-radius:11px!important;
  }
  .sdf-smartboard-landing .sdf-wall-social-layout{
    grid-template-columns:minmax(0,63fr) minmax(0,37fr)!important;
    gap:4px!important;
    padding:4px!important;
  }
  .sdf-smartboard-landing .sdf-wall-comments-panel{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    min-width:0!important;
  }
}

/* Yatay telefon/tablette ekran alanını daha fazla kullan. */
@media (orientation:landscape) and (max-height:650px){
  .sdf-smartboard-landing .sdf-wall-dialog--social{
    width:97vw!important;
    max-width:97vw!important;
    height:91dvh!important;
    max-height:91dvh!important;
  }
  .sdf-smartboard-landing .sdf-wall-social-layout{
    grid-template-columns:minmax(0,65fr) minmax(0,35fr)!important;
  }
}

/* =========================================================
   v1.34.38 — Felsefe Duvarı: masaüstünde popup ekrana daha geniş yayılsın
   ========================================================= */
@media (min-width: 981px){
  .sdf-smartboard-landing .sdf-wall-modal{
    padding:12px!important;
  }
  .sdf-smartboard-landing .sdf-wall-dialog--social{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    height:calc(100vh - 28px)!important;
    max-height:calc(100vh - 28px)!important;
    min-height:0!important;
    margin:0!important;
    border-radius:28px!important;
  }
  .sdf-smartboard-landing .sdf-wall-social-layout{
    grid-template-columns:minmax(0,67fr) minmax(360px,33fr)!important;
    gap:16px!important;
    padding:16px!important;
  }
  .sdf-smartboard-landing .sdf-wall-feed,
  .sdf-smartboard-landing .sdf-wall-comments-panel{
    height:100%!important;
    min-height:0!important;
  }
}


/* =========================================================
   v1.34.40 — Verilen 10. sınıf / 1. hafta ekranında gerçek desktop clone
   Mobil responsive kırılımlar yerine 1440×720 masaüstü viewport birebir render edilir.
   ========================================================= */
html.sdf-g10-mobile-desktop-frame,
html.sdf-g10-mobile-desktop-frame body.sdf-smartboard-app-page{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
html.sdf-g10-mobile-desktop-frame body.sdf-smartboard-app-page .sdf-smartboard-orientation-shell{
  overflow:hidden!important;
}
html.sdf-g10-mobile-desktop-frame .sdf-g10-desktop-clone-frame{
  position:absolute!important;
  inset:0 auto auto 0!important;
  width:1440px!important;
  height:720px!important;
  min-width:1440px!important;
  min-height:720px!important;
  max-width:none!important;
  max-height:none!important;
  border:0!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  transform-origin:top left!important;
  background:#081827!important;
}

/* =========================================================
   v1.34.44 — Mobil ana sayfa kaydırma + Felsefe Duvarı dikey görünüm
   Ana sayfa doğal olarak aşağı kayar; Felsefe Duvarı popup'ı mobilde
   tek sütunlu dikey akışla açılır ve tüm alanlar parmakla kaydırılır.
   ========================================================= */
@media (max-width:980px), (hover:none) and (pointer:coarse){
  html.sdf-smartboard-app-html,
  html.sdf-smartboard-app-html body.sdf-smartboard-app-page,
  body.sdf-smartboard-app-page{
    height:auto!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:auto!important;
    touch-action:pan-y!important;
  }

  body.sdf-smartboard-app-page .sdf-stage,
  body.sdf-smartboard-app-page .sdf-stage--radio-home,
  body.sdf-smartboard-app-page .sdf-stage--radio-home:has(.sdf-smartboard-hero),
  body.sdf-smartboard-app-page .sdf-smartboard-landing{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:100svh!important;
    max-height:none!important;
    display:block!important;
    place-items:unset!important;
    overflow:visible!important;
    touch-action:pan-y!important;
  }

  body.sdf-smartboard-app-page .sdf-stage--radio-home:has(.sdf-smartboard-hero){
    padding:12px 10px 20px!important;
  }

  body.sdf-smartboard-app-page .sdf-smartboard-hero{
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    overflow:visible!important;
  }

  /* Felsefe Duvarı mobilde dikey sosyal akış gibi açılsın. */
  .sdf-smartboard-landing .sdf-wall-modal{
    padding:8px!important;
    display:block!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
  }

  .sdf-smartboard-landing .sdf-wall-dialog--social{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    margin:0 auto!important;
    border-radius:18px!important;
    display:grid!important;
    grid-template-rows:auto auto!important;
    overflow:visible!important;
  }

  .sdf-smartboard-landing .sdf-wall-header--social{
    grid-template-columns:42px minmax(0,1fr) auto!important;
    gap:10px!important;
    padding:10px 12px!important;
  }
  .sdf-smartboard-landing .sdf-wall-header-symbol{
    width:42px!important;
    height:42px!important;
    border-radius:13px!important;
    font-size:22px!important;
  }
  .sdf-smartboard-landing .sdf-wall-header-copy h2{
    font-size:22px!important;
    line-height:1.05!important;
  }
  .sdf-smartboard-landing .sdf-wall-header-copy p{
    display:block!important;
    font-size:11px!important;
    line-height:1.35!important;
  }
  .sdf-smartboard-landing .sdf-wall-header-actions{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
  }
  .sdf-smartboard-landing .sdf-wall-live{
    padding:5px 8px!important;
    font-size:7px!important;
  }
  .sdf-smartboard-landing .sdf-wall-close-inline{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
    border-radius:11px!important;
    font-size:22px!important;
  }

  .sdf-smartboard-landing .sdf-wall-social-layout{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:8px!important;
    overflow:visible!important;
  }

  .sdf-smartboard-landing .sdf-wall-feed,
  .sdf-smartboard-landing .sdf-wall-comments-panel{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }

  .sdf-smartboard-landing .sdf-wall-feed{
    padding:0!important;
  }

  .sdf-smartboard-landing .sdf-wall-post-head{
    grid-template-columns:38px minmax(0,1fr) auto!important;
    gap:8px!important;
    padding:10px!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-avatar{
    width:38px!important;
    height:38px!important;
    font-size:18px!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-badge{
    font-size:7px!important;
    padding:5px 7px!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-body{
    display:grid!important;
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-visual{
    min-height:0!important;
    height:auto!important;
    aspect-ratio:1 / 1!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-visual img{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    object-fit:cover!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-copy{
    min-height:0!important;
    padding:16px 14px!important;
    gap:11px!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-copy>p{
    max-height:none!important;
    overflow:visible!important;
    padding-right:0!important;
    font-size:18px!important;
    line-height:1.34!important;
    touch-action:pan-y!important;
  }

  .sdf-smartboard-landing .sdf-wall-post-actions{
    gap:10px!important;
    padding:8px 10px!important;
    flex-wrap:wrap!important;
  }
  .sdf-smartboard-landing .sdf-wall-post-fresh{
    margin-left:0!important;
  }

  .sdf-smartboard-landing .sdf-wall-inline-comment{
    margin-top:10px!important;
    padding:10px!important;
  }
  .sdf-smartboard-landing .sdf-wall-comment-form{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .sdf-smartboard-landing .sdf-wall-identity-grid{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .sdf-smartboard-landing .sdf-wall-identity-grid label:last-child{
    grid-column:1 / -1!important;
  }
  .sdf-smartboard-landing .sdf-wall-comment-submit-wrap{
    min-width:0!important;
    align-items:stretch!important;
  }
  .sdf-smartboard-landing .sdf-wall-comment-submit-wrap button{
    width:100%!important;
  }

  .sdf-smartboard-landing .sdf-wall-comments-panel{
    display:block!important;
    margin-top:10px!important;
  }
  .sdf-smartboard-landing .sdf-wall-comments-head{
    padding:12px!important;
  }
  .sdf-smartboard-landing .sdf-wall-comments-body{
    max-height:320px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
  }
  .sdf-smartboard-landing .sdf-wall-comments-pagination,
  .sdf-smartboard-landing .sdf-wall-social-toolbar{
    display:grid!important;
  }
}