/* 허브 구조안2 — 세로 탭 · 꽉 찬 띠 · 한 줄 띠 (2026-09-23) */

.atvp{padding:128px 0;background:var(--atvp-bg,#fff)}
.atvp *{box-sizing:border-box}
.atvp-wrap{width:min(1180px,calc(100% - 64px));margin:0 auto}
.atvp-head{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end;margin-bottom:40px}
.atvp-kicker{display:block;margin:0 0 16px;font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--atvp-ink2)}
.atvp h2{margin:0;font-size:clamp(30px,4vw,48px);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:#182033;word-break:keep-all}
.atvp-head p{margin:0;font-size:17px;line-height:1.7;color:#45484d;max-width:38ch;word-break:keep-all}
.atvp-tabs{display:inline-flex;gap:8px;padding:6px;margin:0 0 32px;border-radius:999px;background:#fff;box-shadow:0 1px 2px rgba(16,34,29,.06),0 2px 6px rgba(16,34,29,.05)}
.atvp-tabs button{min-height:44px;padding:0 24px;border:0;border-radius:999px;background:transparent;color:#182033;font:700 16px Pretendard,system-ui,sans-serif;cursor:pointer}
.atvp-tabs button[aria-selected=true]{background:#182033;color:#fff}
.atvp-pane[hidden]{display:none!important}
.atvp-stage{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);align-items:center}
.atvp-media{position:relative;margin:0;grid-column:1/2;grid-row:1;border-radius:20px;overflow:hidden;
  box-shadow:0 1px 2px rgba(16,34,29,.05),0 6px 12px rgba(16,34,29,.06),0 18px 34px rgba(16,34,29,.08),0 40px 70px rgba(16,34,29,.09)}
.atvp-media img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.atvp-card{grid-column:2/3;grid-row:1;margin-left:-64px;z-index:1;padding:40px;border-radius:20px;background:#fff;
  box-shadow:0 1px 2px rgba(16,34,29,.05),0 6px 12px rgba(16,34,29,.06),0 18px 34px rgba(16,34,29,.08);transform:rotate(var(--atvp-tilt,1.5deg))}
.atvp-card>span{display:block;font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--atvp-ink2)}
.atvp-card>strong{display:block;margin:16px 0 16px;font-size:26px;line-height:1.3;color:#182033;word-break:keep-all}
.atvp-card>p{margin:0 0 24px;font-size:16px;line-height:1.7;color:#45484d;word-break:keep-all}
.atvp-card nav{display:grid;border-top:1px solid #182033}
.atvp-card nav a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 0;border-bottom:1px solid rgba(24,32,51,.25);color:#182033;text-decoration:none}
.atvp-card nav a small{font-size:13px;font-weight:700;color:var(--atvp-ink2);margin-right:8px}
.atvp-card nav b{font-size:19px}.atvp-card nav em{font-style:normal;font-size:16px;color:#5a6577}
.atvp-btn{display:flex;justify-content:space-between;margin-top:24px;padding:16px 24px;border-radius:14px;background:#182033;color:#fff!important;text-decoration:none;font-weight:700}
.atvp-btn b{color:#fff!important}.atvp-btn span{font-size:13px;letter-spacing:.12em;color:var(--atvp-accent)}
.atvp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 40px}
.atvp-steps div{padding:24px;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(16,34,29,.06),0 2px 6px rgba(16,34,29,.05)}
.atvp-steps small{display:block;font-size:13px;font-weight:700;color:var(--atvp-ink2)}
.atvp-steps b{display:block;margin:8px 0;font-size:19px;color:#182033}.atvp-steps p{margin:0;font-size:16px;line-height:1.6;color:#45484d}
.atvp-wide{margin:0;border-radius:20px;overflow:hidden;box-shadow:0 1px 2px rgba(16,34,29,.05),0 6px 12px rgba(16,34,29,.06),0 18px 34px rgba(16,34,29,.08),0 40px 70px rgba(16,34,29,.09)}
.atvp-wide img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover}
.atvp-programs{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);width:calc(100% - 96px);margin:-48px auto 0;border-radius:14px;overflow:hidden;background:#fff;
  box-shadow:0 1px 2px rgba(16,34,29,.05),0 6px 12px rgba(16,34,29,.06),0 18px 34px rgba(16,34,29,.08)}
.atvp-programs a{display:grid;gap:8px;padding:24px;border-right:1px solid rgba(24,32,51,.12);color:#182033;text-decoration:none}
.atvp-programs a:last-child{border-right:0}.atvp-programs small{font-size:13px;font-weight:700;color:var(--atvp-ink2)}
.atvp-programs b{font-size:19px}.atvp-programs em{font-style:normal;font-size:16px;color:#5a6577}

/* 3 — 세로 탭 */
.atvp-vgrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:start}
.atvp-vleft>p{margin:24px 0 32px;font-size:17px;line-height:1.7;color:#45484d;max-width:36ch;word-break:keep-all}
.atvp-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px}
.atvp-chips span{padding:8px 16px;border-radius:999px;background:#fff;font-size:14px;font-weight:700;color:#182033;box-shadow:0 1px 2px rgba(16,34,29,.06),0 2px 6px rgba(16,34,29,.05)}
.atvp-chips i{font-style:normal;color:var(--atvp-ink2);margin:0 4px}
.atvp-vlist{border-top:1px solid #182033}
.atvp-vitem{border-bottom:1px solid rgba(24,32,51,.2)}
.atvp-vbtn{display:grid;grid-template-columns:48px 1fr auto;gap:8px 16px;align-items:baseline;width:100%;padding:24px 0;border:0;background:none;text-align:left;cursor:pointer;font:inherit;color:#182033}
.atvp-vbtn small{font-size:13px;font-weight:700;color:var(--atvp-ink2)}
.atvp-vbtn b{font-size:22px;letter-spacing:-.01em}
.atvp-vbtn i{font-style:normal;font-size:19px;color:#5a6577;transition:transform .2s}
.atvp-vbtn em{grid-column:2/4;font-style:normal;font-size:16px;line-height:1.6;color:#45484d}
.atvp-vitem[aria-selected=true] .atvp-vbtn i{transform:rotate(90deg);color:var(--atvp-ink2)}
.atvp-vitem[aria-selected=false] .atvp-vbtn{color:#8a90a0}.atvp-vitem[aria-selected=false] .atvp-vbtn em{display:none}
.atvp-vmore{padding:0 0 24px 64px}.atvp-vitem[aria-selected=false] .atvp-vmore{display:none}
.atvp-vmore nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.atvp-vmore nav a{padding:10px 16px;border-radius:999px;border:1px solid rgba(24,32,51,.25);font-size:15px;font-weight:600;color:#182033;text-decoration:none}
.atvp-vmore .atvp-btn{display:inline-flex;gap:24px;margin:0}
.atvp-vright{position:sticky;top:120px}
.atvp-vmedia{margin:0;border-radius:20px;overflow:hidden;box-shadow:0 1px 2px rgba(16,34,29,.05),0 6px 12px rgba(16,34,29,.06),0 18px 34px rgba(16,34,29,.08),0 40px 70px rgba(16,34,29,.09);transform:rotate(var(--atvp-tilt,1.2deg))}
.atvp-vmedia[hidden]{display:none}
.atvp-vmedia img{display:block;width:100%;aspect-ratio:4/3.4;object-fit:cover}
/* 4 — 꽉 찬 사진 띠 */
.atvp-band{padding:128px 0 96px}
.atvp-bandimg{margin:0;width:100%;height:min(46vw,640px);overflow:hidden}
.atvp-bandimg img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--atvp-pos,center 30%)}
.atvp-bandcards{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:-88px}
.atvp-bandcards a{display:flex;flex-direction:column;gap:8px;min-height:176px;padding:32px;border-radius:20px;background:#fff;color:#182033;text-decoration:none;
  box-shadow:0 1px 2px rgba(16,34,29,.05),0 6px 12px rgba(16,34,29,.06),0 18px 34px rgba(16,34,29,.08)}
.atvp-bandcards a:nth-child(2){transform:translateY(-16px)}
.atvp-bandcards small{font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--atvp-ink2)}
.atvp-bandcards b{font-size:26px;letter-spacing:-.01em}.atvp-bandcards em{margin-top:auto;font-style:normal;font-size:16px;color:#5a6577}
.atvp-bandcards a.dark{background:#182033;color:#fff}.atvp-bandcards a.dark em{color:#cfd5e0}.atvp-bandcards a.dark small{color:var(--atvp-accent)}
/* 끝 — 한 줄 띠 */
.atvp-strip{padding:40px 0;background:var(--atvp-bg,#fff);border-top:1px solid rgba(24,32,51,.08)}
.atvp-strip .atvp-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.atvp-strip strong{font-size:17px;color:#182033}.atvp-strip strong span{font-weight:400;color:#5a6577;margin-left:8px}
.atvp-strip nav{display:flex;flex-wrap:wrap;gap:8px}
.atvp-strip nav a{padding:10px 18px;border-radius:999px;background:#fff;border:1px solid rgba(24,32,51,.18);font-size:15px;font-weight:600;color:#182033;text-decoration:none}

/* 함께 — 띠 사진은 2:1 (사진은 16:9 로 만들고 머리 위·발 아래를 비워 둠) */
.atvp-bandimg{width:min(100%,1600px);height:auto;margin:0 auto;aspect-ratio:2/1}
.atvp-bandimg img{object-position:var(--atvp-pos,center 45%)}
.atvp-bandcards{margin-top:-40px}.atvp-bandcards a:nth-child(2){transform:none}  /* 카드가 발을 덮지 않게 */

@media(max-width:860px){
.atvp{padding:96px 0}.atvp-band{padding:96px 0 72px}
.atvp-wrap{width:calc(100% - 32px)}
.atvp-head{grid-template-columns:1fr;gap:16px;margin-bottom:32px}
.atvp-tabs{max-width:100%;overflow-x:auto}
.atvp-wide img{aspect-ratio:4/3}
.atvp-programs{grid-template-columns:repeat(2,1fr);width:calc(100% - 32px);margin-top:-32px}
.atvp-programs a{padding:16px;border-bottom:1px solid rgba(24,32,51,.12)}
.atvp-vgrid{grid-template-columns:1fr;gap:0}
.atvp-vleft{display:contents}
.atvp-vgrid .atvp-kicker{order:1}.atvp-vgrid h2{order:2}.atvp-vleft>p{order:3;margin:16px 0 24px}
.atvp-chips{order:4}.atvp-vright{order:5;position:static;margin:0 0 32px}.atvp-vlist{order:6}
.atvp-vmedia{transform:none}.atvp-vmedia img{aspect-ratio:4/3}
.atvp-vmore{padding:0 0 24px 0}
.atvp-bandimg{aspect-ratio:4/3}
.atvp-bandcards{grid-template-columns:1fr;gap:12px;margin-top:-48px}
.atvp-bandcards a{min-height:0;padding:24px}.atvp-bandcards a:nth-child(2){transform:none}
.atvp-strip .atvp-wrap{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.atvp-vbtn i{transition:none}}
/* ── 함께 둘째 판 (2026-09-23) — 사진은 본문 폭 안 2.3:1, 카드 셋은 사진 오른쪽 위에 세로로 ── */
.atvp-band{padding:128px 0}
.atvp-band .atvp-head{margin-bottom:32px}
.atvp-band .atvp-bandimg{position:relative;width:100%;height:auto;margin:0;aspect-ratio:2.3/1;border-radius:20px;overflow:hidden;
  box-shadow:0 1px 2px rgba(16,34,29,.05),0 6px 12px rgba(16,34,29,.06),0 18px 34px rgba(16,34,29,.08),0 40px 70px rgba(16,34,29,.09)}
.atvp-band .atvp-bandimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}
.atvp-band .atvp-bandcards{position:absolute;z-index:1;top:50%;right:24px;transform:translateY(-50%);display:grid;grid-template-columns:1fr;gap:10px;width:min(290px,28%);margin:0}
.atvp-band .atvp-bandcards a{min-height:0;gap:4px;padding:18px 22px;border-radius:14px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:0 1px 2px rgba(16,34,29,.06),0 8px 20px rgba(16,34,29,.12)}
.atvp-band .atvp-bandcards a:nth-child(2){transform:none}
.atvp-band .atvp-bandcards b{font-size:19px}.atvp-band .atvp-bandcards em{margin-top:0;font-size:15px}
.atvp-band .atvp-bandcards a.dark{background:rgba(24,32,51,.9)}
@media(max-width:860px){
.atvp-band{padding:96px 0}
.atvp-band .atvp-bandimg{aspect-ratio:auto;overflow:visible;border-radius:0;box-shadow:none}
.atvp-band .atvp-bandimg img{position:static;display:block;aspect-ratio:4/3;border-radius:20px;box-shadow:0 18px 34px rgba(16,34,29,.08)}
.atvp-band .atvp-bandcards{position:static;transform:none;width:100%;margin-top:16px;gap:10px}
}
/* ── 함께 셋째 판 (2026-09-23 밤) — 카드가 사진 오른쪽 «가장자리» 에 걸친다. 사진 안은 90px 만 덮어 사람을 안 가린다 ── */
.atvp-band .atvp-bandimg{position:relative;aspect-ratio:auto;overflow:visible;border-radius:0;box-shadow:none;padding-right:clamp(170px,18%,210px)}
.atvp-band .atvp-bandimg img{position:static;display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center 45%;border-radius:20px;
  box-shadow:0 1px 2px rgba(16,34,29,.05),0 6px 12px rgba(16,34,29,.06),0 18px 34px rgba(16,34,29,.08),0 40px 70px rgba(16,34,29,.09)}
.atvp-band .atvp-bandcards{position:absolute;top:50%;right:0;transform:translateY(-50%);width:clamp(250px,26%,300px);gap:14px}
.atvp-band .atvp-bandcards a{padding:22px 26px;border-radius:16px;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;
  box-shadow:0 1px 2px rgba(16,34,29,.06),0 6px 12px rgba(16,34,29,.06),0 18px 34px rgba(16,34,29,.10),0 30px 60px rgba(16,34,29,.08)}
.atvp-band .atvp-bandcards a:nth-child(2){transform:translateX(-32px)}
.atvp-band .atvp-bandcards a.dark{background:#182033}
@media(max-width:860px){
.atvp-band .atvp-bandimg{padding-right:0}
.atvp-band .atvp-bandimg img{aspect-ratio:4/3;object-position:35% 45%}
.atvp-band .atvp-bandcards{position:relative;z-index:1;top:auto;right:auto;transform:none;width:auto;margin:-56px 16px 0;gap:10px}
.atvp-band .atvp-bandcards a:nth-child(2){transform:none}
}
/* ── 함께 셋째 판 폰 손질 (2026-09-23 밤) — 사람은 왼쪽 80% 안에 있으니 4:3 으로 자를 때 왼쪽을 붙든다. 카드는 낮게 ── */
@media(max-width:860px){
.atvp-band .atvp-bandimg img{object-position:0% 45%}
.atvp-band .atvp-bandcards{margin-top:-40px}
.atvp-band .atvp-bandcards a{padding:16px 20px;border-radius:14px}
.atvp-band .atvp-bandcards b{font-size:17px}.atvp-band .atvp-bandcards em{font-size:14px}
}
/* ── 폰 손질 하나 (2026-09-23 밤) ─────────────────────────────
   대표님: 「최상단 섹션은 이미지가 잘려서 왼쪽 오른쪽 보이지도 않는데 … 모바일에서는 이미지 위치를 제대로 조정해서
   핵심 물품이나 소품을 보여주던지. 피지컬은 수건만 잘린 상태」 「그 다음 섹션은 버튼이 너무 커서 스크롤해야
   겨우 4개 다 보이는 구조 … 스마트폰에서는 2x2 배열로」
   ① 첫 화면: 폰에서는 사진을 맨 위에 따로 4:3 으로 두고(소품이 모인 오른쪽에 맞춤) 제목·번호판은 그 아래.
      사진 위에 글을 얹으면 390px 폭에 37% 만 남고 그마저 번호판이 덮는다.
   ② 둘째 칸 프로그램 카드: 한 줄에 하나 → 2×2 */
@media(max-width:760px){
.hc-hero,.mc-hero,.fc-hero{min-height:0!important;padding-top:calc(75vw + 28px)!important;padding-bottom:40px!important}
.hc-hero>.care-hero-still,.mc-hero>.care-hero-still,.fc-hero>.care-hero-still{bottom:auto!important;height:auto!important;aspect-ratio:4/3}
.hc-hero>.care-hero-still{object-position:100% 50%!important}
.mc-hero>.care-hero-still{object-position:85% 50%!important}
.mc-hero:before{top:75vw!important}
.fc-hero>.care-hero-still{object-position:100% 50%!important}
.atv-health-home .hc-program-rail,.atv-mind-home .mc-tool-rail{grid-template-columns:1fr 1fr}
.atv-health-home .hc-program-rail a,.atv-mind-home .mc-tool-rail a{padding:16px 16px 18px}
.atv-health-home .hc-program-rail a+a,.atv-mind-home .mc-tool-rail a+a{border-top:0;border-left:0}
.atv-health-home .hc-program-rail a:nth-child(n+3),.atv-mind-home .mc-tool-rail a:nth-child(n+3){border-top:1px solid rgba(255,255,255,.35)}
.atv-health-home .hc-program-rail a:nth-child(2n),.atv-mind-home .mc-tool-rail a:nth-child(2n){border-left:1px solid rgba(255,255,255,.35)}
.atv-health-home .hc-program-rail span,.atv-mind-home .mc-tool-rail span{font-size:11px;letter-spacing:.06em}
.atv-health-home .hc-program-rail b,.atv-mind-home .mc-tool-rail b{margin-top:8px;font-size:21px}
.atv-health-home .hc-program-rail i,.atv-mind-home .mc-tool-rail i{margin-top:4px;font-size:13px}
}
/* ── 함께 셋째 판 걸침 폭 (2026-09-23 밤) — 96번 구도로 돌아가 맨 오른쪽에도 사람이 선다(피지컬 나무 자세 93%,
   라이프 발레리나 84~98%). 카드는 사진 안으로 40px 만 걸치고, 발끝(위 15%)을 피해 조금 아래로. ── */
@media(min-width:861px){
.atvp-band .atvp-bandimg{padding-right:calc(clamp(250px,26%,300px) - 40px)}
.atvp-band .atvp-bandcards{top:56%}
.atvp-band .atvp-bandcards a:nth-child(2){transform:none}
}
/* ── 폰 손질 둘 (2026-09-23 밤) — 잰 값: 칸 위아래 96px 씩(칸 사이 빈 곳 192px), 2×2 카드 한 칸 176px(PC 최소 높이가 남음),
   「함께」 사진은 4:3 으로 잘려 오른쪽 사람(라이프 화가 절반·발레리나)이 빠졌다.
   → 칸 여백 64px, 카드 최소 높이 해제, 「함께」 사진은 폰에서도 16:9 전체. ── */
@media(max-width:760px){
.atvp,.atvp-band{padding-top:64px;padding-bottom:64px}
.atv-health-home .hc-week,.atv-mind-home .mc-papers--stage{padding-top:64px!important;padding-bottom:64px!important}
.atv-health-home .hc-program-rail a,.atv-mind-home .mc-tool-rail a{min-height:0}
.atvp-band .atvp-bandimg img{aspect-ratio:16/9;object-position:center 50%}
.atvp-band .atvp-bandcards{margin-top:-32px}
}
/* ── 칸 영상 (2026-09-24) — 첫 화면 아래 칸 사진 위에 핑퐁 영상. 사진은 poster 로 남는다 ── */
.atvp-vmedia,.atvp-wide{position:relative}
.atvp-mv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
@media(prefers-reduced-motion:reduce){.atvp-mv{display:none}}
/* ── 함께 영상 (2026-09-24) — 「함께」 사진 위 핑퐁 영상. 사진 틀(16:9·모서리 20px) 그대로 ── */
.atvp-band .atvp-bandmedia{position:relative}
.atvp-band .atvp-bandmedia video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;border-radius:20px;pointer-events:none}
@media(prefers-reduced-motion:reduce){.atvp-band .atvp-bandmedia video{display:none}}
/* ATV-DARK:hubs BEGIN — tools/dark_css.py 가 tools/dark_mode/hubs.dark.css 로 짓는다. 손으로 고치지 말 것 */
@media (prefers-color-scheme: dark){
html:not(.atv-light) .atv-health-home{--dk-bg:#0b1a21; --dk-alt:#0e1f27; --dk-card:#12262e; --dk-acc:#6cc8e0; --dk-glass:rgba(11,26,33,.66); --dk-acc-deep:#17798f; --hc-ink:#eef3f5; --hc-paper:#0b1a21; background:#0b1a21; color:#eef3f5;}
html:not(.atv-light) .atv-mind-home{--dk-bg:#1a1117; --dk-alt:#20151c; --dk-card:#251820; --dk-acc:#ec9cc3; --dk-glass:rgba(26,17,23,.66); --dk-acc-deep:#a8386c; --mc-ink:#eef3f5; --mc-paper:#1a1117; background:#1a1117; color:#eef3f5;}
html:not(.atv-light) .atv-life-home{--dk-bg:#13111e; --dk-alt:#181627; --dk-card:#1d1a2b; --dk-acc:#aea2ec; --dk-glass:rgba(19,17,30,.66); --dk-acc-deep:#4a3f86; --fc-ink:#eef3f5; --fc-paper:#13111e; background:#13111e; color:#eef3f5;}
html:not(.atv-light) .atv-health-home img.care-hero-still,html:not(.atv-light) .atv-mind-home img.care-hero-still,html:not(.atv-light) .atv-life-home img.care-hero-still{filter:brightness(.92) saturate(.96);}
html:not(.atv-light) .atv-health-home .hc-hero h1,html:not(.atv-light) .atv-mind-home .mc-hero h1,html:not(.atv-light) .atv-life-home .fc-hero h1{text-shadow:0 1px 14px rgba(8,12,15,.55);}
html:not(.atv-light) .atv-health-home .hc-hero,html:not(.atv-light) .atv-mind-home .mc-hero,html:not(.atv-light) .atv-life-home .fc-hero{isolation:isolate;}
html:not(.atv-light) .atv-health-home .hc-hero:before,html:not(.atv-light) .atv-mind-home .mc-hero:before,html:not(.atv-light) .atv-life-home .fc-hero:before{content:"" !important; display:block !important; opacity:1 !important; position:absolute; inset:0; z-index:-2; pointer-events:none;}
html:not(.atv-light) .atv-health-home .hc-hero:before{background:linear-gradient(90deg,rgba(11,26,33,.8),rgba(11,26,33,.46) 42%,rgba(11,26,33,.08) 72%) !important;}
html:not(.atv-light) .atv-mind-home .mc-hero:before{background:linear-gradient(90deg,rgba(26,17,23,.8),rgba(26,17,23,.46) 45%,rgba(26,17,23,.08) 74%) !important;}
html:not(.atv-light) .atv-life-home .fc-hero:before{background:linear-gradient(90deg,rgba(19,17,30,.8),rgba(19,17,30,.46) 42%,rgba(19,17,30,.08) 72%) !important;}
html:not(.atv-light) .atv-health-home .hc-hero h1,html:not(.atv-light) .atv-life-home .fc-hero h1,html:not(.atv-light) .atv-mind-home .mc-hero h1{color:#eef3f5 !important;}
html:not(.atv-light) .atv-health-home .hc-hero .hc-kicker{color:#6cc8e0 !important;}
html:not(.atv-light) .atv-mind-home .mc-kicker{color:#ec9cc3;}
html:not(.atv-light) .atv-life-home .fc-hero .fc-kicker{color:#aea2ec !important;}
html:not(.atv-light) .atv-health-home .hc-hero-ledger,html:not(.atv-light) .atv-mind-home .mc-hero-index,html:not(.atv-light) .atv-life-home .fc-hero-nav{background:var(--dk-glass); border-color:rgba(255,255,255,.14); color:#eef3f5;}
html:not(.atv-light) .atv-health-home .hc-hero-ledger a,html:not(.atv-light) .atv-life-home .fc-hero-nav a,html:not(.atv-light) .atv-mind-home .mc-hero-index a{border-bottom-color:rgba(255,255,255,.2); color:#eef3f5;}
html:not(.atv-light) .atv-health-home .hc-hero-ledger span,html:not(.atv-light) .atv-mind-home .mc-hero-index span,html:not(.atv-light) .atv-life-home .fc-hero-nav span{color:var(--dk-acc);}
html:not(.atv-light) .atv-health-home .hc-hero-ledger i,html:not(.atv-light) .atv-mind-home .mc-hero-index i,html:not(.atv-light) .atv-life-home .fc-hero-nav i{color:#b5c2ca;}
html:not(.atv-light) .atv-health-home .hc-hero-ledger a:hover,html:not(.atv-light) .atv-life-home .fc-hero-nav a:hover,html:not(.atv-light) .atv-mind-home .mc-hero-index a:hover{color:var(--dk-acc);}
html:not(.atv-light) .atv-health-home .hc-week,html:not(.atv-light) .atv-health-home .hc-week--stage{background:var(--dk-alt);}
html:not(.atv-light) .atv-mind-home .mc-papers,html:not(.atv-light) .atv-mind-home .mc-papers--stage{background:var(--dk-alt);}
html:not(.atv-light) .atv-health-home .hc-program-head p:not(.hc-label),html:not(.atv-light) .atv-health-home .hc-week p{color:#b5c2ca;}
html:not(.atv-light) .atv-health-home .hc-label{color:#8d9ba4;}
html:not(.atv-light) .atv-mind-home .mc-label{color:#ec9cc3;}
html:not(.atv-light) .atv-mind-home .mc-papers p{color:#b5c2ca;}
html:not(.atv-light) .atv-health-home .hc-week a,html:not(.atv-light) .atv-mind-home .mc-text-link{color:#eef3f5;}
html:not(.atv-light) .atv-mind-home .mc-tool-rail,html:not(.atv-light) .atv-health-home .hc-program-rail{background:#0a1015; border-color:rgba(255,255,255,.16);}
html:not(.atv-light) .atvp{--atvp-bg:var(--dk-bg) !important; --atvp-ink2:var(--dk-acc) !important; background:var(--dk-bg);}
html:not(.atv-light) .atvp[data-tabs]{--atvp-bg:var(--dk-alt) !important; background:var(--dk-alt);}
html:not(.atv-light) .atvp-band{--atvp-bg:var(--dk-alt) !important; background:var(--dk-alt);}
html:not(.atv-light) .atvp-strip{--atvp-bg:var(--dk-card) !important; background:var(--dk-card); border-top-color:rgba(255,255,255,.08);}
html:not(.atv-light) .atvp h2,html:not(.atv-light) .atvp-card>strong,html:not(.atv-light) .atvp-steps b,html:not(.atv-light) .atvp-programs a,html:not(.atv-light) .atvp-chips span,html:not(.atv-light) .atvp-vbtn,html:not(.atv-light) .atvp-vmore nav a,html:not(.atv-light) .atvp-bandcards a,html:not(.atv-light) .atvp-strip strong,html:not(.atv-light) .atvp-strip nav a,html:not(.atv-light) .atvp-tabs button{color:#eef3f5;}
html:not(.atv-light) .atvp-head p,html:not(.atv-light) .atvp-card>p,html:not(.atv-light) .atvp-steps p,html:not(.atv-light) .atvp-vleft>p,html:not(.atv-light) .atvp-vbtn em{color:#b5c2ca;}
html:not(.atv-light) .atvp-card nav em,html:not(.atv-light) .atvp-programs em,html:not(.atv-light) .atvp-vbtn i,html:not(.atv-light) .atvp-bandcards em,html:not(.atv-light) .atvp-strip strong span{color:#8d9ba4;}
html:not(.atv-light) .atvp-tabs,html:not(.atv-light) .atvp-card,html:not(.atv-light) .atvp-steps div,html:not(.atv-light) .atvp-programs,html:not(.atv-light) .atvp-chips span,html:not(.atv-light) .atvp-strip nav a{background:var(--dk-card); box-shadow:0 1px 2px rgba(0,0,0,.35),0 6px 16px rgba(0,0,0,.3);}
html:not(.atv-light) .atvp-band .atvp-bandcards a,html:not(.atv-light) .atvp-bandcards a{background:var(--dk-card); box-shadow:0 1px 2px rgba(0,0,0,.4),0 8px 22px rgba(0,0,0,.4);}
html:not(.atv-light) .atvp-band .atvp-bandcards a.dark,html:not(.atv-light) .atvp-bandcards a.dark{background:#223049;}
html:not(.atv-light) .atvp-bandcards a.dark em{color:#cfd5e0;}
html:not(.atv-light) .atvp-tabs button[aria-selected=true]{background:#eef3f5; color:#0e1418;}
html:not(.atv-light) .atvp-btn{background:#eef3f5; color:#0e1418 !important;}
html:not(.atv-light) .atvp-btn b{color:#0e1418 !important;}
html:not(.atv-light) .atvp-btn span{color:var(--dk-acc-deep);}
html:not(.atv-light) .atvp-card nav,html:not(.atv-light) .atvp-vlist{border-top-color:rgba(255,255,255,.3);}
html:not(.atv-light) .atvp-card nav a,html:not(.atv-light) .atvp-vitem{border-bottom-color:rgba(255,255,255,.12);}
html:not(.atv-light) .atvp-programs a{border-right-color:rgba(255,255,255,.1);}
html:not(.atv-light) .atvp-vmore nav a,html:not(.atv-light) .atvp-strip nav a{border-color:rgba(255,255,255,.18);}
html:not(.atv-light) .atvp-vitem[aria-selected=false] .atvp-vbtn{color:#7f8b94;}
html:not(.atv-light) .atvp-media img,html:not(.atv-light) .atvp-vmedia img,html:not(.atv-light) .atvp-wide img,html:not(.atv-light) .atvp-bandimg img,html:not(.atv-light) .atvp-bandimg video,html:not(.atv-light) .atvp-media video,html:not(.atv-light) .atvp-vmedia video{filter:brightness(.92) saturate(.96);}
@media (max-width:860px){html:not(.atv-light) .atvp-programs a{border-bottom-color:rgba(255,255,255,.1);}}
@media (max-width:760px){html:not(.atv-light) .atv-health-home .hc-hero:before,html:not(.atv-light) .atv-mind-home .mc-hero:before,html:not(.atv-light) .atv-life-home .fc-hero:before{background:linear-gradient(180deg,transparent 60%,var(--dk-bg) 100%) !important;}}
}
html.atv-dark .atv-health-home{--dk-bg:#0b1a21; --dk-alt:#0e1f27; --dk-card:#12262e; --dk-acc:#6cc8e0; --dk-glass:rgba(11,26,33,.66); --dk-acc-deep:#17798f; --hc-ink:#eef3f5; --hc-paper:#0b1a21; background:#0b1a21; color:#eef3f5;}
html.atv-dark .atv-mind-home{--dk-bg:#1a1117; --dk-alt:#20151c; --dk-card:#251820; --dk-acc:#ec9cc3; --dk-glass:rgba(26,17,23,.66); --dk-acc-deep:#a8386c; --mc-ink:#eef3f5; --mc-paper:#1a1117; background:#1a1117; color:#eef3f5;}
html.atv-dark .atv-life-home{--dk-bg:#13111e; --dk-alt:#181627; --dk-card:#1d1a2b; --dk-acc:#aea2ec; --dk-glass:rgba(19,17,30,.66); --dk-acc-deep:#4a3f86; --fc-ink:#eef3f5; --fc-paper:#13111e; background:#13111e; color:#eef3f5;}
html.atv-dark .atv-health-home img.care-hero-still,html.atv-dark .atv-mind-home img.care-hero-still,html.atv-dark .atv-life-home img.care-hero-still{filter:brightness(.92) saturate(.96);}
html.atv-dark .atv-health-home .hc-hero h1,html.atv-dark .atv-mind-home .mc-hero h1,html.atv-dark .atv-life-home .fc-hero h1{text-shadow:0 1px 14px rgba(8,12,15,.55);}
html.atv-dark .atv-health-home .hc-hero,html.atv-dark .atv-mind-home .mc-hero,html.atv-dark .atv-life-home .fc-hero{isolation:isolate;}
html.atv-dark .atv-health-home .hc-hero:before,html.atv-dark .atv-mind-home .mc-hero:before,html.atv-dark .atv-life-home .fc-hero:before{content:"" !important; display:block !important; opacity:1 !important; position:absolute; inset:0; z-index:-2; pointer-events:none;}
html.atv-dark .atv-health-home .hc-hero:before{background:linear-gradient(90deg,rgba(11,26,33,.8),rgba(11,26,33,.46) 42%,rgba(11,26,33,.08) 72%) !important;}
html.atv-dark .atv-mind-home .mc-hero:before{background:linear-gradient(90deg,rgba(26,17,23,.8),rgba(26,17,23,.46) 45%,rgba(26,17,23,.08) 74%) !important;}
html.atv-dark .atv-life-home .fc-hero:before{background:linear-gradient(90deg,rgba(19,17,30,.8),rgba(19,17,30,.46) 42%,rgba(19,17,30,.08) 72%) !important;}
html.atv-dark .atv-health-home .hc-hero h1,html.atv-dark .atv-life-home .fc-hero h1,html.atv-dark .atv-mind-home .mc-hero h1{color:#eef3f5 !important;}
html.atv-dark .atv-health-home .hc-hero .hc-kicker{color:#6cc8e0 !important;}
html.atv-dark .atv-mind-home .mc-kicker{color:#ec9cc3;}
html.atv-dark .atv-life-home .fc-hero .fc-kicker{color:#aea2ec !important;}
html.atv-dark .atv-health-home .hc-hero-ledger,html.atv-dark .atv-mind-home .mc-hero-index,html.atv-dark .atv-life-home .fc-hero-nav{background:var(--dk-glass); border-color:rgba(255,255,255,.14); color:#eef3f5;}
html.atv-dark .atv-health-home .hc-hero-ledger a,html.atv-dark .atv-life-home .fc-hero-nav a,html.atv-dark .atv-mind-home .mc-hero-index a{border-bottom-color:rgba(255,255,255,.2); color:#eef3f5;}
html.atv-dark .atv-health-home .hc-hero-ledger span,html.atv-dark .atv-mind-home .mc-hero-index span,html.atv-dark .atv-life-home .fc-hero-nav span{color:var(--dk-acc);}
html.atv-dark .atv-health-home .hc-hero-ledger i,html.atv-dark .atv-mind-home .mc-hero-index i,html.atv-dark .atv-life-home .fc-hero-nav i{color:#b5c2ca;}
html.atv-dark .atv-health-home .hc-hero-ledger a:hover,html.atv-dark .atv-life-home .fc-hero-nav a:hover,html.atv-dark .atv-mind-home .mc-hero-index a:hover{color:var(--dk-acc);}
html.atv-dark .atv-health-home .hc-week,html.atv-dark .atv-health-home .hc-week--stage{background:var(--dk-alt);}
html.atv-dark .atv-mind-home .mc-papers,html.atv-dark .atv-mind-home .mc-papers--stage{background:var(--dk-alt);}
html.atv-dark .atv-health-home .hc-program-head p:not(.hc-label),html.atv-dark .atv-health-home .hc-week p{color:#b5c2ca;}
html.atv-dark .atv-health-home .hc-label{color:#8d9ba4;}
html.atv-dark .atv-mind-home .mc-label{color:#ec9cc3;}
html.atv-dark .atv-mind-home .mc-papers p{color:#b5c2ca;}
html.atv-dark .atv-health-home .hc-week a,html.atv-dark .atv-mind-home .mc-text-link{color:#eef3f5;}
html.atv-dark .atv-mind-home .mc-tool-rail,html.atv-dark .atv-health-home .hc-program-rail{background:#0a1015; border-color:rgba(255,255,255,.16);}
html.atv-dark .atvp{--atvp-bg:var(--dk-bg) !important; --atvp-ink2:var(--dk-acc) !important; background:var(--dk-bg);}
html.atv-dark .atvp[data-tabs]{--atvp-bg:var(--dk-alt) !important; background:var(--dk-alt);}
html.atv-dark .atvp-band{--atvp-bg:var(--dk-alt) !important; background:var(--dk-alt);}
html.atv-dark .atvp-strip{--atvp-bg:var(--dk-card) !important; background:var(--dk-card); border-top-color:rgba(255,255,255,.08);}
html.atv-dark .atvp h2,html.atv-dark .atvp-card>strong,html.atv-dark .atvp-steps b,html.atv-dark .atvp-programs a,html.atv-dark .atvp-chips span,html.atv-dark .atvp-vbtn,html.atv-dark .atvp-vmore nav a,html.atv-dark .atvp-bandcards a,html.atv-dark .atvp-strip strong,html.atv-dark .atvp-strip nav a,html.atv-dark .atvp-tabs button{color:#eef3f5;}
html.atv-dark .atvp-head p,html.atv-dark .atvp-card>p,html.atv-dark .atvp-steps p,html.atv-dark .atvp-vleft>p,html.atv-dark .atvp-vbtn em{color:#b5c2ca;}
html.atv-dark .atvp-card nav em,html.atv-dark .atvp-programs em,html.atv-dark .atvp-vbtn i,html.atv-dark .atvp-bandcards em,html.atv-dark .atvp-strip strong span{color:#8d9ba4;}
html.atv-dark .atvp-tabs,html.atv-dark .atvp-card,html.atv-dark .atvp-steps div,html.atv-dark .atvp-programs,html.atv-dark .atvp-chips span,html.atv-dark .atvp-strip nav a{background:var(--dk-card); box-shadow:0 1px 2px rgba(0,0,0,.35),0 6px 16px rgba(0,0,0,.3);}
html.atv-dark .atvp-band .atvp-bandcards a,html.atv-dark .atvp-bandcards a{background:var(--dk-card); box-shadow:0 1px 2px rgba(0,0,0,.4),0 8px 22px rgba(0,0,0,.4);}
html.atv-dark .atvp-band .atvp-bandcards a.dark,html.atv-dark .atvp-bandcards a.dark{background:#223049;}
html.atv-dark .atvp-bandcards a.dark em{color:#cfd5e0;}
html.atv-dark .atvp-tabs button[aria-selected=true]{background:#eef3f5; color:#0e1418;}
html.atv-dark .atvp-btn{background:#eef3f5; color:#0e1418 !important;}
html.atv-dark .atvp-btn b{color:#0e1418 !important;}
html.atv-dark .atvp-btn span{color:var(--dk-acc-deep);}
html.atv-dark .atvp-card nav,html.atv-dark .atvp-vlist{border-top-color:rgba(255,255,255,.3);}
html.atv-dark .atvp-card nav a,html.atv-dark .atvp-vitem{border-bottom-color:rgba(255,255,255,.12);}
html.atv-dark .atvp-programs a{border-right-color:rgba(255,255,255,.1);}
html.atv-dark .atvp-vmore nav a,html.atv-dark .atvp-strip nav a{border-color:rgba(255,255,255,.18);}
html.atv-dark .atvp-vitem[aria-selected=false] .atvp-vbtn{color:#7f8b94;}
html.atv-dark .atvp-media img,html.atv-dark .atvp-vmedia img,html.atv-dark .atvp-wide img,html.atv-dark .atvp-bandimg img,html.atv-dark .atvp-bandimg video,html.atv-dark .atvp-media video,html.atv-dark .atvp-vmedia video{filter:brightness(.92) saturate(.96);}
@media (max-width:860px){html.atv-dark .atvp-programs a{border-bottom-color:rgba(255,255,255,.1);}}
@media (max-width:760px){html.atv-dark .atv-health-home .hc-hero:before,html.atv-dark .atv-mind-home .mc-hero:before,html.atv-dark .atv-life-home .fc-hero:before{background:linear-gradient(180deg,transparent 60%,var(--dk-bg) 100%) !important;}}
/* ATV-DARK:hubs END */
/* ATV-DARK:media BEGIN — tools/dark_css.py 가 tools/dark_mode/media.dark.css 로 짓는다. 손으로 고치지 말 것 */
@media (prefers-color-scheme: dark){
html:not(.atv-light) :where(video){filter:brightness(.92) saturate(.96);}
html:not(.atv-light) :where(iframe[src*="youtube.com"], iframe[src*="youtube-nocookie.com"], iframe[src*="youtu.be"], iframe[src*="vimeo.com"]){filter:brightness(.92) saturate(.96);}
}
html.atv-dark :where(video){filter:brightness(.92) saturate(.96);}
html.atv-dark :where(iframe[src*="youtube.com"], iframe[src*="youtube-nocookie.com"], iframe[src*="youtu.be"], iframe[src*="vimeo.com"]){filter:brightness(.92) saturate(.96);}
/* ATV-DARK:media END */

/* AUDIT-0930:hub-01 BEGIN — 허브 세 쪽 (2026-09-30 전수검사 · 되돌리기 rb.py undo hub-01) */
/* 첫 화면 칸 — 마인드·라이프도 피지컬처럼 «이름 + 한 줄 설명» */
.atv-mind-home .mc-hero-index a,.atv-life-home .fc-hero-nav a{min-height:96px;align-content:start}
.mc-hero-index a strong,.fc-hero-nav a strong{grid-column:1;font-size:19px;font-weight:700}
.mc-hero-index a i,.fc-hero-nav a i{grid-column:1;font-size:16px;font-style:normal;font-weight:400;color:#45484d}
.mc-hero-index a b,.fc-hero-nav a b{grid-row:1/4;font-weight:700}
/* 도구 띠 — 피지컬·마인드도 라이프처럼 흰 판 */
.atv-health-home .hc-program-rail,.atv-mind-home .mc-tool-rail{background:#fff;border:1px solid rgba(24,32,51,.12)}
.atv-health-home .hc-program-rail a,.atv-mind-home .mc-tool-rail a{color:#182033}
.atv-health-home .hc-program-rail a+a,.atv-mind-home .mc-tool-rail a+a{border-left-color:rgba(24,32,51,.12);border-top-color:rgba(24,32,51,.12)}
.atv-health-home .hc-program-rail span{color:#17798f}
.atv-mind-home .mc-tool-rail span{color:#a8386c}
.atv-health-home .hc-program-rail i,.atv-mind-home .mc-tool-rail i{color:#45484d}
.atv-health-home .hc-program-rail a:hover,.atv-mind-home .mc-tool-rail a:hover{background:rgba(24,32,51,.04)}
/* 글자 크기·굵기 — 기준 13/16/19 · 400/600/700 */
.atvp .atvp-vbtn b{font-size:19px}
.atvp .atvp-vmore nav a,.atvp-strip nav a{font-size:16px}
.atvp .atvp-btn,.atvp .atvp-btn b{font-weight:700}
.atvp .atvp-chips span{font-size:13px}
.atvp-band .atvp-bandcards em{font-size:16px}
@media (max-width:760px){
  .atv-health-home .hc-shell,.atv-mind-home .mc-shell,.atv-life-home .fc-shell{width:calc(100% - 48px)}
  .atvp-wrap{width:calc(100% - 48px)}
  .mc-hero-index a,.fc-hero-nav a{grid-template-columns:1fr;min-height:0}
  .mc-hero-index a i,.fc-hero-nav a i{font-size:13px}
  .atv-health-home .hc-program-rail span,.atv-mind-home .mc-tool-rail span{font-size:13px;letter-spacing:.04em}
  .atv-health-home .hc-program-rail b,.atv-mind-home .mc-tool-rail b{font-size:19px}
  .atv-health-home .hc-program-rail a:nth-child(n+3),.atv-mind-home .mc-tool-rail a:nth-child(n+3){border-top-color:rgba(24,32,51,.12)}
  .atv-health-home .hc-program-rail a:nth-child(2n),.atv-mind-home .mc-tool-rail a:nth-child(2n){border-left-color:rgba(24,32,51,.12)}
  .atvp-band .atvp-bandcards em{font-size:13px}
}
@media (prefers-color-scheme:dark){
  html:not(.atv-light) .atv-health-home .hc-program-rail a,html:not(.atv-light) .atv-mind-home .mc-tool-rail a{color:#eef3f5}
  html:not(.atv-light) .atv-health-home .hc-program-rail span{color:#6cc8e0}
  html:not(.atv-light) .atv-mind-home .mc-tool-rail span{color:#ec9cc3}
  html:not(.atv-light) .atv-health-home .hc-program-rail i,html:not(.atv-light) .atv-mind-home .mc-tool-rail i{color:#b5c2ca}
  html:not(.atv-light) .atv-health-home .hc-program-rail a,html:not(.atv-light) .atv-mind-home .mc-tool-rail a{border-color:rgba(255,255,255,.14)}
  html:not(.atv-light) .atv-health-home .hc-program-rail a:hover,html:not(.atv-light) .atv-mind-home .mc-tool-rail a:hover{background:rgba(255,255,255,.06)}
}
html.atv-dark .atv-health-home .hc-program-rail a,html.atv-dark .atv-mind-home .mc-tool-rail a{color:#eef3f5;border-color:rgba(255,255,255,.14)}
html.atv-dark .atv-health-home .hc-program-rail span{color:#6cc8e0}
html.atv-dark .atv-mind-home .mc-tool-rail span{color:#ec9cc3}
html.atv-dark .atv-health-home .hc-program-rail i,html.atv-dark .atv-mind-home .mc-tool-rail i{color:#b5c2ca}
html.atv-dark .atv-health-home .hc-program-rail a:hover,html.atv-dark .atv-mind-home .mc-tool-rail a:hover{background:rgba(255,255,255,.06)}
/* AUDIT-0930:hub-01 END */

/* AUDIT-0930:hub-01b BEGIN — 마인드 도구 띠 라벨 두 줄 높이로 고정(이름 줄 맞춤) */
.atv-mind-home .mc-tool-rail span{display:block;min-height:3em;line-height:1.5}
/* AUDIT-0930:hub-01b END */