body[data-team="ads"] .konten-studio:has(.ads-learning) { padding: 0; border: 0; background: transparent; box-shadow: none; }
.ads-learning { display: grid; gap: 20px; color: #244044; }
.ads-learning-intro,
.ads-learning-section { padding: clamp(20px, 3vw, 32px); border: 1px solid #d7e8e4; border-radius: 22px; background: #fff; box-shadow: 0 12px 30px rgba(27, 70, 65, .05); }
.ads-learning-intro { background: linear-gradient(125deg, #e6f4ee, #f8fbf6 68%, #fff9ee); }
.ads-learning-kicker { margin: 0 0 9px; color: #2c786a; font-size: .73rem; font-weight: 900; letter-spacing: .12em; }
.ads-learning h3,
.ads-learning h4 { margin: 0; color: #173f3c; font-family: "Bricolage Grotesque", "DM Sans", sans-serif; }
.ads-learning h3 { font-size: clamp(1.45rem, 2.5vw, 2.1rem); line-height: 1.12; }
.ads-learning h4 { font-size: clamp(1.15rem, 2vw, 1.5rem); }
.ads-learning-intro > p:last-child { max-width: 70ch; margin: 12px 0 0; line-height: 1.65; }
.ads-learning-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.ads-learning-steps > div { min-width: 0; padding: 18px; border: 1px solid #d7e8e4; border-radius: 17px; background: #fff; }
.ads-learning-steps span { display: block; margin-bottom: 15px; color: #e77c5b; font-size: 1.5rem; font-weight: 900; line-height: 1; }
.ads-learning-steps strong { display: block; color: #184840; font-size: 1rem; }
.ads-learning-steps p,
.ads-learning-angle-grid p { margin: 7px 0 0; color: #56706d; font-size: .9rem; line-height: 1.5; }
.ads-learning-section-head { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.ads-learning-section-head > p { max-width: 32ch; margin: 0; color: #607571; font-size: .9rem; line-height: 1.5; }
.ads-learning-age-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.ads-learning-age-grid > div { display: grid; gap: 5px; min-width: 0; padding: 16px; border: 1px solid #dce8e5; border-radius: 14px; background: #f8fbf8; }
.ads-learning-age-grid span { color: #c36548; font-size: .72rem; font-weight: 900; letter-spacing: .08em; }
.ads-learning-age-grid strong { color: #17483f; font-size: .96rem; }
.ads-learning-age-grid b { color: #225e4d; font-size: 1.12rem; }
.ads-learning-accordion { display: grid; gap: 9px; }
.ads-learning-accordion details { overflow: hidden; border: 1px solid #dce8e5; border-radius: 14px; background: #fbfdfb; }
.ads-learning-accordion summary { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 15px 17px; cursor: pointer; list-style: none; }
.ads-learning-accordion summary::-webkit-details-marker { display: none; }
.ads-learning-accordion summary::after { content: "+"; grid-column: 4; color: #286855; font-size: 1.4rem; line-height: 1; }
.ads-learning-accordion details[open] summary::after { content: "−"; }
.ads-learning-accordion summary span { color: #e77c5b; font-weight: 900; }
.ads-learning-accordion summary strong { color: #1e4841; }
.ads-learning-accordion summary small { color: #6e817c; font-size: .82rem; }
.ads-learning-accordion details > div { padding: 0 18px 15px 65px; color: #425e58; line-height: 1.55; }
.ads-learning-accordion details > div p { margin: 7px 0; }
.ads-learning-angle-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.ads-learning-angle-grid > div { padding: 17px; border: 1px solid #e1eae5; border-radius: 14px; background: #f8fbf8; }
.ads-learning-angle-grid strong { display: block; color: #17483f; }
.ads-learning-angle-grid span { display: block; margin-top: 4px; color: #c36548; font-size: .78rem; font-weight: 800; }
.ads-learning-check-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.ads-learning-check-grid > div { padding: 18px 20px; border-radius: 15px; background: #f1f8f4; }
.ads-learning-check-grid > div + div { background: #fff7ef; }
.ads-learning-check-grid strong { color: #194a40; }
.ads-learning-check-grid ul { margin: 8px 0 15px; padding-left: 20px; line-height: 1.7; }
.ads-learning-footnote { margin: 18px 0 0; color: #546c66; font-size: .9rem; line-height: 1.6; }
.ads-learning-footnote a { color: #176b57; font-weight: 800; }
.ads-asc-note { margin: 0; padding: 16px 20px; border: 1px solid #f1dfbe; border-radius: 15px; background: #fff7e9; color: #6c5436; line-height: 1.55; }
.ads-asc-list { display: grid; gap: 13px; }
.ads-asc-card { overflow: hidden; border: 1px solid #d9e7e1; border-radius: 18px; background: #fff; box-shadow: 0 8px 24px rgba(27, 70, 65, .045); }
.ads-asc-card-head { display: flex; align-items: center; gap: 15px; padding: 17px 20px; border-bottom: 1px solid #e2ece7; background: #edf7f1; }
.ads-asc-card-head > span { flex: 0 0 auto; padding: 7px 10px; border-radius: 8px; background: #276955; color: #fff; font-size: .8rem; font-weight: 900; }
.ads-asc-card-head h4 { margin: 0; color: #17483e; font-size: 1.08rem; }
.ads-asc-card-head p { margin: 3px 0 0; color: #607a70; font-size: .84rem; }
.ads-asc-copy { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.45fr); gap: 13px; padding: 18px 20px; }
.ads-asc-copy > div { min-width: 0; padding: 15px 17px; border: 1px solid #e5ede9; border-radius: 12px; background: #fbfdfb; }
.ads-asc-copy small { display: block; margin-bottom: 9px; color: #427a69; font-size: .69rem; font-weight: 900; letter-spacing: .08em; }
.ads-asc-copy p { margin: 0; color: #234840; font-size: .96rem; font-weight: 600; line-height: 1.55; }
.ads-asc-card-foot { display: flex; align-items: start; gap: 16px; padding: 0 20px 18px; }
.ads-asc-card-foot > span { flex: 0 0 auto; padding: 8px 11px; border-radius: 9px; background: #ffeadd; color: #86503b; font-size: .84rem; }
.ads-asc-card-foot p { margin: 6px 0 0; color: #647770; font-size: .84rem; line-height: 1.45; }
@media (max-width: 850px) {
  .ads-learning-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ads-learning-age-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ads-learning-angle-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .ads-learning-steps,
  .ads-learning-age-grid,
  .ads-learning-angle-grid,
  .ads-learning-check-grid { grid-template-columns: 1fr; }
  .ads-learning-section-head { display: block; }
  .ads-learning-section-head > p { margin-top: 8px; }
  .ads-learning-accordion summary { grid-template-columns: 25px minmax(0, 1fr) auto; }
  .ads-learning-accordion summary small { grid-column: 2; }
  .ads-learning-accordion summary::after { grid-column: 3; grid-row: 1 / 3; }
  .ads-learning-accordion details > div { padding-left: 17px; }
  .ads-asc-card-head, .ads-asc-card-foot { align-items: start; flex-direction: column; }
  .ads-asc-copy { grid-template-columns: 1fr; }
}