.ild-a4-formative-panel{margin:16px 0 0;padding:16px;border:1px solid #f2c98f;border-radius:17px;background:linear-gradient(180deg,#fffaf1,#fff);box-shadow:0 8px 20px rgba(126,76,10,.08);font-family:var(--body-font-family,'Nunito',sans-serif)}
.ild-a4-formative-guide-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;border:1px solid #f1bd72;border-radius:15px;background:#fffaf1}
.ild-a4-formative-guide-icon,.ild-a4-formative-panel-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(180deg,#ffba4d,#e97100);color:#fff;font-weight:900}
.ild-a4-formative-guide-icon{font-size:.9rem}.ild-a4-formative-panel-icon{font-size:24px}
.ild-a4-formative-panel h2{margin:0!important;color:#1e3654!important;font-size:1.08rem!important;line-height:1.25}
.ild-a4-formative-guide-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ild-a4-formative-guide-actions a,.ild-a4-formative-inventory-cta,.ild-a4-formative-doc-links a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:12px;text-decoration:none!important;font-weight:900;font-size:.8rem}
.ild-a4-formative-guide-open{padding:9px 13px;border:1px solid #ed810e;background:linear-gradient(180deg,#ffaf35,#ef7d06);color:#fff!important}
.ild-a4-formative-guide-download{padding:9px 13px;border:1px solid #e4c59f;background:#fff;color:#714518!important}
.ild-a4-formative-docs{margin-top:14px;padding-top:14px;border-top:1px solid #f0dfc7}
.ild-a4-formative-docs-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.ild-a4-formative-doc-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ild-a4-formative-doc-links a{justify-content:space-between;padding:10px 12px;border:1px solid #d3e5f3;background:#fff;color:#245378!important;box-shadow:0 3px 10px rgba(22,94,150,.05)}
.ild-a4-formative-doc-links a:hover,.ild-a4-formative-doc-links a:focus-visible{border-color:#69bce8;background:#f7fcff}
.ild-a4-formative-inventory-cta{width:max-content;margin:10px 0 0 auto;padding:10px 14px;border:1px solid #0e83d5;background:linear-gradient(180deg,#35c8ff,#087bd0);color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 4px 11px rgba(9,105,179,.16)}
@media(max-width:720px){.ild-a4-formative-guide-card{grid-template-columns:42px minmax(0,1fr)}.ild-a4-formative-guide-icon,.ild-a4-formative-panel-icon{width:42px;height:42px}.ild-a4-formative-guide-actions{grid-column:1/-1}.ild-a4-formative-guide-actions a{flex:1 1 140px}.ild-a4-formative-doc-links{grid-template-columns:1fr}.ild-a4-formative-inventory-cta{width:100%;margin-left:0}}
/* v1.29.65.62 — Öğretmen evrakları artık menü satırı değil, gerçek A4 belge kartıdır. */
.ild-a4-formative-doc-card{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;padding:10px 12px;border:1px solid #d3e5f3;border-radius:13px;background:#fff;box-shadow:0 3px 10px rgba(22,94,150,.05)}
.ild-a4-formative-doc-card-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.ild-a4-formative-doc-card-copy strong{color:#245378;font-size:.84rem;line-height:1.25}
.ild-a4-formative-doc-badge{display:inline-flex;width:max-content;padding:2px 7px;border-radius:999px;background:#eef7fd;color:#0b73b8;font-size:.62rem;font-weight:1000;letter-spacing:.05em}
.ild-a4-formative-doc-open{flex:0 0 auto;display:inline-flex!important;align-items:center;justify-content:center;min-height:38px!important;padding:8px 11px!important;border:1px solid #69bce8!important;border-radius:10px!important;background:linear-gradient(180deg,#fafdff,#e9f7ff)!important;color:#0b72b7!important;font-size:.75rem!important;font-weight:900!important;text-decoration:none!important}
.ild-a4-formative-doc-open:hover,.ild-a4-formative-doc-open:focus-visible{background:#eef9ff!important;border-color:#2aa6e2!important}
@media(max-width:720px){.ild-a4-formative-doc-card{align-items:flex-start}.ild-a4-formative-doc-open{min-width:92px}}
/* v1.29.65.63 — Evraklar aynı sayfada interaktif pencere olarak açılır. */
button.ild-a4-formative-doc-open,button.ild-a4-formative-inventory-cta{font-family:inherit;cursor:pointer}
button.ild-a4-formative-inventory-cta{border:1px solid #0e83d5}
/* v1.29.65.64 — Biçimlendirici pakette setin tamamı tek öğretmen değerlendirme formunda birleşir. */
.ild-a4-formative-doc-card.is-single-form{min-height:68px}.ild-a4-formative-doc-note{color:#6a7e90;font-size:.72rem;font-weight:700}.ild-a4-formative-doc-card.is-single-form .ild-a4-formative-doc-open{min-width:108px}
/* v1.29.65.68 — form kullanım bilgisi + koyu/siyah metin */
.ild-a4-formative-user-info{margin:0 0 10px;padding:11px 13px;border:1px solid #b9d9ee;border-radius:12px;background:#f5fbff;color:#000;font-size:.76rem;line-height:1.45}
.ild-a4-formative-user-info strong{display:block;margin-bottom:3px;color:#000!important;font-size:.8rem;font-weight:1000}
.ild-a4-formative-user-info p{margin:2px 0!important;color:#000!important}
.ild-a4-formative-user-info b{color:#000!important;font-weight:1000}
.ild-a4-formative-doc-note{color:#000!important;font-weight:800}
.ild-a4-formative-doc-card-copy strong{color:#000!important;font-weight:1000}

/* v1.29.65.89 — künye altı kısa form bilgisi; alt rehber/form tekrarları kaldırıldı */
.ild-a4-formative-profile-tip{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:11px;
  align-items:start;
  margin:14px 0 4px;
  padding:12px 14px;
  border:1px solid #a9d7ef;
  border-left:4px solid #168fd1;
  border-radius:13px;
  background:linear-gradient(180deg,#f6fcff,#edf8fe);
  color:#102b42;
  box-shadow:0 5px 14px rgba(16,102,153,.06);
}
.ild-a4-formative-profile-tip-icon{
  width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:50%;background:#dff3ff;color:#0877b8;font-size:1rem;font-weight:1000;
  border:1px solid #9ed2ed;
}
.ild-a4-formative-profile-tip strong{display:block;margin:0 0 3px;color:#0f2f49;font-size:.88rem;line-height:1.25;font-weight:1000}
.ild-a4-formative-profile-tip p{margin:0!important;color:#1f3d54!important;font-size:.78rem;line-height:1.42}
.ild-a4-formative-profile-tip b{color:#102b42!important;font-weight:1000}
@media(max-width:720px){
  .ild-a4-formative-profile-tip{grid-template-columns:32px minmax(0,1fr);gap:9px;padding:10px 11px}
  .ild-a4-formative-profile-tip-icon{width:30px;height:30px}
  .ild-a4-formative-profile-tip strong{font-size:.82rem}
  .ild-a4-formative-profile-tip p{font-size:.74rem;line-height:1.38}
}

/* v1.29.65.91 — Akıllı öğretmen formu özelliği: güçlü, premium ve kompakt vurgu kartı */
.ild-a4-formative-profile-tip{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  gap:14px;
  align-items:center;
  margin:16px 0 6px;
  padding:16px 18px;
  border:1px solid rgba(82,107,255,.34);
  border-left:5px solid #5b5cf0;
  border-radius:17px;
  background:
    radial-gradient(circle at 92% 18%,rgba(119,94,255,.13),transparent 28%),
    linear-gradient(135deg,#f7fbff 0%,#f0f7ff 48%,#f7f3ff 100%);
  color:#0f2740;
  box-shadow:0 10px 28px rgba(49,79,133,.12),inset 0 1px 0 rgba(255,255,255,.9);
}
.ild-a4-formative-profile-tip::after{
  content:'';
  position:absolute;
  left:0;right:0;bottom:0;
  height:3px;
  background:linear-gradient(90deg,#168fd1,#5b5cf0,#8b5cf6);
  opacity:.9;
}
.ild-a4-formative-profile-tip-icon{
  width:52px;height:52px;
  display:flex;align-items:center;justify-content:center;
  border-radius:16px;
  background:linear-gradient(145deg,#13a9ea,#5b5cf0 68%,#7c3aed);
  color:#fff;
  border:1px solid rgba(255,255,255,.7);
  box-shadow:0 7px 18px rgba(63,81,181,.24),inset 0 1px 0 rgba(255,255,255,.5);
}
.ild-a4-formative-profile-tip-icon-mark{
  display:flex;align-items:center;justify-content:center;
  width:30px;height:30px;
  border-radius:50%;
  background:rgba(255,255,255,.18);
  border:2px solid rgba(255,255,255,.9);
  font-size:1.05rem;
  font-weight:1000;
  line-height:1;
}
.ild-a4-formative-profile-tip-body{min-width:0}
.ild-a4-formative-profile-tip-kicker{
  display:inline-flex;
  align-items:center;
  margin:0 0 4px;
  padding:3px 8px;
  border-radius:999px;
  background:#e9e9ff;
  color:#4c45c7;
  font-size:.64rem;
  line-height:1;
  font-weight:1000;
  letter-spacing:.065em;
}
.ild-a4-formative-profile-tip strong{
  display:block;
  margin:0 0 5px;
  color:#102d49!important;
  font-size:1rem;
  line-height:1.2;
  font-weight:1000;
}
.ild-a4-formative-profile-tip p{
  margin:0!important;
  color:#25445f!important;
  font-size:.79rem;
  line-height:1.42;
}
.ild-a4-formative-profile-tip b{color:#102b42!important;font-weight:1000}
.ild-a4-formative-profile-tip-benefits{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:9px 0 7px;
}
.ild-a4-formative-profile-tip-benefits span{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:4px 9px;
  border:1px solid #c9d8f8;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  color:#244a73;
  box-shadow:0 2px 7px rgba(30,74,125,.05);
  font-size:.68rem;
  line-height:1;
  font-weight:900;
  white-space:nowrap;
}
.ild-a4-formative-profile-tip-warning{
  display:flex;
  align-items:flex-start;
  gap:4px;
  color:#5f4a26!important;
  font-size:.69rem!important;
  line-height:1.3!important;
}
.ild-a4-formative-profile-tip-warning b{color:#a05b00!important}
@media(max-width:720px){
  .ild-a4-formative-profile-tip{
    grid-template-columns:44px minmax(0,1fr);
    gap:10px;
    margin-top:12px;
    padding:13px 12px;
    border-radius:14px;
  }
  .ild-a4-formative-profile-tip-icon{width:42px;height:42px;border-radius:13px}
  .ild-a4-formative-profile-tip-icon-mark{width:25px;height:25px;font-size:.9rem}
  .ild-a4-formative-profile-tip-kicker{font-size:.59rem}
  .ild-a4-formative-profile-tip strong{font-size:.88rem}
  .ild-a4-formative-profile-tip p{font-size:.73rem;line-height:1.36}
  .ild-a4-formative-profile-tip-benefits{gap:5px;margin:7px 0 6px}
  .ild-a4-formative-profile-tip-benefits span{font-size:.62rem;padding:4px 7px;min-height:23px}
  .ild-a4-formative-profile-tip-warning{font-size:.64rem!important}
}

/* v1.29.65.92 — akıllı form kartı: kullanım + gizlilik mesajı */
.ild-a4-formative-profile-tip-privacy{
  margin:.45rem 0 0!important;
  padding:.5rem .65rem!important;
  border:1px solid rgba(14,116,144,.18);
  border-radius:10px;
  background:rgba(236,254,255,.72);
  color:#183f55!important;
  font-weight:700!important;
}
.ild-a4-formative-profile-tip-privacy b{
  color:#0e6b87!important;
  font-weight:1000!important;
}
@media(max-width:720px){
  .ild-a4-formative-profile-tip-privacy{padding:.45rem .55rem!important}
}

/* v1.29.65.94 — Akıllı Öğretmen Formu mobil okunabilirlik ve gece tema uyumu */
.ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth{
  grid-column:1 / -1;
  width:100%;
  min-width:0;
  align-self:stretch;
}
.ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth{
  grid-template-columns:116px minmax(0,1fr);
  gap:24px;
  align-items:center;
  margin:2px 0 0;
  padding:24px 30px 22px;
  border:1px solid rgba(92,96,246,.36);
  border-left:5px solid #5b5cf0;
  border-radius:20px;
  background:
    radial-gradient(circle at 94% 10%,rgba(125,92,246,.16),transparent 26%),
    radial-gradient(circle at 5% 100%,rgba(43,165,235,.10),transparent 24%),
    linear-gradient(135deg,#f8fbff 0%,#f1f7ff 48%,#f7f2ff 100%);
  box-shadow:0 14px 34px rgba(45,73,126,.12),inset 0 1px 0 rgba(255,255,255,.94);
}
.ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth::after{
  height:3px;
}
.ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-icon{
  width:86px;
  height:86px;
  margin:0 auto;
  border-radius:24px;
  box-shadow:0 10px 24px rgba(63,81,181,.28),inset 0 1px 0 rgba(255,255,255,.55);
}
.ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-icon-mark{
  width:48px;
  height:48px;
  font-size:1.55rem;
  border-width:3px;
}
.ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-kicker{
  margin-bottom:8px;
  padding:5px 11px;
  font-size:.76rem;
  letter-spacing:.07em;
}
.ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth strong{
  margin:0 0 9px;
  max-width:1100px;
  color:#0c2d50!important;
  font-size:clamp(1.25rem,1.75vw,1.72rem);
  line-height:1.16;
  letter-spacing:-.015em;
}
.ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth p{
  max-width:1180px;
  color:#24425f!important;
  font-size:clamp(.92rem,1.04vw,1.08rem);
  line-height:1.5;
}
.ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-benefits{
  gap:10px;
  margin:14px 0 12px;
}
.ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-benefits span{
  min-height:34px;
  padding:7px 14px;
  border-color:#c9d8f8;
  background:rgba(255,255,255,.84);
  color:#173e69;
  font-size:.8rem;
  box-shadow:0 4px 12px rgba(30,74,125,.07);
}
.ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-benefits i{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  margin-right:6px;
  border-radius:50%;
  background:#6b75f4;
  color:#fff;
  font-style:normal;
  font-size:.68rem;
  font-weight:1000;
}
.ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-privacy{
  max-width:none;
  margin:0!important;
  padding:.72rem .9rem!important;
  border-color:rgba(14,116,144,.23);
  background:rgba(235,251,255,.82);
  font-size:.9rem!important;
  line-height:1.4!important;
}
.ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-warning{
  margin-top:8px!important;
  color:#4e4f56!important;
  font-size:.82rem!important;
  line-height:1.35!important;
}
@media(max-width:860px){
  .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth{
    grid-template-columns:70px minmax(0,1fr);
    gap:15px;
    padding:18px 17px 17px;
    border-radius:17px;
  }
  .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-icon{
    width:62px;height:62px;border-radius:18px;
  }
  .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-icon-mark{
    width:36px;height:36px;font-size:1.15rem;border-width:2px;
  }
  .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth strong{font-size:1.12rem}
  .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth p{font-size:.86rem;line-height:1.43}
}
@media(max-width:560px){
  .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth{
    grid-template-columns:1fr;
    text-align:left;
    gap:10px;
    padding:15px 14px 14px;
  }
  .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-icon{
    width:52px;height:52px;margin:0;
  }
  .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-icon-mark{
    width:30px;height:30px;font-size:1rem;
  }
  .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-kicker{font-size:.62rem}
  .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth strong{font-size:1rem;line-height:1.2}
  .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth p{font-size:.79rem;line-height:1.4}
  .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-benefits{gap:6px;margin:10px 0 9px}
  .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-benefits span{min-height:29px;padding:6px 9px;font-size:.68rem}
  .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-privacy{font-size:.76rem!important;padding:.6rem .7rem!important}
  .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-warning{font-size:.71rem!important}
}


/* v1.29.65.94 — Akıllı Öğretmen Formu mobil okunabilirlik ve gece tema uyumu */
@media(max-width:560px){
  .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth{
    grid-template-columns:1fr;
    text-align:left;
    gap:10px;
    padding:16px 14px 15px;
  }
  .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-icon,
  .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-benefits{
    display:none;
  }
  .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-body{
    display:flex;
    flex-direction:column;
    gap:8px;
  }
  .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-kicker{
    display:block;
    width:max-content;
    max-width:100%;
    margin:0 auto 2px;
    padding:6px 14px;
    font-size:.8rem;
    letter-spacing:.08em;
    text-align:center;
  }
  .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth strong{
    margin:0 auto 2px;
    max-width:18ch;
    color:#000!important;
    font-size:1.28rem;
    line-height:1.18;
    text-align:center;
    text-wrap:balance;
  }
  .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth p,
  .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth b,
  .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-warning,
  .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-privacy,
  .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-kicker{
    color:#000!important;
  }
  .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth p{
    font-size:.98rem;
    line-height:1.5;
  }
  .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-privacy{
    margin-top:2px!important;
    padding:.8rem .85rem!important;
    font-size:1rem!important;
    line-height:1.5!important;
    background:#eefbff;
    border-color:#b9dfe9;
  }
  .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-warning{
    margin-top:0!important;
    font-size:.98rem!important;
    line-height:1.5!important;
  }
}

html[data-bs-theme="dark"] .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth,
body.dark-mode .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth,
body.theme-dark .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth{
  border-color:rgba(142,150,255,.55);
  border-left-color:#6d6ef9;
  background:
    radial-gradient(circle at 94% 10%,rgba(125,92,246,.18),transparent 26%),
    radial-gradient(circle at 5% 100%,rgba(43,165,235,.12),transparent 24%),
    linear-gradient(135deg,#fbfdff 0%,#f3f8ff 48%,#faf6ff 100%);
  box-shadow:0 16px 36px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.96);
}
html[data-bs-theme="dark"] .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth strong,
html[data-bs-theme="dark"] .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth p,
html[data-bs-theme="dark"] .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth b,
html[data-bs-theme="dark"] .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-kicker,
html[data-bs-theme="dark"] .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-warning,
html[data-bs-theme="dark"] .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-privacy,
body.dark-mode .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth strong,
body.dark-mode .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth p,
body.dark-mode .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth b,
body.dark-mode .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-kicker,
body.dark-mode .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-warning,
body.dark-mode .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-privacy,
body.theme-dark .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth strong,
body.theme-dark .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth p,
body.theme-dark .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth b,
body.theme-dark .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-kicker,
body.theme-dark .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-warning,
body.theme-dark .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-privacy{
  color:#000!important;
}
html[data-bs-theme="dark"] .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-privacy,
body.dark-mode .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-privacy,
body.theme-dark .ild-a4-material-hero > .ild-a4-formative-profile-tip.is-fullwidth .ild-a4-formative-profile-tip-privacy{
  background:#eefbff;
  border-color:#b9dfe9;
}


/* v1.29.65.97 — Biçimlendirici paket TYMM öğrenme çıktıları / süreç bileşenleri akordiyonu */
.ild-a4-formative-targets{
  margin:18px 0 22px;
  padding:22px;
  border:1px solid #cadcf2;
  border-radius:22px;
  background:
    radial-gradient(circle at 96% 0,rgba(118,95,244,.10),transparent 27%),
    linear-gradient(145deg,#ffffff 0%,#f8fbff 52%,#f6f3ff 100%);
  box-shadow:0 14px 38px rgba(30,67,112,.09);
}
.ild-a4-formative-targets-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:22px;
  margin-bottom:16px;
}
.ild-a4-formative-targets-heading{min-width:0}
.ild-a4-formative-targets-kicker{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:5px 10px;
  border:1px solid #d6d2ff;
  border-radius:999px;
  background:#eeecff;
  color:#5145c8;
  font-size:.69rem;
  line-height:1;
  font-weight:1000;
  letter-spacing:.075em;
}
.ild-a4-formative-targets h2{
  margin:8px 0 5px;
  color:#102f50;
  font-size:clamp(1.25rem,2vw,1.7rem);
  line-height:1.18;
  font-weight:1000;
  letter-spacing:-.012em;
}
.ild-a4-formative-targets-heading>p{
  max-width:900px;
  margin:0;
  color:#536b83;
  font-size:.92rem;
  line-height:1.5;
  font-weight:700;
}
.ild-a4-formative-targets-stats{
  display:flex;
  flex:0 0 auto;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.ild-a4-formative-targets-stats span{
  display:flex;
  align-items:center;
  gap:6px;
  min-height:37px;
  padding:7px 11px;
  border:1px solid #d8e4f3;
  border-radius:12px;
  background:rgba(255,255,255,.9);
  color:#4f6479;
  font-size:.76rem;
  font-weight:900;
  white-space:nowrap;
  box-shadow:0 4px 13px rgba(38,73,116,.05);
}
.ild-a4-formative-targets-stats b{
  color:#4b45cd;
  font-size:.94rem;
  font-weight:1000;
}
.ild-a4-formative-targets-list{display:grid;gap:9px}
.ild-a4-formative-target{
  border:1px solid #d8e4f1;
  border-radius:15px;
  background:rgba(255,255,255,.91);
  overflow:hidden;
  box-shadow:0 5px 16px rgba(33,67,106,.045);
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.ild-a4-formative-target:hover{
  border-color:#b8caeb;
  box-shadow:0 8px 22px rgba(43,70,123,.08);
}
.ild-a4-formative-target[open]{
  border-color:#b6b8f4;
  box-shadow:0 9px 26px rgba(64,62,170,.10);
}
.ild-a4-formative-target>summary{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) 30px;
  gap:12px;
  align-items:center;
  min-height:66px;
  padding:12px 14px;
  cursor:pointer;
  list-style:none;
  user-select:none;
}
.ild-a4-formative-target>summary::-webkit-details-marker{display:none}
.ild-a4-formative-target-code{
  display:inline-grid;
  place-items:center;
  min-width:72px;
  min-height:36px;
  padding:7px 10px;
  border-radius:11px;
  background:linear-gradient(135deg,#5a61ed,#7b55ec);
  color:#fff;
  font-size:.84rem;
  line-height:1.1;
  font-weight:1000;
  letter-spacing:.01em;
  box-shadow:0 5px 12px rgba(89,83,226,.18);
}
.ild-a4-formative-target-summary-copy{display:block;min-width:0}
.ild-a4-formative-target-summary-copy strong{
  display:block;
  color:#173653;
  font-size:.94rem;
  line-height:1.33;
  font-weight:950;
}
.ild-a4-formative-target-summary-copy small{
  display:block;
  margin-top:3px;
  color:#718397;
  font-size:.71rem;
  line-height:1.3;
  font-weight:850;
}
.ild-a4-formative-target-chevron{
  position:relative;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:9px;
  background:#eef3ff;
}
.ild-a4-formative-target-chevron::before,
.ild-a4-formative-target-chevron::after{
  content:"";
  position:absolute;
  width:9px;
  height:2px;
  border-radius:9px;
  background:#5d64d9;
  transition:transform .2s ease;
}
.ild-a4-formative-target-chevron::before{transform:translateX(-3px) rotate(45deg)}
.ild-a4-formative-target-chevron::after{transform:translateX(3px) rotate(-45deg)}
.ild-a4-formative-target[open] .ild-a4-formative-target-chevron::before{transform:translateX(-3px) rotate(-45deg)}
.ild-a4-formative-target[open] .ild-a4-formative-target-chevron::after{transform:translateX(3px) rotate(45deg)}
.ild-a4-formative-target-body{
  padding:0 14px 14px;
  border-top:1px solid #edf1f6;
}
.ild-a4-formative-target-components{
  display:grid;
  gap:7px;
  padding-top:11px;
}
.ild-a4-formative-target-component{
  display:grid;
  grid-template-columns:minmax(95px,auto) minmax(0,1fr) auto;
  gap:10px;
  align-items:start;
  padding:10px 11px;
  border:1px solid #e1e9f2;
  border-radius:11px;
  background:#f9fbfe;
}
.ild-a4-formative-target-component-code{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  padding:5px 8px;
  border-radius:8px;
  background:#e9efff;
  color:#3648b1;
  font-size:.72rem;
  line-height:1.15;
  font-weight:1000;
}
.ild-a4-formative-target-component-text{
  color:#29455f;
  font-size:.83rem;
  line-height:1.43;
  font-weight:760;
}
.ild-a4-formative-target-pages{
  align-self:start;
  padding:4px 7px;
  border-radius:999px;
  background:#eef7ff;
  color:#1472aa;
  font-size:.66rem;
  line-height:1.15;
  font-weight:1000;
  white-space:nowrap;
}
.ild-a4-formative-target-empty{
  margin:11px 0 0;
  padding:10px 11px;
  border:1px dashed #ccd8e6;
  border-radius:10px;
  color:#61778d;
  font-size:.8rem;
  font-weight:750;
}

html[data-bs-theme="dark"] .ild-a4-formative-targets,
body.dark-mode .ild-a4-formative-targets,
body.theme-dark .ild-a4-formative-targets{
  border-color:#334b67;
  background:
    radial-gradient(circle at 96% 0,rgba(114,91,235,.18),transparent 27%),
    linear-gradient(145deg,#182637 0%,#142233 56%,#1e1b37 100%);
  box-shadow:0 14px 38px rgba(0,0,0,.24);
}
html[data-bs-theme="dark"] .ild-a4-formative-targets h2,
body.dark-mode .ild-a4-formative-targets h2,
body.theme-dark .ild-a4-formative-targets h2{color:#f2f7ff}
html[data-bs-theme="dark"] .ild-a4-formative-targets-heading>p,
body.dark-mode .ild-a4-formative-targets-heading>p,
body.theme-dark .ild-a4-formative-targets-heading>p{color:#bdd0df}
html[data-bs-theme="dark"] .ild-a4-formative-targets-stats span,
body.dark-mode .ild-a4-formative-targets-stats span,
body.theme-dark .ild-a4-formative-targets-stats span{border-color:#3c536d;background:#1c2d3f;color:#c4d2df}
html[data-bs-theme="dark"] .ild-a4-formative-targets-stats b,
body.dark-mode .ild-a4-formative-targets-stats b,
body.theme-dark .ild-a4-formative-targets-stats b{color:#b8b3ff}
html[data-bs-theme="dark"] .ild-a4-formative-target,
body.dark-mode .ild-a4-formative-target,
body.theme-dark .ild-a4-formative-target{border-color:#3a4f66;background:#1b2a3a;box-shadow:none}
html[data-bs-theme="dark"] .ild-a4-formative-target[open],
body.dark-mode .ild-a4-formative-target[open],
body.theme-dark .ild-a4-formative-target[open]{border-color:#625d9f}
html[data-bs-theme="dark"] .ild-a4-formative-target-summary-copy strong,
body.dark-mode .ild-a4-formative-target-summary-copy strong,
body.theme-dark .ild-a4-formative-target-summary-copy strong{color:#eff6fc}
html[data-bs-theme="dark"] .ild-a4-formative-target-summary-copy small,
body.dark-mode .ild-a4-formative-target-summary-copy small,
body.theme-dark .ild-a4-formative-target-summary-copy small{color:#a7bacb}
html[data-bs-theme="dark"] .ild-a4-formative-target-chevron,
body.dark-mode .ild-a4-formative-target-chevron,
body.theme-dark .ild-a4-formative-target-chevron{background:#2a3b57}
html[data-bs-theme="dark"] .ild-a4-formative-target-chevron::before,
html[data-bs-theme="dark"] .ild-a4-formative-target-chevron::after,
body.dark-mode .ild-a4-formative-target-chevron::before,
body.dark-mode .ild-a4-formative-target-chevron::after,
body.theme-dark .ild-a4-formative-target-chevron::before,
body.theme-dark .ild-a4-formative-target-chevron::after{background:#b9bbff}
html[data-bs-theme="dark"] .ild-a4-formative-target-body,
body.dark-mode .ild-a4-formative-target-body,
body.theme-dark .ild-a4-formative-target-body{border-top-color:#32465b}
html[data-bs-theme="dark"] .ild-a4-formative-target-component,
body.dark-mode .ild-a4-formative-target-component,
body.theme-dark .ild-a4-formative-target-component{border-color:#35495e;background:#152433}
html[data-bs-theme="dark"] .ild-a4-formative-target-component-code,
body.dark-mode .ild-a4-formative-target-component-code,
body.theme-dark .ild-a4-formative-target-component-code{background:#2b365d;color:#c7ccff}
html[data-bs-theme="dark"] .ild-a4-formative-target-component-text,
body.dark-mode .ild-a4-formative-target-component-text,
body.theme-dark .ild-a4-formative-target-component-text{color:#d7e4ee}
html[data-bs-theme="dark"] .ild-a4-formative-target-pages,
body.dark-mode .ild-a4-formative-target-pages,
body.theme-dark .ild-a4-formative-target-pages{background:#19384c;color:#8bd2ff}

@media(max-width:760px){
  .ild-a4-formative-targets{margin:14px 0 18px;padding:15px;border-radius:18px}
  .ild-a4-formative-targets-head{display:block;margin-bottom:13px}
  .ild-a4-formative-targets-heading{text-align:center}
  .ild-a4-formative-targets-kicker{font-size:.62rem}
  .ild-a4-formative-targets h2{font-size:1.22rem}
  .ild-a4-formative-targets-heading>p{font-size:.82rem;line-height:1.45}
  .ild-a4-formative-targets-stats{justify-content:center;margin-top:10px}
  .ild-a4-formative-targets-stats span{min-height:33px;font-size:.69rem;padding:6px 9px}
  .ild-a4-formative-target>summary{grid-template-columns:auto minmax(0,1fr) 28px;gap:9px;min-height:61px;padding:10px}
  .ild-a4-formative-target-code{min-width:64px;min-height:32px;padding:6px 8px;font-size:.76rem}
  .ild-a4-formative-target-summary-copy strong{font-size:.84rem;line-height:1.3}
  .ild-a4-formative-target-summary-copy small{font-size:.66rem}
  .ild-a4-formative-target-component{grid-template-columns:1fr;gap:6px;padding:9px}
  .ild-a4-formative-target-component-code{font-size:.68rem}
  .ild-a4-formative-target-component-text{font-size:.78rem}
  .ild-a4-formative-target-pages{justify-self:start}
}
@media(max-width:480px){
  .ild-a4-formative-targets{padding:12px}
  .ild-a4-formative-target>summary{grid-template-columns:1fr 27px;gap:8px}
  .ild-a4-formative-target-code{grid-column:1;justify-self:start;min-width:0;width:max-content}
  .ild-a4-formative-target-summary-copy{grid-column:1}
  .ild-a4-formative-target-chevron{grid-column:2;grid-row:1 / span 2;align-self:center}
}


/* v1.29.65.106 — Süreç bileşeni olmayan öğrenme çıktıları akordiyon değildir. */
.ild-a4-formative-target.is-static{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:12px;
  align-items:center;
  min-height:66px;
  padding:12px 14px;
  cursor:default;
}
.ild-a4-formative-target.is-static:hover{
  border-color:#d8e4f1;
  box-shadow:0 5px 16px rgba(33,67,106,.045);
  transform:none;
}
.ild-a4-formative-target.is-static .ild-a4-formative-target-summary-copy small{
  margin-top:4px;
  color:#718397;
}
html[data-bs-theme="dark"] .ild-a4-formative-target.is-static:hover,
body.dark-mode .ild-a4-formative-target.is-static:hover,
body.theme-dark .ild-a4-formative-target.is-static:hover{
  border-color:#3a4f66;
  box-shadow:none;
}
@media(max-width:760px){
  .ild-a4-formative-target.is-static{
    grid-template-columns:auto minmax(0,1fr);
    gap:9px;
    min-height:61px;
    padding:10px;
  }
}
@media(max-width:480px){
  .ild-a4-formative-target.is-static{
    grid-template-columns:1fr;
    gap:7px;
  }
  .ild-a4-formative-target.is-static .ild-a4-formative-target-code{
    justify-self:start;
    min-width:0;
    width:max-content;
  }
}


/* v1.29.65.107 — Biçimlendirici değerlendirme tekil sayfa başlığı standardı */
.ild-a4-material-copy .ild-a4-formative-page-title{
  container-type:inline-size;
  display:block;
  width:100%;
  margin:0;
  color:#102f50;
  font-weight:1000;
  line-height:1.12;
  letter-spacing:-.018em;
  text-align:center;
}
.ild-a4-formative-page-title-line{
  display:block;
  width:100%;
  max-width:100%;
  white-space:nowrap;
  overflow:visible;
  text-overflow:clip;
}
.ild-a4-formative-page-title-line.is-context{
  font-size:clamp(12px,3.35cqw,25px);
}
.ild-a4-formative-page-title-line.is-name{
  margin-top:.12em;
  font-size:clamp(13px,3.55cqw,26px);
}
html[data-bs-theme="dark"] .ild-a4-material-copy .ild-a4-formative-page-title,
body.dark-mode .ild-a4-material-copy .ild-a4-formative-page-title,
body.theme-dark .ild-a4-material-copy .ild-a4-formative-page-title{color:#f3f8ff}
@supports not (font-size:1cqw){
  .ild-a4-formative-page-title-line.is-context{font-size:clamp(16px,1.65vw,24px)}
  .ild-a4-formative-page-title-line.is-name{font-size:clamp(17px,1.75vw,25px)}
}
@media(max-width:760px){
  .ild-a4-formative-page-title-line.is-context{font-size:clamp(11px,3.35cqw,18px)}
  .ild-a4-formative-page-title-line.is-name{font-size:clamp(12px,3.5cqw,19px)}
}

/* v1.29.65.108 — Biçimlendirici iki satırlı ana başlık her iki satırda yatay ortalıdır. */

/* v1.29.65.109 — Biçimlendirici iki satırlı ana başlık yaklaşık %20-22 küçültüldü; merkezleme ve iki satır standardı korunur. */


/* v1.29.65.110 — Biçimlendirici ana başlık: tam iki mantıksal satır, asla üçüncü satır yok. */
.ild-a4-material-copy .ild-a4-formative-page-title{
  overflow:hidden;
}
.ild-a4-formative-page-title-line{
  box-sizing:border-box;
  white-space:nowrap!important;
  overflow:visible;
  text-overflow:clip;
  transform-origin:center center;
  will-change:font-size,transform;
}
@media(max-width:760px){
  .ild-a4-material-copy .ild-a4-formative-page-title{overflow:hidden}
}

/* v1.29.65.112 — Biçimlendirici paket başlığı: masaüstü yalnız 2 satır, mobil yalnız 3 satır. */
.ild-a4-formative-page-title-desktop{display:block}
.ild-a4-formative-page-title-mobile{display:none}

@media(max-width:760px){
  .ild-a4-formative-page-title-desktop{display:none!important}
  .ild-a4-formative-page-title-mobile{
    display:block!important;
    width:100%;
    text-align:center;
  }
  .ild-a4-material-copy .ild-a4-formative-page-title{
    width:100%;
    max-width:100%;
    margin:0 auto;
    text-align:center;
    line-height:1.16;
    overflow:hidden;
  }
  .ild-a4-formative-page-title-mobile .ild-a4-formative-page-title-line{
    display:block;
    width:100%;
    max-width:100%;
    margin:0;
    white-space:nowrap!important;
    overflow:visible;
    text-overflow:clip;
    text-align:center;
    transform-origin:center center;
    font-weight:1000;
    letter-spacing:-.012em;
  }
  .ild-a4-formative-page-title-line.is-mobile-grade-lesson{
    font-size:clamp(18px,5.2vw,23px);
  }
  .ild-a4-formative-page-title-line.is-mobile-structure{
    margin-top:.18em;
    font-size:clamp(17px,4.9vw,22px);
  }
  .ild-a4-formative-page-title-line.is-mobile-set{
    margin-top:.18em;
    font-size:clamp(17px,4.75vw,21px);
  }
}

@media(max-width:380px){
  .ild-a4-formative-page-title-line.is-mobile-grade-lesson{font-size:clamp(17px,5vw,21px)}
  .ild-a4-formative-page-title-line.is-mobile-structure{font-size:clamp(16px,4.7vw,20px)}
  .ild-a4-formative-page-title-line.is-mobile-set{font-size:clamp(16px,4.55vw,19px)}
}

/* v1.29.65.124 — Biçimlendirici değerlendirme içerik sayfası: üst konumlu, estetik ve renkli Nasıl Kullanılır? alanı. */
.ild-a4-formative-howto{
  margin:16px 0 20px;
}
.ild-a4-formative-howto.is-above-form{
  margin:4px 0 16px;
}
.ild-a4-formative-howto-details{
  overflow:hidden;
  border:1px solid #d7e4f3;
  border-radius:24px;
  background:linear-gradient(145deg,#fbfdff 0%,#f5f9ff 46%,#f9f5ff 100%);
  box-shadow:0 16px 38px rgba(32,67,101,.10);
}
.ild-a4-formative-howto-details>summary{
  display:grid;
  grid-template-columns:56px minmax(0,1fr) 38px;
  gap:14px;
  align-items:center;
  min-height:104px;
  padding:18px 18px 16px;
  cursor:pointer;
  list-style:none;
  user-select:none;
}
.ild-a4-formative-howto-details>summary::-webkit-details-marker{display:none}
.ild-a4-formative-howto-icon{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border-radius:18px;
  background:linear-gradient(135deg,#5d77f0,#8257df 60%,#36b7d8 100%);
  color:#fff;
  font-size:1.22rem;
  font-weight:1000;
  box-shadow:0 10px 20px rgba(84,94,214,.24);
}
.ild-a4-formative-howto-summary-copy{display:block;min-width:0}
.ild-a4-formative-howto-kicker{
  display:block;
  margin-bottom:4px;
  color:#5d55cb;
  font-size:.66rem;
  line-height:1.15;
  font-weight:1000;
  letter-spacing:.085em;
}
.ild-a4-formative-howto-summary-copy strong{
  display:block;
  color:#143650;
  font-size:1.22rem;
  line-height:1.18;
  font-weight:1000;
}
.ild-a4-formative-howto-summary-copy small{
  display:block;
  margin-top:5px;
  color:#657d90;
  font-size:.79rem;
  line-height:1.38;
  font-weight:760;
}
.ild-a4-formative-howto-summary-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:10px;
}
.ild-a4-formative-howto-summary-tags span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 11px;
  border-radius:999px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(121,144,179,.22);
  color:#34506a;
  font-size:.7rem;
  line-height:1;
  font-weight:900;
  box-shadow:0 5px 12px rgba(29,59,89,.05);
}
.ild-a4-formative-howto-toggle{
  position:relative;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid #d8e2f5;
  border-radius:13px;
  background:#fff;
  box-shadow:0 4px 12px rgba(40,73,109,.08);
}
.ild-a4-formative-howto-toggle::before,
.ild-a4-formative-howto-toggle::after{
  content:"";
  position:absolute;
  width:10px;
  height:2px;
  border-radius:9px;
  background:#5969c8;
  transition:transform .2s ease;
}
.ild-a4-formative-howto-toggle::before{transform:translateX(-3px) rotate(45deg)}
.ild-a4-formative-howto-toggle::after{transform:translateX(3px) rotate(-45deg)}
.ild-a4-formative-howto-details[open] .ild-a4-formative-howto-toggle::before{transform:translateX(-3px) rotate(-45deg)}
.ild-a4-formative-howto-details[open] .ild-a4-formative-howto-toggle::after{transform:translateX(3px) rotate(45deg)}
.ild-a4-formative-howto-body{
  padding:0 18px 18px;
  border-top:1px solid #e3ebf4;
}
.ild-a4-formative-howto-intro{
  margin:15px 0 12px!important;
  color:#415c74!important;
  font-size:.89rem!important;
  line-height:1.56!important;
  font-weight:730!important;
}
.ild-a4-formative-howto-flow{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  align-items:center;
  margin:0 0 13px;
}
.ild-a4-formative-howto-flow i{
  width:16px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#7ca7ff,#7f8bff);
  opacity:.72;
}
.ild-a4-formative-howto-flow span{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  color:#18364b;
  font-size:.72rem;
  line-height:1;
  font-weight:1000;
}
.ild-a4-formative-howto-flow .is-print{background:#edf5ff}
.ild-a4-formative-howto-flow .is-open{background:#eef8ef}
.ild-a4-formative-howto-flow .is-feedback{background:#fff3e9}
.ild-a4-formative-howto-flow .is-plan{background:#f3eefc}
.ild-a4-formative-howto-steps{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.ild-a4-formative-howto-steps>li{
  position:relative;
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:11px;
  align-items:start;
  margin:0!important;
  padding:13px 13px!important;
  border:1px solid #dfe8f1;
  border-radius:16px;
  background:rgba(255,255,255,.92);
  box-shadow:0 7px 18px rgba(34,66,99,.05);
}
.ild-a4-formative-howto-steps>li:last-child{grid-column:1 / -1}
.ild-a4-formative-howto-steps>li.is-step-1{background:linear-gradient(180deg,#ffffff 0%,#eef5ff 100%);border-color:#d9e6ff}
.ild-a4-formative-howto-steps>li.is-step-2{background:linear-gradient(180deg,#ffffff 0%,#eef9f2 100%);border-color:#d7ecdd}
.ild-a4-formative-howto-steps>li.is-step-3{background:linear-gradient(180deg,#ffffff 0%,#fff7ec 100%);border-color:#f1dfc1}
.ild-a4-formative-howto-steps>li.is-step-4{background:linear-gradient(180deg,#ffffff 0%,#fff1f4 100%);border-color:#efd8df}
.ild-a4-formative-howto-steps>li.is-step-5{background:linear-gradient(180deg,#ffffff 0%,#f3efff 100%);border-color:#dfd8f4}
.ild-a4-formative-howto-no{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:11px;
  color:#fff;
  font-size:.79rem;
  line-height:1;
  font-weight:1000;
  box-shadow:0 8px 16px rgba(57,83,120,.14);
}
.ild-a4-formative-howto-steps>li.is-step-1 .ild-a4-formative-howto-no{background:linear-gradient(135deg,#5a8bff,#3f6de5)}
.ild-a4-formative-howto-steps>li.is-step-2 .ild-a4-formative-howto-no{background:linear-gradient(135deg,#37a965,#22844b)}
.ild-a4-formative-howto-steps>li.is-step-3 .ild-a4-formative-howto-no{background:linear-gradient(135deg,#f2a23c,#d37c15)}
.ild-a4-formative-howto-steps>li.is-step-4 .ild-a4-formative-howto-no{background:linear-gradient(135deg,#ef6c8f,#d74d72)}
.ild-a4-formative-howto-steps>li.is-step-5 .ild-a4-formative-howto-no{background:linear-gradient(135deg,#8868ee,#694fd8)}
.ild-a4-formative-howto-steps strong{
  display:block;
  margin:1px 0 4px;
  color:#173a57;
  font-size:.85rem;
  line-height:1.25;
  font-weight:1000;
}
.ild-a4-formative-howto-steps p{
  margin:0!important;
  color:#4f6579!important;
  font-size:.76rem!important;
  line-height:1.46!important;
  font-weight:690!important;
}
.ild-a4-formative-howto-steps b{color:#263f59!important;font-weight:950!important}
.ild-a4-formative-howto-note{
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:9px;
  align-items:start;
  margin-top:12px;
  padding:11px 12px;
  border:1px solid #dcecdf;
  border-radius:15px;
  background:linear-gradient(135deg,#f5fcf7,#eefaf2);
}
.ild-a4-formative-howto-note>span{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:9px;
  background:#ddf4e8;
  color:#1c7055;
  font-size:.8rem;
  font-weight:1000;
}
.ild-a4-formative-howto-note p{
  margin:1px 0 0!important;
  color:#315c4f!important;
  font-size:.75rem!important;
  line-height:1.45!important;
  font-weight:700!important;
}
.ild-a4-formative-howto-note strong{color:#215744!important;font-weight:1000!important}
html[data-bs-theme="dark"] .ild-a4-formative-howto-details,
body.dark-mode .ild-a4-formative-howto-details,
body.theme-dark .ild-a4-formative-howto-details{
  border-color:#354d67;
  background:linear-gradient(145deg,#162738 0%,#142436 48%,#1b1a38 100%);
  box-shadow:0 14px 34px rgba(0,0,0,.26);
}
html[data-bs-theme="dark"] .ild-a4-formative-howto-summary-copy strong,
body.dark-mode .ild-a4-formative-howto-summary-copy strong,
body.theme-dark .ild-a4-formative-howto-summary-copy strong{color:#f0f6fb}
html[data-bs-theme="dark"] .ild-a4-formative-howto-summary-copy small,
body.dark-mode .ild-a4-formative-howto-summary-copy small,
body.theme-dark .ild-a4-formative-howto-summary-copy small{color:#aebfce}
html[data-bs-theme="dark"] .ild-a4-formative-howto-kicker,
body.dark-mode .ild-a4-formative-howto-kicker,
body.theme-dark .ild-a4-formative-howto-kicker{color:#c7c3ff}
html[data-bs-theme="dark"] .ild-a4-formative-howto-summary-tags span,
body.dark-mode .ild-a4-formative-howto-summary-tags span,
body.theme-dark .ild-a4-formative-howto-summary-tags span{background:#203244;border-color:#34485f;color:#d9e5ee;box-shadow:none}
html[data-bs-theme="dark"] .ild-a4-formative-howto-toggle,
body.dark-mode .ild-a4-formative-howto-toggle,
body.theme-dark .ild-a4-formative-howto-toggle{border-color:#40536c;background:#22354a}
html[data-bs-theme="dark"] .ild-a4-formative-howto-toggle::before,
html[data-bs-theme="dark"] .ild-a4-formative-howto-toggle::after,
body.dark-mode .ild-a4-formative-howto-toggle::before,
body.dark-mode .ild-a4-formative-howto-toggle::after,
body.theme-dark .ild-a4-formative-howto-toggle::before,
body.theme-dark .ild-a4-formative-howto-toggle::after{background:#c5c3ff}
html[data-bs-theme="dark"] .ild-a4-formative-howto-body,
body.dark-mode .ild-a4-formative-howto-body,
body.theme-dark .ild-a4-formative-howto-body{border-top-color:#31465c}
html[data-bs-theme="dark"] .ild-a4-formative-howto-intro,
body.dark-mode .ild-a4-formative-howto-intro,
body.theme-dark .ild-a4-formative-howto-intro{color:#c1d0dc!important}
html[data-bs-theme="dark"] .ild-a4-formative-howto-flow i,
body.dark-mode .ild-a4-formative-howto-flow i,
body.theme-dark .ild-a4-formative-howto-flow i{background:linear-gradient(90deg,#5b69ab,#7580d2)}
html[data-bs-theme="dark"] .ild-a4-formative-howto-flow .is-print,
body.dark-mode .ild-a4-formative-howto-flow .is-print,
body.theme-dark .ild-a4-formative-howto-flow .is-print{background:#23344b;color:#d6e4f1}
html[data-bs-theme="dark"] .ild-a4-formative-howto-flow .is-open,
body.dark-mode .ild-a4-formative-howto-flow .is-open,
body.theme-dark .ild-a4-formative-howto-flow .is-open{background:#1e3a31;color:#d8eee2}
html[data-bs-theme="dark"] .ild-a4-formative-howto-flow .is-feedback,
body.dark-mode .ild-a4-formative-howto-flow .is-feedback,
body.theme-dark .ild-a4-formative-howto-flow .is-feedback{background:#413222;color:#f5dec0}
html[data-bs-theme="dark"] .ild-a4-formative-howto-flow .is-plan,
body.dark-mode .ild-a4-formative-howto-flow .is-plan,
body.theme-dark .ild-a4-formative-howto-flow .is-plan{background:#332a4f;color:#e4dcff}
html[data-bs-theme="dark"] .ild-a4-formative-howto-steps>li,
body.dark-mode .ild-a4-formative-howto-steps>li,
body.theme-dark .ild-a4-formative-howto-steps>li{box-shadow:none}
html[data-bs-theme="dark"] .ild-a4-formative-howto-steps>li.is-step-1,
body.dark-mode .ild-a4-formative-howto-steps>li.is-step-1,
body.theme-dark .ild-a4-formative-howto-steps>li.is-step-1{border-color:#355174;background:linear-gradient(180deg,#182a3d 0%,#1a3047 100%)}
html[data-bs-theme="dark"] .ild-a4-formative-howto-steps>li.is-step-2,
body.dark-mode .ild-a4-formative-howto-steps>li.is-step-2,
body.theme-dark .ild-a4-formative-howto-steps>li.is-step-2{border-color:#345646;background:linear-gradient(180deg,#162a24 0%,#193228 100%)}
html[data-bs-theme="dark"] .ild-a4-formative-howto-steps>li.is-step-3,
body.dark-mode .ild-a4-formative-howto-steps>li.is-step-3,
body.theme-dark .ild-a4-formative-howto-steps>li.is-step-3{border-color:#6a5132;background:linear-gradient(180deg,#2e2418 0%,#35281a 100%)}
html[data-bs-theme="dark"] .ild-a4-formative-howto-steps>li.is-step-4,
body.dark-mode .ild-a4-formative-howto-steps>li.is-step-4,
body.theme-dark .ild-a4-formative-howto-steps>li.is-step-4{border-color:#704455;background:linear-gradient(180deg,#311c24 0%,#381d28 100%)}
html[data-bs-theme="dark"] .ild-a4-formative-howto-steps>li.is-step-5,
body.dark-mode .ild-a4-formative-howto-steps>li.is-step-5,
body.theme-dark .ild-a4-formative-howto-steps>li.is-step-5{border-color:#554278;background:linear-gradient(180deg,#241d37 0%,#29203d 100%)}
html[data-bs-theme="dark"] .ild-a4-formative-howto-steps strong,
body.dark-mode .ild-a4-formative-howto-steps strong,
body.theme-dark .ild-a4-formative-howto-steps strong{color:#edf5fa}
html[data-bs-theme="dark"] .ild-a4-formative-howto-steps p,
body.dark-mode .ild-a4-formative-howto-steps p,
body.theme-dark .ild-a4-formative-howto-steps p{color:#bdcbd7!important}
html[data-bs-theme="dark"] .ild-a4-formative-howto-steps b,
body.dark-mode .ild-a4-formative-howto-steps b,
body.theme-dark .ild-a4-formative-howto-steps b{color:#ecf3f8!important}
html[data-bs-theme="dark"] .ild-a4-formative-howto-note,
body.dark-mode .ild-a4-formative-howto-note,
body.theme-dark .ild-a4-formative-howto-note{border-color:#31574b;background:linear-gradient(135deg,#173129,#142c24)}
html[data-bs-theme="dark"] .ild-a4-formative-howto-note>span,
body.dark-mode .ild-a4-formative-howto-note>span,
body.theme-dark .ild-a4-formative-howto-note>span{background:#214b3d;color:#a9e3cf}
html[data-bs-theme="dark"] .ild-a4-formative-howto-note p,
body.dark-mode .ild-a4-formative-howto-note p,
body.theme-dark .ild-a4-formative-howto-note p{color:#c0ddd3!important}
html[data-bs-theme="dark"] .ild-a4-formative-howto-note strong,
body.dark-mode .ild-a4-formative-howto-note strong,
body.theme-dark .ild-a4-formative-howto-note strong{color:#d6f1e8!important}
@media(max-width:760px){
  .ild-a4-formative-howto{margin:14px 0 18px}
  .ild-a4-formative-howto.is-above-form{margin:4px 0 14px}
  .ild-a4-formative-howto-details{border-radius:19px}
  .ild-a4-formative-howto-details>summary{grid-template-columns:42px minmax(0,1fr) 30px;gap:10px;min-height:82px;padding:13px 13px 12px}
  .ild-a4-formative-howto-icon{width:40px;height:40px;border-radius:13px;font-size:1rem}
  .ild-a4-formative-howto-kicker{font-size:.58rem}
  .ild-a4-formative-howto-summary-copy strong{font-size:1.05rem}
  .ild-a4-formative-howto-summary-copy small{font-size:.71rem}
  .ild-a4-formative-howto-summary-tags{margin-top:8px;gap:6px}
  .ild-a4-formative-howto-summary-tags span{min-height:25px;padding:0 9px;font-size:.64rem}
  .ild-a4-formative-howto-toggle{width:30px;height:30px;border-radius:10px}
  .ild-a4-formative-howto-body{padding:0 12px 12px}
  .ild-a4-formative-howto-intro{font-size:.8rem!important;line-height:1.46!important}
  .ild-a4-formative-howto-flow{gap:6px;margin-bottom:11px}
  .ild-a4-formative-howto-flow i{width:12px}
  .ild-a4-formative-howto-flow span{min-height:28px;padding:0 10px;font-size:.66rem}
  .ild-a4-formative-howto-steps{grid-template-columns:1fr;gap:8px}
  .ild-a4-formative-howto-steps>li:last-child{grid-column:auto}
  .ild-a4-formative-howto-steps>li{grid-template-columns:31px minmax(0,1fr);gap:9px;padding:10px 10px!important}
  .ild-a4-formative-howto-no{width:29px;height:29px;border-radius:9px;font-size:.72rem}
  .ild-a4-formative-howto-steps strong{font-size:.8rem}
  .ild-a4-formative-howto-steps p{font-size:.72rem!important;line-height:1.4!important}
  .ild-a4-formative-howto-note{grid-template-columns:28px minmax(0,1fr);padding:9px 10px}
  .ild-a4-formative-howto-note p{font-size:.7rem!important}
}
@media(max-width:480px){
  .ild-a4-formative-howto-details>summary{grid-template-columns:1fr 29px}
  .ild-a4-formative-howto-icon{display:none}
  .ild-a4-formative-howto-summary-copy{grid-column:1}
  .ild-a4-formative-howto-toggle{grid-column:2;grid-row:1;align-self:start}
  .ild-a4-formative-howto-summary-tags{margin-top:7px}
  .ild-a4-formative-howto-flow i{display:none}
}


/* v1.29.65.125 — Nasıl Kullanılır? tam genişlik yerleşim düzeltmesi ve yatay görsel akış. */
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth{
  grid-column:1 / -1;
  width:100%;
  min-width:0;
  align-self:stretch;
  margin:2px 0 0;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-details{
  width:100%;
  border-radius:22px;
  border-color:rgba(91,92,240,.26);
  background:
    radial-gradient(circle at 96% 12%,rgba(133,96,246,.12),transparent 24%),
    radial-gradient(circle at 4% 100%,rgba(39,176,218,.10),transparent 23%),
    linear-gradient(135deg,#fbfdff 0%,#f4f8ff 48%,#faf5ff 100%);
  box-shadow:0 14px 34px rgba(45,73,126,.10),inset 0 1px 0 rgba(255,255,255,.92);
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-details>summary{
  grid-template-columns:72px minmax(0,1fr) 42px;
  gap:18px;
  min-height:116px;
  padding:20px 24px;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-icon{
  width:66px;
  height:66px;
  border-radius:20px;
  font-size:1.42rem;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-kicker{
  margin-bottom:5px;
  font-size:.72rem;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-summary-copy strong{
  font-size:clamp(1.32rem,1.8vw,1.72rem);
  line-height:1.15;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-summary-copy small{
  max-width:900px;
  font-size:.86rem;
  line-height:1.42;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-summary-tags{
  margin-top:11px;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-summary-tags span{
  min-height:30px;
  padding:0 13px;
  font-size:.72rem;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-body{
  padding:0 22px 22px;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-intro{
  margin:16px 0 13px!important;
  max-width:1100px;
  font-size:.92rem!important;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-flow{
  margin-bottom:14px;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-steps{
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:11px;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-steps>li{
  grid-column:span 2;
  min-height:146px;
  padding:14px 14px!important;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-steps>li:nth-child(4),
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-steps>li:nth-child(5){
  grid-column:span 3;
  min-height:132px;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-steps strong{
  font-size:.88rem;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-steps p{
  font-size:.78rem!important;
  line-height:1.48!important;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-note{
  margin-top:13px;
  padding:12px 14px;
}

@media(max-width:980px){
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-steps{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-steps>li,
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-steps>li:nth-child(4),
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-steps>li:nth-child(5){
    grid-column:auto;
    min-height:0;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-steps>li:last-child{
    grid-column:1 / -1;
  }
}
@media(max-width:760px){
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth{
    margin:0;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-details>summary{
    grid-template-columns:44px minmax(0,1fr) 31px;
    gap:10px;
    min-height:88px;
    padding:13px;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-icon{
    width:42px;
    height:42px;
    border-radius:13px;
    font-size:1.02rem;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-summary-copy strong{
    font-size:1.08rem;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-summary-copy small{
    font-size:.72rem;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-body{
    padding:0 12px 12px;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-steps{
    grid-template-columns:1fr;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-steps>li:last-child{
    grid-column:auto;
  }
}
@media(max-width:480px){
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-details>summary{
    grid-template-columns:minmax(0,1fr) 30px;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-icon{
    display:none;
  }
}
html[data-bs-theme="dark"] .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-details,
body.dark-mode .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-details,
body.theme-dark .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth .ild-a4-formative-howto-details{
  border-color:#42557d;
  background:
    radial-gradient(circle at 96% 12%,rgba(121,91,230,.15),transparent 24%),
    radial-gradient(circle at 4% 100%,rgba(42,139,177,.12),transparent 23%),
    linear-gradient(135deg,#17283a 0%,#142437 50%,#201d3c 100%);
}

/* v1.29.65.126 — Nasıl Kullanılır? sade, ferah ve okunaklı yol haritası. */
.ild-a4-formative-howto.is-above-form{
  margin:4px 0 18px;
}
.ild-a4-formative-howto-details{
  border:1px solid #dbe6f1;
  border-radius:22px;
  background:linear-gradient(180deg,#fbfdff 0%,#ffffff 100%);
  box-shadow:0 12px 30px rgba(30,57,84,.08);
}
.ild-a4-formative-howto-details>summary{
  grid-template-columns:48px minmax(0,1fr) 36px;
  gap:14px;
  min-height:88px;
  padding:16px 20px;
}
.ild-a4-formative-howto-icon{
  width:46px;
  height:46px;
  border-radius:14px;
  background:linear-gradient(135deg,#526ee7,#7155d9);
  font-size:1rem;
  box-shadow:0 8px 18px rgba(82,96,205,.18);
}
.ild-a4-formative-howto-kicker{
  margin-bottom:4px;
  color:#6259cf;
  font-size:.65rem;
  letter-spacing:.085em;
}
.ild-a4-formative-howto-summary-copy strong{
  color:#153750;
  font-size:1.18rem;
}
.ild-a4-formative-howto-summary-copy small{
  margin-top:4px;
  max-width:920px;
  color:#687f91;
  font-size:.78rem;
  line-height:1.4;
  font-weight:720;
}
.ild-a4-formative-howto-summary-tags,
.ild-a4-formative-howto-flow{
  display:none!important;
}
.ild-a4-formative-howto-toggle{
  width:34px;
  height:34px;
  border-radius:11px;
  box-shadow:none;
}
.ild-a4-formative-howto-body{
  padding:0 20px 20px;
  border-top:1px solid #e6edf4;
}
.ild-a4-formative-howto-intro{
  margin:15px 0 12px!important;
  color:#496176!important;
  font-size:.84rem!important;
  line-height:1.5!important;
  font-weight:720!important;
}
.ild-a4-formative-howto-steps{
  display:block!important;
  overflow:hidden;
  margin:0!important;
  padding:0!important;
  border:1px solid #e1e9f0;
  border-radius:17px;
  background:#fff;
  box-shadow:none;
}
.ild-a4-formative-howto-steps>li,
.ild-a4-formative-howto-steps>li.is-step-1,
.ild-a4-formative-howto-steps>li.is-step-2,
.ild-a4-formative-howto-steps>li.is-step-3,
.ild-a4-formative-howto-steps>li.is-step-4,
.ild-a4-formative-howto-steps>li.is-step-5{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:12px;
  align-items:start;
  margin:0!important;
  padding:13px 15px!important;
  border:0;
  border-bottom:1px solid #edf1f5;
  border-radius:0;
  background:#fff;
  box-shadow:none;
}
.ild-a4-formative-howto-steps>li:last-child{
  grid-column:auto;
  border-bottom:0;
}
.ild-a4-formative-howto-no{
  width:32px;
  height:32px;
  border-radius:10px;
  font-size:.76rem;
  box-shadow:none;
}
.ild-a4-formative-howto-steps>li.is-step-1 .ild-a4-formative-howto-no{background:#5278e8}
.ild-a4-formative-howto-steps>li.is-step-2 .ild-a4-formative-howto-no{background:#2f9a72}
.ild-a4-formative-howto-steps>li.is-step-3 .ild-a4-formative-howto-no{background:#d78b28}
.ild-a4-formative-howto-steps>li.is-step-4 .ild-a4-formative-howto-no{background:#d95c7e}
.ild-a4-formative-howto-steps>li.is-step-5 .ild-a4-formative-howto-no{background:#705bd8}
.ild-a4-formative-howto-steps strong{
  margin:0 0 3px;
  color:#183a54;
  font-size:.84rem;
  line-height:1.28;
}
.ild-a4-formative-howto-steps p{
  color:#5a7082!important;
  font-size:.75rem!important;
  line-height:1.44!important;
  font-weight:660!important;
}
.ild-a4-formative-howto-steps b{
  color:#2f485d!important;
}
.ild-a4-formative-howto-note{
  margin-top:11px;
  padding:10px 12px;
  border:1px solid #dde7ef;
  border-radius:13px;
  background:#f7fafc;
}
.ild-a4-formative-howto-note>span{
  background:#e7eef5;
  color:#48677d;
}
.ild-a4-formative-howto-note p{
  color:#4d6476!important;
}
.ild-a4-formative-howto-note strong{
  color:#29485f!important;
}
html[data-bs-theme="dark"] .ild-a4-formative-howto-details,
body.dark-mode .ild-a4-formative-howto-details,
body.theme-dark .ild-a4-formative-howto-details{
  border-color:#34495d;
  background:linear-gradient(180deg,#172737 0%,#152432 100%);
  box-shadow:0 12px 30px rgba(0,0,0,.2);
}
html[data-bs-theme="dark"] .ild-a4-formative-howto-body,
body.dark-mode .ild-a4-formative-howto-body,
body.theme-dark .ild-a4-formative-howto-body{border-top-color:#31465a}
html[data-bs-theme="dark"] .ild-a4-formative-howto-steps,
body.dark-mode .ild-a4-formative-howto-steps,
body.theme-dark .ild-a4-formative-howto-steps{
  border-color:#34495d;
  background:#1b2b3a;
}
html[data-bs-theme="dark"] .ild-a4-formative-howto-steps>li,
html[data-bs-theme="dark"] .ild-a4-formative-howto-steps>li.is-step-1,
html[data-bs-theme="dark"] .ild-a4-formative-howto-steps>li.is-step-2,
html[data-bs-theme="dark"] .ild-a4-formative-howto-steps>li.is-step-3,
html[data-bs-theme="dark"] .ild-a4-formative-howto-steps>li.is-step-4,
html[data-bs-theme="dark"] .ild-a4-formative-howto-steps>li.is-step-5,
body.dark-mode .ild-a4-formative-howto-steps>li,
body.theme-dark .ild-a4-formative-howto-steps>li{
  border-bottom-color:#2e4254;
  background:#1b2b3a;
}
html[data-bs-theme="dark"] .ild-a4-formative-howto-note,
body.dark-mode .ild-a4-formative-howto-note,
body.theme-dark .ild-a4-formative-howto-note{
  border-color:#34495d;
  background:#1a2a38;
}
html[data-bs-theme="dark"] .ild-a4-formative-howto-note>span,
body.dark-mode .ild-a4-formative-howto-note>span,
body.theme-dark .ild-a4-formative-howto-note>span{background:#2a4052;color:#c7d8e5}
html[data-bs-theme="dark"] .ild-a4-formative-howto-note p,
body.dark-mode .ild-a4-formative-howto-note p,
body.theme-dark .ild-a4-formative-howto-note p{color:#bfd0dc!important}
html[data-bs-theme="dark"] .ild-a4-formative-howto-note strong,
body.dark-mode .ild-a4-formative-howto-note strong,
body.theme-dark .ild-a4-formative-howto-note strong{color:#e4edf3!important}
@media(max-width:760px){
  .ild-a4-formative-howto-details>summary{
    grid-template-columns:40px minmax(0,1fr) 30px;
    gap:10px;
    min-height:78px;
    padding:13px;
  }
  .ild-a4-formative-howto-icon{width:39px;height:39px;border-radius:12px}
  .ild-a4-formative-howto-summary-copy strong{font-size:1.04rem}
  .ild-a4-formative-howto-summary-copy small{font-size:.7rem}
  .ild-a4-formative-howto-body{padding:0 12px 12px}
  .ild-a4-formative-howto-intro{font-size:.78rem!important}
  .ild-a4-formative-howto-steps>li,
  .ild-a4-formative-howto-steps>li.is-step-1,
  .ild-a4-formative-howto-steps>li.is-step-2,
  .ild-a4-formative-howto-steps>li.is-step-3,
  .ild-a4-formative-howto-steps>li.is-step-4,
  .ild-a4-formative-howto-steps>li.is-step-5{
    grid-template-columns:31px minmax(0,1fr);
    gap:9px;
    padding:10px 11px!important;
  }
  .ild-a4-formative-howto-no{width:29px;height:29px;font-size:.7rem}
  .ild-a4-formative-howto-steps strong{font-size:.8rem}
  .ild-a4-formative-howto-steps p{font-size:.71rem!important}
}
@media(max-width:480px){
  .ild-a4-formative-howto-details>summary{grid-template-columns:1fr 29px}
  .ild-a4-formative-howto-icon{display:none}
  .ild-a4-formative-howto-summary-copy{grid-column:1}
  .ild-a4-formative-howto-toggle{grid-column:2;grid-row:1;align-self:start}
}


/* v1.29.65.127 — Nasıl Kullanılır? kompakt yatay düzen; gereksiz dikey boşluklar kaldırıldı. */
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127{
  grid-column:1 / -1;
  width:100%;
  margin:2px 0 14px;
  align-self:start;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127 .ild-a4-formative-howto-details{
  width:100%;
  overflow:hidden;
  border:1px solid rgba(95,99,235,.22);
  border-radius:20px;
  background:linear-gradient(135deg,#fbfdff 0%,#f7f9ff 55%,#fbf8ff 100%);
  box-shadow:0 10px 24px rgba(35,63,93,.07);
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127 .ild-a4-formative-howto-details>summary{
  grid-template-columns:44px minmax(0,1fr) 32px;
  gap:13px;
  min-height:0!important;
  height:auto!important;
  padding:13px 16px!important;
  align-items:center;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127 .ild-a4-formative-howto-icon{
  width:42px!important;
  height:42px!important;
  min-width:42px;
  border-radius:13px!important;
  font-size:1rem!important;
  box-shadow:0 6px 14px rgba(82,96,205,.16);
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127 .ild-a4-formative-howto-kicker{
  margin-bottom:2px;
  font-size:.61rem!important;
  letter-spacing:.08em;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127 .ild-a4-formative-howto-summary-copy strong{
  font-size:1.1rem!important;
  line-height:1.15!important;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127 .ild-a4-formative-howto-summary-copy small{
  margin-top:3px;
  max-width:none;
  font-size:.74rem!important;
  line-height:1.35!important;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127 .ild-a4-formative-howto-toggle{
  width:31px!important;
  height:31px!important;
  border-radius:10px!important;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127 .ild-a4-formative-howto-body{
  padding:12px 16px 14px!important;
  border-top:1px solid #e8edf4;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127 .ild-a4-formative-howto-intro{
  display:none!important;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127 .ild-a4-formative-howto-steps{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
  overflow:visible!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127 .ild-a4-formative-howto-steps>li,
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127 .ild-a4-formative-howto-steps>li:nth-child(4),
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127 .ild-a4-formative-howto-steps>li:nth-child(5),
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127 .ild-a4-formative-howto-steps>li:last-child{
  grid-column:auto!important;
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:start!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:10px 10px!important;
  border:1px solid #e2e8f0!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 3px 10px rgba(35,63,93,.035)!important;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127 .ild-a4-formative-howto-no{
  width:28px!important;
  height:28px!important;
  border-radius:9px!important;
  font-size:.69rem!important;
  box-shadow:none!important;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127 .ild-a4-formative-howto-steps strong{
  margin:0 0 2px!important;
  font-size:.77rem!important;
  line-height:1.22!important;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127 .ild-a4-formative-howto-steps p{
  margin:0!important;
  font-size:.68rem!important;
  line-height:1.34!important;
  font-weight:650!important;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127 .ild-a4-formative-howto-note{
  grid-template-columns:24px minmax(0,1fr)!important;
  gap:8px!important;
  margin-top:8px!important;
  padding:7px 10px!important;
  border-radius:11px!important;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127 .ild-a4-formative-howto-note>span{
  width:23px!important;
  height:23px!important;
  border-radius:7px!important;
  font-size:.68rem!important;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127 .ild-a4-formative-howto-note p{
  margin:1px 0 0!important;
  font-size:.67rem!important;
  line-height:1.35!important;
}
@media(max-width:1180px){
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127 .ild-a4-formative-howto-steps{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:820px){
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127 .ild-a4-formative-howto-steps{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127 .ild-a4-formative-howto-steps>li:last-child{
    grid-column:1 / -1!important;
  }
}
@media(max-width:560px){
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127 .ild-a4-formative-howto-details>summary{
    grid-template-columns:minmax(0,1fr) 30px!important;
    padding:12px!important;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127 .ild-a4-formative-howto-icon{display:none!important}
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127 .ild-a4-formative-howto-steps{
    grid-template-columns:1fr!important;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127 .ild-a4-formative-howto-steps>li:last-child{
    grid-column:auto!important;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127 .ild-a4-formative-howto-body{
    padding:10px 11px 11px!important;
  }
}
html[data-bs-theme="dark"] .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127 .ild-a4-formative-howto-steps>li,
body.dark-mode .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127 .ild-a4-formative-howto-steps>li,
body.theme-dark .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127 .ild-a4-formative-howto-steps>li{
  border-color:#34495d!important;
  background:#1b2b3a!important;
}

/* v1.29.65.129 — “Nasıl Kullanılır?” profesyonel ürün dili: tek yüzey, editorial stepper, kısıtlı palet. */
.ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129{
  grid-column:1 / -1;
  width:100%;
  margin:4px 0 16px;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-details{
  width:100%;
  overflow:hidden;
  border:1px solid #dfe6f0!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 12px 34px rgba(22,45,74,.075)!important;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-details>summary{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 36px!important;
  gap:18px!important;
  align-items:center!important;
  min-height:0!important;
  height:auto!important;
  padding:17px 20px 16px 24px!important;
  border-left:4px solid #6a63e8;
  background:linear-gradient(90deg,#ffffff 0%,#ffffff 72%,#faf9ff 100%)!important;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-icon{
  display:none!important;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-summary-copy{
  grid-column:1!important;
  min-width:0;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-kicker{
  display:block;
  margin:0 0 3px!important;
  color:#655ed3!important;
  font-size:.62rem!important;
  line-height:1.2!important;
  font-weight:1000!important;
  letter-spacing:.09em!important;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-summary-copy strong{
  margin:0!important;
  color:#173753!important;
  font-size:1.16rem!important;
  line-height:1.18!important;
  font-weight:1000!important;
  letter-spacing:-.015em;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-summary-copy small{
  display:block;
  margin-top:4px!important;
  max-width:980px!important;
  color:#718497!important;
  font-size:.74rem!important;
  line-height:1.38!important;
  font-weight:700!important;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-toggle{
  grid-column:2!important;
  width:34px!important;
  height:34px!important;
  border:1px solid #dfe5ee!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:0 4px 12px rgba(26,52,82,.06)!important;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-body{
  padding:18px 20px 14px!important;
  border-top:1px solid #edf1f5!important;
  background:#fbfcfe!important;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-steps{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #e4e9f0!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 7px 18px rgba(27,55,87,.045)!important;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-steps>li,
.ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-steps>li:nth-child(4),
.ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-steps>li:nth-child(5),
.ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-steps>li:last-child{
  position:relative;
  grid-column:auto!important;
  display:block!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:16px 17px 15px!important;
  border:0!important;
  border-right:1px solid #e9edf2!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-steps>li:last-child{
  border-right:0!important;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-no{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:28px!important;
  height:24px!important;
  margin:0 0 9px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  background:#f0efff!important;
  color:#5d57c8!important;
  font-size:.65rem!important;
  line-height:1!important;
  font-weight:1000!important;
  box-shadow:none!important;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-steps>li.is-step-1 .ild-a4-formative-howto-no,
.ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-steps>li.is-step-2 .ild-a4-formative-howto-no,
.ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-steps>li.is-step-3 .ild-a4-formative-howto-no,
.ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-steps>li.is-step-4 .ild-a4-formative-howto-no,
.ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-steps>li.is-step-5 .ild-a4-formative-howto-no{
  background:#f0efff!important;
  color:#5d57c8!important;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-steps strong{
  display:block!important;
  margin:0 0 5px!important;
  color:#173750!important;
  font-size:.79rem!important;
  line-height:1.28!important;
  font-weight:1000!important;
  letter-spacing:-.008em;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-steps p{
  margin:0!important;
  color:#667a8d!important;
  font-size:.69rem!important;
  line-height:1.44!important;
  font-weight:650!important;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-steps b{
  color:#334b62!important;
  font-weight:950!important;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-note{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  margin:10px 2px 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-note>span{
  display:grid!important;
  place-items:center!important;
  flex:0 0 20px!important;
  width:20px!important;
  height:20px!important;
  margin-top:1px!important;
  border-radius:6px!important;
  background:#eef2f7!important;
  color:#667b90!important;
  font-size:.62rem!important;
  font-weight:1000!important;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-note p{
  margin:1px 0 0!important;
  color:#788a9a!important;
  font-size:.66rem!important;
  line-height:1.4!important;
  font-weight:650!important;
}
.ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-note strong{
  color:#445b70!important;
}
@media(max-width:1120px){
  .ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-steps{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-steps>li:nth-child(3){border-right:0!important}
  .ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-steps>li:nth-child(-n+3){border-bottom:1px solid #e9edf2!important}
  .ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-steps>li:nth-child(5){border-right:0!important}
}
@media(max-width:760px){
  .ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-details>summary{
    padding:14px 14px 13px 16px!important;
    border-left-width:3px!important;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-body{
    padding:13px 12px 11px!important;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-steps{
    grid-template-columns:1fr!important;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-steps>li,
  .ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-steps>li:nth-child(3),
  .ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-steps>li:nth-child(5){
    border-right:0!important;
    border-bottom:1px solid #e9edf2!important;
    padding:13px 14px!important;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-steps>li:last-child{border-bottom:0!important}
  .ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-no{margin-bottom:6px!important}
}
html[data-bs-theme="dark"] .ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-details,
body.dark-mode .ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-details,
body.theme-dark .ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-details{
  border-color:#31485e!important;
  background:#172533!important;
  box-shadow:0 12px 34px rgba(0,0,0,.22)!important;
}
html[data-bs-theme="dark"] .ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-details>summary,
body.dark-mode .ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-details>summary,
body.theme-dark .ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-details>summary{
  background:linear-gradient(90deg,#172533 0%,#172533 72%,#1d2038 100%)!important;
}
html[data-bs-theme="dark"] .ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-body,
body.dark-mode .ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-body,
body.theme-dark .ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-body{
  border-top-color:#2c4155!important;
  background:#14212d!important;
}
html[data-bs-theme="dark"] .ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-steps,
body.dark-mode .ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-steps,
body.theme-dark .ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-steps{
  border-color:#314456!important;
  background:#192936!important;
}
html[data-bs-theme="dark"] .ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-steps>li,
body.dark-mode .ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-steps>li,
body.theme-dark .ild-a4-material-hero > .ild-a4-formative-howto.is-premium-v129 .ild-a4-formative-howto-steps>li{
  border-color:#314456!important;
  background:#192936!important;
}

/* v1.29.65.130 — Mobil final: yüksek kontrastlı, tek yüzeyli bağlantılı adım listesi. */
@media(max-width:760px){
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130{
    margin:8px 0 16px!important;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-details{
    border:1px solid #d8e2ee!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 10px 28px rgba(17,48,78,.10)!important;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-details>summary{
    grid-template-columns:minmax(0,1fr) 38px!important;
    gap:12px!important;
    padding:18px 16px 17px 18px!important;
    border-left:0!important;
    border-bottom:0!important;
    background:linear-gradient(135deg,#fbfdff 0%,#f5f7ff 100%)!important;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-icon{
    display:none!important;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-kicker{
    margin:0 0 5px!important;
    color:#5c57c8!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:1000!important;
    letter-spacing:.08em!important;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-summary-copy strong{
    color:#102f49!important;
    font-size:22px!important;
    line-height:1.12!important;
    letter-spacing:-.025em!important;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-summary-copy small{
    margin-top:7px!important;
    color:#425b70!important;
    font-size:15px!important;
    line-height:1.43!important;
    font-weight:720!important;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-toggle{
    width:38px!important;
    height:38px!important;
    border:1px solid #d6e0eb!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 4px 12px rgba(30,61,91,.08)!important;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-body{
    padding:6px 18px 16px!important;
    border-top:1px solid #e7edf4!important;
    background:#fff!important;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-steps{
    position:relative!important;
    display:block!important;
    margin:0!important;
    padding:4px 0 0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-steps::before{
    content:"";
    position:absolute;
    left:18px;
    top:27px;
    bottom:30px;
    width:2px;
    border-radius:999px;
    background:#e2e8f2;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-steps>li,
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-steps>li:nth-child(3),
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-steps>li:nth-child(5){
    position:relative!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:13px!important;
    align-items:start!important;
    min-height:0!important;
    margin:0!important;
    padding:14px 0 15px!important;
    border:0!important;
    border-bottom:1px solid #eef2f6!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-steps>li:last-child{
    padding-bottom:11px!important;
    border-bottom:0!important;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-no,
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-steps>li.is-step-1 .ild-a4-formative-howto-no,
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-steps>li.is-step-2 .ild-a4-formative-howto-no,
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-steps>li.is-step-3 .ild-a4-formative-howto-no,
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-steps>li.is-step-4 .ild-a4-formative-howto-no,
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-steps>li.is-step-5 .ild-a4-formative-howto-no{
    position:relative!important;
    z-index:1!important;
    display:grid!important;
    place-items:center!important;
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    margin:0!important;
    padding:0!important;
    border:3px solid #fff!important;
    border-radius:50%!important;
    background:#635ee0!important;
    color:#fff!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:1000!important;
    box-shadow:0 4px 12px rgba(78,72,194,.20)!important;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-steps strong{
    display:block!important;
    margin:1px 0 5px!important;
    color:#112f49!important;
    font-size:16.5px!important;
    line-height:1.26!important;
    font-weight:1000!important;
    letter-spacing:-.012em!important;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-steps p{
    margin:0!important;
    color:#354d61!important;
    font-size:15px!important;
    line-height:1.5!important;
    font-weight:680!important;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-steps b{
    color:#173750!important;
    font-weight:950!important;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-note{
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    gap:10px!important;
    margin:9px 0 0!important;
    padding:11px 12px!important;
    border:1px solid #dbe7f2!important;
    border-radius:13px!important;
    background:#f5f9fc!important;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-note>span{
    width:28px!important;
    height:28px!important;
    margin:0!important;
    border-radius:9px!important;
    background:#e3edf6!important;
    color:#375f7c!important;
    font-size:13px!important;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-note p{
    margin:1px 0 0!important;
    color:#3b566b!important;
    font-size:14px!important;
    line-height:1.46!important;
    font-weight:680!important;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-note strong{
    color:#173750!important;
  }
}
@media(max-width:390px){
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-details>summary{
    padding:16px 14px 15px 16px!important;
  }
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-summary-copy strong{font-size:21px!important}
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-summary-copy small{font-size:14.5px!important}
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-body{padding:5px 15px 14px!important}
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-steps strong{font-size:16px!important}
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-steps p{font-size:14.5px!important}
  .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-note p{font-size:13.5px!important}
}
html[data-bs-theme="dark"] .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-details,
body.dark-mode .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-details,
body.theme-dark .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-details{background:#152433!important;border-color:#334b61!important}
@media(max-width:760px){
  html[data-bs-theme="dark"] .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-details>summary,
  body.dark-mode .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-details>summary,
  body.theme-dark .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-details>summary{background:linear-gradient(135deg,#172838 0%,#1d2038 100%)!important}
  html[data-bs-theme="dark"] .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-summary-copy strong,
  body.dark-mode .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-summary-copy strong,
  body.theme-dark .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-summary-copy strong{color:#f2f7fb!important}
  html[data-bs-theme="dark"] .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-summary-copy small,
  body.dark-mode .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-summary-copy small,
  body.theme-dark .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-summary-copy small{color:#c4d1dc!important}
  html[data-bs-theme="dark"] .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-body,
  body.dark-mode .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-body,
  body.theme-dark .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-body{background:#152433!important;border-top-color:#2d4357!important}
  html[data-bs-theme="dark"] .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-steps::before,
  body.dark-mode .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-steps::before,
  body.theme-dark .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-steps::before{background:#344a5f}
  html[data-bs-theme="dark"] .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-steps>li,
  body.dark-mode .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-steps>li,
  body.theme-dark .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-steps>li{border-bottom-color:#2d4357!important;background:transparent!important}
  html[data-bs-theme="dark"] .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-steps strong,
  body.dark-mode .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-steps strong,
  body.theme-dark .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-steps strong{color:#f0f6fa!important}
  html[data-bs-theme="dark"] .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-steps p,
  body.dark-mode .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-steps p,
  body.theme-dark .ild-a4-material-hero > .ild-a4-formative-howto.is-fullwidth.is-compact-v127.is-premium-v129.is-mobile-final-v130 .ild-a4-formative-howto-steps p{color:#c3d0db!important}
}