/* kids232 — hidden 은 언제나 숨깁니다 (class 의 display 에 밀리지 않게) */
[hidden]{display:none!important}

/* 뜬다 패밀리 토큰 + 뜬다스토리 랜딩 — .slp 안에서만 적용 */
:root{
  
  /* ★★★ kids594 — **뜬다스토리를 민트로.** (사장님 지시 2026-09-26)
   *
   *   「3~7세는 스카이 블루, 뜬다스토리는 민트」
   *
   * 이름은 그대로 둡니다(--td-orange 등) — 이 파일과 화면에서 여러 번
   * 불립니다. 이름이 색을 가리키게 둔 것이 흠이지만, 지금 바꾸면 빠뜨리는
   * 자리가 생깁니다. **값만** 바꿉니다. (kids.css 와 같은 판단)
   *
   * 크림 바탕도 같이 옮깁니다 — 주황만 민트로 바꾸고 바탕을 크림으로 두면
   * 두 색이 서로 밀어내서 더 어색해집니다. */
  --td-orange:        #2FA68C;
  --td-orange-ink:    #17735F;   
  --td-orange-soft:   #E4F5F0;   
  --td-cream:         #F4FBF9;
  --td-cream-deep:    #E9F7F3;   
  --td-white:         #FFFFFF;
  --td-navy:          #1F3B36;   
  --td-gray:          #5E7A74;   
  --td-gray-soft:     #93AEA8;   
  --td-line:          #D7EDE7;   
  --td-danger:        #DC2626;

  
  --td-font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont,
             "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --td-num: var(--td-font);            

  --td-h1:        44px;  --td-h1-lh: 1.25;  --td-h1-w: 800;
  --td-h2:        32px;  --td-h2-lh: 1.35;  --td-h2-w: 700;
  --td-h3:        20px;  --td-h3-lh: 1.45;  --td-h3-w: 700;
  --td-body:      16px;  --td-body-lh: 1.7; --td-body-w: 400;
  --td-sub:       15px;  --td-sub-lh: 1.6;
  --td-caption:   13px;  --td-caption-lh: 1.5;
  --td-eyebrow:   12px;  --td-eyebrow-ls: .08em;

  
  --td-r-btn:   999px;
  --td-r-card:  16px;
  --td-r-input: 10px;
  --td-r-chip:  999px;

  
  --td-shadow-1: 0 1px 2px rgba(30,38,53,.04), 0 2px 8px rgba(30,38,53,.05);
  --td-shadow-2: 0 4px 12px rgba(30,38,53,.07), 0 12px 32px rgba(30,38,53,.08);

  
  --td-container: 1200px;
  --td-gutter:    24px;
  --td-section-y: 96px;   
  --td-gap-card:  20px;

  
  --td-header-h:    64px;
  --td-logo-h:      28px;   
  --td-header-bg:   var(--td-white);
  --td-header-line: var(--td-line);
}


@media (max-width: 768px) {:root{
    --td-h1: 30px;
    --td-h2: 24px;
    --td-h3: 18px;
    --td-section-y: 56px;
    --td-gutter: 16px;
    --td-header-h: 56px;
  }}
