/* Kids & Family — approved home concept, official workbook artwork. */
:root .header .nav-stories { display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:10px; align-items:center; }
:root .header .nav .nav-stories > .nav-group-label { grid-column:1; grid-row:1; min-width:0; flex-wrap:wrap; margin:0 0 13px; }
:root .header .nav-stories > .nav-section-toggle { grid-column:1; grid-row:1; min-width:0; }
:root .header .nav-stories > .nav-links { grid-column:1 / -1; }
:root .header .kids-header-links { grid-column:2; grid-row:1; display:flex; align-items:center; align-self:start; justify-self:end; height:28px; gap:10px; }
:root .header .nav .kids-header-link { flex:none; width:44px; min-height:48px; justify-content:center; padding:2px 0; }
:root .kids-header-link img { display:block; width:44px; height:44px; object-fit:contain; border-radius:50%; }
:root .kids-header-link:hover img { box-shadow:0 0 0 2px #c8322b; }
:root .kids-header-link:focus-visible { outline:2px solid #126a80; outline-offset:3px; border-radius:50%; }
@media(max-width:900px) {
  :root .header .nav-stories { column-gap:8px; }
  :root .header .nav .nav-stories > .nav-group-label { margin:0; padding-block:17px; }
  :root .header .kids-header-links { height:auto; align-self:center; }
  :root .header .nav-stories > .nav-section-toggle > span:first-child { min-width:0; }
}
.kids-home,.kids-page { color:#142e3b; }
.kids-home h2,.kids-home h3,.kids-page h1,.kids-page h2,.kids-page h3 { color:#142e3b; text-transform:none; letter-spacing:-.035em; word-break:keep-all; overflow-wrap:anywhere; }
.kids-home a:focus-visible,.kids-page a:focus-visible { outline:3px solid #126a80; outline-offset:5px; }
.kids-home { background:#f6f3ec; border-block:1px solid #eee9df; }
.kids-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; margin-bottom:36px; }
.kids-eyebrow { color:#946018; font-size:13px; font-weight:800; letter-spacing:.14em; line-height:1.5; }
.kids-home h2,.kids-page h1 { margin:16px 0 18px; font-size:clamp(32px,3.1vw,48px); line-height:1.35; font-weight:800; }
.kids-lead { color:#607079; font-size:18px; line-height:1.8; }
.kids-all { display:inline-flex; align-items:center; justify-content:space-between; gap:18px; flex-shrink:0; min-height:44px; border-bottom:1px solid #142e3b; color:#142e3b; font-size:15px; font-weight:800; }
.kids-all:hover { color:#c8322b; border-color:currentColor; }
.kids-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.kids-card { display:flex; flex-direction:column; min-width:0; background:#fff; border:1px solid #e5e0d6; }
.kids-card-visual { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:28px 36px 0; height:232px; }
.kids-logo { object-fit:contain; width:160px; height:160px; flex:none; }
.kids-art { object-fit:contain; }
.kids-card-visual .kids-art--supkids { width:150px; height:199px; margin-right:24px; }
.kids-card-visual .kids-art--wingkids { width:calc(100% - 184px); max-height:195px; }
.kids-card-copy { padding:26px 36px 30px; display:flex; flex-direction:column; flex:1; }
.kids-card h3 { font-size:clamp(25px,2vw,32px); font-weight:800; line-height:1.45; }
.kids-card-copy>p { color:#62747d; font-size:16px; line-height:1.85; margin-top:16px; }
.kids-topics { display:flex; flex-wrap:wrap; gap:6px 18px; color:#886424; font-size:13px; margin:22px 0 26px; }
.kids-card--wingkids .kids-topics { color:#25687b; }
.kids-card-link { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:55px; margin-top:auto; padding-top:14px; border-top:1px solid #e3e8e8; color:#142e3b; font-size:16px; font-weight:800; }
.kids-card-link>span { font-size:24px; line-height:1; }
.kids-card-link:hover { color:#c8322b; }
.kids-family-line { display:flex; align-items:center; justify-content:space-between; gap:24px; border-top:1px solid #dcd9d0; margin-top:30px; padding-top:24px; color:#5f6b71; font-size:14px; }
.kids-family-line strong { color:#142e3b; margin-right:14px; }
.kids-family-line>span { font-size:12px; letter-spacing:.04em; white-space:nowrap; }
.kids-page-intro { padding:36px 0 54px; background:#f6f3ec; }
.kids-crumb { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:34px; font-size:14px; }
.kids-crumb a { color:#126a80; }
.kids-program-nav { display:flex; gap:16px; flex-wrap:wrap; margin-top:28px; }
.kids-program-nav a { display:inline-flex; gap:32px; align-items:center; min-height:48px; padding:12px 22px; border:1px solid #b8c7cb; background:#fff; color:#142e3b; font-weight:800; }
.kids-program-nav a:hover { border-color:#126a80; color:#126a80; }
.kids-program { background:#fff; }
.kids-program+.kids-program { border-top:1px solid #dce5e9; }
.kids-program-intro { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:64px; align-items:center; }
.kids-program-intro .kids-logo { width:120px; height:120px; margin-bottom:22px; }
.kids-program h2 { font-size:clamp(28px,2.5vw,40px); line-height:1.4; margin:10px 0 20px; }
.kids-overview { font-size:18px; line-height:1.9; color:#526c77; max-width:760px; }
.kids-program-art { display:flex; justify-content:center; align-items:center; }
.kids-program-art .kids-art--supkids { width:230px; height:auto; }
.kids-program-art .kids-art--wingkids { width:100%; height:auto; }
.kids-workbook-links { display:flex; align-items:center; flex-wrap:wrap; gap:20px 28px; margin-top:28px; }
.kids-primary { display:inline-flex; align-items:center; min-height:48px; background:#142e3b; color:#fff; padding:12px 22px; font-weight:800; }
.kids-primary:hover { background:#24647a; color:#fff; }
.kids-download { display:inline-flex; align-items:center; min-height:44px; color:#126a80; font-weight:800; border-bottom:1px solid currentColor; }
.kids-file-note { font-size:13px; color:#667c86; margin-top:14px; }
.kids-activity-heading { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:12px; margin:44px 0 22px; }
.kids-activity-heading h3 { font-size:24px; }
.kids-activity-heading p { color:#667c86; font-size:14px; }
.kids-activity-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.kids-activity { padding:26px; border:1px solid #d7e3e7; background:#f5f9fa; display:flex; flex-direction:column; min-width:0; }
.kids-activity-number { color:#397486; font-size:12px; font-weight:800; letter-spacing:.1em; }
.kids-activity h3 { font-size:22px; margin:16px 0 12px; line-height:1.5; }
.kids-activity p { color:#607681; font-size:15px; line-height:1.8; margin-bottom:22px; }
.kids-activity-source { display:block; color:#126a80; font-size:14px; font-weight:700; margin-top:auto; padding-top:16px; border-top:1px solid #d5e1e6; }
.kids-activity:hover { border-color:#126a80; }
.kids-parent-note { padding:42px 0; background:#edf5f8; }
.kids-parent-note h2 { font-size:26px; margin-bottom:14px; }
.kids-parent-note p { max-width:1080px; line-height:1.85; }
.kids-parent-note a { display:inline-flex; min-height:44px; align-items:center; color:#126a80; font-weight:800; margin-top:16px; }
.kids-source { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; padding-block:30px; font-size:13px; color:#667b85; }
.kids-source a { display:inline-flex; align-items:center; min-height:44px; color:#126a80; }
@media(max-width:1100px) {
  .kids-card-visual { height:204px; padding:24px 26px 0; gap:18px; }
  .kids-logo { width:130px; height:130px; }
  .kids-card-visual .kids-art--supkids { width:128px; height:170px; margin-right:10px; }
  .kids-card-visual .kids-art--wingkids { width:calc(100% - 148px); }
  .kids-card-copy { padding:24px 26px 28px; }
  .kids-card-copy>p { font-size:15px; }
  .kids-program-intro { gap:36px; }
  .kids-family-line { align-items:flex-start; flex-direction:column; gap:12px; }
}
@media(max-width:760px) {
  .kids-heading { align-items:flex-start; flex-direction:column; gap:20px; margin-bottom:28px; }
  .kids-card-grid { grid-template-columns:minmax(0,1fr); gap:22px; }
  .kids-card-visual { height:220px; padding:24px 28px 0; }
  .kids-logo { width:144px; height:144px; }
  .kids-card-visual .kids-art--supkids { width:140px; height:186px; margin-right:10px; }
  .kids-card-visual .kids-art--wingkids { width:calc(100% - 162px); max-width:360px; }
  .kids-card-copy { padding:22px 28px 28px; }
  .kids-card h3 { font-size:28px; }
  .kids-card-copy>p { font-size:16px; }
  .kids-lead { font-size:16px; }
  .kids-family-line strong { display:block; margin:0 0 6px; }
  .kids-program-intro,.kids-activity-grid { grid-template-columns:minmax(0,1fr); }
  .kids-program-art .kids-art--supkids { width:170px; }
  .kids-program-art .kids-art--wingkids { max-width:500px; }
  .kids-program-art { padding-block:12px; }
  .kids-overview { font-size:16px; }
  .kids-activity-grid { gap:16px; }
  .kids-activity-heading { margin-top:30px; }
  .kids-page-intro { padding-top:25px; }
}
@media(max-width:420px) {
  .kids-card-visual { padding-inline:20px; height:190px; gap:14px; }
  .kids-logo { width:108px; height:108px; }
  .kids-card-visual .kids-art--supkids { width:100px; height:148px; margin:0; }
  .kids-card-visual .kids-art--wingkids { width:calc(100% - 122px); }
  .kids-card-copy { padding:20px; }
  .kids-card h3 { font-size:25px; }
}

/* Korean workbook lessons: illustrations lead into activities on this site. */
.kids-primary { gap:24px; }
.kids-activity--illustrated { padding:0; background:#fff; overflow:hidden; }
.kids-activity-image { padding:20px; aspect-ratio:1.3; background:#fff; overflow:hidden; }
.kids-activity-image img { display:block; width:100%; height:100%; object-fit:contain; object-position:center; }
.kids-activity-copy { display:flex; flex-direction:column; flex:1; padding:26px; }
.kids-original { margin-top:30px; border-top:1px solid #dce5e9; padding-top:22px; color:#61747d; font-size:14px; line-height:1.8; }
.kids-original summary { cursor:pointer; color:#126a80; padding:8px 0; font-weight:700; }
.kids-original[open]>p { margin-top:16px; }
.kids-original .kids-workbook-links { margin-top:12px; }
.kids-original a { font-size:14px; }
.kids-lesson .guide-article-heading { max-width:1050px; }
.kids-lesson .guide-article-heading h1 { font-size:clamp(30px,4vw,50px); line-height:1.35; }
.kids-lesson .guide-deck { max-width:780px; }
.kids-lesson .guide-toc>a { display:block; padding:10px 0; }
.kids-lesson .guide-toc>strong { display:block; margin-bottom:10px; }
.kids-plate-title { font-size:18px; margin:0 0 16px; }
.kids-figure-text { margin:16px 0 40px; color:#526c77; font-size:16px; line-height:1.85; }
.kids-figure-text summary { padding:12px 0; cursor:pointer; color:#126a80; font-weight:700; }
.kids-figure-text h3 { font-size:19px; margin:20px 0 10px; }
.kids-figure-text ul { padding-left:22px; }
.kids-figure-text li { margin:8px 0; }
.kids-lesson .guide-prose-section { scroll-margin-top:210px; }
.kids-steps { list-style:none; padding:0!important; counter-reset:kids-step; }
.kids-steps>li { counter-increment:kids-step; position:relative; padding:24px 0 24px 58px; margin:0!important; border-top:1px solid #dce5e9; }
.kids-steps>li::before { content:counter(kids-step,decimal-leading-zero); position:absolute; left:0; top:27px; color:#b87926; font-size:19px; font-weight:800; line-height:1.5; }
.kids-steps h3 { margin:0 0 12px; font-size:21px; line-height:1.6; }
.kids-steps p { margin:0!important; }
.kids-talk { padding:30px 34px; background:#f6f3ec; border-left:3px solid #b87926; margin:20px 0 34px; }
.kids-talk h2 { margin-top:12px!important; }
.kids-talk ul { padding-left:22px; margin-bottom:0; }
.kids-talk li+li { margin-top:12px; }
.kids-grownup { padding:22px 0 0; border-top:1px solid #dce5e9; }
.kids-grownup h2 { font-size:21px!important; }
.kids-grownup p { font-size:16px; color:#61747d; }
.kids-next { margin:42px 0 28px; }
.kids-next>a { display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid #dce5e9; min-height:62px; padding:16px 0; font-size:18px; font-weight:700; color:#142e3b; }
.kids-next>a:hover { color:#126a80; }
.kids-next .kids-back { font-size:15px; color:#126a80; font-weight:600; }
.kids-lesson .guide-illustrations,.kids-lesson .kids-talk,.kids-lesson .kids-grownup,.kids-activity-heading { scroll-margin-top:210px; }
.kids-page summary:focus-visible,.kids-page button:focus-visible { outline:3px solid #126a80; outline-offset:4px; }
@media(max-width:760px) {
  .kids-activity-image { aspect-ratio:1.4; padding:18px; }
  .kids-activity-copy { padding:22px; }
  .kids-talk { padding:24px 22px; }
  .kids-steps>li { padding-left:44px; }
  .kids-steps h3 { font-size:19px; }
  .kids-lesson .guide-illustrations,.kids-lesson .guide-prose-section,.kids-lesson .kids-talk,.kids-lesson .kids-grownup,.kids-activity-heading { scroll-margin-top:95px; }
}