.slp .td-kids{ --td-page-bg: var(--td-cream);  --td-band-bg: var(--td-white); }
.slp .td-story{ --td-page-bg: var(--td-white);  --td-band-bg: var(--td-cream); }
.slp .td-trend{ --td-page-bg: var(--td-white);  --td-band-bg: var(--td-navy);  }
.slp, .slp *, .slp *::before, .slp *::after{ box-sizing: border-box; }
.slp{
  margin: 0;
  font-family: var(--td-font);
  font-size: var(--td-body);
  line-height: var(--td-body-lh);
  color:var(--td-ink,var(--td-navy));
  background: var(--td-page-bg, var(--td-white));
  -webkit-font-smoothing: antialiased;
}
.slp .td-container{ max-width: var(--td-container); margin: 0 auto; padding-inline: var(--td-gutter); }
.slp .td-section{ padding-block: var(--td-section-y); }
.slp .td-band{ background: var(--td-band-bg); }
.slp .td-eyebrow{
  font-size: var(--td-eyebrow); font-weight: 700; letter-spacing: var(--td-eyebrow-ls);
  text-transform: uppercase; color: var(--td-orange-ink); margin: 0 0 10px;
}
.slp .td-h2{ font-size: var(--td-h2); line-height: var(--td-h2-lh); font-weight: var(--td-h2-w); margin: 0 0 10px; }
.slp .td-sub{ font-size: var(--td-sub); line-height: var(--td-sub-lh); color: var(--td-gray); margin: 0 0 40px; }
.slp .td-num{ font-variant-numeric: tabular-nums; }
.slp .td-btn{
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  height: 52px; padding: 0 28px;
  border-radius: var(--td-r-btn); border: 1px solid transparent;
  font-family: inherit; font-size: 16px; font-weight: 700; line-height: 1;
  cursor: pointer; text-decoration: none;
  transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.slp .td-btn--sm{ height: 40px; padding: 0 18px; font-size: 14px; }
.slp .td-btn--primary{ background: var(--td-orange); color: #fff; }
.slp .td-btn--primary:hover{ background: var(--td-orange-ink); }
.slp .td-btn--secondary{ background:var(--td-surface,#fff); color: var(--td-orange-ink); border-color: var(--td-orange); }
.slp .td-btn--secondary:hover{ background: var(--td-orange-soft); }
.slp .td-btn--tertiary{ background: none; color:var(--td-ink,var(--td-navy)); padding: 0; height: auto; font-weight: 600; }
.slp .td-btn--tertiary:hover{ color: var(--td-orange); }
.slp .td-btn--tertiary::after{ content: " →"; }
.slp .td-btn:disabled, .slp .td-btn[aria-disabled="true"]{
  background: #E9E7E3; color: var(--td-gray-soft); border-color: transparent;
  cursor: not-allowed; pointer-events: auto;
}
.slp .td-card{
  background: var(--td-white); border: 1px solid var(--td-line);
  border-radius: var(--td-r-card); box-shadow: var(--td-shadow-1);
}
.slp .td-card--raised{ box-shadow: var(--td-shadow-2); }
.slp .td-input{
  height: 48px; padding: 0 14px; font-family: inherit; font-size: 15px;
  border: 1px solid var(--td-line); border-radius: var(--td-r-input);
  background:var(--td-surface,#fff); color:var(--td-ink,var(--td-navy));
}
.slp .td-input:focus{ outline: 2px solid var(--td-orange); outline-offset: 1px; border-color: transparent; }
.slp .td-header{
  position: sticky; top: 0; z-index: 50;
  height: var(--td-header-h);
  display: flex; align-items: center;
  background: var(--td-header-bg);
  border-bottom: 1px solid var(--td-header-line);
}
.slp .td-header__inner{ display: flex; align-items: center; gap: 20px; width: 100%; }
.slp .td-header__logo img, .slp .td-header__logo svg{ height: var(--td-logo-h); width: auto; display: block; }
.slp .td-header__nav{ display: flex; gap: 22px; margin-left: 8px; }
.slp .td-header__nav a{ color:var(--td-ink,var(--td-navy)); text-decoration: none; font-size: 15px; font-weight: 600; }
.slp .td-header__nav a:hover{ color: var(--td-orange); }
.slp .td-header__right{ margin-left: auto; display: flex; align-items: center; gap: 14px; }
.slp .td-family{ position: relative; }
.slp .td-family__btn{
  display: inline-flex; align-items: center; gap: 4px;
  height: 30px; padding: 0 10px; border-radius: var(--td-r-chip);
  border: 1px solid var(--td-line); background:var(--td-surface,#fff);
  font: 600 13px/1 var(--td-font); color: var(--td-gray); cursor: pointer;
}
.slp .td-family__menu{
  position: absolute; top: 38px; left: 0; min-width: 168px; padding: 6px;
  background:var(--td-surface,#fff); border: 1px solid var(--td-line);
  border-radius: 12px; box-shadow: var(--td-shadow-2);
}
.slp .td-family__menu a{
  display: block; padding: 9px 10px; border-radius: 8px;
  color:var(--td-ink,var(--td-navy)); text-decoration: none; font-size: 14px; font-weight: 600;
}
.slp .td-family__menu a:hover{ background: var(--td-cream); }
.slp .td-trend .td-panel--dark{
  background: var(--td-navy); color: #fff;
  border-radius: var(--td-r-card);
}
.slp .td-trend .td-panel--dark .td-sub{ color: #A8B0BE; }
.slp img{ display:block; width:100%; height:100%; object-fit:cover;
      background:var(--td-cream-deep); color:var(--td-gray-soft);
      font-size:12px; text-align:center; }
.slp .hidden-a11y{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.slp .hdr__menu{display:flex;gap:20px;margin-left:6px}
.slp .hdr__menu a{font-size:14px;font-weight:600;color:var(--td-ink,var(--td-navy));text-decoration:none;white-space:nowrap}
.slp .hdr__menu a:hover{color:var(--td-orange)}
.slp .hdr__login{font-size:14px;font-weight:600;color:var(--td-gray);text-decoration:none}
.slp .hero{background:var(--td-cream);padding-block:56px 48px}
.slp .hero__grid{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:48px;align-items:center}
.slp .hero h1{font-size:var(--td-h1);line-height:var(--td-h1-lh);font-weight:var(--td-h1-w);margin:0 0 18px;letter-spacing:-.02em}
.slp .hero h1 em{font-style:normal;color:var(--td-orange)}
.slp .hero__sub{font-size:var(--td-sub);color:var(--td-gray);margin:0 0 28px}
.slp .hero__cta{display:flex;gap:10px;flex-wrap:wrap}
/* 「결제 전에 무료로 확인」 한 줄 (kids272) */
.slp .hero__free{margin:14px 0 0;font-size:13.5px;color:var(--td-gray);line-height:1.5}
.slp .hero__free b{color:inherit;font-weight:700}
.slp .player{position:relative;border-radius:var(--td-r-card);overflow:hidden;box-shadow:var(--td-shadow-2);background:var(--td-navy)}
.slp .player__media{position:relative;aspect-ratio:16/9}
.slp .player__caption{position:absolute;right:24px;top:26px;color:#fff;font-size:15px;font-weight:600;line-height:1.8;text-align:right;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.slp .player__play{position:absolute;inset:0;margin:auto;width:64px;height:64px;border:0;border-radius:999px;
  background:var(--td-orange);color:#fff;cursor:pointer;display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.slp .player__play svg{width:22px;height:22px;margin-left:3px}
.slp .player__bar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(20,26,38,.92);color:#fff}
.slp .player__track{flex:1;height:4px;border-radius:2px;background:rgba(255,255,255,.25);position:relative}
.slp .player__track i{position:absolute;inset:0 auto 0 0;width:12%;background:var(--td-orange);border-radius:2px}
.slp .player__bar--note{justify-content:center;font-size:13px;color:rgba(255,255,255,.85)}   /* kids598 */
.slp .clamp3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.slp .player__time{font-size:12px;font-variant-numeric:tabular-nums;color:#D8DCE4}
.slp .hero__thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}
.slp .thumb{display:block;text-align:center;text-decoration:none;color:inherit}
.slp .thumb__img{display:block;position:relative;aspect-ratio:16/10;border-radius:10px;overflow:hidden}
.slp .thumb__img::after{content:"";position:absolute;inset:0;margin:auto;width:26px;height:26px;border-radius:999px;
  background:rgba(255,255,255,.9) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FF6B2C'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/13px no-repeat}
.slp .thumb span{display:block;margin-top:7px;font-size:12px;font-weight:600;color:var(--td-gray)}
.slp .stats{background:var(--td-white);border-block:1px solid var(--td-line)}
.slp .stats__row{display:grid;grid-template-columns:repeat(3,1fr);padding-block:22px}
.slp .stat{display:flex;align-items:center;justify-content:center;gap:14px}
.slp .stat+.stat{border-left:1px solid var(--td-line)}
.slp .stat__icon{font-size:26px;line-height:1}
.slp .stat__v{display:block;font-size:22px;font-weight:800;letter-spacing:-.01em}
.slp .stat__k{display:block;font-size:12px;color:var(--td-gray-soft);margin-top:2px}
.slp .grid-6{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--td-gap-card)}
.slp .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--td-gap-card)}
.slp .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--td-gap-card)}
.slp .type-card{overflow:hidden;position:relative;display:flex;flex-direction:column}
.slp .type-card__img{display:block;aspect-ratio:4/5}
.slp .type-card__body{padding:14px 14px 34px}
.slp .type-card h3{font-size:15px;font-weight:700;margin:0 0 6px}
.slp .type-card p{font-size:12px;line-height:1.6;color:var(--td-gray);margin:0}
.slp .type-card__add{position:absolute;right:12px;bottom:12px;width:24px;height:24px;border-radius:999px;
  border:1px solid var(--td-orange);background:var(--td-surface,#fff);color:var(--td-orange);font-size:14px;line-height:1;cursor:pointer}
.slp .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:44px;position:relative}
.slp .step{position:relative}
.slp .step__img{display:block;aspect-ratio:4/3;border-radius:var(--td-r-card);overflow:hidden;box-shadow:var(--td-shadow-1)}
.slp .step__label{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;font-weight:600}
.slp .step__no{color:var(--td-orange-ink);font-weight:800;font-variant-numeric:tabular-nums}
.slp .step:not(:last-child)::after{content:"→";position:absolute;top:38%;right:-30px;color:var(--td-orange);font-size:20px;font-weight:700}
.slp .step__play{position:absolute;inset:auto;top:32%;left:0;right:0;margin:auto;width:34px;height:34px;border-radius:999px;
  background:rgba(255,255,255,.92);display:grid;place-items:center;color:var(--td-orange);font-size:14px}
.slp .band{position:relative;min-height:300px;display:flex;align-items:center;overflow:hidden;background:var(--td-cream-deep)}
.slp .band__bg{position:absolute;inset:0}
.slp .band__bg img{filter:saturate(1.02)}
.slp .band__bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(255,248,240,.96) 0%,rgba(255,248,240,.82) 34%,rgba(255,248,240,0) 62%)}
.slp .band__inner{position:relative;z-index:1;width:100%}
.slp .band h2{font-size:30px;line-height:1.45;font-weight:700;margin:0 0 12px;letter-spacing:-.01em}
.slp .band p{font-size:14px;color:var(--td-gray);margin:0 0 22px}
.slp .band__note{position:absolute;right:0;top:50%;transform:translateY(-50%);text-align:right;
  font-size:15px;line-height:2;color:var(--td-ink,var(--td-navy));opacity:.85}
.slp .how{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}
.slp .how__item{padding:26px 18px;text-align:center;position:relative}
.slp .how__ico{width:44px;height:44px;margin:0 auto 12px;display:grid;place-items:center;color:var(--td-orange);font-size:26px}
.slp .how__item h3{font-size:15px;font-weight:700;margin:0 0 6px}
.slp .how__item p{font-size:12px;line-height:1.6;color:var(--td-gray);margin:0}
.slp .how__item:not(:last-child)::after{content:"→";position:absolute;top:50%;right:-24px;transform:translateY(-50%);color:var(--td-gray-soft)}
.slp .tabs{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}
.slp .tab{height:32px;padding:0 16px;border-radius:var(--td-r-chip);border:1px solid var(--td-line);
  background:var(--td-surface,#fff);font:600 13px/1 var(--td-font);color:var(--td-gray);cursor:pointer}
.slp .tab[aria-selected="true"]{background:var(--td-orange);border-color:var(--td-orange);color:#fff}
.slp .sec-head{display:flex;align-items:flex-end;gap:20px}
.slp .sec-head .td-sub{margin-bottom:0}
.slp .case{display:block;position:relative;border-radius:var(--td-r-card);overflow:hidden;box-shadow:var(--td-shadow-1);text-decoration:none;color:inherit;background:var(--td-surface,#fff)}
.slp .case__img{display:block;aspect-ratio:16/10}
.slp .case__play{position:absolute;left:10px;bottom:44px;width:26px;height:26px;border-radius:999px;background:rgba(255,255,255,.92);
  display:grid;place-items:center;color:var(--td-orange);font-size:12px}
.slp .case__time{position:absolute;right:10px;bottom:46px;padding:2px 7px;border-radius:6px;
  background:rgba(20,26,38,.78);color:#fff;font-size:11px;font-variant-numeric:tabular-nums}
.slp .case__title{display:block;padding:11px 12px;background:var(--td-surface,#fff);font-size:13px;font-weight:600}
.slp .plans{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--td-gap-card);align-items:stretch}
.slp .plan{display:flex;flex-direction:column;padding:26px 22px;position:relative;background:var(--td-surface,#fff)}
.slp .plan--best{border-color:var(--td-orange);box-shadow:var(--td-shadow-2)}
.slp .plan__badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);
  padding:3px 12px;border-radius:999px;background:var(--td-orange);color:#fff;font-size:11px;font-weight:700}
.slp .plan h3{font-size:17px;font-weight:800;text-align:center;margin:0 0 4px}
.slp .plan__desc{font-size:12px;color:var(--td-gray);text-align:center;margin:0 0 18px;min-height:32px}
.slp .plan--best .plan__desc{color:var(--td-orange-ink)}
.slp .plan__feat{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:8px}
.slp .plan__feat li{font-size:13px;color:var(--td-ink,var(--td-navy));padding-left:20px;position:relative}
.slp .plan__feat li::before{content:"✓";position:absolute;left:0;color:var(--td-orange);font-weight:800}
.slp .plan__price{margin-top:auto;text-align:center;font-size:24px;font-weight:800;letter-spacing:-.01em;padding-block:6px 16px}
.slp .plan .td-btn{width:100%}
.slp .review{padding:20px}
.slp .review__top{display:flex;gap:12px}
.slp .review__ava{display:block;width:40px;height:40px;border-radius:999px;overflow:hidden;flex:none}
.slp .review__q{font-size:13px;line-height:1.75;color:var(--td-ink,var(--td-navy));margin:0}
.slp .review__meta{margin-top:12px;padding-left:52px}
.slp .review__name{font-size:13px;font-weight:700}
.slp .review__stars{color:var(--td-orange);font-size:12px;letter-spacing:1px}
.slp .review__tag{font-size:11px;color:var(--td-gray-soft);margin-top:2px}
.slp .final{background:var(--td-cream)}
.slp .final__grid{display:grid;grid-template-columns:1fr minmax(280px,360px);gap:40px;align-items:center}
.slp .stepper{display:flex;align-items:center;margin-top:26px}
.slp .stepper__i{flex:1;text-align:center;position:relative;font-size:12px;color:var(--td-gray-soft)}
.slp .stepper__dot{width:26px;height:26px;margin:0 auto 8px;border-radius:999px;background:var(--td-surface,#fff);border:2px solid var(--td-line);
  display:grid;place-items:center;font-size:12px;color:var(--td-gray-soft)}
.slp .stepper__i--on{color:var(--td-orange-ink);font-weight:700}
.slp .stepper__i--on .stepper__dot{border-color:var(--td-orange);background:var(--td-orange);color:#fff}
.slp .stepper__i:not(:last-child)::after{content:"";position:absolute;top:13px;left:calc(50% + 18px);right:calc(-50% + 18px);height:2px;background:var(--td-line)}
.slp .final__box{padding:24px;background:var(--td-cream-deep);border-radius:var(--td-r-card)}
.slp .final__box p{margin:0 0 16px;font-size:14px;font-weight:700;line-height:1.6}
.slp .final__box .td-btn{width:100%}
.slp .ft{background:var(--td-white);border-top:1px solid var(--td-line);padding-block:40px}
.slp .ft__grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr) auto;gap:32px}
.slp .ft__logo img{height:26px;width:auto;background:none}
.slp .ft__tag{font-size:12px;line-height:1.7;color:var(--td-gray-soft);margin-top:12px}
.slp .ft__col{display:grid;gap:9px;align-content:start}
.slp .ft__col a{font-size:12px;color:var(--td-gray);text-decoration:none}
.slp .ft__col a:hover{color:var(--td-orange)}
.slp .ft__sns{display:flex;gap:10px;align-items:flex-start}
.slp .ft__sns span{width:26px;height:26px;border-radius:999px;background:var(--td-navy);display:grid;place-items:center;color:#fff;font-size:11px}
.slp .ft__copy{margin-top:26px;padding-top:18px;border-top:1px solid var(--td-line);font-size:11px;color:var(--td-gray-soft);text-align:right}



@media (max-width:1080px){.slp .grid-6{grid-template-columns:repeat(3,1fr)}
.slp .plans{grid-template-columns:repeat(2,1fr)}
.slp .ft__grid{grid-template-columns:1fr 1fr 1fr}}

@media (max-width:820px){.slp .hero__grid, .slp .final__grid{grid-template-columns:1fr}
.slp .steps, .slp .how, .slp .grid-4{grid-template-columns:repeat(2,1fr);gap:20px}
.slp .step:not(:last-child)::after, .slp .how__item:not(:last-child)::after{display:none}
.slp .grid-3{grid-template-columns:1fr}
.slp .stats__row{grid-template-columns:1fr;gap:14px}
.slp .stat+.stat{border-left:0;border-top:1px solid var(--td-line);padding-top:14px}
.slp .band__note{display:none}
.slp .hdr__menu{display:none}
.slp .sec-head{flex-direction:column;align-items:flex-start}
.slp .tabs{margin-left:0}}

@media (max-width:560px){.slp .grid-6{grid-template-columns:repeat(2,1fr)}
.slp .plans{grid-template-columns:1fr}
.slp .ft__grid{grid-template-columns:1fr 1fr}}
/* ===== kids111 추가 — 실데이터·빈 상태·토큰표 ===== */
.slp .steps__note{margin:14px 0 0;font-size:var(--td-caption);color:var(--td-gray);text-align:center}

.slp .lp-empty{border:1px dashed var(--td-line);border-radius:var(--td-r-card);
  background:var(--td-white);padding:48px 24px;text-align:center}
.slp .lp-empty b{display:block;font-size:var(--td-h3);color:var(--td-ink,var(--td-navy));margin-bottom:8px}
.slp .lp-empty p{margin:0 0 18px;color:var(--td-gray);font-size:var(--td-sub)}

.slp .type-card__body b{display:block;font-size:var(--td-h3);line-height:1.4;
  font-weight:var(--td-h3-w);color:var(--td-ink,var(--td-navy));margin-bottom:6px}
.slp .type-card__body small{display:block;font-size:var(--td-caption);
  line-height:var(--td-caption-lh);color:var(--td-gray)}

.slp .review__ava{display:flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:50%;flex:0 0 40px;
  background:var(--td-orange-soft);color:var(--td-orange-ink);font-weight:700}

.slp .tkt{margin-top:40px;border:1px solid var(--td-line);border-radius:var(--td-r-card);
  background:var(--td-white);padding:24px;box-shadow:var(--td-shadow-1)}
.slp .tkt__h{margin:0 0 14px;font-size:var(--td-h3);font-weight:var(--td-h3-w);color:var(--td-ink,var(--td-navy))}
.slp .tkt__t{width:100%;border-collapse:collapse;font-size:var(--td-sub)}
.slp .tkt__t th,.slp .tkt__t td{padding:11px 10px;border-bottom:1px solid var(--td-line);text-align:left}
.slp .tkt__t th{font-size:var(--td-caption);color:var(--td-gray);font-weight:600}
.slp .tkt__t td{color:var(--td-ink,var(--td-navy))}
.slp .tkt__t .num{text-align:right;font-variant-numeric:tabular-nums}
.slp .tkt__t tr.on td{background:var(--td-orange-soft)}
.slp .tkt__t em{font-style:normal;margin-left:6px;font-size:var(--td-caption);color:var(--td-orange-ink)}
.slp .tkt__note{margin:14px 0 0;font-size:var(--td-caption);
  line-height:var(--td-caption-lh);color:var(--td-gray)}

@media (max-width:768px){
  .slp .tkt{padding:16px;overflow-x:auto}
  .slp .tkt__t{min-width:320px}
  .slp .lp-empty{padding:32px 16px}
}

/* 작은 화면 — 4칸 묶음이 눌리지 않게 (kids111) */
@media (max-width:480px){
  .slp .hero__thumbs{grid-template-columns:repeat(2,1fr)}
  .slp .steps,.slp .how,.slp .grid-4{grid-template-columns:repeat(2,1fr)}
  .slp .stepper{flex-wrap:wrap;gap:12px 0}
  .slp .stepper__i{flex:0 0 50%}
  .slp .stepper__i:not(:last-child)::after{display:none}
}

/* 마지막 배너에 노을 그림 (kids187 · 사장님이 주신 27번)
   그림이 없으면 .final--bg 가 안 붙으므로 예전 크림색 그대로입니다. */
.slp .final--bg{position:relative;overflow:hidden;background:#2A1F1A}
.slp .final__bg{position:absolute;inset:0;z-index:0}
.slp .final__bg img{width:100%;height:100%;object-fit:cover;display:block}
.slp .final--bg::after{content:'';position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(28,20,16,.86) 0%,rgba(28,20,16,.62) 58%,rgba(28,20,16,.18) 100%)}
.slp .final--bg .final__grid{position:relative;z-index:2}
.slp .final--bg .td-h2,.slp .final--bg .td-eyebrow{color:#fff}
.slp .final--bg .td-sub{color:#F3E7DC}
.slp .final--bg .stepper__i{color:#F3E7DC}
.slp .final--bg .final__box{background:rgba(255,255,255,.94)}
@media (max-width:820px){
  .slp .final--bg::after{background:linear-gradient(180deg,rgba(28,20,16,.72) 0%,rgba(28,20,16,.9) 100%)}
}

/* ★ kids598 — 「민트가 너무 연해서 안 보인다」(사장님 2026-09-26) 의 남은 절반.
 *   바탕은 kids595 에서 고쳤고, **작은 글자**가 남아 있었습니다. 영문 꼬리표(STORY TYPE 등)·
 *   단계 번호·안내 글이 연민트(#2FA68C) 로 흰 바탕 대비 2.9:1 이었습니다(작은 글자는 4.5 필요).
 *   글자에만 진한 민트(--td-orange-ink · 5.5:1)를 쓰고, 단추·선·큰 제목의 민트는 그대로 둡니다.
 *
 * ★ kids598 — 첫 화면은 **밝은 시안 하나**입니다. 어두운 화면을 켜면 이 안의 일부
 *   (공통 카드·띠·맨 아래 부르기)가 kids.css 의 어두운 값(밝은 글자)을 받아 흰 바탕 위에
 *   밝은 글자(2.1:1)가 되고, 두 브랜드 띠는 진한 초록 위에 어두운 글자가 됐습니다(GPT 화면 점검).
 *   이 안에서만 밝은 값으로 되돌립니다 — 머리글·바닥글은 어두운 화면 그대로입니다. */
html[data-theme="dark"] .slp{
  /* ★ kids615 — 사장님 「뜬다스토리는 주간·야간 차이가 안 난다 · 뜬다키즈 보고 반영」.
     kids598 에서 첫 화면만 밝게 묶어 두었던 것을 풀고, 뜬다키즈처럼 화면 전체를 어둡게 바꿉니다.
     색은 스토리 어두운 화면(kids.css [data-track="FAMILY"])과 같은 짙은 초록 계열입니다.
     글자는 --td-ink(밝게), 짙은 띠·재생기 바탕은 --td-navy 그대로 씁니다. */
  --td-cream:#09201C; --td-cream-deep:#0E2D27; --td-white:#0D2A25; --td-surface:#123A33;
  --td-ink:#E6F6F2;   --td-gray:#96BDB4;      --td-gray-soft:#7FA9A0; --td-line:#1E463D;
  --td-orange-ink:#5FD3B6; --td-orange-soft:#123A33; --td-navy:#061814;
  --td-header-bg:#0D2A25;
  --td-shadow-1:0 1px 2px rgba(0,0,0,.3), 0 2px 8px rgba(0,0,0,.3);
  --td-shadow-2:0 4px 12px rgba(0,0,0,.4), 0 12px 32px rgba(0,0,0,.45);
  color:var(--td-ink);
}
/* kids615 — 어두운 화면: 사진 위 마지막 부르기 상자도 어둡게(밝은 글자가 흰 상자 위에 뜨지 않게) */
html[data-theme="dark"] .slp .final--bg .final__box{background:#123A33;background:color-mix(in srgb,var(--td-surface) 94%,transparent)}  /* GPT 검수: color-mix 못 쓰는 브라우저용 단색 먼저 */
html[data-theme="dark"] .slp .td-btn:disabled, html[data-theme="dark"] .slp .td-btn[aria-disabled="true"]{background:#1E3A34}
/* kids615 — 어두운 화면: 사진 띠의 밝은 덧칠을 짙은 초록으로(밝은 글자가 밝은 사진 위에서 안 읽혔음) */
html[data-theme="dark"] .slp .band__bg::after{
  background:linear-gradient(90deg,rgba(9,32,28,.96) 0%,rgba(9,32,28,.84) 38%,rgba(9,32,28,.15) 70%)}
@media (max-width:768px){html[data-theme="dark"] .slp .band__bg::after{background:rgba(9,32,28,.82)}}