/* Layout: 강서바른이치과 홈페이지의 "치료 원리 ①" 실제 페이지. 흰 진료 기록지 같은 본문, 숫자는 계측기처럼 모노 서체, 핵심 그림은 방사선 사진 톤의 어두운 패널 한 장(몸 정렬 모식도)에만 힘을 준다. */
:root{
  --paper:#F3F6F5; --surface:#FFFFFF; --soft:#E6EDEB; --ink:#12232B; --muted:#53656C; --rule:#D2DCDA;
  --accent:#0F7B6C; --on-accent:#FFFFFF; --alert:#C2532B;
  --xr-bg:#0D1B23; --xr-line:#CFE3E0; --xr-dim:#86A3A1; --xr-hi:#6FE3CF; --xr-alert:#FF9A73;
  --f-display:'Nanum Myeongjo','Noto Serif KR',serif;
  --f-body:'IBM Plex Sans KR','Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#0A1317; --surface:#101D23; --soft:#13232A; --ink:#E5EEEC; --muted:#9DB1AE; --rule:#24353B;
    --accent:#4FD1BC; --on-accent:#04201B; --alert:#F08A62;
    --xr-bg:#050D11; color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --paper:#0A1317; --surface:#101D23; --soft:#13232A; --ink:#E5EEEC; --muted:#9DB1AE; --rule:#24353B;
  --accent:#4FD1BC; --on-accent:#04201B; --alert:#F08A62;
  --xr-bg:#050D11; color-scheme:dark;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font:400 16.5px/1.75 var(--f-body);word-break:keep-all;overflow-wrap:break-word;margin:0}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--paper);z-index:30}
h1,h2,h3,p,ul,ol,figure,blockquote{margin:0}
a{color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.wrap{max-width:1120px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.read{max-width:34em}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.eyebrow{font:500 12px var(--f-mono);letter-spacing:.14em;color:var(--accent);text-transform:uppercase}
.muted{color:var(--muted)}
.small{font-size:.875rem}

/* 헤더 */
.head{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--paper);border-bottom:1px solid var(--rule)}
.head-in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand b{display:block;font:800 1.2rem/1.1 var(--f-display)}
.brand small{display:block;margin-top:3px;font:500 10.5px/1 var(--f-mono);letter-spacing:.12em;color:var(--muted)}
.nav ul{list-style:none;padding:0;display:flex;align-items:center;gap:2px}
.nav a{display:block;padding:9px 13px;border-radius:6px;text-decoration:none;font-weight:500;font-size:15px;white-space:nowrap}
.nav a:hover{background:var(--soft)}
.nav a[aria-current="page"]{color:var(--accent);font-weight:600}
.nav a.cta{background:var(--accent);color:var(--on-accent);margin-left:6px;font-weight:600}
.burger{display:none;width:44px;height:44px;border:1px solid var(--rule);background:none;color:inherit;border-radius:6px;cursor:pointer;place-items:center}
.burger i{display:block;width:18px;height:2px;background:currentColor;box-shadow:0 6px 0 currentColor,0 -6px 0 currentColor}

/* 치료 원리 단계 */
.steps{border-bottom:1px solid var(--rule);background:var(--surface)}
.steps-in{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-block:10px;scrollbar-width:none}
.steps-in::-webkit-scrollbar{display:none}
.crumb{font-size:13px;color:var(--muted);white-space:nowrap;margin-right:6px}
.step{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:6px 12px;border:1px solid var(--rule);border-radius:99px;font-size:13.5px;text-decoration:none;color:var(--muted)}
.step b{font:500 12px var(--f-mono)}
.step[aria-current="step"]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}

/* 히어로 */
.hero{padding-block:56px 48px}
.hero h1{font:800 clamp(1.95rem,5.2vw,3.25rem)/1.3 var(--f-display);letter-spacing:-.015em;text-wrap:balance;margin:14px 0 18px;max-width:15em}
.hero .lead{font-size:1.1rem;color:var(--muted)}
.try{display:flex;gap:12px;align-items:flex-start;margin-top:26px;padding:14px 16px;border:1px dashed var(--accent);border-radius:8px;max-width:34em;font-size:.95rem}
.try .mono{color:var(--accent);font-size:12px;letter-spacing:.1em;padding-top:3px;white-space:nowrap}
.btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:6px;font:600 15px var(--f-body);text-decoration:none;border:1px solid var(--ink);cursor:pointer;background:none;color:inherit}
.btn.fill{background:var(--ink);color:var(--paper)}
.btn:hover{filter:brightness(1.1)}
.play{width:0;height:0;border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}

/* 공통 구역 */
.sec{padding-block:72px;border-top:1px solid var(--rule)}
.sec.tint{background:var(--surface)}
.sec-head{display:grid;gap:12px;margin-bottom:34px}
.num{font:500 clamp(2.6rem,9vw,4.4rem)/1 var(--f-mono);letter-spacing:-.03em;color:var(--accent);font-variant-numeric:tabular-nums}
.num small{font-size:.38em;letter-spacing:0;margin-left:4px;color:var(--muted)}
h2{font:700 clamp(1.5rem,3.6vw,2.1rem)/1.38 var(--f-display);letter-spacing:-.01em;text-wrap:balance}
.body{display:grid;gap:14px}
.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.tag{display:inline-block;font:500 11.5px/1 var(--f-mono);letter-spacing:.06em;padding:6px 10px;border:1px solid var(--rule);border-radius:99px;color:var(--muted);background:var(--surface);justify-self:start}
.src{font:500 12px var(--f-mono);color:var(--muted);text-decoration:none;border-bottom:1px dotted var(--muted)}
.src:hover{color:var(--accent);border-color:var(--accent)}

/* 그림 패널 */
.panel{background:var(--surface);border:1px solid var(--rule);border-radius:8px;padding:22px 20px;display:grid;gap:16px;min-width:0}
.panel h3{font:500 12px var(--f-mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
.bars{display:grid;gap:10px}
.bar{display:grid;grid-template-columns:5.2em minmax(0,1fr) 5.4em;gap:12px;align-items:center;font-size:.92rem}
.bar .track{height:16px;background:var(--soft);border-radius:3px;overflow:hidden}
.bar .fill{height:100%;background:var(--muted);opacity:.55;border-radius:3px}
.bar.on .fill{background:var(--accent);opacity:1}
.bar .v{font-family:var(--f-mono);font-variant-numeric:tabular-nums;text-align:right;font-size:.85rem}
.bar.on b,.bar.on .v{color:var(--accent);font-weight:600}
.note{font-size:.82rem;color:var(--muted);line-height:1.6}
.callout{border-left:3px solid var(--accent);padding:4px 0 4px 16px;font-weight:500}

/* 맞물림 토글 */
.seg{display:inline-flex;border:1px solid var(--rule);border-radius:99px;padding:3px;gap:3px;justify-self:start;flex-wrap:wrap}
.seg button{border:0;background:none;color:var(--muted);font:500 13.5px var(--f-body);padding:7px 14px;border-radius:99px;cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.bite svg{display:block;width:100%;height:auto}
.t-up{fill:var(--soft);stroke:var(--ink);stroke-width:1.5}
.t-lo{fill:var(--surface);stroke:var(--ink);stroke-width:1.5}
.gum{fill:var(--rule)}
.hit{fill:var(--alert)}
.arr{stroke:var(--alert);stroke-width:2.5;fill:none;marker-end:url(#ah)}
.arr-h{fill:var(--alert)}
.lbl{font:500 12.5px var(--f-body);fill:var(--ink)}
.lbl-m{font:400 11px var(--f-mono);fill:var(--muted)}
#lower{transition:transform .5s ease}

/* 몸 정렬 모식도 (어두운 패널) */
.xr{background:var(--xr-bg);color:var(--xr-line);border-radius:10px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
.xr-fig{padding:18px 10px 6px;border-right:1px solid rgba(207,227,224,.12);display:grid;gap:8px;align-content:start}
.xr-fig svg{display:block;width:100%;max-width:300px;height:auto;margin-inline:auto}
.xr-top{display:flex;justify-content:space-between;gap:10px;padding:0 8px;font:500 10.5px var(--f-mono);letter-spacing:.14em;color:var(--xr-dim)}
.xr-ctl{display:grid;gap:6px;padding:4px 10px 14px}
.xr-ctl label{font-size:13px;color:var(--xr-dim);display:flex;justify-content:space-between}
.xr-ctl input{width:100%;accent-color:var(--xr-hi);margin:0}
.xr-steps{list-style:none;padding:22px 22px 24px;margin:0;display:grid;gap:0;counter-reset:s}
.xr-steps li{display:grid;grid-template-columns:2.2em minmax(0,1fr);gap:4px 10px;padding:12px 0;border-bottom:1px solid rgba(207,227,224,.12);counter-increment:s}
.xr-steps li:last-child{border-bottom:0}
.xr-steps li::before{content:counter(s);font:500 12px/1.9 var(--f-mono);color:var(--xr-hi);text-align:center;border:1px solid rgba(111,227,207,.4);border-radius:99px;height:1.9em}
.xr-steps b{font-weight:600;color:#fff}
.xr-steps span{grid-column:2;font-size:.9rem;color:var(--xr-dim);line-height:1.6}
.xr-foot{grid-column:1/-1;border-top:1px solid rgba(207,227,224,.12);padding:12px 18px;font-size:12px;color:var(--xr-dim)}
.sk{fill:none;stroke:var(--xr-line);stroke-width:1.6;stroke-linecap:round}
.sk-dim{fill:none;stroke:var(--xr-dim);stroke-width:1;stroke-dasharray:3 4}
.sp{fill:none;stroke:var(--xr-hi);stroke-width:3;stroke-linecap:round}
.lv{stroke:var(--xr-line);stroke-width:2;stroke-linecap:round}
.lv-hi{stroke:var(--xr-alert);stroke-width:2.4;stroke-linecap:round}
.eye{fill:var(--xr-line)}
.xl{font:500 10.5px var(--f-body);fill:var(--xr-dim)}
.xl-hi{fill:var(--xr-alert)}
.load{fill:var(--xr-alert);opacity:.85}

/* 뼈 연결 */
.chain{list-style:none;padding:0;display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}
.chain li{flex:1 1 7.5em;border:1px solid var(--rule);border-radius:8px;padding:12px 12px 10px;background:var(--surface);display:grid;gap:2px;position:relative}
.chain li b{font-size:.98rem}
.chain li span{font:400 11.5px var(--f-mono);color:var(--muted)}
.chain li:last-child{border-color:var(--accent)}
.chain li:last-child b{color:var(--accent)}

/* 신호 */
.sig svg{display:block;width:100%;height:auto}
.s-in{stroke:var(--ink);stroke-width:2;fill:none;marker-end:url(#ah2)}
.s-out{stroke:var(--alert);stroke-width:1.8;fill:none;stroke-dasharray:5 4;marker-end:url(#ah3)}
.s-col{fill:var(--soft);stroke:var(--accent);stroke-width:1.5}
.s-t{font:600 13px var(--f-body);fill:var(--ink)}
.s-m{font:400 11px var(--f-mono);fill:var(--muted)}
.s-a{font:500 12.5px var(--f-body);fill:var(--alert)}
.ah2{fill:var(--ink)} .ah3{fill:var(--alert)}
.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.three a{display:grid;gap:4px;padding:14px;border:1px solid var(--rule);border-radius:8px;text-decoration:none;background:var(--surface)}
.three a b{font-weight:600}
.three a span{font-size:.85rem;color:var(--muted);line-height:1.55}
.three a:hover{border-color:var(--accent)}
.three a:hover b{color:var(--accent)}

/* 이상 없음 */
.clear{display:grid;gap:10px;padding:24px 22px;border:1px solid var(--accent);border-radius:10px;background:var(--surface);max-width:46em}
.clear h3{font:700 clamp(1.15rem,2.6vw,1.4rem)/1.45 var(--f-display);text-wrap:balance}

/* 한눈에 보기 */
.overview{background:var(--paper)}
.flow{position:relative;display:grid;gap:0}
.wire{display:flex;align-items:center;gap:12px;font:500 12px var(--f-mono);letter-spacing:.06em;color:var(--accent);margin-bottom:12px}
.wire::before,.wire::after{content:"";flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--accent) 0 8px,transparent 8px 13px)}
.wire span{white-space:nowrap}
.phases{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;counter-reset:none}
.phases a{display:grid;gap:6px;height:100%;padding:18px 18px 20px;border:1px solid var(--rule);border-top:3px solid var(--accent);border-radius:8px;background:var(--surface);text-decoration:none}
.phases a:hover{border-color:var(--accent)}
.ph-n{font:500 12px var(--f-mono);letter-spacing:.1em;color:var(--accent)}
.phases b{font:700 1.12rem/1.4 var(--f-display)}
.phases a>span:last-child{font-size:.9rem;color:var(--muted);line-height:1.6}
.named{margin-top:22px;font-size:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.named b{color:var(--accent);font-weight:700}

/* 다음 · 인용 */
.next{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:24px;border:1px solid var(--ink);border-radius:10px;text-decoration:none;background:var(--surface);margin-top:30px}
.next small{font:500 12px var(--f-mono);letter-spacing:.1em;color:var(--accent)}
.next b{display:block;font:700 1.3rem/1.4 var(--f-display);margin-top:4px}
.next span{color:var(--muted);font-size:.92rem}
.next i{font-style:normal;font-size:1.6rem;color:var(--accent)}
.next:hover{border-color:var(--accent)}
.quote{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:start}
.ph{width:84px;height:84px;border-radius:50%;background:repeating-linear-gradient(135deg,var(--soft) 0 8px,var(--rule) 8px 9px);display:grid;place-items:center;font:500 10px var(--f-mono);color:var(--muted);text-align:center}
blockquote p{font:700 clamp(1.15rem,2.6vw,1.45rem)/1.6 var(--f-display);text-wrap:balance}
blockquote footer{margin-top:12px;font-size:.9rem;color:var(--muted)}

/* 근거 */
details{border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
summary{cursor:pointer;padding:16px 18px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font:500 18px/1 var(--f-mono);color:var(--accent)}
details[open] summary::after{content:"−"}
.refs{list-style:none;margin:0;padding:0 18px 18px;display:grid;gap:10px;font-size:.88rem}
.refs li{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:12px;border-top:1px solid var(--rule);padding-top:10px}
.refs li span:first-child{font:500 12px/1.9 var(--f-mono);color:var(--accent)}

/* 마지막 · 푸터 */
.end{display:flex;flex-wrap:wrap;gap:10px}
.foot{border-top:1px solid var(--rule);padding-block:40px 48px;font-size:.86rem;color:var(--muted)}
.foot-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 40px}
.foot b{color:var(--ink)}
.foot p+p{margin-top:4px}
.fine{grid-column:1/-1;border-top:1px solid var(--rule);padding-top:16px;font-size:.8rem}
.mbar{display:none}

@media (max-width:860px){
  .grid2{grid-template-columns:minmax(0,1fr);gap:32px}
  .xr{grid-template-columns:minmax(0,1fr)}
  .xr-fig{border-right:0;border-bottom:1px solid rgba(207,227,224,.12)}
}
@media (max-width:760px){
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--rule);padding:8px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px))}
  .nav.open{display:block}
  .nav ul{flex-direction:column;align-items:stretch}
  .nav a{padding:13px 8px}
  .nav a.cta{margin:8px 0 0;text-align:center}
  .burger{display:inline-grid}
  .sec{padding-block:56px}
  .hero{padding-block:40px 40px}
  .three,.phases{grid-template-columns:minmax(0,1fr)}
  .mbar{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:15;background:var(--paper);border-top:1px solid var(--rule);padding:9px max(16px,env(safe-area-inset-right,0px)) calc(9px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
  .mbar a{display:grid;place-items:center;padding:11px 6px;border:1px solid var(--rule);border-radius:6px;text-decoration:none;font-weight:600;font-size:14px}
  .mbar a:last-child{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
  body{padding-bottom:72px}
  .foot-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:480px){
  .quote{grid-template-columns:minmax(0,1fr)}
  .refs li{grid-template-columns:minmax(0,1fr);gap:2px}
  .next{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  #lower{transition:none}
}

/* ② 전용 */
.timeline{list-style:none;padding:0;margin:0;display:grid;gap:0;border-left:2px solid var(--rule);margin-left:6px}
.timeline li{position:relative;display:grid;gap:3px;padding:0 0 22px 22px}
.timeline li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--muted)}
.timeline li.now::before{background:var(--accent);border-color:var(--accent)}
.timeline .yr{font-size:12px;color:var(--accent);letter-spacing:.08em}
.timeline b{font-weight:600}
.timeline li>span:last-child{font-size:.92rem;color:var(--muted);line-height:1.6}
.timeline li.now b{color:var(--accent)}
.stats{display:grid;gap:12px;margin:0}
.stats div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 16px;padding:16px 18px;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
.stats dt{font-size:.9rem;color:var(--muted)}
.stats dd{margin:0;grid-row:1/3;grid-column:2;font-size:2rem;font-weight:500;color:var(--accent);letter-spacing:-.02em;align-self:center}
.stats dd small{font-size:.45em;color:var(--muted);margin-left:3px;letter-spacing:0}
.stats span{font-size:.85rem;color:var(--muted)}
.base svg{display:block;width:100%;height:auto}
.skull{fill:var(--soft);stroke:var(--rule);stroke-width:1.5}
.bone{fill:none;stroke:var(--muted);stroke-width:1.6;transition:fill .25s,stroke .25s}
.bone.fillb{fill:var(--surface)}
.bone[data-g="man"]{stroke-dasharray:6 5}
.bone.on{stroke:var(--accent);stroke-width:2.4}
.bone.fillb.on{fill:color-mix(in srgb,var(--accent) 22%,var(--surface))}
.hole{fill:var(--paper);stroke:var(--muted);stroke-width:1.2}
.tmj{fill:var(--surface);stroke:var(--muted);stroke-width:1.6}
.tmj.on{fill:var(--accent);stroke:var(--accent)}
.bl{font:600 12.5px var(--f-body);fill:var(--ink)}
.bs{font:400 10.5px var(--f-mono);fill:var(--muted)}
.dir{font:400 10.5px var(--f-mono);fill:var(--muted);letter-spacing:.08em}
.cap{min-height:4.8em;font-size:.9rem;color:var(--ink)}
.big{margin:0;padding:22px 0 0;border-top:2px solid var(--ink)}
.big p{font:800 clamp(1.4rem,3.4vw,2rem)/1.45 var(--f-display);text-wrap:balance}
.big footer{margin-top:10px;font-size:.9rem;color:var(--muted)}
.compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:36px}
.compare div{display:grid;gap:6px;padding:18px 20px;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
.compare .mono{font-size:12px;color:var(--muted);letter-spacing:.06em}
.compare b{font:700 1.1rem/1.45 var(--f-display)}
.compare p{font-size:.92rem;color:var(--muted)}
.compare .on{border-color:var(--accent);border-top:3px solid var(--accent)}
.compare .on .mono{color:var(--accent)}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.half{display:grid;gap:10px;align-content:start;padding:22px;border:1px solid var(--rule);border-radius:10px;background:var(--paper)}
.half.on{border-color:var(--accent)}
.half .mono{font-size:12px;letter-spacing:.08em;color:var(--accent)}
.half h3{font:700 1.2rem/1.45 var(--f-display)}
.half p{font-size:.95rem}
.checks{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:.93rem}
.checks li{position:relative;padding-left:20px;line-height:1.6}
.checks li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--accent)}
@media (max-width:760px){
  .compare,.two{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){ .bone{transition:none} }


/* ── 진료 1 ── */
:where(#p1){
  --paper:#F3F6F5; --surface:#FFFFFF; --soft:#E6EDEB; --ink:#12232B; --muted:#53656C; --rule:#D2DCDA;
  --accent:#0F7B6C; --on-accent:#FFFFFF; --alert:#C2532B;
  --xr-bg:#0D1B23; --xr-line:#CFE3E0; --xr-dim:#86A3A1; --xr-hi:#6FE3CF; --xr-alert:#FF9A73;
  --f-display:'Nanum Myeongjo','Noto Serif KR',serif;
  --f-body:'IBM Plex Sans KR','Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) :where(#p1){
    --paper:#0A1317; --surface:#101D23; --soft:#13232A; --ink:#E5EEEC; --muted:#9DB1AE; --rule:#24353B;
    --accent:#4FD1BC; --on-accent:#04201B; --alert:#F08A62;
    --xr-bg:#050D11; color-scheme:dark;
  }}
:root[data-theme="dark"] :where(#p1){
  --paper:#0A1317; --surface:#101D23; --soft:#13232A; --ink:#E5EEEC; --muted:#9DB1AE; --rule:#24353B;
  --accent:#4FD1BC; --on-accent:#04201B; --alert:#F08A62;
  --xr-bg:#050D11; color-scheme:dark;
}
:where(#p1) *{box-sizing:border-box}
:where(#p1){scroll-behavior:smooth}
:where(#p1){background:var(--paper);color:var(--ink);font:400 16.5px/1.75 var(--f-body);word-break:keep-all;overflow-wrap:break-word;margin:0}
:where(#p1) body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--paper);z-index:30}
:where(#p1) h1,:where(#p1) h2,:where(#p1) h3,:where(#p1) p,:where(#p1) ul,:where(#p1) ol,:where(#p1) figure,:where(#p1) blockquote,:where(#p1) dl,:where(#p1) dd{margin:0}
:where(#p1) a{color:inherit}
:where(#p1) :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
:where(#p1) .wrap{max-width:1120px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
:where(#p1) .read{max-width:34em}
:where(#p1) .mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
:where(#p1) .eyebrow{font:500 12px var(--f-mono);letter-spacing:.14em;color:var(--accent);text-transform:uppercase}
:where(#p1) .muted{color:var(--muted)}
:where(#p1) .small{font-size:.875rem}
:where(#p1) .head{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--paper);border-bottom:1px solid var(--rule)}
:where(#p1) .head-in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px}
:where(#p1) .brand{display:flex;align-items:center;gap:10px;text-decoration:none}
:where(#p1) .brand b{display:block;font:800 1.2rem/1.1 var(--f-display)}
:where(#p1) .brand small{display:block;margin-top:3px;font:500 10.5px/1 var(--f-mono);letter-spacing:.12em;color:var(--muted)}
:where(#p1) .nav ul{list-style:none;padding:0;display:flex;align-items:center;gap:2px}
:where(#p1) .nav a{display:block;padding:9px 13px;border-radius:6px;text-decoration:none;font-weight:500;font-size:15px;white-space:nowrap}
:where(#p1) .nav a:hover{background:var(--soft)}
:where(#p1) .nav a[aria-current="page"]{color:var(--accent);font-weight:600}
:where(#p1) .nav a.cta{background:var(--accent);color:var(--on-accent);margin-left:6px;font-weight:600}
:where(#p1) .burger{display:none;width:44px;height:44px;border:1px solid var(--rule);background:none;color:inherit;border-radius:6px;cursor:pointer;place-items:center}
:where(#p1) .burger i{display:block;width:18px;height:2px;background:currentColor;box-shadow:0 6px 0 currentColor,0 -6px 0 currentColor}
:where(#p1) .steps{border-bottom:1px solid var(--rule);background:var(--surface)}
:where(#p1) .steps-in{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-block:10px;scrollbar-width:none}
:where(#p1) .steps-in::-webkit-scrollbar{display:none}
:where(#p1) .crumb{font-size:13px;color:var(--muted);white-space:nowrap;margin-right:6px}
:where(#p1) .step{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:6px 12px;border:1px solid var(--rule);border-radius:99px;font-size:13.5px;text-decoration:none;color:var(--muted)}
:where(#p1) .step[aria-current="step"]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}
:where(#p1) .hero{padding-block:56px 48px}
:where(#p1) .hero h1{font:800 clamp(1.95rem,5.2vw,3.1rem)/1.3 var(--f-display);letter-spacing:-.015em;text-wrap:balance;margin:14px 0 18px;max-width:15em}
:where(#p1) .hero .lead{font-size:1.1rem;color:var(--muted)}
:where(#p1) .btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
:where(#p1) .btn{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:6px;font:600 15px var(--f-body);text-decoration:none;border:1px solid var(--ink);cursor:pointer;background:none;color:inherit}
:where(#p1) .btn.fill{background:var(--ink);color:var(--paper)}
:where(#p1) .btn:hover{filter:brightness(1.1)}
:where(#p1) .who{margin-top:26px;display:grid;gap:10px;max-width:34em}
:where(#p1) .who .mono{font-size:12px;letter-spacing:.1em;color:var(--accent)}
:where(#p1) .photo{display:grid;gap:10px;margin:0}
:where(#p1) .photo img{display:block;width:100%;height:auto;border-radius:8px;border:1px solid var(--rule);background:#000}
:where(#p1) .photo figcaption{font-size:.85rem;color:var(--muted);line-height:1.6}
:where(#p1) .sec{padding-block:72px;border-top:1px solid var(--rule)}
:where(#p1) .sec.tint{background:var(--surface)}
:where(#p1) .sec-head{display:grid;gap:12px;margin-bottom:34px}
:where(#p1) h2{font:700 clamp(1.5rem,3.6vw,2.1rem)/1.38 var(--f-display);letter-spacing:-.01em;text-wrap:balance}
:where(#p1) .body{display:grid;gap:14px}
:where(#p1) .grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
:where(#p1) .tag{display:inline-block;font:500 11px/1 var(--f-mono);letter-spacing:.06em;padding:4px 8px;border:1px solid var(--rule);border-radius:99px;color:var(--muted);background:var(--surface);vertical-align:2px;margin-left:4px}
:where(#p1) .src{font:500 12px var(--f-mono);color:var(--muted);text-decoration:none;border-bottom:1px dotted var(--muted)}
:where(#p1) .src:hover{color:var(--accent);border-color:var(--accent)}
:where(#p1) .note{font-size:.82rem;color:var(--muted);line-height:1.6}
:where(#p1) .callout{border-left:3px solid var(--accent);padding:4px 0 4px 16px;font-weight:500}
:where(#p1) .panel{background:var(--surface);border:1px solid var(--rule);border-radius:8px;padding:22px 20px;display:grid;gap:14px;min-width:0}
:where(#p1) .panel h3{font:500 12px var(--f-mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
:where(#p1) .seg{display:inline-flex;border:1px solid var(--rule);border-radius:99px;padding:3px;gap:3px;justify-self:start;flex-wrap:wrap}
:where(#p1) .seg button{border:0;background:none;color:var(--muted);font:500 13.5px var(--f-body);padding:7px 14px;border-radius:99px;cursor:pointer}
:where(#p1) .seg button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
:where(#p1) .compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
:where(#p1) .compare div{display:grid;gap:6px;align-content:start;padding:18px 20px;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#p1) .compare .mono{font-size:12px;color:var(--muted);letter-spacing:.06em}
:where(#p1) .compare b{font:700 1.1rem/1.45 var(--f-display)}
:where(#p1) .compare p{font-size:.92rem;color:var(--muted)}
:where(#p1) .compare .on{border-color:var(--accent);border-top:3px solid var(--accent)}
:where(#p1) .compare .on .mono{color:var(--accent)}
:where(#p1) .two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
:where(#p1) .half{display:grid;gap:10px;align-content:start;padding:22px;border:1px solid var(--rule);border-radius:10px;background:var(--paper)}
:where(#p1) .half.on{border-color:var(--accent)}
:where(#p1) .half .mono{font-size:12px;letter-spacing:.08em;color:var(--accent)}
:where(#p1) .half h3{font:700 1.2rem/1.45 var(--f-display)}
:where(#p1) .half p{font-size:.95rem}
:where(#p1) .checks{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:.93rem}
:where(#p1) .checks li{position:relative;padding-left:20px;line-height:1.6}
:where(#p1) .checks li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--accent)}
:where(#p1) .spec{display:grid;gap:0;margin:0;font-size:.92rem}
:where(#p1) .spec div{display:grid;grid-template-columns:6.2em minmax(0,1fr);gap:10px;padding:8px 0;border-top:1px solid var(--rule)}
:where(#p1) .spec dt{color:var(--muted)}
:where(#p1) .spec dd b{font-family:var(--f-mono);font-weight:500;color:var(--accent)}
:where(#p1) .clear{display:grid;gap:10px;padding:24px 22px;border:1px solid var(--accent);border-radius:10px;background:var(--surface);max-width:46em}
:where(#p1) .clear h3{font:700 clamp(1.15rem,2.6vw,1.4rem)/1.45 var(--f-display);text-wrap:balance}
:where(#p1) .chain{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
:where(#p1) .chain li{border:1px solid var(--rule);border-radius:8px;padding:14px 14px 12px;background:var(--surface);display:grid;gap:2px}
:where(#p1) .chain li span{font:400 11.5px var(--f-mono);color:var(--muted);letter-spacing:.04em}
:where(#p1) .chain li b{font-size:1rem}
:where(#p1) .chain li b i{font-style:normal;color:var(--accent)}
:where(#p1) .next{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:22px 24px;border:1px solid var(--ink);border-radius:10px;text-decoration:none;background:var(--surface)}
:where(#p1) .next small{font:500 12px var(--f-mono);letter-spacing:.1em;color:var(--accent)}
:where(#p1) .next b{display:block;font:700 1.2rem/1.4 var(--f-display);margin-top:4px}
:where(#p1) .next span{color:var(--muted);font-size:.92rem}
:where(#p1) .next i{font-style:normal;font-size:1.6rem;color:var(--accent)}
:where(#p1) .next:hover{border-color:var(--accent)}
:where(#p1) .xr{background:var(--xr-bg);color:var(--xr-line);border-radius:10px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
:where(#p1) .xr-fig{padding:22px 22px 20px;border-right:1px solid rgba(207,227,224,.12);display:grid;gap:18px;align-content:start;min-width:0}
:where(#p1) .xr-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 10px;font:500 10.5px var(--f-mono);letter-spacing:.14em;color:var(--xr-dim)}
:where(#p1) .xr .seg{border-color:rgba(207,227,224,.25)}
:where(#p1) .xr .seg button{color:var(--xr-dim)}
:where(#p1) .xr .seg button[aria-pressed="true"]{background:var(--xr-hi);color:var(--xr-bg)}
:where(#p1) .cnt{display:grid;gap:8px}
:where(#p1) .cnt-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;color:var(--xr-dim)}
:where(#p1) .cnt-row output{font:500 1.9rem/1 var(--f-mono);color:#fff;font-variant-numeric:tabular-nums}
:where(#p1) .cnt-row output small{font-size:.45em;color:var(--xr-dim);margin-left:4px}
:where(#p1) .ruler{position:relative;height:28px}
:where(#p1) .ruler .base{position:absolute;left:0;right:0;top:12px;height:4px;background:rgba(207,227,224,.18);border-radius:2px}
:where(#p1) .ruler .done{position:absolute;left:0;top:12px;height:4px;background:var(--xr-hi);border-radius:2px;transition:width .35s ease}
:where(#p1) .ruler .band{position:absolute;top:4px;height:20px;border:1px dashed var(--xr-alert);border-radius:3px;background:repeating-linear-gradient(135deg,rgba(255,154,115,.18) 0 4px,transparent 4px 8px)}
:where(#p1) .ticks{position:relative;height:16px;font:400 10.5px var(--f-mono);color:var(--xr-dim)}
:where(#p1) .ticks span{position:absolute;transform:translateX(-50%);white-space:nowrap}
:where(#p1) .ticks span:first-child{transform:none}
:where(#p1) .ticks span:last-child{transform:translateX(-100%)}
:where(#p1) .ticks .warm{color:var(--xr-alert)}
:where(#p1) #turn{width:100%;accent-color:var(--xr-hi);margin:0}
:where(#p1) .scale-h{display:grid;gap:8px}
:where(#p1) .scale-h>b{font-size:13px;font-weight:500;color:var(--xr-dim)}
:where(#p1) .visit{position:relative;height:46px;border:1px solid rgba(207,227,224,.25);border-radius:6px;display:flex;gap:3px;padding:4px;overflow:hidden}
:where(#p1) .blk{height:100%;border-radius:3px;display:flex;overflow:hidden;transition:width .35s ease,opacity .35s ease;flex:none}
:where(#p1) .blk i{display:block;height:100%}
:where(#p1) .blk .mk{background:rgba(111,227,207,.45)}
:where(#p1) .blk .wr{background:var(--xr-hi);flex:1}
:where(#p1) .blk.long{background:var(--xr-hi);align-items:center;padding-left:8px;font:500 11px var(--f-mono);color:var(--xr-bg);white-space:nowrap}
:where(#p1) .blk.maybe{background:repeating-linear-gradient(135deg,rgba(111,227,207,.55) 0 6px,rgba(111,227,207,.2) 6px 12px);color:#fff}
:where(#p1) .key{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:var(--xr-dim)}
:where(#p1) .key span{display:inline-flex;align-items:center;gap:6px}
:where(#p1) .key i{width:12px;height:12px;border-radius:2px;display:inline-block}
:where(#p1) .xr-read{padding:22px 22px 24px;display:grid;gap:14px;align-content:start}
:where(#p1) .xr-read dl{display:grid;gap:0}
:where(#p1) .xr-read dl div{display:grid;gap:2px;padding:12px 0;border-bottom:1px solid rgba(207,227,224,.12)}
:where(#p1) .xr-read dt{font:500 11px var(--f-mono);letter-spacing:.1em;color:var(--xr-dim)}
:where(#p1) .xr-read dd{font:500 1.35rem/1.3 var(--f-mono);color:#fff;font-variant-numeric:tabular-nums}
:where(#p1) .xr-read dd small{display:block;font:400 13px/1.55 var(--f-body);color:var(--xr-dim);margin-top:4px}
:where(#p1) .xr-read p{font-size:.92rem;color:var(--xr-line);line-height:1.65}
:where(#p1) .xr-foot{grid-column:1/-1;border-top:1px solid rgba(207,227,224,.12);padding:12px 22px;font-size:12px;color:var(--xr-dim)}
:where(#p1) .count{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px 18px;align-items:center;padding:20px 22px;border:1px dashed var(--accent);border-radius:8px;background:var(--surface)}
:where(#p1) .count .eq{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font:500 14px var(--f-mono)}
:where(#p1) .count .eq span{padding:4px 9px;border:1px solid var(--rule);border-radius:4px;background:var(--paper)}
:where(#p1) .count .eq b{padding:4px 10px;border-radius:4px;background:var(--accent);color:var(--on-accent);font-weight:500}
:where(#p1) .exam{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
:where(#p1) .exam li{display:grid;gap:6px;align-content:start;padding:18px;border:1px solid var(--rule);border-top:3px solid var(--accent);border-radius:8px;background:var(--surface)}
:where(#p1) .exam .mono{font-size:12px;color:var(--accent);letter-spacing:.06em}
:where(#p1) .exam b{font:700 1.08rem/1.45 var(--f-display)}
:where(#p1) .exam p{font-size:.9rem;color:var(--muted);line-height:1.6}
:where(#p1) .routes{list-style:none;padding:0;display:grid;gap:12px}
:where(#p1) .route{display:grid;grid-template-columns:3.2em minmax(0,1fr);gap:6px 16px;padding:20px 22px;border:1px solid var(--rule);border-radius:10px;background:var(--surface)}
:where(#p1) .route .id{font:500 1.6rem/1 var(--f-mono);color:var(--accent);grid-row:1/4}
:where(#p1) .route h3{font:700 1.12rem/1.45 var(--f-display)}
:where(#p1) .route .who-for{font-size:.9rem;color:var(--muted)}
:where(#p1) .flow{list-style:none;padding:0;margin-top:6px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
:where(#p1) .flow li{display:flex;align-items:center;gap:6px;font-size:.86rem}
:where(#p1) .flow li+li::before{content:"→";color:var(--muted);font-family:var(--f-mono)}
:where(#p1) .flow a,:where(#p1) .flow span{padding:5px 10px;border:1px solid var(--rule);border-radius:99px;text-decoration:none;background:var(--paper);white-space:nowrap}
:where(#p1) .flow .here{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}
:where(#p1) .route.minor{padding:14px 18px;background:transparent;border-style:dashed}
:where(#p1) .route.minor .id{font-size:1.1rem;color:var(--muted)}
:where(#p1) .route.minor h3{font:600 .95rem/1.5 var(--f-body);color:var(--muted)}
:where(#p1) .route.minor .flow li{font-size:.8rem}
:where(#p1) .pill{display:inline-block;font:500 11px/1 var(--f-mono);padding:4px 8px;border-radius:99px;border:1px solid var(--alert);color:var(--alert);margin-left:6px;vertical-align:2px}
:where(#p1) .tbl{overflow-x:auto;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#p1) table{width:100%;border-collapse:collapse;font-size:.93rem;min-width:30em}
:where(#p1) caption{caption-side:top;text-align:left;padding:14px 16px;font:500 12px var(--f-mono);letter-spacing:.08em;color:var(--muted);border-bottom:1px solid var(--rule)}
:where(#p1) th,:where(#p1) td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--rule);vertical-align:top}
:where(#p1) thead th{font:500 12px var(--f-mono);letter-spacing:.06em;color:var(--muted);background:var(--paper)}
:where(#p1) tbody th{font-weight:600}
:where(#p1) td.amt{font-family:var(--f-mono);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
:where(#p1) thead th:last-child{text-align:right}
:where(#p1) tbody tr:last-child th,:where(#p1) tbody tr:last-child td{border-bottom:0}
:where(#p1) tr.grp th{background:var(--soft);font:500 12px var(--f-mono);letter-spacing:.06em;color:var(--accent)}
:where(#p1) details{border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#p1) summary{cursor:pointer;padding:16px 18px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
:where(#p1) summary::-webkit-details-marker{display:none}
:where(#p1) summary::after{content:"+";font:500 18px/1 var(--f-mono);color:var(--accent)}
:where(#p1) details[open] summary::after{content:"−"}
:where(#p1) .faq{display:grid;gap:8px;max-width:46em}
:where(#p1) .faq .ans{padding:0 18px 18px;font-size:.95rem;display:grid;gap:8px;color:var(--ink)}
:where(#p1) .faq .ans a{color:var(--accent)}
:where(#p1) .refs{list-style:none;margin:0;padding:0 18px 18px;display:grid;gap:10px;font-size:.88rem}
:where(#p1) .refs li{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:12px;border-top:1px solid var(--rule);padding-top:10px}
:where(#p1) .refs li span:first-child{font:500 12px/1.9 var(--f-mono);color:var(--accent)}
:where(#p1) .quote{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:start}
:where(#p1) .ph{width:84px;height:84px;border-radius:50%;background:repeating-linear-gradient(135deg,var(--soft) 0 8px,var(--rule) 8px 9px);display:grid;place-items:center;font:500 10px var(--f-mono);color:var(--muted);text-align:center}
:where(#p1) blockquote p{font:700 clamp(1.15rem,2.6vw,1.45rem)/1.6 var(--f-display);text-wrap:balance}
:where(#p1) blockquote footer{margin-top:12px;font-size:.9rem;color:var(--muted)}
:where(#p1) .cta-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 32px;align-items:center;padding:28px;border:1px solid var(--ink);border-radius:10px;background:var(--surface)}
:where(#p1) .cta-box h2{font-size:clamp(1.3rem,3vw,1.75rem)}
:where(#p1) .cta-box .btns{margin-top:0}
:where(#p1) .contact{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:.9rem;color:var(--muted);margin-top:10px}
:where(#p1) .contact b{color:var(--ink);font-weight:600}
:where(#p1) .foot{border-top:1px solid var(--rule);padding-block:40px 48px;font-size:.86rem;color:var(--muted)}
:where(#p1) .foot-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 40px}
:where(#p1) .foot b{color:var(--ink)}
:where(#p1) .foot p+p{margin-top:4px}
:where(#p1) .fine{grid-column:1/-1;border-top:1px solid var(--rule);padding-top:16px;font-size:.8rem}
:where(#p1) .mbar{display:none}
@media (max-width:860px){:where(#p1) .grid2{grid-template-columns:minmax(0,1fr);gap:32px}:where(#p1) .xr{grid-template-columns:minmax(0,1fr)}:where(#p1) .xr-fig{border-right:0;border-bottom:1px solid rgba(207,227,224,.12)}:where(#p1) .exam{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){:where(#p1) .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--rule);padding:8px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px))}:where(#p1) .nav.open{display:block}:where(#p1) .nav ul{flex-direction:column;align-items:stretch}:where(#p1) .nav a{padding:13px 8px}:where(#p1) .nav a.cta{margin:8px 0 0;text-align:center}:where(#p1) .burger{display:inline-grid}:where(#p1) .sec{padding-block:56px}:where(#p1) .hero{padding-block:40px 40px}:where(#p1) .compare,:where(#p1) .two,:where(#p1) .chain{grid-template-columns:minmax(0,1fr)}:where(#p1) .cta-box{grid-template-columns:minmax(0,1fr)}:where(#p1) .mbar{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:15;background:var(--paper);border-top:1px solid var(--rule);padding:9px max(16px,env(safe-area-inset-right,0px)) calc(9px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}:where(#p1) .mbar a{display:grid;place-items:center;padding:11px 6px;border:1px solid var(--rule);border-radius:6px;text-decoration:none;font-weight:600;font-size:14px}:where(#p1) .mbar a:last-child{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}:where(#p1){padding-bottom:72px}:where(#p1) .foot-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){:where(#p1) .quote{grid-template-columns:minmax(0,1fr)}:where(#p1) .refs li{grid-template-columns:minmax(0,1fr);gap:2px}:where(#p1) .next{grid-template-columns:minmax(0,1fr)}:where(#p1) .route{grid-template-columns:minmax(0,1fr)}:where(#p1) .route .id{grid-row:auto}:where(#p1) .count{grid-template-columns:minmax(0,1fr)}:where(#p1) .xr-fig,:where(#p1) .xr-read{padding-inline:16px}}
@media (prefers-reduced-motion:reduce){:where(#p1){scroll-behavior:auto}:where(#p1) .ruler .done,:where(#p1) .blk{transition:none}}
/* ── 진료 2 ── */
:where(#p2){
  --paper:#F3F6F5; --surface:#FFFFFF; --soft:#E6EDEB; --ink:#12232B; --muted:#53656C; --rule:#D2DCDA;
  --accent:#0F7B6C; --on-accent:#FFFFFF; --alert:#C2532B; --meal:#A86A12;
  --xr-bg:#0D1B23; --xr-line:#CFE3E0; --xr-dim:#86A3A1; --xr-hi:#6FE3CF; --xr-alert:#FF9A73;
  --f-display:'Nanum Myeongjo','Noto Serif KR',serif;
  --f-body:'IBM Plex Sans KR','Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) :where(#p2){
    --paper:#0A1317; --surface:#101D23; --soft:#13232A; --ink:#E5EEEC; --muted:#9DB1AE; --rule:#24353B;
    --accent:#4FD1BC; --on-accent:#04201B; --alert:#F08A62; --meal:#E2B25C;
    --xr-bg:#050D11; color-scheme:dark;
  }}
:root[data-theme="dark"] :where(#p2){
  --paper:#0A1317; --surface:#101D23; --soft:#13232A; --ink:#E5EEEC; --muted:#9DB1AE; --rule:#24353B;
  --accent:#4FD1BC; --on-accent:#04201B; --alert:#F08A62; --meal:#E2B25C;
  --xr-bg:#050D11; color-scheme:dark;
}
:where(#p2) *{box-sizing:border-box}
:where(#p2){scroll-behavior:smooth}
:where(#p2){background:var(--paper);color:var(--ink);font:400 16.5px/1.75 var(--f-body);word-break:keep-all;overflow-wrap:break-word;margin:0}
:where(#p2) body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--paper);z-index:30}
:where(#p2) h1,:where(#p2) h2,:where(#p2) h3,:where(#p2) p,:where(#p2) ul,:where(#p2) ol,:where(#p2) figure,:where(#p2) blockquote,:where(#p2) dl{margin:0}
:where(#p2) a{color:inherit}
:where(#p2) :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
:where(#p2) .wrap{max-width:1120px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
:where(#p2) .read{max-width:34em}
:where(#p2) .mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
:where(#p2) .eyebrow{font:500 12px var(--f-mono);letter-spacing:.14em;color:var(--accent);text-transform:uppercase}
:where(#p2) .muted{color:var(--muted)}
:where(#p2) .small{font-size:.875rem}
:where(#p2) .head{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--paper);border-bottom:1px solid var(--rule)}
:where(#p2) .head-in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px}
:where(#p2) .brand{display:flex;align-items:center;gap:10px;text-decoration:none}
:where(#p2) .brand b{display:block;font:800 1.2rem/1.1 var(--f-display)}
:where(#p2) .brand small{display:block;margin-top:3px;font:500 10.5px/1 var(--f-mono);letter-spacing:.12em;color:var(--muted)}
:where(#p2) .nav ul{list-style:none;padding:0;display:flex;align-items:center;gap:2px}
:where(#p2) .nav a{display:block;padding:9px 13px;border-radius:6px;text-decoration:none;font-weight:500;font-size:15px;white-space:nowrap}
:where(#p2) .nav a:hover{background:var(--soft)}
:where(#p2) .nav a[aria-current="page"]{color:var(--accent);font-weight:600}
:where(#p2) .nav a.cta{background:var(--accent);color:var(--on-accent);margin-left:6px;font-weight:600}
:where(#p2) .burger{display:none;width:44px;height:44px;border:1px solid var(--rule);background:none;color:inherit;border-radius:6px;cursor:pointer;place-items:center}
:where(#p2) .burger i{display:block;width:18px;height:2px;background:currentColor;box-shadow:0 6px 0 currentColor,0 -6px 0 currentColor}
:where(#p2) .steps{border-bottom:1px solid var(--rule);background:var(--surface)}
:where(#p2) .steps-in{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-block:10px;scrollbar-width:none}
:where(#p2) .steps-in::-webkit-scrollbar{display:none}
:where(#p2) .crumb{font-size:13px;color:var(--muted);white-space:nowrap;margin-right:6px}
:where(#p2) .step{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:6px 12px;border:1px solid var(--rule);border-radius:99px;font-size:13.5px;text-decoration:none;color:var(--muted)}
:where(#p2) .step[aria-current="step"]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}
:where(#p2) .hero{padding-block:56px 48px}
:where(#p2) .hero h1{font:800 clamp(1.95rem,5.2vw,3.25rem)/1.3 var(--f-display);letter-spacing:-.015em;text-wrap:balance;margin:14px 0 18px;max-width:15em}
:where(#p2) .hero .lead{font-size:1.1rem;color:var(--muted)}
:where(#p2) .try{display:flex;gap:12px;align-items:flex-start;margin-top:26px;padding:14px 16px;border:1px dashed var(--accent);border-radius:8px;max-width:34em;font-size:.95rem}
:where(#p2) .try .mono{color:var(--accent);font-size:12px;letter-spacing:.1em;padding-top:3px;white-space:nowrap}
:where(#p2) .btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
:where(#p2) .btn{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:6px;font:600 15px var(--f-body);text-decoration:none;border:1px solid var(--ink);cursor:pointer;background:none;color:inherit}
:where(#p2) .btn.fill{background:var(--ink);color:var(--paper)}
:where(#p2) .btn:hover{filter:brightness(1.1)}
:where(#p2) .units{display:flex;flex-wrap:wrap;gap:0;margin-top:36px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
:where(#p2) .units div{flex:1 1 12em;display:grid;gap:2px;padding:14px 18px 14px 0}
:where(#p2) .units div+div{border-left:1px solid var(--rule);padding-left:18px}
:where(#p2) .units b{font:500 1.6rem/1.2 var(--f-mono);color:var(--accent);letter-spacing:-.02em}
:where(#p2) .units span{font-size:.88rem;color:var(--muted);line-height:1.5}
:where(#p2) .sec{padding-block:72px;border-top:1px solid var(--rule)}
:where(#p2) .sec.tint{background:var(--surface)}
:where(#p2) .sec-head{display:grid;gap:12px;margin-bottom:34px}
:where(#p2) h2{font:700 clamp(1.5rem,3.6vw,2.1rem)/1.38 var(--f-display);letter-spacing:-.01em;text-wrap:balance}
:where(#p2) .body{display:grid;gap:14px}
:where(#p2) .grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
:where(#p2) .tag{display:inline-block;font:500 11.5px/1 var(--f-mono);letter-spacing:.06em;padding:5px 9px;border:1px solid var(--rule);border-radius:99px;color:var(--muted);background:var(--surface);vertical-align:middle}
:where(#p2) .src{font:500 12px var(--f-mono);color:var(--muted);text-decoration:none;border-bottom:1px dotted var(--muted)}
:where(#p2) .src:hover{color:var(--accent);border-color:var(--accent)}
:where(#p2) .panel{background:var(--surface);border:1px solid var(--rule);border-radius:8px;padding:22px 20px;display:grid;gap:16px;min-width:0}
:where(#p2) .panel h3{font:500 12px var(--f-mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
:where(#p2) .note{font-size:.82rem;color:var(--muted);line-height:1.6}
:where(#p2) .callout{border-left:3px solid var(--accent);padding:4px 0 4px 16px;font-weight:500}
:where(#p2) .seg{display:inline-flex;border:1px solid var(--rule);border-radius:99px;padding:3px;gap:3px;justify-self:start;flex-wrap:wrap}
:where(#p2) .seg button{border:0;background:none;color:var(--muted);font:500 13.5px var(--f-body);padding:7px 14px;border-radius:99px;cursor:pointer}
:where(#p2) .seg button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
:where(#p2) .checks{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:.93rem}
:where(#p2) .checks li{position:relative;padding-left:20px;line-height:1.6}
:where(#p2) .checks li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--accent)}
:where(#p2) .checks.warn li::before{background:var(--alert)}
:where(#p2) .two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
:where(#p2) .half{display:grid;gap:10px;align-content:start;padding:22px;border:1px solid var(--rule);border-radius:10px;background:var(--paper)}
:where(#p2) .half.on{border-color:var(--accent)}
:where(#p2) .half .mono{font-size:12px;letter-spacing:.08em;color:var(--accent)}
:where(#p2) .half h3{font:700 1.2rem/1.45 var(--f-display)}
:where(#p2) .half p{font-size:.95rem}
:where(#p2) .compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:36px}
:where(#p2) .compare div{display:grid;gap:6px;padding:18px 20px;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#p2) .compare .mono{font-size:12px;color:var(--muted);letter-spacing:.06em}
:where(#p2) .compare b{font:700 1.1rem/1.45 var(--f-display)}
:where(#p2) .compare p{font-size:.92rem;color:var(--muted)}
:where(#p2) .compare .on{border-color:var(--accent);border-top:3px solid var(--accent)}
:where(#p2) .compare .on .mono{color:var(--accent)}
:where(#p2) .clear{display:grid;gap:10px;padding:24px 22px;border:1px solid var(--accent);border-radius:10px;background:var(--surface);max-width:46em}
:where(#p2) .clear h3{font:700 clamp(1.15rem,2.6vw,1.4rem)/1.45 var(--f-display);text-wrap:balance}
:where(#p2) .big{margin:0;padding:22px 0 0;border-top:2px solid var(--ink)}
:where(#p2) .big p{font:800 clamp(1.4rem,3.4vw,2rem)/1.45 var(--f-display);text-wrap:balance}
:where(#p2) .big footer{margin-top:10px;font-size:.9rem;color:var(--muted)}
:where(#p2) .trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
:where(#p2) .trio article{display:grid;grid-template-rows:auto auto auto 1fr auto;gap:8px;padding:20px 20px 18px;border:1px solid var(--rule);border-radius:10px;background:var(--paper)}
:where(#p2) .trio svg{display:block;width:100%;max-width:220px;height:auto}
:where(#p2) .trio .mono{font-size:12px;letter-spacing:.06em;color:var(--alert)}
:where(#p2) .trio h3{font:700 1.15rem/1.45 var(--f-display)}
:where(#p2) .trio p{font-size:.93rem}
:where(#p2) .trio .like{font-size:.88rem;color:var(--muted);border-top:1px solid var(--rule);padding-top:10px}
:where(#p2) .trio .like b{color:var(--ink);font-weight:600}
:where(#p2) .ic-line{fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
:where(#p2) .ic-soft{fill:var(--soft);stroke:var(--ink);stroke-width:1.6;stroke-linejoin:round}
:where(#p2) .ic-hit{fill:var(--alert)}
:where(#p2) .ic-hit-l{fill:none;stroke:var(--alert);stroke-width:1.6;stroke-linecap:round}
:where(#p2) .ic-dim{fill:none;stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3}
:where(#p2) .ic-t{font:500 10.5px var(--f-mono);fill:var(--muted)}
:where(#p2) .named{margin-top:26px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:1rem}
:where(#p2) .named b{color:var(--accent);font-weight:700}
:where(#p2) .xr{background:var(--xr-bg);color:var(--xr-line);border-radius:10px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
:where(#p2) .xr-fig{padding:16px 12px 10px;border-right:1px solid rgba(207,227,224,.12);display:grid;gap:10px;align-content:start}
:where(#p2) .xr-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:0 6px}
:where(#p2) .xr .seg{border-color:rgba(207,227,224,.25)}
:where(#p2) .xr .seg button{color:var(--xr-dim)}
:where(#p2) .xr .seg button[aria-pressed="true"]{background:var(--xr-line);color:var(--xr-bg)}
:where(#p2) .pp{border:1px solid rgba(207,227,224,.25);background:none;color:var(--xr-dim);font:500 12px var(--f-mono);letter-spacing:.06em;padding:7px 12px;border-radius:99px;cursor:pointer}
:where(#p2) .pp:hover{color:var(--xr-line)}
:where(#p2) .chew svg{display:block;width:100%;max-width:440px;height:auto;margin-inline:auto}
:where(#p2) .xr-steps{list-style:none;padding:22px 22px 24px;margin:0;display:grid;gap:0;counter-reset:s;align-content:start}
:where(#p2) .xr-steps li{display:grid;grid-template-columns:2.2em minmax(0,1fr);gap:4px 10px;padding:12px 0;border-bottom:1px solid rgba(207,227,224,.12);counter-increment:s}
:where(#p2) .xr-steps li:last-child{border-bottom:0}
:where(#p2) .xr-steps li::before{content:counter(s);font:500 12px/1.9 var(--f-mono);text-align:center;border:1px solid currentColor;border-radius:99px;height:1.9em}
:where(#p2) .xr-steps.now li::before{color:var(--xr-alert)}
:where(#p2) .xr-steps.after li::before{color:var(--xr-hi)}
:where(#p2) .xr-steps b{font-weight:600;color:#fff}
:where(#p2) .xr-steps span{grid-column:2;font-size:.9rem;color:var(--xr-dim);line-height:1.6}
:where(#p2) .xr-steps .k{display:block;font:500 11px var(--f-mono);letter-spacing:.14em;color:var(--xr-dim);padding-bottom:6px;grid-template-columns:none;counter-increment:none}
:where(#p2) .xr-steps .k::before{content:none}
:where(#p2) .xr-foot{grid-column:1/-1;border-top:1px solid rgba(207,227,224,.12);padding:12px 18px;font-size:12px;color:var(--xr-dim)}
:where(#p2) .sk{fill:none;stroke:var(--xr-line);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
:where(#p2) .sk-f{fill:rgba(207,227,224,.08);stroke:var(--xr-line);stroke-width:1.4;stroke-linejoin:round}
:where(#p2) .sk-dim{fill:none;stroke:var(--xr-dim);stroke-width:1;stroke-dasharray:3 4}
:where(#p2) .bn{fill:rgba(207,227,224,.10);stroke:var(--xr-dim);stroke-width:1.3;stroke-linejoin:round}
:where(#p2) .tooth{fill:var(--xr-bg);stroke:var(--xr-line);stroke-width:1}
:where(#p2) .vert{fill:rgba(207,227,224,.08);stroke:var(--xr-dim);stroke-width:1.2}
:where(#p2) .musc{fill:none;stroke:var(--xr-dim);stroke-width:4;stroke-linecap:round;opacity:.7}
:where(#p2) .xl{font:500 10.5px var(--f-body);fill:var(--xr-dim)}
:where(#p2) .xl-b{font:600 11px var(--f-body);fill:var(--xr-line)}
:where(#p2) .xa{fill:none;stroke:var(--xr-alert);stroke-width:2;stroke-linecap:round}
:where(#p2) .xa-t{font:600 10.5px var(--f-body);fill:var(--xr-alert)}
:where(#p2) .xg{fill:none;stroke:var(--xr-hi);stroke-width:2;stroke-linecap:round}
:where(#p2) .xg-t{font:600 10.5px var(--f-body);fill:var(--xr-hi)}
:where(#p2) .mk-a{fill:var(--xr-alert)}
:where(#p2) .mk-g{fill:var(--xr-hi)}
:where(#p2) .hitdot{fill:var(--xr-alert)}
:where(#p2) .prop{fill:var(--xr-hi)}
:where(#p2) .chew [class*="mv-"]{transform-box:view-box}
:where(#p2) .mv-mand{transform-origin:178px 192px}
:where(#p2) .mv-occ{transform-origin:240px 188px}
:where(#p2) .mv-neck{transform-origin:228px 300px}
:where(#p2) .mv-vault{transform-origin:178px 120px}
:where(#p2) .chew[data-s="now"] .only-after,:where(#p2) .chew[data-s="after"] .only-now{display:none}
:where(#p2) .chew[data-s="now"] .mv-mand{transform:translate(6px,0)}
:where(#p2) .chew[data-s="now"] .mv-tem{transform:translate(3px,-4px)}
:where(#p2) .chew[data-s="now"] .mv-sph{transform:translate(0,3px)}
:where(#p2) .chew[data-s="now"] .mv-occ{transform:rotate(5deg)}
:where(#p2) .chew[data-s="now"] .mv-neck{transform:rotate(-3deg)}
:where(#p2) .chew[data-s="now"] .musc{stroke:var(--xr-alert);opacity:1}
:where(#p2) .chew[data-s="after"] .musc{stroke:var(--xr-hi);opacity:.55}
:where(#p2) .chew.play[data-s="now"] .mv-mand{animation:mNow 2.4s ease-in-out infinite}
:where(#p2) .chew.play[data-s="now"] .mv-tem{animation:tNow 2.4s ease-in-out infinite}
:where(#p2) .chew.play[data-s="now"] .mv-sph{animation:sNow 2.4s ease-in-out infinite}
:where(#p2) .chew.play[data-s="now"] .mv-occ{animation:oNow 2.4s ease-in-out infinite}
:where(#p2) .chew.play[data-s="now"] .mv-neck{animation:nNow 2.4s ease-in-out infinite}
:where(#p2) .chew.play[data-s="after"] .mv-mand{animation:mAft 2.4s ease-in-out infinite}
:where(#p2) .chew.play[data-s="after"] .mv-vault{animation:pump 2.4s ease-in-out infinite}
:where(#p2) .chew.play[data-s="after"] .ring{animation:ring 2.4s ease-out infinite}
@keyframes mNow{0%,100%{transform:rotate(-8deg)}38%{transform:rotate(0)}52%,72%{transform:translate(6px,0)}90%{transform:rotate(-8deg)}}
@keyframes tNow{0%,40%,90%,100%{transform:none}52%,72%{transform:translate(3px,-4px)}}
@keyframes sNow{0%,40%,90%,100%{transform:none}52%,72%{transform:translate(0,3px)}}
@keyframes oNow{0%,40%,90%,100%{transform:none}52%,72%{transform:rotate(5deg)}}
@keyframes nNow{0%,40%,90%,100%{transform:none}52%,72%{transform:rotate(-3deg)}}
@keyframes mAft{0%,100%{transform:rotate(-8deg)}40%,70%{transform:rotate(0)}90%{transform:rotate(-8deg)}}
@keyframes pump{0%,38%,100%{transform:scale(1)}58%{transform:scale(1.025)}80%{transform:scale(.995)}}
@keyframes ring{0%,40%{opacity:0;transform:scale(.9)}55%{opacity:.8}100%{opacity:0;transform:scale(1.12)}}
:where(#p2) .ring{fill:none;stroke:var(--xr-hi);stroke-width:1;transform-box:view-box;transform-origin:178px 120px;opacity:.35}
:where(#p2) .timeline{list-style:none;padding:0;margin:0;display:grid;gap:0;border-left:2px solid var(--rule);margin-left:6px}
:where(#p2) .timeline li{position:relative;display:grid;gap:3px;padding:0 0 22px 22px}
:where(#p2) .timeline li:last-child{padding-bottom:0}
:where(#p2) .timeline li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--muted)}
:where(#p2) .timeline li.now::before{background:var(--accent);border-color:var(--accent)}
:where(#p2) .timeline .yr{font-size:12px;color:var(--accent);letter-spacing:.08em}
:where(#p2) .timeline b{font-weight:600}
:where(#p2) .timeline li>span:last-child{font-size:.92rem;color:var(--muted);line-height:1.6}
:where(#p2) .timeline li.now b{color:var(--accent)}
:where(#p2) .shim svg{display:block;width:100%;height:auto}
:where(#p2) .sh-tooth{fill:var(--soft);stroke:var(--ink);stroke-width:1.5}
:where(#p2) .sh-sheet{fill:var(--accent);opacity:.85}
:where(#p2) .sh-sheet.ghost{fill:none;stroke:var(--accent);stroke-dasharray:3 3;opacity:1}
:where(#p2) .sh-t{font:500 11px var(--f-mono);fill:var(--muted)}
:where(#p2) .sh-b{font:600 12px var(--f-body);fill:var(--ink)}
:where(#p2) .sh-line{stroke:var(--muted);stroke-width:1}
:where(#p2) .day{display:grid;gap:14px}
:where(#p2) .drow{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:12px;align-items:center}
:where(#p2) .drow>span{font-size:.88rem;line-height:1.4}
:where(#p2) .drow>span small{display:block;font:400 11px var(--f-mono);color:var(--muted)}
:where(#p2) .track{position:relative;height:22px;background:var(--soft);border-radius:3px;overflow:hidden}
:where(#p2) .track i{position:absolute;top:0;bottom:0;left:calc(var(--s) / 24 * 100%);width:calc((var(--e) - var(--s)) / 24 * 100%);background:var(--accent)}
:where(#p2) .track i.meal{background:var(--meal)}
:where(#p2) .drow.sum>span{font-weight:600}
:where(#p2) .drow.sum .track{height:30px;outline:1px solid var(--ink);outline-offset:2px}
:where(#p2) .axis{position:relative;height:18px;font:400 11px var(--f-mono);color:var(--muted)}
:where(#p2) .axis span{position:absolute;transform:translateX(-50%)}
:where(#p2) .axis span:first-child{transform:none}
:where(#p2) .axis span:last-child{transform:translateX(-100%)}
:where(#p2) .legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.85rem;color:var(--muted)}
:where(#p2) .legend i{display:inline-block;width:12px;height:12px;border-radius:2px;margin-right:6px;vertical-align:-1px;background:var(--accent)}
:where(#p2) .legend i.meal{background:var(--meal)}
:where(#p2) .legend i.off{background:var(--soft);outline:1px solid var(--rule)}
:where(#p2) .routes{display:grid;gap:12px}
:where(#p2) .route{display:grid;grid-template-columns:12em minmax(0,1fr);gap:10px 20px;padding:18px 20px;border:1px solid var(--rule);border-radius:10px;background:var(--paper);align-items:start}
:where(#p2) .route h3{font:700 1.05rem/1.45 var(--f-display)}
:where(#p2) .route h3 .mono{display:block;font:500 12px var(--f-mono);color:var(--accent);letter-spacing:.1em;margin-bottom:2px}
:where(#p2) .path{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
:where(#p2) .path li{display:flex;align-items:center;gap:6px;font-size:.9rem}
:where(#p2) .path li+li::before{content:"→";color:var(--muted);font-family:var(--f-mono)}
:where(#p2) .path span{padding:5px 11px;border:1px solid var(--rule);border-radius:99px;background:var(--surface);white-space:nowrap}
:where(#p2) .path .me span{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}
:where(#p2) .route p{grid-column:2;font-size:.9rem;color:var(--muted)}
:where(#p2) .habit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;counter-reset:h}
:where(#p2) .habit article{display:grid;gap:6px;padding:20px;border:1px solid var(--rule);border-top:3px solid var(--accent);border-radius:8px;background:var(--surface);counter-increment:h}
:where(#p2) .habit article::before{content:counter(h);font:500 12px var(--f-mono);color:var(--accent);letter-spacing:.1em}
:where(#p2) .habit h3{font:700 1.1rem/1.45 var(--f-display)}
:where(#p2) .habit p{font-size:.92rem;color:var(--muted)}
:where(#p2) .tbl{overflow-x:auto;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#p2) table{border-collapse:collapse;width:100%;min-width:520px;font-size:.93rem}
:where(#p2) th,:where(#p2) td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--rule);vertical-align:top}
:where(#p2) tr:last-child td{border-bottom:0}
:where(#p2) th{font:500 12px var(--f-mono);letter-spacing:.08em;color:var(--muted);background:var(--soft)}
:where(#p2) td.amt{font-family:var(--f-mono);font-variant-numeric:tabular-nums;white-space:nowrap}
:where(#p2) td small{display:block;color:var(--muted);font-size:.84rem;margin-top:2px}
:where(#p2) details{border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#p2) summary{cursor:pointer;padding:16px 18px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
:where(#p2) summary::-webkit-details-marker{display:none}
:where(#p2) summary::after{content:"+";font:500 18px/1 var(--f-mono);color:var(--accent)}
:where(#p2) details[open] summary::after{content:"−"}
:where(#p2) .faq{display:grid;gap:8px}
:where(#p2) .faq details>div{padding:0 18px 18px;font-size:.95rem;color:var(--ink);display:grid;gap:8px}
:where(#p2) .refs{list-style:none;margin:0;padding:0 18px 18px;display:grid;gap:10px;font-size:.88rem}
:where(#p2) .refs li{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:12px;border-top:1px solid var(--rule);padding-top:10px}
:where(#p2) .refs li span:first-child{font:500 12px/1.9 var(--f-mono);color:var(--accent)}
:where(#p2) .quote{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:start}
:where(#p2) .ph{width:84px;height:84px;border-radius:50%;background:repeating-linear-gradient(135deg,var(--soft) 0 8px,var(--rule) 8px 9px);display:grid;place-items:center;font:500 10px var(--f-mono);color:var(--muted);text-align:center}
:where(#p2) blockquote p{font:700 clamp(1.15rem,2.6vw,1.45rem)/1.6 var(--f-display);text-wrap:balance}
:where(#p2) blockquote footer{margin-top:12px;font-size:.9rem;color:var(--muted)}
:where(#p2) .cta-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 32px;align-items:center;padding:28px;border:1px solid var(--ink);border-radius:10px;background:var(--surface)}
:where(#p2) .cta-box h2{font-size:clamp(1.35rem,3vw,1.8rem)}
:where(#p2) .cta-box p{color:var(--muted);margin-top:8px}
:where(#p2) .cta-box .btns{margin-top:0}
:where(#p2) .foot{border-top:1px solid var(--rule);padding-block:40px 48px;font-size:.86rem;color:var(--muted)}
:where(#p2) .foot-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 40px}
:where(#p2) .foot b{color:var(--ink)}
:where(#p2) .foot p+p{margin-top:4px}
:where(#p2) .fine{grid-column:1/-1;border-top:1px solid var(--rule);padding-top:16px;font-size:.8rem}
:where(#p2) .mbar{display:none}
@media (max-width:900px){:where(#p2) .trio,:where(#p2) .habit{grid-template-columns:minmax(0,1fr)}:where(#p2) .trio article{grid-template-columns:7.5em minmax(0,1fr);grid-template-rows:none;gap:6px 16px}:where(#p2) .trio article>*{grid-column:2}:where(#p2) .trio svg{grid-column:1;grid-row:1/6;align-self:start}}
@media (max-width:860px){:where(#p2) .grid2{grid-template-columns:minmax(0,1fr);gap:32px}:where(#p2) .xr{grid-template-columns:minmax(0,1fr)}:where(#p2) .xr-fig{border-right:0;border-bottom:1px solid rgba(207,227,224,.12)}:where(#p2) .route{grid-template-columns:minmax(0,1fr)}:where(#p2) .route p{grid-column:1}:where(#p2) .cta-box{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){:where(#p2) .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--rule);padding:8px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px))}:where(#p2) .nav.open{display:block}:where(#p2) .nav ul{flex-direction:column;align-items:stretch}:where(#p2) .nav a{padding:13px 8px}:where(#p2) .nav a.cta{margin:8px 0 0;text-align:center}:where(#p2) .burger{display:inline-grid}:where(#p2) .sec{padding-block:56px}:where(#p2) .hero{padding-block:40px 40px}:where(#p2) .mbar{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:15;background:var(--paper);border-top:1px solid var(--rule);padding:9px max(16px,env(safe-area-inset-right,0px)) calc(9px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}:where(#p2) .mbar a{display:grid;place-items:center;padding:11px 6px;border:1px solid var(--rule);border-radius:6px;text-decoration:none;font-weight:600;font-size:14px}:where(#p2) .mbar a:last-child{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}:where(#p2){padding-bottom:72px}:where(#p2) .foot-grid{grid-template-columns:minmax(0,1fr)}:where(#p2) .compare,:where(#p2) .two{grid-template-columns:minmax(0,1fr)}:where(#p2) .drow{grid-template-columns:minmax(0,1fr);gap:6px}:where(#p2) .units div+div{border-left:0;padding-left:0;border-top:1px solid var(--rule)}:where(#p2) .units div{flex-basis:100%}}
@media (max-width:480px){:where(#p2) .quote{grid-template-columns:minmax(0,1fr)}:where(#p2) .refs li{grid-template-columns:minmax(0,1fr);gap:2px}:where(#p2) .trio article{grid-template-columns:minmax(0,1fr)}:where(#p2) .trio article>*,:where(#p2) .trio svg{grid-column:1;grid-row:auto}:where(#p2) .trio svg{max-width:180px}}
@media (prefers-reduced-motion:reduce){:where(#p2){scroll-behavior:auto}:where(#p2) .chew.play *{animation:none !important}}
/* ── 진료 3 ── */
:where(#p3){
  --paper:#F3F6F5; --surface:#FFFFFF; --soft:#E6EDEB; --ink:#12232B; --muted:#53656C; --rule:#D2DCDA;
  --accent:#0F7B6C; --on-accent:#FFFFFF; --alert:#C2532B; --alert-soft:#FBEDE6;
  --night:#36508F; --night-soft:#E3E8F4;
  --f-display:'Nanum Myeongjo','Noto Serif KR',serif;
  --f-body:'IBM Plex Sans KR','Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) :where(#p3){
    --paper:#0A1317; --surface:#101D23; --soft:#13232A; --ink:#E5EEEC; --muted:#9DB1AE; --rule:#24353B;
    --accent:#4FD1BC; --on-accent:#04201B; --alert:#F08A62; --alert-soft:#2A1812;
    --night:#93A9EC; --night-soft:#161F35; color-scheme:dark;
  }}
:root[data-theme="dark"] :where(#p3){
  --paper:#0A1317; --surface:#101D23; --soft:#13232A; --ink:#E5EEEC; --muted:#9DB1AE; --rule:#24353B;
  --accent:#4FD1BC; --on-accent:#04201B; --alert:#F08A62; --alert-soft:#2A1812;
  --night:#93A9EC; --night-soft:#161F35; color-scheme:dark;
}
:where(#p3) *{box-sizing:border-box}
:where(#p3){scroll-behavior:smooth}
:where(#p3){background:var(--paper);color:var(--ink);font:400 16.5px/1.75 var(--f-body);word-break:keep-all;overflow-wrap:break-word;margin:0}
:where(#p3) body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--paper);z-index:30}
:where(#p3) h1,:where(#p3) h2,:where(#p3) h3,:where(#p3) p,:where(#p3) ul,:where(#p3) ol,:where(#p3) figure,:where(#p3) blockquote,:where(#p3) dl,:where(#p3) dd{margin:0}
:where(#p3) a{color:inherit}
:where(#p3) :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
:where(#p3) .wrap{max-width:1120px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
:where(#p3) .read{max-width:34em}
:where(#p3) .mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
:where(#p3) .eyebrow{font:500 12px var(--f-mono);letter-spacing:.14em;color:var(--accent);text-transform:uppercase}
:where(#p3) .muted{color:var(--muted)}
:where(#p3) .small{font-size:.875rem}
:where(#p3) .head{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--paper);border-bottom:1px solid var(--rule)}
:where(#p3) .head-in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px}
:where(#p3) .brand{display:flex;align-items:center;gap:10px;text-decoration:none}
:where(#p3) .brand b{display:block;font:800 1.2rem/1.1 var(--f-display)}
:where(#p3) .brand small{display:block;margin-top:3px;font:500 10.5px/1 var(--f-mono);letter-spacing:.12em;color:var(--muted)}
:where(#p3) .nav ul{list-style:none;padding:0;display:flex;align-items:center;gap:2px}
:where(#p3) .nav a{display:block;padding:9px 13px;border-radius:6px;text-decoration:none;font-weight:500;font-size:15px;white-space:nowrap}
:where(#p3) .nav a:hover{background:var(--soft)}
:where(#p3) .nav a[aria-current="page"]{color:var(--accent);font-weight:600}
:where(#p3) .nav a.cta{background:var(--accent);color:var(--on-accent);margin-left:6px;font-weight:600}
:where(#p3) .burger{display:none;width:44px;height:44px;border:1px solid var(--rule);background:none;color:inherit;border-radius:6px;cursor:pointer;place-items:center}
:where(#p3) .burger i{display:block;width:18px;height:2px;background:currentColor;box-shadow:0 6px 0 currentColor,0 -6px 0 currentColor}
:where(#p3) .steps{border-bottom:1px solid var(--rule);background:var(--surface)}
:where(#p3) .steps-in{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-block:10px;scrollbar-width:none}
:where(#p3) .steps-in::-webkit-scrollbar{display:none}
:where(#p3) .crumb{font-size:13px;color:var(--muted);white-space:nowrap;margin-right:6px}
:where(#p3) .step{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:6px 12px;border:1px solid var(--rule);border-radius:99px;font-size:13.5px;text-decoration:none;color:var(--muted)}
:where(#p3) .step[aria-current="step"]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}
:where(#p3) .hero{padding-block:56px 48px}
:where(#p3) .hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px;align-items:center}
:where(#p3) .hero h1{font:800 clamp(1.95rem,5.2vw,3.1rem)/1.3 var(--f-display);letter-spacing:-.015em;text-wrap:balance;margin:14px 0 18px;max-width:15em}
:where(#p3) .hero .lead{font-size:1.1rem;color:var(--muted)}
:where(#p3) .hero .lead b{color:var(--ink);font-weight:600}
:where(#p3) .btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
:where(#p3) .btn{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:6px;font:600 15px var(--f-body);text-decoration:none;border:1px solid var(--ink);cursor:pointer;background:none;color:inherit}
:where(#p3) .btn.fill{background:var(--ink);color:var(--paper)}
:where(#p3) .btn:hover{filter:brightness(1.1)}
:where(#p3) .duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
:where(#p3) .duo div{display:grid;gap:4px;padding:18px;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#p3) .duo .k{font:500 12px var(--f-mono);letter-spacing:.08em}
:where(#p3) .duo .t .k{color:var(--accent)}
:where(#p3) .duo .l .k{color:var(--night)}
:where(#p3) .duo b{font:700 1.15rem/1.4 var(--f-display)}
:where(#p3) .duo .h{font:500 1.9rem/1.1 var(--f-mono);letter-spacing:-.02em}
:where(#p3) .duo .h small{font-size:.45em;margin-left:3px;color:var(--muted);letter-spacing:0}
:where(#p3) .duo .t .h{color:var(--accent)}
:where(#p3) .duo .l .h{color:var(--night)}
:where(#p3) .duo span{font-size:.85rem;color:var(--muted)}
:where(#p3) .duo .warn{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;padding:12px 14px;background:var(--alert-soft);border:1px solid var(--alert);font-size:.9rem;color:var(--ink)}
:where(#p3) .sec{padding-block:72px;border-top:1px solid var(--rule)}
:where(#p3) .sec.tint{background:var(--surface)}
:where(#p3) .sec-head{display:grid;gap:12px;margin-bottom:34px}
:where(#p3) h2{font:700 clamp(1.5rem,3.6vw,2.1rem)/1.38 var(--f-display);letter-spacing:-.01em;text-wrap:balance}
:where(#p3) .body{display:grid;gap:14px}
:where(#p3) .grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
:where(#p3) .tag{display:inline-block;font:500 11.5px/1 var(--f-mono);letter-spacing:.06em;padding:6px 10px;border:1px solid var(--rule);border-radius:99px;color:var(--muted);background:var(--surface);justify-self:start}
:where(#p3) .callout{border-left:3px solid var(--accent);padding:4px 0 4px 16px;font-weight:500}
:where(#p3) .note{font-size:.82rem;color:var(--muted);line-height:1.6}
:where(#p3) .panel{background:var(--surface);border:1px solid var(--rule);border-radius:8px;padding:22px 20px;display:grid;gap:16px;min-width:0}
:where(#p3) .panel h3{font:500 12px var(--f-mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
:where(#p3) .seg{display:inline-flex;border:1px solid var(--rule);border-radius:99px;padding:3px;gap:3px;justify-self:start;flex-wrap:wrap}
:where(#p3) .seg button{border:0;background:none;color:var(--muted);font:500 13.5px var(--f-body);padding:7px 14px;border-radius:99px;cursor:pointer}
:where(#p3) .seg button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
:where(#p3) .two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
:where(#p3) .half{display:grid;gap:12px;align-content:start;padding:22px;border:1px solid var(--rule);border-radius:10px;background:var(--paper)}
:where(#p3) .half .mono{font-size:12px;letter-spacing:.08em;color:var(--accent)}
:where(#p3) .half h3{font:700 1.2rem/1.45 var(--f-display)}
:where(#p3) .half p{font-size:.95rem}
:where(#p3) .route{list-style:none;padding:0;margin:0;display:grid;gap:6px}
:where(#p3) .route li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:.82rem}
:where(#p3) .route .rk{font:500 11.5px var(--f-mono);color:var(--muted);width:3.6em}
:where(#p3) .route i{font-style:normal;padding:3px 8px;border:1px solid var(--rule);border-radius:99px;background:var(--surface);white-space:nowrap}
:where(#p3) .route i.me{border-color:var(--accent);background:var(--accent);color:var(--on-accent);font-weight:600}
:where(#p3) .route s{text-decoration:none;color:var(--muted)}
:where(#p3) .checks{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:.93rem}
:where(#p3) .checks li{position:relative;padding-left:20px;line-height:1.6}
:where(#p3) .checks li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--accent)}
:where(#p3) .tl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
:where(#p3) .card{display:grid;gap:14px;align-content:start;padding:24px 22px;border:1px solid var(--rule);border-top:3px solid var(--accent);border-radius:10px;background:var(--surface)}
:where(#p3) .card.l{border-top-color:var(--night)}
:where(#p3) .card .top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
:where(#p3) .card .top .mono{font-size:12px;letter-spacing:.1em;color:var(--accent)}
:where(#p3) .card.l .top .mono{color:var(--night)}
:where(#p3) .card h3{font:700 1.35rem/1.35 var(--f-display)}
:where(#p3) .card dl{display:grid;gap:0}
:where(#p3) .card dl div{display:grid;grid-template-columns:6.2em minmax(0,1fr);gap:10px;padding:10px 0;border-top:1px solid var(--rule);font-size:.94rem}
:where(#p3) .card dt{color:var(--muted)}
:where(#p3) .card dd b{font-weight:600}
:where(#p3) .card dd .lim{color:var(--alert);font-weight:600}
:where(#p3) .made{margin-top:18px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;padding:16px 18px;border:1px dashed var(--accent);border-radius:8px;font-size:.95rem}
:where(#p3) .made svg{display:block}
:where(#p3) .dayfig{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;align-items:center}
:where(#p3) .dial svg{display:block;width:100%;max-width:420px;height:auto;margin-inline:auto}
:where(#p3) .d-track{fill:none;stroke:var(--soft);stroke-width:30}
:where(#p3) .d-night{fill:var(--night-soft)}
:where(#p3) .d-face{fill:var(--surface)}
:where(#p3) .d-tick{stroke:var(--muted);stroke-width:1}
:where(#p3) .d-tick.major{stroke:var(--ink);stroke-width:1.6}
:where(#p3) .d-hr{font:500 11px var(--f-mono);fill:var(--muted)}
:where(#p3) .d-hr.major{font-weight:600;fill:var(--ink)}
:where(#p3) .d-t{fill:none;stroke:var(--accent);stroke-width:30}
:where(#p3) .d-l{fill:none;stroke:var(--night);stroke-width:30}
:where(#p3) .d-over{fill:none;stroke:var(--alert);stroke-width:30;stroke-dasharray:5 3}
:where(#p3) .d-lim{stroke:var(--alert);stroke-width:2.5;stroke-linecap:round}
:where(#p3) .d-limt{font:600 10.5px var(--f-mono);fill:var(--alert)}
:where(#p3) .d-cap{font:500 11px var(--f-mono);fill:var(--muted);letter-spacing:.08em}
:where(#p3) .d-big{font:500 22px var(--f-mono);fill:var(--ink)}
:where(#p3) .d-big.t{fill:var(--accent)}
:where(#p3) .d-big.l{fill:var(--night)}
:where(#p3) .d-small{font:500 11.5px var(--f-body);fill:var(--muted)}
:where(#p3) .d-warn{font:600 12px var(--f-body);fill:var(--alert)}
:where(#p3) .d-warnbox{fill:var(--alert-soft);stroke:var(--alert);stroke-width:1}
:where(#p3) .d-sun{fill:none;stroke:var(--muted);stroke-width:1.4}
:where(#p3) .d-moon{fill:var(--night)}
:where(#p3) .ctl{display:grid;gap:18px}
:where(#p3) .ctl-row{display:grid;gap:8px;padding:16px 16px 14px;border:1px solid var(--rule);border-radius:8px;background:var(--paper)}
:where(#p3) .ctl-row label{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-weight:600;font-size:.95rem}
:where(#p3) .ctl-row label .mono{font-weight:500}
:where(#p3) .ctl-row.t label .mono{color:var(--accent)}
:where(#p3) .ctl-row.l label .mono{color:var(--night)}
:where(#p3) .ctl-row input[type=range]{width:100%;margin:0}
:where(#p3) .ctl-row.t input{accent-color:var(--accent)}
:where(#p3) .ctl-row.l input{accent-color:var(--night)}
:where(#p3) .ctl-row .scale{display:flex;justify-content:space-between;font:400 11px var(--f-mono);color:var(--muted)}
:where(#p3) .ctl-row.over{border-color:var(--alert);background:var(--alert-soft)}
:where(#p3) .ctl-row .msg{font-size:.86rem;color:var(--muted);min-height:1.6em}
:where(#p3) .ctl-row.over .msg{color:var(--alert);font-weight:600}
:where(#p3) .warnband{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--alert);border-left-width:4px;border-radius:6px;background:var(--alert-soft);font-size:.93rem}
:where(#p3) .warnband b{color:var(--alert)}
:where(#p3) .ico{flex:none;margin-top:3px}
:where(#p3) .ico path{fill:var(--alert)}
:where(#p3) .must{display:grid;gap:16px;padding:28px 24px;border:2px solid var(--alert);border-radius:10px;background:var(--alert-soft)}
:where(#p3) .must .eyebrow{color:var(--alert)}
:where(#p3) .must h2{font-size:clamp(1.4rem,3.2vw,1.9rem)}
:where(#p3) .must ol{list-style:none;padding:0;display:grid;gap:12px;counter-reset:m}
:where(#p3) .must li{display:grid;grid-template-columns:2em minmax(0,1fr);gap:12px;align-items:start;counter-increment:m;font-size:1.02rem}
:where(#p3) .must li::before{content:counter(m);display:grid;place-items:center;width:2em;height:2em;border-radius:99px;background:var(--alert);color:var(--surface);font:600 13px var(--f-mono)}
:where(#p3) .must li b{display:block;font-weight:700;font-size:1.08rem}
:where(#p3) .must li span{color:var(--muted);font-size:.94rem}
:where(#p3) .care{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:22px}
:where(#p3) .care .half{background:var(--surface)}
:where(#p3) .adj{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
:where(#p3) .adj .mono{font-size:1.7rem;color:var(--night);letter-spacing:-.02em}
:where(#p3) .adj span{color:var(--muted);font-size:.9rem}
:where(#p3) .tbl{overflow-x:auto;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#p3) table{border-collapse:collapse;width:100%;min-width:600px;font-size:.93rem}
:where(#p3) th,:where(#p3) td{text-align:left;vertical-align:top;padding:13px 14px;border-bottom:1px solid var(--rule)}
:where(#p3) tr:last-child th,:where(#p3) tr:last-child td{border-bottom:0}
:where(#p3) thead th{font:600 .9rem var(--f-body);background:var(--soft)}
:where(#p3) thead th small{display:block;font:500 11px var(--f-mono);color:var(--muted);letter-spacing:.06em}
:where(#p3) tbody th{font-weight:600;color:var(--muted);width:7em}
:where(#p3) .col-th{background:color-mix(in srgb,var(--accent) 7%,var(--surface))}
:where(#p3) .cost td.v,:where(#p3) .cost th.v{text-align:right;font-family:var(--f-mono);font-variant-numeric:tabular-nums;white-space:nowrap}
:where(#p3) .cost table{min-width:0}
:where(#p3) .cost tbody th{width:auto;color:var(--ink)}
:where(#p3) .cost tbody th small{display:block;font-weight:400;color:var(--muted);font-size:.82rem}
:where(#p3) .incl{display:grid;gap:6px;margin-top:14px;padding:16px 18px;border:1px solid var(--accent);border-radius:8px;background:var(--surface);font-size:.94rem}
:where(#p3) .incl b{color:var(--accent)}
:where(#p3) .fineprint{margin-top:12px;font-size:.84rem;color:var(--muted)}
:where(#p3) .sport{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:start;padding:24px;border:1px solid var(--rule);border-radius:10px;background:var(--surface)}
:where(#p3) .sport h3{font:700 1.25rem/1.45 var(--f-display)}
:where(#p3) .faq{display:grid;gap:10px;max-width:48em}
:where(#p3) details{border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#p3) summary{cursor:pointer;padding:16px 18px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
:where(#p3) summary::-webkit-details-marker{display:none}
:where(#p3) summary::after{content:"+";font:500 18px/1 var(--f-mono);color:var(--accent)}
:where(#p3) details[open] summary::after{content:"−"}
:where(#p3) .ans{padding:0 18px 18px;font-size:.95rem;display:grid;gap:8px}
:where(#p3) .consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:28px 26px;border:1px solid var(--ink);border-radius:10px;background:var(--surface)}
:where(#p3) .consult h2{font-size:clamp(1.35rem,3vw,1.75rem)}
:where(#p3) .related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
:where(#p3) .related a{display:grid;gap:4px;padding:16px;border:1px solid var(--rule);border-radius:8px;text-decoration:none;background:var(--surface)}
:where(#p3) .related a b{font-weight:600}
:where(#p3) .related a span{font-size:.86rem;color:var(--muted);line-height:1.55}
:where(#p3) .related a:hover{border-color:var(--accent)}
:where(#p3) .related a:hover b{color:var(--accent)}
:where(#p3) .foot{border-top:1px solid var(--rule);padding-block:40px 48px;font-size:.86rem;color:var(--muted)}
:where(#p3) .foot-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 40px}
:where(#p3) .foot b{color:var(--ink)}
:where(#p3) .foot p+p{margin-top:4px}
:where(#p3) .fine{grid-column:1/-1;border-top:1px solid var(--rule);padding-top:16px;font-size:.8rem}
:where(#p3) .mbar{display:none}
@media (max-width:900px){:where(#p3) .hero-grid,:where(#p3) .dayfig,:where(#p3) .grid2{grid-template-columns:minmax(0,1fr);gap:32px}}
@media (max-width:760px){:where(#p3) .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--rule);padding:8px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px))}:where(#p3) .nav.open{display:block}:where(#p3) .nav ul{flex-direction:column;align-items:stretch}:where(#p3) .nav a{padding:13px 8px}:where(#p3) .nav a.cta{margin:8px 0 0;text-align:center}:where(#p3) .burger{display:inline-grid}:where(#p3) .sec{padding-block:56px}:where(#p3) .hero{padding-block:40px 40px}:where(#p3) .two,:where(#p3) .tl,:where(#p3) .care,:where(#p3) .related{grid-template-columns:minmax(0,1fr)}:where(#p3) .consult{grid-template-columns:minmax(0,1fr)}:where(#p3) .mbar{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:15;background:var(--paper);border-top:1px solid var(--rule);padding:9px max(16px,env(safe-area-inset-right,0px)) calc(9px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}:where(#p3) .mbar a{display:grid;place-items:center;padding:11px 6px;border:1px solid var(--rule);border-radius:6px;text-decoration:none;font-weight:600;font-size:14px}:where(#p3) .mbar a:last-child{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}:where(#p3){padding-bottom:72px}:where(#p3) .foot-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){:where(#p3) .sport{grid-template-columns:minmax(0,1fr)}:where(#p3) .card dl div{grid-template-columns:minmax(0,1fr);gap:2px}:where(#p3) .must{padding:22px 18px}}
@media (prefers-reduced-motion:reduce){:where(#p3){scroll-behavior:auto}}
/* ── 진료 4 ── */
:where(#p4){
  --paper:#F3F6F5; --surface:#FFFFFF; --soft:#E6EDEB; --ink:#12232B; --muted:#53656C; --rule:#D2DCDA;
  --accent:#0F7B6C; --on-accent:#FFFFFF; --alert:#C2532B;
  --xr-bg:#0D1B23; --xr-line:#CFE3E0; --xr-dim:#86A3A1; --xr-hi:#6FE3CF; --xr-alert:#FF9A73;
  --f-display:'Nanum Myeongjo','Noto Serif KR',serif;
  --f-body:'IBM Plex Sans KR','Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) :where(#p4){
    --paper:#0A1317; --surface:#101D23; --soft:#13232A; --ink:#E5EEEC; --muted:#9DB1AE; --rule:#24353B;
    --accent:#4FD1BC; --on-accent:#04201B; --alert:#F08A62;
    --xr-bg:#050D11; color-scheme:dark;
  }}
:root[data-theme="dark"] :where(#p4){
  --paper:#0A1317; --surface:#101D23; --soft:#13232A; --ink:#E5EEEC; --muted:#9DB1AE; --rule:#24353B;
  --accent:#4FD1BC; --on-accent:#04201B; --alert:#F08A62;
  --xr-bg:#050D11; color-scheme:dark;
}
:where(#p4) *{box-sizing:border-box}
:where(#p4){scroll-behavior:smooth}
:where(#p4){background:var(--paper);color:var(--ink);font:400 16.5px/1.75 var(--f-body);word-break:keep-all;overflow-wrap:break-word;margin:0}
:where(#p4) body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--paper);z-index:30}
:where(#p4) h1,:where(#p4) h2,:where(#p4) h3,:where(#p4) p,:where(#p4) ul,:where(#p4) ol,:where(#p4) figure,:where(#p4) blockquote,:where(#p4) dl{margin:0}
:where(#p4) a{color:inherit}
:where(#p4) :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
:where(#p4) .wrap{max-width:1120px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
:where(#p4) .read{max-width:34em}
:where(#p4) .mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
:where(#p4) .eyebrow{font:500 12px var(--f-mono);letter-spacing:.14em;color:var(--accent);text-transform:uppercase}
:where(#p4) .muted{color:var(--muted)}
:where(#p4) .small{font-size:.875rem}
:where(#p4) .head{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--paper);border-bottom:1px solid var(--rule)}
:where(#p4) .head-in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px}
:where(#p4) .brand{display:flex;align-items:center;gap:10px;text-decoration:none}
:where(#p4) .brand b{display:block;font:800 1.2rem/1.1 var(--f-display)}
:where(#p4) .brand small{display:block;margin-top:3px;font:500 10.5px/1 var(--f-mono);letter-spacing:.12em;color:var(--muted)}
:where(#p4) .nav ul{list-style:none;padding:0;display:flex;align-items:center;gap:2px}
:where(#p4) .nav a{display:block;padding:9px 13px;border-radius:6px;text-decoration:none;font-weight:500;font-size:15px;white-space:nowrap}
:where(#p4) .nav a:hover{background:var(--soft)}
:where(#p4) .nav a[aria-current="page"]{color:var(--accent);font-weight:600}
:where(#p4) .nav a.cta{background:var(--accent);color:var(--on-accent);margin-left:6px;font-weight:600}
:where(#p4) .burger{display:none;width:44px;height:44px;border:1px solid var(--rule);background:none;color:inherit;border-radius:6px;cursor:pointer;place-items:center}
:where(#p4) .burger i{display:block;width:18px;height:2px;background:currentColor;box-shadow:0 6px 0 currentColor,0 -6px 0 currentColor}
:where(#p4) .steps{border-bottom:1px solid var(--rule);background:var(--surface)}
:where(#p4) .steps-in{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-block:10px;scrollbar-width:none}
:where(#p4) .steps-in::-webkit-scrollbar{display:none}
:where(#p4) .crumb{font-size:13px;color:var(--muted);white-space:nowrap;margin-right:6px}
:where(#p4) .step{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:6px 12px;border:1px solid var(--rule);border-radius:99px;font-size:13.5px;text-decoration:none;color:var(--muted)}
:where(#p4) .step[aria-current="step"]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}
:where(#p4) .hero{padding-block:56px 40px}
:where(#p4) .hero h1{font:800 clamp(1.95rem,5.2vw,3.25rem)/1.3 var(--f-display);letter-spacing:-.015em;text-wrap:balance;margin:14px 0 18px;max-width:15em}
:where(#p4) .hero .lead{font-size:1.1rem;color:var(--muted)}
:where(#p4) .try{display:flex;gap:12px;align-items:flex-start;margin-top:26px;padding:14px 16px;border:1px dashed var(--accent);border-radius:8px;max-width:34em;font-size:.95rem}
:where(#p4) .try .mono{color:var(--accent);font-size:12px;letter-spacing:.1em;padding-top:3px;white-space:nowrap}
:where(#p4) .btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
:where(#p4) .btn{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:6px;font:600 15px var(--f-body);text-decoration:none;border:1px solid var(--ink);cursor:pointer;background:none;color:inherit}
:where(#p4) .btn.fill{background:var(--ink);color:var(--paper)}
:where(#p4) .btn:hover{filter:brightness(1.1)}
:where(#p4) .tm{margin-top:28px;font-size:12px;color:var(--muted)}
:where(#p4) .sec{padding-block:72px;border-top:1px solid var(--rule)}
:where(#p4) .sec.tint{background:var(--surface)}
:where(#p4) .sec-head{display:grid;gap:12px;margin-bottom:34px}
:where(#p4) h2{font:700 clamp(1.5rem,3.6vw,2.1rem)/1.38 var(--f-display);letter-spacing:-.01em;text-wrap:balance}
:where(#p4) .body{display:grid;gap:14px}
:where(#p4) .grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
:where(#p4) .tag{display:inline-block;font:500 11px/1 var(--f-mono);letter-spacing:.04em;padding:4px 8px;border:1px solid var(--rule);border-radius:99px;color:var(--muted);vertical-align:2px;margin-left:4px;white-space:nowrap}
:where(#p4) .note{font-size:.82rem;color:var(--muted);line-height:1.6}
:where(#p4) .callout{border-left:3px solid var(--accent);padding:4px 0 4px 16px;font-weight:500}
:where(#p4) .compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
:where(#p4) .compare>div{display:grid;gap:8px;align-content:start;padding:20px;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#p4) .compare .mono{font-size:12px;color:var(--muted);letter-spacing:.06em}
:where(#p4) .compare b{font:700 1.12rem/1.45 var(--f-display)}
:where(#p4) .compare p{font-size:.93rem;color:var(--muted)}
:where(#p4) .compare .on{border-color:var(--accent);border-top:3px solid var(--accent)}
:where(#p4) .compare .on .mono{color:var(--accent)}
:where(#p4) .compare svg{display:block;width:100%;max-width:260px;height:auto}
:where(#p4) .slogan{font:500 13px var(--f-mono);color:var(--muted);letter-spacing:.02em}
:where(#p4) .slogan i{font-style:normal;color:var(--accent)}
:where(#p4) .seg{display:inline-flex;border:1px solid var(--rule);border-radius:99px;padding:3px;gap:3px;justify-self:start;flex-wrap:wrap}
:where(#p4) .seg button{border:0;background:none;color:var(--muted);font:500 13.5px var(--f-body);padding:7px 14px;border-radius:99px;cursor:pointer}
:where(#p4) .seg button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
:where(#p4) .xr{background:var(--xr-bg);color:var(--xr-line);border-radius:10px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
:where(#p4) .xr-fig{padding:18px 12px 10px;border-right:1px solid rgba(207,227,224,.12);display:grid;gap:8px;align-content:start}
:where(#p4) .xr-fig svg{display:block;width:100%;max-width:400px;height:auto;margin-inline:auto}
:where(#p4) .xr-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 10px;padding:0 8px;font:500 10.5px var(--f-mono);letter-spacing:.12em;color:var(--xr-dim)}
:where(#p4) .xr-top b{color:var(--xr-hi);font-weight:500}
:where(#p4) .xr-side{padding:22px 22px 24px;display:grid;gap:18px;align-content:start}
:where(#p4) .xr .seg{border-color:rgba(207,227,224,.25)}
:where(#p4) .xr .seg button{color:var(--xr-dim)}
:where(#p4) .xr .seg button[aria-pressed="true"]{background:var(--xr-line);color:var(--xr-bg)}
:where(#p4) .read-out{display:grid;gap:0;margin:0}
:where(#p4) .read-out div{display:grid;grid-template-columns:1.1em minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(207,227,224,.12)}
:where(#p4) .read-out div:last-child{border-bottom:0}
:where(#p4) .read-out dt{font-size:.93rem;color:var(--xr-line)}
:where(#p4) .read-out dd{margin:0;font:500 12px var(--f-mono);letter-spacing:.04em;padding:4px 9px;border-radius:99px;border:1px solid rgba(207,227,224,.25);color:var(--xr-dim);white-space:nowrap}
:where(#p4) .read-out dd.ok{color:var(--xr-hi);border-color:rgba(111,227,207,.5)}
:where(#p4) .read-out dd.off{color:var(--xr-alert);border-color:rgba(255,154,115,.5)}
:where(#p4) .key{width:1.1em;height:0;border-top:2px solid var(--xr-dim)}
:where(#p4) .key.face{border-top-style:dashed}
:where(#p4) .key.teeth{border-color:var(--xr-hi)}
:where(#p4) .key.jaw{border-color:var(--xr-alert)}
:where(#p4) .xr-cap{font-size:.95rem;line-height:1.7;color:#fff;min-height:6.8em}
:where(#p4) .xr-foot{grid-column:1/-1;border-top:1px solid rgba(207,227,224,.12);padding:12px 18px;font-size:12px;color:var(--xr-dim)}
:where(#p4) .sk{fill:none;stroke:var(--xr-line);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
:where(#p4) .sk-dim{fill:none;stroke:var(--xr-dim);stroke-width:1;stroke-dasharray:3 4}
:where(#p4) .tu{fill:#1A2E37;stroke:var(--xr-line);stroke-width:1.3}
:where(#p4) .tl{fill:#14262E;stroke:var(--xr-dim);stroke-width:1.3}
:where(#p4) .ml-face{stroke:var(--xr-dim);stroke-width:1.2;stroke-dasharray:5 5}
:where(#p4) .ml-teeth{stroke:var(--xr-hi);stroke-width:2.4;stroke-linecap:round}
:where(#p4) .ml-jaw{stroke:var(--xr-alert);stroke-width:2.4;stroke-linecap:round}
:where(#p4) .xl{font:500 10.5px var(--f-body);fill:var(--xr-dim)}
:where(#p4) .xl-hi{fill:var(--xr-hi)}
:where(#p4) .xl-al{fill:var(--xr-alert)}
:where(#p4) .move{transition:transform .6s cubic-bezier(.3,.7,.2,1)}
:where(#p4) .gap-mark{transition:opacity .4s}
:where(#p4) .house svg{display:block;width:100%;height:auto}
:where(#p4) .h-wall{fill:var(--surface);stroke:var(--ink);stroke-width:1.6;stroke-linejoin:round}
:where(#p4) .h-roof{fill:var(--soft);stroke:var(--ink);stroke-width:1.6;stroke-linejoin:round}
:where(#p4) .h-sand{fill:color-mix(in srgb,var(--alert) 18%,var(--surface));stroke:var(--alert);stroke-width:1.2}
:where(#p4) .h-dot{fill:var(--alert);opacity:.55}
:where(#p4) .h-ground{fill:var(--soft);stroke:var(--accent);stroke-width:1.4}
:where(#p4) .h-layer{stroke:var(--accent);stroke-width:1;opacity:.6}
:where(#p4) .h-lv{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 4}
:where(#p4) .big{margin:0;padding:22px 0 0;border-top:2px solid var(--ink)}
:where(#p4) .big p{font:800 clamp(1.3rem,3.2vw,1.85rem)/1.5 var(--f-display);text-wrap:balance}
:where(#p4) .big footer{margin-top:10px;font-size:.9rem;color:var(--muted)}
:where(#p4) .two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
:where(#p4) .half{display:grid;gap:12px;align-content:start;padding:22px;border:1px solid var(--rule);border-radius:10px;background:var(--paper)}
:where(#p4) .half.on{border-color:var(--accent)}
:where(#p4) .half .mono{font-size:12px;letter-spacing:.08em;color:var(--accent)}
:where(#p4) .half h3{font:700 1.2rem/1.45 var(--f-display);text-wrap:balance}
:where(#p4) .half p{font-size:.95rem}
:where(#p4) .checks{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:.93rem}
:where(#p4) .checks li{position:relative;padding-left:20px;line-height:1.6}
:where(#p4) .checks li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--accent)}
:where(#p4) .clear{display:grid;gap:10px;padding:22px;border:1px solid var(--accent);border-radius:10px;background:var(--surface);margin-top:24px}
:where(#p4) .clear h3{font:700 clamp(1.1rem,2.6vw,1.3rem)/1.45 var(--f-display);text-wrap:balance}
:where(#p4) .route{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;counter-reset:r}
:where(#p4) .route li{counter-increment:r;display:grid;gap:4px;align-content:start;padding:14px 14px 16px;border:1px solid var(--rule);border-top:3px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#p4) .route li::before{content:counter(r);font:500 12px var(--f-mono);color:var(--muted)}
:where(#p4) .route li b{font-weight:600;font-size:.98rem;line-height:1.45}
:where(#p4) .route li span{font-size:.84rem;color:var(--muted);line-height:1.55}
:where(#p4) .route li.key-step{border-top-color:var(--accent)}
:where(#p4) .route li.key-step::before,:where(#p4) .route li.key-step b{color:var(--accent)}
:where(#p4) .route li.ortho{border-style:dashed;border-top-style:solid;border-top-color:var(--ink)}
:where(#p4) .gauge{margin-top:34px;display:grid;gap:10px}
:where(#p4) .g-track{position:relative;height:14px;background:var(--soft);border-radius:3px;margin-top:34px}
:where(#p4) .g-fill{position:absolute;inset:0 auto 0 0;width:89.3%;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 60%,var(--surface)));border-radius:3px}
:where(#p4) .g-mk{position:absolute;top:-34px;bottom:-6px;border-left:2px solid var(--ink);padding-left:8px;font:500 12px/1.35 var(--f-mono);white-space:nowrap}
:where(#p4) .g-mk small{display:block;font:400 11.5px var(--f-body);color:var(--muted)}
:where(#p4) .g-mk.kid{border-left-style:dashed;border-color:var(--muted)}
:where(#p4) .g-ax{display:flex;justify-content:space-between;font:400 11px var(--f-mono);color:var(--muted)}
:where(#p4) .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:30px}
:where(#p4) .stats div{display:grid;gap:2px;padding:16px 18px;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#p4) .stats dt{font-size:.88rem;color:var(--muted)}
:where(#p4) .stats dd{margin:0;font:500 1.7rem/1.3 var(--f-mono);color:var(--accent);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
:where(#p4) .stats dd small{font:400 .5em var(--f-body);color:var(--muted);margin-left:4px;letter-spacing:0}
:where(#p4) .stats span{font-size:.84rem;color:var(--muted)}
:where(#p4) .tbl-wrap{overflow-x:auto;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#p4) table{border-collapse:collapse;width:100%;min-width:520px;font-size:.93rem}
:where(#p4) caption{text-align:left;padding:14px 16px 4px;font:700 1.05rem/1.4 var(--f-display)}
:where(#p4) th,:where(#p4) td{padding:12px 16px;text-align:left;vertical-align:top;border-top:1px solid var(--rule)}
:where(#p4) thead th{font:500 11.5px var(--f-mono);letter-spacing:.08em;color:var(--muted);border-top:0}
:where(#p4) td.won{font-family:var(--f-mono);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
:where(#p4) th.won{text-align:right}
:where(#p4) td small{display:block;color:var(--muted);font-size:.82rem;line-height:1.55;margin-top:2px}
:where(#p4) .cost{display:grid;gap:16px}
:where(#p4) .fineprint{font-size:.8rem;color:var(--muted);line-height:1.65;display:grid;gap:4px;padding:0 4px}
:where(#p4) .notice{padding:16px 18px;border:1px solid var(--rule);border-left:3px solid var(--muted);border-radius:6px;font-size:.86rem;color:var(--muted);line-height:1.65;background:var(--surface)}
:where(#p4) .faq{display:grid;gap:8px;max-width:46em}
:where(#p4) details{border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#p4) summary{cursor:pointer;padding:16px 18px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
:where(#p4) summary::-webkit-details-marker{display:none}
:where(#p4) summary::after{content:"+";font:500 18px/1 var(--f-mono);color:var(--accent)}
:where(#p4) details[open] summary::after{content:"−"}
:where(#p4) .ans{padding:0 18px 18px;font-size:.95rem;color:var(--ink);display:grid;gap:8px}
:where(#p4) .consult{display:grid;gap:14px;padding:30px 26px;border:1px solid var(--ink);border-radius:10px;background:var(--surface)}
:where(#p4) .consult h2{max-width:20em}
:where(#p4) .three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:26px}
:where(#p4) .three a{display:grid;gap:4px;padding:14px;border:1px solid var(--rule);border-radius:8px;text-decoration:none;background:var(--surface)}
:where(#p4) .three a b{font-weight:600}
:where(#p4) .three a span{font-size:.85rem;color:var(--muted);line-height:1.55}
:where(#p4) .three a:hover{border-color:var(--accent)}
:where(#p4) .three a:hover b{color:var(--accent)}
:where(#p4) .foot{border-top:1px solid var(--rule);padding-block:40px 48px;font-size:.86rem;color:var(--muted)}
:where(#p4) .foot-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 40px}
:where(#p4) .foot b{color:var(--ink)}
:where(#p4) .foot p+p{margin-top:4px}
:where(#p4) .fine{grid-column:1/-1;border-top:1px solid var(--rule);padding-top:16px;font-size:.8rem;display:grid;gap:4px}
:where(#p4) .mbar{display:none}
@media (max-width:960px){:where(#p4) .route{grid-template-columns:minmax(0,1fr)}:where(#p4) .route li{grid-template-columns:2em minmax(0,1fr);gap:2px 8px}:where(#p4) .route li::before{grid-row:1/3}}
@media (max-width:860px){:where(#p4) .grid2{grid-template-columns:minmax(0,1fr);gap:32px}:where(#p4) .xr{grid-template-columns:minmax(0,1fr)}:where(#p4) .xr-fig{border-right:0;border-bottom:1px solid rgba(207,227,224,.12)}}
@media (max-width:760px){:where(#p4) .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--rule);padding:8px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px))}:where(#p4) .nav.open{display:block}:where(#p4) .nav ul{flex-direction:column;align-items:stretch}:where(#p4) .nav a{padding:13px 8px}:where(#p4) .nav a.cta{margin:8px 0 0;text-align:center}:where(#p4) .burger{display:inline-grid}:where(#p4) .sec{padding-block:56px}:where(#p4) .hero{padding-block:40px 36px}:where(#p4) .three,:where(#p4) .stats,:where(#p4) .compare,:where(#p4) .two{grid-template-columns:minmax(0,1fr)}:where(#p4) .mbar{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:15;background:var(--paper);border-top:1px solid var(--rule);padding:9px max(16px,env(safe-area-inset-right,0px)) calc(9px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}:where(#p4) .mbar a{display:grid;place-items:center;padding:11px 6px;border:1px solid var(--rule);border-radius:6px;text-decoration:none;font-weight:600;font-size:14px}:where(#p4) .mbar a:last-child{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}:where(#p4){padding-bottom:72px}:where(#p4) .foot-grid{grid-template-columns:minmax(0,1fr)}:where(#p4) .xr-cap{min-height:0}}
@media (max-width:480px){:where(#p4) .g-mk{font-size:11px}:where(#p4) .g-mk small{font-size:10.5px}}
@media (prefers-reduced-motion:reduce){:where(#p4){scroll-behavior:auto}:where(#p4) .move,:where(#p4) .gap-mark{transition:none}}
/* 탭 통합 */
.steps{position:sticky;top:calc(64px + env(safe-area-inset-top,0px));z-index:18}
button.step{font:inherit;font-size:13.5px;background:var(--surface);cursor:pointer;color:var(--muted)}
button.step[aria-selected="true"]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}
.intro{padding-block:22px 0}
.intro p{font-size:.95rem;color:var(--muted)}
[role="tabpanel"]:focus{outline:none}

/* ── 치료 원리 ── */
:where(#view-r){
  --paper:#F3F6F5; --surface:#FFFFFF; --soft:#E6EDEB; --ink:#12232B; --muted:#53656C; --rule:#D2DCDA;
  --accent:#0F7B6C; --on-accent:#FFFFFF; --alert:#C2532B;
  --xr-bg:#0D1B23; --xr-line:#CFE3E0; --xr-dim:#86A3A1; --xr-hi:#6FE3CF; --xr-alert:#FF9A73;
  --f-display:'Nanum Myeongjo','Noto Serif KR',serif;
  --f-body:'IBM Plex Sans KR','Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) :where(#view-r){
    --paper:#0A1317; --surface:#101D23; --soft:#13232A; --ink:#E5EEEC; --muted:#9DB1AE; --rule:#24353B;
    --accent:#4FD1BC; --on-accent:#04201B; --alert:#F08A62;
    --xr-bg:#050D11; color-scheme:dark;
  }}
:root[data-theme="dark"] :where(#view-r){
  --paper:#0A1317; --surface:#101D23; --soft:#13232A; --ink:#E5EEEC; --muted:#9DB1AE; --rule:#24353B;
  --accent:#4FD1BC; --on-accent:#04201B; --alert:#F08A62;
  --xr-bg:#050D11; color-scheme:dark;
}
:where(#view-r) *{box-sizing:border-box}
:where(#view-r){scroll-behavior:smooth}
:where(#view-r){background:var(--paper);color:var(--ink);font:400 16.5px/1.75 var(--f-body);word-break:keep-all;overflow-wrap:break-word;margin:0}
:where(#view-r) body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--paper);z-index:30}
:where(#view-r) h1,:where(#view-r) h2,:where(#view-r) h3,:where(#view-r) p,:where(#view-r) ul,:where(#view-r) ol,:where(#view-r) figure,:where(#view-r) blockquote{margin:0}
:where(#view-r) a{color:inherit}
:where(#view-r) :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
:where(#view-r) .wrap{max-width:1120px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
:where(#view-r) .read{max-width:34em}
:where(#view-r) .mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
:where(#view-r) .eyebrow{font:500 12px var(--f-mono);letter-spacing:.14em;color:var(--accent);text-transform:uppercase}
:where(#view-r) .muted{color:var(--muted)}
:where(#view-r) .small{font-size:.875rem}
:where(#view-r) .head{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--paper);border-bottom:1px solid var(--rule)}
:where(#view-r) .head-in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px}
:where(#view-r) .brand{display:flex;align-items:center;gap:10px;text-decoration:none}
:where(#view-r) .brand b{display:block;font:800 1.2rem/1.1 var(--f-display)}
:where(#view-r) .brand small{display:block;margin-top:3px;font:500 10.5px/1 var(--f-mono);letter-spacing:.12em;color:var(--muted)}
:where(#view-r) .nav ul{list-style:none;padding:0;display:flex;align-items:center;gap:2px}
:where(#view-r) .nav a{display:block;padding:9px 13px;border-radius:6px;text-decoration:none;font-weight:500;font-size:15px;white-space:nowrap}
:where(#view-r) .nav a:hover{background:var(--soft)}
:where(#view-r) .nav a[aria-current="page"]{color:var(--accent);font-weight:600}
:where(#view-r) .nav a.cta{background:var(--accent);color:var(--on-accent);margin-left:6px;font-weight:600}
:where(#view-r) .burger{display:none;width:44px;height:44px;border:1px solid var(--rule);background:none;color:inherit;border-radius:6px;cursor:pointer;place-items:center}
:where(#view-r) .burger i{display:block;width:18px;height:2px;background:currentColor;box-shadow:0 6px 0 currentColor,0 -6px 0 currentColor}
:where(#view-r) .steps{border-bottom:1px solid var(--rule);background:var(--surface)}
:where(#view-r) .steps-in{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-block:10px;scrollbar-width:none}
:where(#view-r) .steps-in::-webkit-scrollbar{display:none}
:where(#view-r) .crumb{font-size:13px;color:var(--muted);white-space:nowrap;margin-right:6px}
:where(#view-r) .step{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:6px 12px;border:1px solid var(--rule);border-radius:99px;font-size:13.5px;text-decoration:none;color:var(--muted)}
:where(#view-r) .step b{font:500 12px var(--f-mono)}
:where(#view-r) .step[aria-current="step"]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}
:where(#view-r) .hero{padding-block:56px 48px}
:where(#view-r) .hero h1{font:800 clamp(1.95rem,5.2vw,3.25rem)/1.3 var(--f-display);letter-spacing:-.015em;text-wrap:balance;margin:14px 0 18px;max-width:15em}
:where(#view-r) .hero .lead{font-size:1.1rem;color:var(--muted)}
:where(#view-r) .try{display:flex;gap:12px;align-items:flex-start;margin-top:26px;padding:14px 16px;border:1px dashed var(--accent);border-radius:8px;max-width:34em;font-size:.95rem}
:where(#view-r) .try .mono{color:var(--accent);font-size:12px;letter-spacing:.1em;padding-top:3px;white-space:nowrap}
:where(#view-r) .btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
:where(#view-r) .btn{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:6px;font:600 15px var(--f-body);text-decoration:none;border:1px solid var(--ink);cursor:pointer;background:none;color:inherit}
:where(#view-r) .btn.fill{background:var(--ink);color:var(--paper)}
:where(#view-r) .btn:hover{filter:brightness(1.1)}
:where(#view-r) .play{width:0;height:0;border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}
:where(#view-r) .sec{padding-block:72px;border-top:1px solid var(--rule)}
:where(#view-r) .sec.tint{background:var(--surface)}
:where(#view-r) .sec-head{display:grid;gap:12px;margin-bottom:34px}
:where(#view-r) .num{font:500 clamp(2.6rem,9vw,4.4rem)/1 var(--f-mono);letter-spacing:-.03em;color:var(--accent);font-variant-numeric:tabular-nums}
:where(#view-r) .num small{font-size:.38em;letter-spacing:0;margin-left:4px;color:var(--muted)}
:where(#view-r) h2{font:700 clamp(1.5rem,3.6vw,2.1rem)/1.38 var(--f-display);letter-spacing:-.01em;text-wrap:balance}
:where(#view-r) .body{display:grid;gap:14px}
:where(#view-r) .grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
:where(#view-r) .tag{display:inline-block;font:500 11.5px/1 var(--f-mono);letter-spacing:.06em;padding:6px 10px;border:1px solid var(--rule);border-radius:99px;color:var(--muted);background:var(--surface);justify-self:start}
:where(#view-r) .src{font:500 12px var(--f-mono);color:var(--muted);text-decoration:none;border-bottom:1px dotted var(--muted)}
:where(#view-r) .src:hover{color:var(--accent);border-color:var(--accent)}
:where(#view-r) .panel{background:var(--surface);border:1px solid var(--rule);border-radius:8px;padding:22px 20px;display:grid;gap:16px;min-width:0}
:where(#view-r) .panel h3{font:500 12px var(--f-mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
:where(#view-r) .bars{display:grid;gap:10px}
:where(#view-r) .bar{display:grid;grid-template-columns:5.2em minmax(0,1fr) 5.4em;gap:12px;align-items:center;font-size:.92rem}
:where(#view-r) .bar .track{height:16px;background:var(--soft);border-radius:3px;overflow:hidden}
:where(#view-r) .bar .fill{height:100%;background:var(--muted);opacity:.55;border-radius:3px}
:where(#view-r) .bar.on .fill{background:var(--accent);opacity:1}
:where(#view-r) .bar .v{font-family:var(--f-mono);font-variant-numeric:tabular-nums;text-align:right;font-size:.85rem}
:where(#view-r) .bar.on b,:where(#view-r) .bar.on .v{color:var(--accent);font-weight:600}
:where(#view-r) .note{font-size:.82rem;color:var(--muted);line-height:1.6}
:where(#view-r) .callout{border-left:3px solid var(--accent);padding:4px 0 4px 16px;font-weight:500}
:where(#view-r) .seg{display:inline-flex;border:1px solid var(--rule);border-radius:99px;padding:3px;gap:3px;justify-self:start;flex-wrap:wrap}
:where(#view-r) .seg button{border:0;background:none;color:var(--muted);font:500 13.5px var(--f-body);padding:7px 14px;border-radius:99px;cursor:pointer}
:where(#view-r) .seg button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
:where(#view-r) .bite svg{display:block;width:100%;height:auto}
:where(#view-r) .t-up{fill:var(--soft);stroke:var(--ink);stroke-width:1.5}
:where(#view-r) .t-lo{fill:var(--surface);stroke:var(--ink);stroke-width:1.5}
:where(#view-r) .gum{fill:var(--rule)}
:where(#view-r) .hit{fill:var(--alert)}
:where(#view-r) .arr{stroke:var(--alert);stroke-width:2.5;fill:none;marker-end:url(#ah)}
:where(#view-r) .arr-h{fill:var(--alert)}
:where(#view-r) .lbl{font:500 12.5px var(--f-body);fill:var(--ink)}
:where(#view-r) .lbl-m{font:400 11px var(--f-mono);fill:var(--muted)}
:where(#view-r) #lower{transition:transform .5s ease}
:where(#view-r) .xr{background:var(--xr-bg);color:var(--xr-line);border-radius:10px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
:where(#view-r) .xr-fig{padding:18px 10px 6px;border-right:1px solid rgba(207,227,224,.12);display:grid;gap:8px;align-content:start}
:where(#view-r) .xr-fig svg{display:block;width:100%;max-width:300px;height:auto;margin-inline:auto}
:where(#view-r) .xr-top{display:flex;justify-content:space-between;gap:10px;padding:0 8px;font:500 10.5px var(--f-mono);letter-spacing:.14em;color:var(--xr-dim)}
:where(#view-r) .xr-ctl{display:grid;gap:6px;padding:4px 10px 14px}
:where(#view-r) .xr-ctl label{font-size:13px;color:var(--xr-dim);display:flex;justify-content:space-between}
:where(#view-r) .xr-ctl input{width:100%;accent-color:var(--xr-hi);margin:0}
:where(#view-r) .xr-steps{list-style:none;padding:22px 22px 24px;margin:0;display:grid;gap:0;counter-reset:s}
:where(#view-r) .xr-steps li{display:grid;grid-template-columns:2.2em minmax(0,1fr);gap:4px 10px;padding:12px 0;border-bottom:1px solid rgba(207,227,224,.12);counter-increment:s}
:where(#view-r) .xr-steps li:last-child{border-bottom:0}
:where(#view-r) .xr-steps li::before{content:counter(s);font:500 12px/1.9 var(--f-mono);color:var(--xr-hi);text-align:center;border:1px solid rgba(111,227,207,.4);border-radius:99px;height:1.9em}
:where(#view-r) .xr-steps b{font-weight:600;color:#fff}
:where(#view-r) .xr-steps span{grid-column:2;font-size:.9rem;color:var(--xr-dim);line-height:1.6}
:where(#view-r) .xr-foot{grid-column:1/-1;border-top:1px solid rgba(207,227,224,.12);padding:12px 18px;font-size:12px;color:var(--xr-dim)}
:where(#view-r) .sk{fill:none;stroke:var(--xr-line);stroke-width:1.6;stroke-linecap:round}
:where(#view-r) .sk-dim{fill:none;stroke:var(--xr-dim);stroke-width:1;stroke-dasharray:3 4}
:where(#view-r) .sp{fill:none;stroke:var(--xr-hi);stroke-width:3;stroke-linecap:round}
:where(#view-r) .lv{stroke:var(--xr-line);stroke-width:2;stroke-linecap:round}
:where(#view-r) .lv-hi{stroke:var(--xr-alert);stroke-width:2.4;stroke-linecap:round}
:where(#view-r) .eye{fill:var(--xr-line)}
:where(#view-r) .xl{font:500 10.5px var(--f-body);fill:var(--xr-dim)}
:where(#view-r) .xl-hi{fill:var(--xr-alert)}
:where(#view-r) .load{fill:var(--xr-alert);opacity:.85}
:where(#view-r) .chain{list-style:none;padding:0;display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}
:where(#view-r) .chain li{flex:1 1 7.5em;border:1px solid var(--rule);border-radius:8px;padding:12px 12px 10px;background:var(--surface);display:grid;gap:2px;position:relative}
:where(#view-r) .chain li b{font-size:.98rem}
:where(#view-r) .chain li span{font:400 11.5px var(--f-mono);color:var(--muted)}
:where(#view-r) .chain li:last-child{border-color:var(--accent)}
:where(#view-r) .chain li:last-child b{color:var(--accent)}
:where(#view-r) .sig svg{display:block;width:100%;height:auto}
:where(#view-r) .s-in{stroke:var(--ink);stroke-width:2;fill:none;marker-end:url(#ah2)}
:where(#view-r) .s-out{stroke:var(--alert);stroke-width:1.8;fill:none;stroke-dasharray:5 4;marker-end:url(#ah3)}
:where(#view-r) .s-col{fill:var(--soft);stroke:var(--accent);stroke-width:1.5}
:where(#view-r) .s-t{font:600 13px var(--f-body);fill:var(--ink)}
:where(#view-r) .s-m{font:400 11px var(--f-mono);fill:var(--muted)}
:where(#view-r) .s-a{font:500 12.5px var(--f-body);fill:var(--alert)}
:where(#view-r) .ah2{fill:var(--ink)}
:where(#view-r) .ah3{fill:var(--alert)}
:where(#view-r) .three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
:where(#view-r) .three a{display:grid;gap:4px;padding:14px;border:1px solid var(--rule);border-radius:8px;text-decoration:none;background:var(--surface)}
:where(#view-r) .three a b{font-weight:600}
:where(#view-r) .three a span{font-size:.85rem;color:var(--muted);line-height:1.55}
:where(#view-r) .three a:hover{border-color:var(--accent)}
:where(#view-r) .three a:hover b{color:var(--accent)}
:where(#view-r) .clear{display:grid;gap:10px;padding:24px 22px;border:1px solid var(--accent);border-radius:10px;background:var(--surface);max-width:46em}
:where(#view-r) .clear h3{font:700 clamp(1.15rem,2.6vw,1.4rem)/1.45 var(--f-display);text-wrap:balance}
:where(#view-r) .overview{background:var(--paper)}
:where(#view-r) .flow{position:relative;display:grid;gap:0}
:where(#view-r) .wire{display:flex;align-items:center;gap:12px;font:500 12px var(--f-mono);letter-spacing:.06em;color:var(--accent);margin-bottom:12px}
:where(#view-r) .wire::before,:where(#view-r) .wire::after{content:"";flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--accent) 0 8px,transparent 8px 13px)}
:where(#view-r) .wire span{white-space:nowrap}
:where(#view-r) .phases{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;counter-reset:none}
:where(#view-r) .phases a{display:grid;gap:6px;height:100%;padding:18px 18px 20px;border:1px solid var(--rule);border-top:3px solid var(--accent);border-radius:8px;background:var(--surface);text-decoration:none}
:where(#view-r) .phases a:hover{border-color:var(--accent)}
:where(#view-r) .ph-n{font:500 12px var(--f-mono);letter-spacing:.1em;color:var(--accent)}
:where(#view-r) .phases b{font:700 1.12rem/1.4 var(--f-display)}
:where(#view-r) .phases a>span:last-child{font-size:.9rem;color:var(--muted);line-height:1.6}
:where(#view-r) .named{margin-top:22px;font-size:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
:where(#view-r) .named b{color:var(--accent);font-weight:700}
:where(#view-r) .next{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:24px;border:1px solid var(--ink);border-radius:10px;text-decoration:none;background:var(--surface);margin-top:30px}
:where(#view-r) .next small{font:500 12px var(--f-mono);letter-spacing:.1em;color:var(--accent)}
:where(#view-r) .next b{display:block;font:700 1.3rem/1.4 var(--f-display);margin-top:4px}
:where(#view-r) .next span{color:var(--muted);font-size:.92rem}
:where(#view-r) .next i{font-style:normal;font-size:1.6rem;color:var(--accent)}
:where(#view-r) .next:hover{border-color:var(--accent)}
:where(#view-r) .quote{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:start}
:where(#view-r) .ph{width:84px;height:84px;border-radius:50%;background:repeating-linear-gradient(135deg,var(--soft) 0 8px,var(--rule) 8px 9px);display:grid;place-items:center;font:500 10px var(--f-mono);color:var(--muted);text-align:center}
:where(#view-r) blockquote p{font:700 clamp(1.15rem,2.6vw,1.45rem)/1.6 var(--f-display);text-wrap:balance}
:where(#view-r) blockquote footer{margin-top:12px;font-size:.9rem;color:var(--muted)}
:where(#view-r) details{border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#view-r) summary{cursor:pointer;padding:16px 18px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
:where(#view-r) summary::-webkit-details-marker{display:none}
:where(#view-r) summary::after{content:"+";font:500 18px/1 var(--f-mono);color:var(--accent)}
:where(#view-r) details[open] summary::after{content:"−"}
:where(#view-r) .refs{list-style:none;margin:0;padding:0 18px 18px;display:grid;gap:10px;font-size:.88rem}
:where(#view-r) .refs li{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:12px;border-top:1px solid var(--rule);padding-top:10px}
:where(#view-r) .refs li span:first-child{font:500 12px/1.9 var(--f-mono);color:var(--accent)}
:where(#view-r) .end{display:flex;flex-wrap:wrap;gap:10px}
:where(#view-r) .foot{border-top:1px solid var(--rule);padding-block:40px 48px;font-size:.86rem;color:var(--muted)}
:where(#view-r) .foot-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 40px}
:where(#view-r) .foot b{color:var(--ink)}
:where(#view-r) .foot p+p{margin-top:4px}
:where(#view-r) .fine{grid-column:1/-1;border-top:1px solid var(--rule);padding-top:16px;font-size:.8rem}
:where(#view-r) .mbar{display:none}
@media (max-width:860px){:where(#view-r) .grid2{grid-template-columns:minmax(0,1fr);gap:32px}:where(#view-r) .xr{grid-template-columns:minmax(0,1fr)}:where(#view-r) .xr-fig{border-right:0;border-bottom:1px solid rgba(207,227,224,.12)}}
@media (max-width:760px){:where(#view-r) .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--rule);padding:8px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px))}:where(#view-r) .nav.open{display:block}:where(#view-r) .nav ul{flex-direction:column;align-items:stretch}:where(#view-r) .nav a{padding:13px 8px}:where(#view-r) .nav a.cta{margin:8px 0 0;text-align:center}:where(#view-r) .burger{display:inline-grid}:where(#view-r) .sec{padding-block:56px}:where(#view-r) .hero{padding-block:40px 40px}:where(#view-r) .three,:where(#view-r) .phases{grid-template-columns:minmax(0,1fr)}:where(#view-r) .mbar{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:15;background:var(--paper);border-top:1px solid var(--rule);padding:9px max(16px,env(safe-area-inset-right,0px)) calc(9px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}:where(#view-r) .mbar a{display:grid;place-items:center;padding:11px 6px;border:1px solid var(--rule);border-radius:6px;text-decoration:none;font-weight:600;font-size:14px}:where(#view-r) .mbar a:last-child{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}:where(#view-r){padding-bottom:72px}:where(#view-r) .foot-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){:where(#view-r) .quote{grid-template-columns:minmax(0,1fr)}:where(#view-r) .refs li{grid-template-columns:minmax(0,1fr);gap:2px}:where(#view-r) .next{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){:where(#view-r){scroll-behavior:auto}:where(#view-r) #lower{transition:none}}
:where(#view-r) .timeline{list-style:none;padding:0;margin:0;display:grid;gap:0;border-left:2px solid var(--rule);margin-left:6px}
:where(#view-r) .timeline li{position:relative;display:grid;gap:3px;padding:0 0 22px 22px}
:where(#view-r) .timeline li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--muted)}
:where(#view-r) .timeline li.now::before{background:var(--accent);border-color:var(--accent)}
:where(#view-r) .timeline .yr{font-size:12px;color:var(--accent);letter-spacing:.08em}
:where(#view-r) .timeline b{font-weight:600}
:where(#view-r) .timeline li>span:last-child{font-size:.92rem;color:var(--muted);line-height:1.6}
:where(#view-r) .timeline li.now b{color:var(--accent)}
:where(#view-r) .stats{display:grid;gap:12px;margin:0}
:where(#view-r) .stats div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 16px;padding:16px 18px;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#view-r) .stats dt{font-size:.9rem;color:var(--muted)}
:where(#view-r) .stats dd{margin:0;grid-row:1/3;grid-column:2;font-size:2rem;font-weight:500;color:var(--accent);letter-spacing:-.02em;align-self:center}
:where(#view-r) .stats dd small{font-size:.45em;color:var(--muted);margin-left:3px;letter-spacing:0}
:where(#view-r) .stats span{font-size:.85rem;color:var(--muted)}
:where(#view-r) .base svg{display:block;width:100%;height:auto}
:where(#view-r) .skull{fill:var(--soft);stroke:var(--rule);stroke-width:1.5}
:where(#view-r) .bone{fill:none;stroke:var(--muted);stroke-width:1.6;transition:fill .25s,stroke .25s}
:where(#view-r) .bone.fillb{fill:var(--surface)}
:where(#view-r) .bone[data-g="man"]{stroke-dasharray:6 5}
:where(#view-r) .bone.on{stroke:var(--accent);stroke-width:2.4}
:where(#view-r) .bone.fillb.on{fill:color-mix(in srgb,var(--accent) 22%,var(--surface))}
:where(#view-r) .hole{fill:var(--paper);stroke:var(--muted);stroke-width:1.2}
:where(#view-r) .tmj{fill:var(--surface);stroke:var(--muted);stroke-width:1.6}
:where(#view-r) .tmj.on{fill:var(--accent);stroke:var(--accent)}
:where(#view-r) .bl{font:600 12.5px var(--f-body);fill:var(--ink)}
:where(#view-r) .bs{font:400 10.5px var(--f-mono);fill:var(--muted)}
:where(#view-r) .dir{font:400 10.5px var(--f-mono);fill:var(--muted);letter-spacing:.08em}
:where(#view-r) .cap{min-height:4.8em;font-size:.9rem;color:var(--ink)}
:where(#view-r) .big{margin:0;padding:22px 0 0;border-top:2px solid var(--ink)}
:where(#view-r) .big p{font:800 clamp(1.4rem,3.4vw,2rem)/1.45 var(--f-display);text-wrap:balance}
:where(#view-r) .big footer{margin-top:10px;font-size:.9rem;color:var(--muted)}
:where(#view-r) .compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:36px}
:where(#view-r) .compare div{display:grid;gap:6px;padding:18px 20px;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#view-r) .compare .mono{font-size:12px;color:var(--muted);letter-spacing:.06em}
:where(#view-r) .compare b{font:700 1.1rem/1.45 var(--f-display)}
:where(#view-r) .compare p{font-size:.92rem;color:var(--muted)}
:where(#view-r) .compare .on{border-color:var(--accent);border-top:3px solid var(--accent)}
:where(#view-r) .compare .on .mono{color:var(--accent)}
:where(#view-r) .two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
:where(#view-r) .half{display:grid;gap:10px;align-content:start;padding:22px;border:1px solid var(--rule);border-radius:10px;background:var(--paper)}
:where(#view-r) .half.on{border-color:var(--accent)}
:where(#view-r) .half .mono{font-size:12px;letter-spacing:.08em;color:var(--accent)}
:where(#view-r) .half h3{font:700 1.2rem/1.45 var(--f-display)}
:where(#view-r) .half p{font-size:.95rem}
:where(#view-r) .checks{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:.93rem}
:where(#view-r) .checks li{position:relative;padding-left:20px;line-height:1.6}
:where(#view-r) .checks li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--accent)}
@media (max-width:760px){:where(#view-r) .compare,:where(#view-r) .two{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){:where(#view-r) .bone{transition:none}}
:where(#view-r) .acro{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
:where(#view-r) .acro div{display:grid;gap:4px;padding:12px 16px;border:1px solid var(--rule);border-radius:8px;background:var(--surface);flex:0 1 9.5em}
:where(#view-r) .acro b{font:500 1.6rem/1 var(--f-mono);color:var(--accent)}
:where(#view-r) .acro em{font:500 12px var(--f-mono);font-style:normal;letter-spacing:.04em;color:var(--ink)}
:where(#view-r) .acro span{font-size:.85rem;color:var(--muted)}
:where(#view-r) .vchain{list-style:none;padding:0;margin:0;display:grid;gap:22px}
:where(#view-r) .vchain li{position:relative;display:grid;gap:1px;padding:9px 14px;border:1px solid var(--rule);border-radius:6px;background:var(--surface)}
:where(#view-r) .vchain li+li::before{content:"";position:absolute;left:22px;top:-19px;height:14px;border-left:2px solid var(--accent)}
:where(#view-r) .vchain li+li::after{content:"";position:absolute;left:18px;top:-8px;border:5px solid transparent;border-top:6px solid var(--accent)}
:where(#view-r) .vchain b{font-weight:600;font-size:.95rem}
:where(#view-r) .vchain span{font:400 11.5px/1.5 var(--f-mono);color:var(--muted)}
:where(#view-r) .vchain li.gap{border-color:var(--alert);border-style:dashed}
:where(#view-r) .vchain li.gap b{color:var(--alert)}
:where(#view-r) .lever{margin-top:30px;display:grid;gap:12px;max-width:46em}
:where(#view-r) .map3{list-style:none;padding:0;margin:0;display:grid;gap:8px}
:where(#view-r) .map3 li{display:grid;grid-template-columns:3.4em 1.4em minmax(0,1fr);gap:10px;align-items:center;padding:12px 16px;border:1px solid var(--rule);border-radius:8px;background:var(--surface);transition:border-color .2s}
:where(#view-r) .map3 li.on{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}
:where(#view-r) .map3 .d{font-weight:600}
:where(#view-r) .map3 i{font:500 14px var(--f-mono);font-style:normal;color:var(--accent);text-align:center}
:where(#view-r) .map3 span{font-size:.92rem}
:where(#view-r) .map3 span b{font-weight:600}
:where(#view-r) .mv{stroke:var(--accent);stroke-width:2.6;fill:none;stroke-linecap:round}
:where(#view-r) .mv-h{fill:var(--accent)}
:where(#view-r) .mvt{font:600 12px var(--f-body);fill:var(--accent)}
:where(#view-r) .inset{fill:var(--surface);stroke:var(--rule);stroke-width:1.2}
:where(#view-r) .t-bar{fill:var(--soft);stroke:var(--ink);stroke-width:1.2}
:where(#view-r) #mand{transition:transform .3s}
:where(#view-r) #mand.lr{animation:lr 2.6s ease-in-out infinite}
:where(#view-r) #mand.ap{animation:ap 2.6s ease-in-out infinite}
:where(#view-r) #lo-bar.vt{animation:vt 2.6s ease-in-out infinite}
@keyframes lr{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@keyframes ap{0%,100%{transform:translateY(0)}25%{transform:translateY(-5px)}75%{transform:translateY(5px)}}
@keyframes vt{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
:where(#view-r) .bone.mdl{stroke:var(--accent);stroke-width:2}
:where(#view-r) .pos svg{display:block;width:100%;height:auto}
:where(#view-r) .p-cr{fill:var(--soft);stroke:var(--rule);stroke-width:1.2}
:where(#view-r) .p-md{fill:var(--surface);stroke:var(--muted);stroke-width:1.2}
:where(#view-r) .p-cd{fill:var(--ink)}
:where(#view-r) .p-dv{stroke:var(--muted);stroke-width:2;fill:none;marker-end:url(#pa-m)}
:where(#view-r) .p-as{stroke:var(--alert);stroke-width:2;fill:none;marker-end:url(#pa-a)}
:where(#view-r) .p-ok{stroke:var(--accent);stroke-width:2;fill:none;marker-end:url(#pa-c)}
:where(#view-r) .p-path{stroke:var(--ink);stroke-width:2.6;fill:none;marker-end:url(#pa-i)}
:where(#view-r) .pm-m{fill:var(--muted)}
:where(#view-r) .pm-a{fill:var(--alert)}
:where(#view-r) .pm-c{fill:var(--accent)}
:where(#view-r) .pm-i{fill:var(--ink)}
:where(#view-r) .p-l{font:500 11.5px var(--f-body);fill:var(--muted)}
:where(#view-r) .p-la{font:500 11.5px var(--f-body);fill:var(--alert)}
:where(#view-r) .p-lc{font:500 11.5px var(--f-body);fill:var(--accent)}
:where(#view-r) .p-li{font:600 11.5px var(--f-body);fill:var(--ink)}
:where(#view-r) .pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:14px}
:where(#view-r) .pair div{display:grid;gap:4px;padding:14px 16px;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#view-r) .pair .mono{font-size:12px;letter-spacing:.06em;color:var(--alert)}
:where(#view-r) .pair .now{border-color:var(--accent)}
:where(#view-r) .pair .now .mono{color:var(--accent)}
:where(#view-r) .pair p{font-size:.92rem}
:where(#view-r) .ln{fill:rgba(207,227,224,.06);stroke:rgba(207,227,224,.35);stroke-width:1.2}
:where(#view-r) .ln.hi{stroke:var(--xr-hi)}
:where(#view-r) .lt{font:600 12.5px var(--f-body);fill:var(--xr-line)}
:where(#view-r) .lm{font:400 10px var(--f-mono);fill:var(--xr-dim)}
:where(#view-r) .lp{stroke:var(--xr-hi);stroke-width:1.8;fill:none;marker-end:url(#ahx)}
:where(#view-r) .lo{stroke:var(--xr-dim);stroke-width:1.4;fill:none;stroke-dasharray:4 4;marker-end:url(#ahy)}
:where(#view-r) .ahx{fill:var(--xr-hi)}
:where(#view-r) .ahy{fill:var(--xr-dim)}
:where(#view-r) .lc{font:500 17px var(--f-mono);fill:var(--xr-hi)}
:where(#view-r) .lcs{font:400 10px var(--f-body);fill:var(--xr-dim)}
:where(#view-r) .xr-steps em{font-style:normal;font-family:var(--f-mono);color:var(--xr-hi)}
:where(#view-r) .phases a .ph-n{font-variant-numeric:tabular-nums}
:where(#view-r) .cbd{margin-top:22px;padding-top:18px;border-top:1px solid var(--rule);display:grid;gap:4px;max-width:46em}
:where(#view-r) .cbd b{font:700 1.05rem/1.5 var(--f-display)}
:where(#view-r) .cbd span{font-size:.92rem;color:var(--muted)}
@media (max-width:760px){:where(#view-r) .pair{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){:where(#view-r) #mand.lr,:where(#view-r) #mand.ap,:where(#view-r) #lo-bar.vt{animation:none}:where(#view-r) .map3 li{transition:none}}
:where(#view-r){
  --paper:#F3F6F5; --surface:#FFFFFF; --soft:#E6EDEB; --ink:#12232B; --muted:#53656C; --rule:#D2DCDA;
  --accent:#0F7B6C; --on-accent:#FFFFFF; --alert:#C2532B;
  --xr-bg:#0D1B23; --xr-line:#CFE3E0; --xr-dim:#86A3A1; --xr-hi:#6FE3CF; --xr-alert:#FF9A73;
  --f-display:'Nanum Myeongjo','Noto Serif KR',serif;
  --f-body:'IBM Plex Sans KR','Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) :where(#view-r){
    --paper:#0A1317; --surface:#101D23; --soft:#13232A; --ink:#E5EEEC; --muted:#9DB1AE; --rule:#24353B;
    --accent:#4FD1BC; --on-accent:#04201B; --alert:#F08A62;
    --xr-bg:#050D11; color-scheme:dark;
  }}
:root[data-theme="dark"] :where(#view-r){
  --paper:#0A1317; --surface:#101D23; --soft:#13232A; --ink:#E5EEEC; --muted:#9DB1AE; --rule:#24353B;
  --accent:#4FD1BC; --on-accent:#04201B; --alert:#F08A62;
  --xr-bg:#050D11; color-scheme:dark;
}
:where(#view-r) *{box-sizing:border-box}
:where(#view-r){scroll-behavior:smooth}
:where(#view-r){background:var(--paper);color:var(--ink);font:400 16.5px/1.75 var(--f-body);word-break:keep-all;overflow-wrap:break-word;margin:0}
:where(#view-r) body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--paper);z-index:30}
:where(#view-r) h1,:where(#view-r) h2,:where(#view-r) h3,:where(#view-r) p,:where(#view-r) ul,:where(#view-r) ol,:where(#view-r) figure,:where(#view-r) blockquote{margin:0}
:where(#view-r) a{color:inherit}
:where(#view-r) :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
:where(#view-r) .wrap{max-width:1120px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
:where(#view-r) .read{max-width:34em}
:where(#view-r) .mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
:where(#view-r) .eyebrow{font:500 12px var(--f-mono);letter-spacing:.14em;color:var(--accent);text-transform:uppercase}
:where(#view-r) .muted{color:var(--muted)}
:where(#view-r) .small{font-size:.875rem}
:where(#view-r) .head{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--paper);border-bottom:1px solid var(--rule)}
:where(#view-r) .head-in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px}
:where(#view-r) .brand{display:flex;align-items:center;gap:10px;text-decoration:none}
:where(#view-r) .brand b{display:block;font:800 1.2rem/1.1 var(--f-display)}
:where(#view-r) .brand small{display:block;margin-top:3px;font:500 10.5px/1 var(--f-mono);letter-spacing:.12em;color:var(--muted)}
:where(#view-r) .nav ul{list-style:none;padding:0;display:flex;align-items:center;gap:2px}
:where(#view-r) .nav a{display:block;padding:9px 13px;border-radius:6px;text-decoration:none;font-weight:500;font-size:15px;white-space:nowrap}
:where(#view-r) .nav a:hover{background:var(--soft)}
:where(#view-r) .nav a[aria-current="page"]{color:var(--accent);font-weight:600}
:where(#view-r) .nav a.cta{background:var(--accent);color:var(--on-accent);margin-left:6px;font-weight:600}
:where(#view-r) .burger{display:none;width:44px;height:44px;border:1px solid var(--rule);background:none;color:inherit;border-radius:6px;cursor:pointer;place-items:center}
:where(#view-r) .burger i{display:block;width:18px;height:2px;background:currentColor;box-shadow:0 6px 0 currentColor,0 -6px 0 currentColor}
:where(#view-r) .steps{border-bottom:1px solid var(--rule);background:var(--surface)}
:where(#view-r) .steps-in{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-block:10px;scrollbar-width:none}
:where(#view-r) .steps-in::-webkit-scrollbar{display:none}
:where(#view-r) .crumb{font-size:13px;color:var(--muted);white-space:nowrap;margin-right:6px}
:where(#view-r) .step{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:6px 12px;border:1px solid var(--rule);border-radius:99px;font-size:13.5px;text-decoration:none;color:var(--muted)}
:where(#view-r) .step b{font:500 12px var(--f-mono)}
:where(#view-r) .step[aria-current="step"]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}
:where(#view-r) .hero{padding-block:56px 48px}
:where(#view-r) .hero h1{font:800 clamp(1.95rem,5.2vw,3.25rem)/1.3 var(--f-display);letter-spacing:-.015em;text-wrap:balance;margin:14px 0 18px;max-width:15em}
:where(#view-r) .hero .lead{font-size:1.1rem;color:var(--muted)}
:where(#view-r) .try{display:flex;gap:12px;align-items:flex-start;margin-top:26px;padding:14px 16px;border:1px dashed var(--accent);border-radius:8px;max-width:34em;font-size:.95rem}
:where(#view-r) .try .mono{color:var(--accent);font-size:12px;letter-spacing:.1em;padding-top:3px;white-space:nowrap}
:where(#view-r) .btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
:where(#view-r) .btn{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:6px;font:600 15px var(--f-body);text-decoration:none;border:1px solid var(--ink);cursor:pointer;background:none;color:inherit}
:where(#view-r) .btn.fill{background:var(--ink);color:var(--paper)}
:where(#view-r) .btn:hover{filter:brightness(1.1)}
:where(#view-r) .play{width:0;height:0;border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}
:where(#view-r) .sec{padding-block:72px;border-top:1px solid var(--rule)}
:where(#view-r) .sec.tint{background:var(--surface)}
:where(#view-r) .sec-head{display:grid;gap:12px;margin-bottom:34px}
:where(#view-r) .num{font:500 clamp(2.6rem,9vw,4.4rem)/1 var(--f-mono);letter-spacing:-.03em;color:var(--accent);font-variant-numeric:tabular-nums}
:where(#view-r) .num small{font-size:.38em;letter-spacing:0;margin-left:4px;color:var(--muted)}
:where(#view-r) h2{font:700 clamp(1.5rem,3.6vw,2.1rem)/1.38 var(--f-display);letter-spacing:-.01em;text-wrap:balance}
:where(#view-r) .body{display:grid;gap:14px}
:where(#view-r) .grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
:where(#view-r) .tag{display:inline-block;font:500 11.5px/1 var(--f-mono);letter-spacing:.06em;padding:6px 10px;border:1px solid var(--rule);border-radius:99px;color:var(--muted);background:var(--surface);justify-self:start}
:where(#view-r) .src{font:500 12px var(--f-mono);color:var(--muted);text-decoration:none;border-bottom:1px dotted var(--muted)}
:where(#view-r) .src:hover{color:var(--accent);border-color:var(--accent)}
:where(#view-r) .panel{background:var(--surface);border:1px solid var(--rule);border-radius:8px;padding:22px 20px;display:grid;gap:16px;min-width:0}
:where(#view-r) .panel h3{font:500 12px var(--f-mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
:where(#view-r) .bars{display:grid;gap:10px}
:where(#view-r) .bar{display:grid;grid-template-columns:5.2em minmax(0,1fr) 5.4em;gap:12px;align-items:center;font-size:.92rem}
:where(#view-r) .bar .track{height:16px;background:var(--soft);border-radius:3px;overflow:hidden}
:where(#view-r) .bar .fill{height:100%;background:var(--muted);opacity:.55;border-radius:3px}
:where(#view-r) .bar.on .fill{background:var(--accent);opacity:1}
:where(#view-r) .bar .v{font-family:var(--f-mono);font-variant-numeric:tabular-nums;text-align:right;font-size:.85rem}
:where(#view-r) .bar.on b,:where(#view-r) .bar.on .v{color:var(--accent);font-weight:600}
:where(#view-r) .note{font-size:.82rem;color:var(--muted);line-height:1.6}
:where(#view-r) .callout{border-left:3px solid var(--accent);padding:4px 0 4px 16px;font-weight:500}
:where(#view-r) .seg{display:inline-flex;border:1px solid var(--rule);border-radius:99px;padding:3px;gap:3px;justify-self:start;flex-wrap:wrap}
:where(#view-r) .seg button{border:0;background:none;color:var(--muted);font:500 13.5px var(--f-body);padding:7px 14px;border-radius:99px;cursor:pointer}
:where(#view-r) .seg button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
:where(#view-r) .bite svg{display:block;width:100%;height:auto}
:where(#view-r) .t-up{fill:var(--soft);stroke:var(--ink);stroke-width:1.5}
:where(#view-r) .t-lo{fill:var(--surface);stroke:var(--ink);stroke-width:1.5}
:where(#view-r) .gum{fill:var(--rule)}
:where(#view-r) .hit{fill:var(--alert)}
:where(#view-r) .arr{stroke:var(--alert);stroke-width:2.5;fill:none;marker-end:url(#ah)}
:where(#view-r) .arr-h{fill:var(--alert)}
:where(#view-r) .lbl{font:500 12.5px var(--f-body);fill:var(--ink)}
:where(#view-r) .lbl-m{font:400 11px var(--f-mono);fill:var(--muted)}
:where(#view-r) #lower{transition:transform .5s ease}
:where(#view-r) .xr{background:var(--xr-bg);color:var(--xr-line);border-radius:10px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
:where(#view-r) .xr-fig{padding:18px 10px 6px;border-right:1px solid rgba(207,227,224,.12);display:grid;gap:8px;align-content:start}
:where(#view-r) .xr-fig svg{display:block;width:100%;max-width:300px;height:auto;margin-inline:auto}
:where(#view-r) .xr-top{display:flex;justify-content:space-between;gap:10px;padding:0 8px;font:500 10.5px var(--f-mono);letter-spacing:.14em;color:var(--xr-dim)}
:where(#view-r) .xr-ctl{display:grid;gap:6px;padding:4px 10px 14px}
:where(#view-r) .xr-ctl label{font-size:13px;color:var(--xr-dim);display:flex;justify-content:space-between}
:where(#view-r) .xr-ctl input{width:100%;accent-color:var(--xr-hi);margin:0}
:where(#view-r) .xr-steps{list-style:none;padding:22px 22px 24px;margin:0;display:grid;gap:0;counter-reset:s}
:where(#view-r) .xr-steps li{display:grid;grid-template-columns:2.2em minmax(0,1fr);gap:4px 10px;padding:12px 0;border-bottom:1px solid rgba(207,227,224,.12);counter-increment:s}
:where(#view-r) .xr-steps li:last-child{border-bottom:0}
:where(#view-r) .xr-steps li::before{content:counter(s);font:500 12px/1.9 var(--f-mono);color:var(--xr-hi);text-align:center;border:1px solid rgba(111,227,207,.4);border-radius:99px;height:1.9em}
:where(#view-r) .xr-steps b{font-weight:600;color:#fff}
:where(#view-r) .xr-steps span{grid-column:2;font-size:.9rem;color:var(--xr-dim);line-height:1.6}
:where(#view-r) .xr-foot{grid-column:1/-1;border-top:1px solid rgba(207,227,224,.12);padding:12px 18px;font-size:12px;color:var(--xr-dim)}
:where(#view-r) .sk{fill:none;stroke:var(--xr-line);stroke-width:1.6;stroke-linecap:round}
:where(#view-r) .sk-dim{fill:none;stroke:var(--xr-dim);stroke-width:1;stroke-dasharray:3 4}
:where(#view-r) .sp{fill:none;stroke:var(--xr-hi);stroke-width:3;stroke-linecap:round}
:where(#view-r) .lv{stroke:var(--xr-line);stroke-width:2;stroke-linecap:round}
:where(#view-r) .lv-hi{stroke:var(--xr-alert);stroke-width:2.4;stroke-linecap:round}
:where(#view-r) .eye{fill:var(--xr-line)}
:where(#view-r) .xl{font:500 10.5px var(--f-body);fill:var(--xr-dim)}
:where(#view-r) .xl-hi{fill:var(--xr-alert)}
:where(#view-r) .load{fill:var(--xr-alert);opacity:.85}
:where(#view-r) .chain{list-style:none;padding:0;display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}
:where(#view-r) .chain li{flex:1 1 7.5em;border:1px solid var(--rule);border-radius:8px;padding:12px 12px 10px;background:var(--surface);display:grid;gap:2px;position:relative}
:where(#view-r) .chain li b{font-size:.98rem}
:where(#view-r) .chain li span{font:400 11.5px var(--f-mono);color:var(--muted)}
:where(#view-r) .chain li:last-child{border-color:var(--accent)}
:where(#view-r) .chain li:last-child b{color:var(--accent)}
:where(#view-r) .sig svg{display:block;width:100%;height:auto}
:where(#view-r) .s-in{stroke:var(--ink);stroke-width:2;fill:none;marker-end:url(#ah2)}
:where(#view-r) .s-out{stroke:var(--alert);stroke-width:1.8;fill:none;stroke-dasharray:5 4;marker-end:url(#ah3)}
:where(#view-r) .s-col{fill:var(--soft);stroke:var(--accent);stroke-width:1.5}
:where(#view-r) .s-t{font:600 13px var(--f-body);fill:var(--ink)}
:where(#view-r) .s-m{font:400 11px var(--f-mono);fill:var(--muted)}
:where(#view-r) .s-a{font:500 12.5px var(--f-body);fill:var(--alert)}
:where(#view-r) .ah2{fill:var(--ink)}
:where(#view-r) .ah3{fill:var(--alert)}
:where(#view-r) .three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
:where(#view-r) .three a{display:grid;gap:4px;padding:14px;border:1px solid var(--rule);border-radius:8px;text-decoration:none;background:var(--surface)}
:where(#view-r) .three a b{font-weight:600}
:where(#view-r) .three a span{font-size:.85rem;color:var(--muted);line-height:1.55}
:where(#view-r) .three a:hover{border-color:var(--accent)}
:where(#view-r) .three a:hover b{color:var(--accent)}
:where(#view-r) .clear{display:grid;gap:10px;padding:24px 22px;border:1px solid var(--accent);border-radius:10px;background:var(--surface);max-width:46em}
:where(#view-r) .clear h3{font:700 clamp(1.15rem,2.6vw,1.4rem)/1.45 var(--f-display);text-wrap:balance}
:where(#view-r) .overview{background:var(--paper)}
:where(#view-r) .flow{position:relative;display:grid;gap:0}
:where(#view-r) .wire{display:flex;align-items:center;gap:12px;font:500 12px var(--f-mono);letter-spacing:.06em;color:var(--accent);margin-bottom:12px}
:where(#view-r) .wire::before,:where(#view-r) .wire::after{content:"";flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--accent) 0 8px,transparent 8px 13px)}
:where(#view-r) .wire span{white-space:nowrap}
:where(#view-r) .phases{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;counter-reset:none}
:where(#view-r) .phases a{display:grid;gap:6px;height:100%;padding:18px 18px 20px;border:1px solid var(--rule);border-top:3px solid var(--accent);border-radius:8px;background:var(--surface);text-decoration:none}
:where(#view-r) .phases a:hover{border-color:var(--accent)}
:where(#view-r) .ph-n{font:500 12px var(--f-mono);letter-spacing:.1em;color:var(--accent)}
:where(#view-r) .phases b{font:700 1.12rem/1.4 var(--f-display)}
:where(#view-r) .phases a>span:last-child{font-size:.9rem;color:var(--muted);line-height:1.6}
:where(#view-r) .named{margin-top:22px;font-size:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
:where(#view-r) .named b{color:var(--accent);font-weight:700}
:where(#view-r) .next{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:24px;border:1px solid var(--ink);border-radius:10px;text-decoration:none;background:var(--surface);margin-top:30px}
:where(#view-r) .next small{font:500 12px var(--f-mono);letter-spacing:.1em;color:var(--accent)}
:where(#view-r) .next b{display:block;font:700 1.3rem/1.4 var(--f-display);margin-top:4px}
:where(#view-r) .next span{color:var(--muted);font-size:.92rem}
:where(#view-r) .next i{font-style:normal;font-size:1.6rem;color:var(--accent)}
:where(#view-r) .next:hover{border-color:var(--accent)}
:where(#view-r) .quote{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:start}
:where(#view-r) .ph{width:84px;height:84px;border-radius:50%;background:repeating-linear-gradient(135deg,var(--soft) 0 8px,var(--rule) 8px 9px);display:grid;place-items:center;font:500 10px var(--f-mono);color:var(--muted);text-align:center}
:where(#view-r) blockquote p{font:700 clamp(1.15rem,2.6vw,1.45rem)/1.6 var(--f-display);text-wrap:balance}
:where(#view-r) blockquote footer{margin-top:12px;font-size:.9rem;color:var(--muted)}
:where(#view-r) details{border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#view-r) summary{cursor:pointer;padding:16px 18px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
:where(#view-r) summary::-webkit-details-marker{display:none}
:where(#view-r) summary::after{content:"+";font:500 18px/1 var(--f-mono);color:var(--accent)}
:where(#view-r) details[open] summary::after{content:"−"}
:where(#view-r) .refs{list-style:none;margin:0;padding:0 18px 18px;display:grid;gap:10px;font-size:.88rem}
:where(#view-r) .refs li{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:12px;border-top:1px solid var(--rule);padding-top:10px}
:where(#view-r) .refs li span:first-child{font:500 12px/1.9 var(--f-mono);color:var(--accent)}
:where(#view-r) .end{display:flex;flex-wrap:wrap;gap:10px}
:where(#view-r) .foot{border-top:1px solid var(--rule);padding-block:40px 48px;font-size:.86rem;color:var(--muted)}
:where(#view-r) .foot-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 40px}
:where(#view-r) .foot b{color:var(--ink)}
:where(#view-r) .foot p+p{margin-top:4px}
:where(#view-r) .fine{grid-column:1/-1;border-top:1px solid var(--rule);padding-top:16px;font-size:.8rem}
:where(#view-r) .mbar{display:none}
@media (max-width:860px){:where(#view-r) .grid2{grid-template-columns:minmax(0,1fr);gap:32px}:where(#view-r) .xr{grid-template-columns:minmax(0,1fr)}:where(#view-r) .xr-fig{border-right:0;border-bottom:1px solid rgba(207,227,224,.12)}}
@media (max-width:760px){:where(#view-r) .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--rule);padding:8px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px))}:where(#view-r) .nav.open{display:block}:where(#view-r) .nav ul{flex-direction:column;align-items:stretch}:where(#view-r) .nav a{padding:13px 8px}:where(#view-r) .nav a.cta{margin:8px 0 0;text-align:center}:where(#view-r) .burger{display:inline-grid}:where(#view-r) .sec{padding-block:56px}:where(#view-r) .hero{padding-block:40px 40px}:where(#view-r) .three,:where(#view-r) .phases{grid-template-columns:minmax(0,1fr)}:where(#view-r) .mbar{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:15;background:var(--paper);border-top:1px solid var(--rule);padding:9px max(16px,env(safe-area-inset-right,0px)) calc(9px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}:where(#view-r) .mbar a{display:grid;place-items:center;padding:11px 6px;border:1px solid var(--rule);border-radius:6px;text-decoration:none;font-weight:600;font-size:14px}:where(#view-r) .mbar a:last-child{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}:where(#view-r){padding-bottom:72px}:where(#view-r) .foot-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){:where(#view-r) .quote{grid-template-columns:minmax(0,1fr)}:where(#view-r) .refs li{grid-template-columns:minmax(0,1fr);gap:2px}:where(#view-r) .next{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){:where(#view-r){scroll-behavior:auto}:where(#view-r) #lower{transition:none}}
:where(#view-r) .timeline{list-style:none;padding:0;margin:0;display:grid;gap:0;border-left:2px solid var(--rule);margin-left:6px}
:where(#view-r) .timeline li{position:relative;display:grid;gap:3px;padding:0 0 22px 22px}
:where(#view-r) .timeline li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--muted)}
:where(#view-r) .timeline li.now::before{background:var(--accent);border-color:var(--accent)}
:where(#view-r) .timeline .yr{font-size:12px;color:var(--accent);letter-spacing:.08em}
:where(#view-r) .timeline b{font-weight:600}
:where(#view-r) .timeline li>span:last-child{font-size:.92rem;color:var(--muted);line-height:1.6}
:where(#view-r) .timeline li.now b{color:var(--accent)}
:where(#view-r) .stats{display:grid;gap:12px;margin:0}
:where(#view-r) .stats div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 16px;padding:16px 18px;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#view-r) .stats dt{font-size:.9rem;color:var(--muted)}
:where(#view-r) .stats dd{margin:0;grid-row:1/3;grid-column:2;font-size:2rem;font-weight:500;color:var(--accent);letter-spacing:-.02em;align-self:center}
:where(#view-r) .stats dd small{font-size:.45em;color:var(--muted);margin-left:3px;letter-spacing:0}
:where(#view-r) .stats span{font-size:.85rem;color:var(--muted)}
:where(#view-r) .base svg{display:block;width:100%;height:auto}
:where(#view-r) .skull{fill:var(--soft);stroke:var(--rule);stroke-width:1.5}
:where(#view-r) .bone{fill:none;stroke:var(--muted);stroke-width:1.6;transition:fill .25s,stroke .25s}
:where(#view-r) .bone.fillb{fill:var(--surface)}
:where(#view-r) .bone[data-g="man"]{stroke-dasharray:6 5}
:where(#view-r) .bone.on{stroke:var(--accent);stroke-width:2.4}
:where(#view-r) .bone.fillb.on{fill:color-mix(in srgb,var(--accent) 22%,var(--surface))}
:where(#view-r) .hole{fill:var(--paper);stroke:var(--muted);stroke-width:1.2}
:where(#view-r) .tmj{fill:var(--surface);stroke:var(--muted);stroke-width:1.6}
:where(#view-r) .tmj.on{fill:var(--accent);stroke:var(--accent)}
:where(#view-r) .bl{font:600 12.5px var(--f-body);fill:var(--ink)}
:where(#view-r) .bs{font:400 10.5px var(--f-mono);fill:var(--muted)}
:where(#view-r) .dir{font:400 10.5px var(--f-mono);fill:var(--muted);letter-spacing:.08em}
:where(#view-r) .cap{min-height:4.8em;font-size:.9rem;color:var(--ink)}
:where(#view-r) .big{margin:0;padding:22px 0 0;border-top:2px solid var(--ink)}
:where(#view-r) .big p{font:800 clamp(1.4rem,3.4vw,2rem)/1.45 var(--f-display);text-wrap:balance}
:where(#view-r) .big footer{margin-top:10px;font-size:.9rem;color:var(--muted)}
:where(#view-r) .compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:36px}
:where(#view-r) .compare div{display:grid;gap:6px;padding:18px 20px;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#view-r) .compare .mono{font-size:12px;color:var(--muted);letter-spacing:.06em}
:where(#view-r) .compare b{font:700 1.1rem/1.45 var(--f-display)}
:where(#view-r) .compare p{font-size:.92rem;color:var(--muted)}
:where(#view-r) .compare .on{border-color:var(--accent);border-top:3px solid var(--accent)}
:where(#view-r) .compare .on .mono{color:var(--accent)}
:where(#view-r) .two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
:where(#view-r) .half{display:grid;gap:10px;align-content:start;padding:22px;border:1px solid var(--rule);border-radius:10px;background:var(--paper)}
:where(#view-r) .half.on{border-color:var(--accent)}
:where(#view-r) .half .mono{font-size:12px;letter-spacing:.08em;color:var(--accent)}
:where(#view-r) .half h3{font:700 1.2rem/1.45 var(--f-display)}
:where(#view-r) .half p{font-size:.95rem}
:where(#view-r) .checks{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:.93rem}
:where(#view-r) .checks li{position:relative;padding-left:20px;line-height:1.6}
:where(#view-r) .checks li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--accent)}
@media (max-width:760px){:where(#view-r) .compare,:where(#view-r) .two{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){:where(#view-r) .bone{transition:none}}
:where(#view-r) .wave svg{display:block;width:100%;height:auto}
:where(#view-r) .axis{stroke:var(--rule);stroke-width:1.2}
:where(#view-r) .ax{font:400 10.5px var(--f-mono);fill:var(--muted)}
:where(#view-r) .wv{fill:none;stroke:var(--accent);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
:where(#view-r) .wv.off{stroke:var(--alert)}
:where(#view-r) .wv-ghost{fill:none;stroke:var(--muted);stroke-width:1.2;stroke-dasharray:4 5;opacity:.6}
:where(#view-r) .chew{fill:var(--ink)}
:where(#view-r) .chew-l{font:400 9.5px var(--f-mono);fill:var(--muted)}
:where(#view-r) .cap{min-height:4.6em;font-size:.9rem;color:var(--ink)}
:where(#view-r) .chainv{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
:where(#view-r) .chainv li{display:grid;gap:10px;align-content:start;padding:18px;border:1px solid var(--rule);border-top:3px solid var(--alert);border-radius:8px;background:var(--surface)}
:where(#view-r) .chainv .mono{font-size:12px;color:var(--alert);letter-spacing:.1em}
:where(#view-r) .chainv b{font:700 1.08rem/1.4 var(--f-display);display:block;margin-bottom:4px}
:where(#view-r) .chainv p{font-size:.9rem;color:var(--muted);line-height:1.6}
:where(#view-r) .daybar{display:flex;height:40px;border-radius:6px;overflow:hidden;border:1px solid var(--rule)}
:where(#view-r) .daybar span{display:grid;place-items:center;font-size:12px;white-space:nowrap;overflow:hidden;transition:background .3s,color .3s}
:where(#view-r) .seg-sleep{background:var(--accent);color:var(--on-accent)}
:where(#view-r) .seg-meal{background:var(--accent);color:var(--on-accent)}
:where(#view-r) .seg-gap{background:var(--soft)}
:where(#view-r) .daybar.sp .seg-meal{background:repeating-linear-gradient(135deg,var(--soft) 0 6px,var(--rule) 6px 8px);color:var(--muted)}
:where(#view-r) .dayaxis{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}
:where(#view-r) .recap{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
:where(#view-r) .recap li{display:grid;gap:6px;align-content:start;padding:18px;border:1px solid var(--rule);border-radius:8px;background:var(--paper)}
:where(#view-r) .recap .mono{font-size:13px;color:var(--accent)}
:where(#view-r) .recap b{font:700 1.08rem/1.4 var(--f-display)}
:where(#view-r) .recap p{font-size:.9rem;color:var(--muted);line-height:1.6}
:where(#view-r) .recap li.now{border-color:var(--accent);border-top:3px solid var(--accent)}
@media (max-width:860px){:where(#view-r) .chainv,:where(#view-r) .recap{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){:where(#view-r) .chainv,:where(#view-r) .recap{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){:where(#view-r) .daybar span{transition:none}}
:where(#view-r) .steps{position:sticky;top:calc(64px + env(safe-area-inset-top,0px));z-index:18}
:where(#view-r) button.step{font:inherit;font-size:13.5px;background:var(--surface);cursor:pointer}
:where(#view-r) button.step[aria-selected="true"]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}
:where(#view-r) .intro{padding-block:22px 0}
:where(#view-r) .intro p{font-size:.95rem;color:var(--muted)}
:where(#view-r) [role="tabpanel"]:focus{outline:none}
/* 사이트 통합 */
.view-intro{padding-block:26px 4px}
.view-intro h1{font:800 clamp(1.6rem,4vw,2.3rem)/1.3 var(--f-display);letter-spacing:-.015em}
.view-intro p{color:var(--muted);margin-top:6px}

/* 나무와 숲 */
.tf-namu{color:var(--muted)}
.tf-block{display:grid;gap:12px;padding:22px;border:1px solid var(--rule);border-radius:10px;background:var(--paper)}
.tf-block.on{border-color:var(--accent);margin-top:14px}
.tf-head{display:flex;align-items:center;gap:10px;font-size:1.15rem}
.tf-head b{font:700 1.2rem/1.3 var(--f-display)}
.tf-tag{font:500 12px var(--f-mono);padding:5px 12px;border-radius:99px;background:var(--soft);color:var(--muted)}
.tf-tag.on{background:var(--accent);color:var(--on-accent)}
.tf-note{color:var(--muted);max-width:44em}
.tf-defs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0}
.tf-defs div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;padding:10px 0;border-top:1px solid var(--rule);align-items:baseline}
.tf-defs dt{font-weight:600;white-space:nowrap}
.tf-defs dt em{font:500 12px var(--f-mono);font-style:normal;color:var(--muted);margin-left:4px}
.tf-defs dd{margin:0;font-size:.92rem;color:var(--muted)}
.tf-scale{margin:28px 0 0;display:grid;gap:8px}
.tf-imgbox{background:#fff;border:1px solid var(--rule);border-radius:8px;padding:8px;overflow:hidden}
.tf-imgbox img{display:block;width:100%;height:auto}
.tf-labels{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;font-weight:600;font-size:.95rem;color:var(--muted)}
.tf-labels .n{color:var(--accent)}
.tf-range{position:relative;height:22px;font:500 12px var(--f-mono)}
.tf-range.old{width:50%;border:2px solid var(--rule);border-bottom:0;border-radius:4px 4px 0 0;margin-top:6px}
.tf-range.old span{position:absolute;right:0;top:-20px;color:var(--muted)}
.tf-range.mcb{border:2px solid var(--accent);border-top:0;border-radius:0 0 4px 4px}
.tf-range.mcb span{position:absolute;right:0;bottom:-22px;color:var(--accent);font-weight:600}
.tf-q{margin-top:40px;text-align:center;display:grid;gap:14px;justify-items:center}
.tf-q .q{font:800 clamp(1.35rem,3.6vw,2rem)/1.45 var(--f-display);text-wrap:balance}
.tf-q .q b{color:var(--accent)}
.tf-q .qd{color:var(--muted);max-width:38em}
@media (max-width:640px){.tf-defs{grid-template-columns:minmax(0,1fr)}.tf-labels{font-size:.8rem}}

/* ── 고민 1 ── */
:where(#g1){
  --paper:#F3F6F5; --surface:#FFFFFF; --soft:#E6EDEB; --ink:#12232B; --muted:#53656C; --rule:#D2DCDA;
  --accent:#0F7B6C; --on-accent:#FFFFFF; --alert:#C2532B;
  --xr-bg:#0D1B23; --xr-line:#CFE3E0; --xr-dim:#86A3A1; --xr-hi:#6FE3CF; --xr-alert:#FF9A73;
  --f-display:'Nanum Myeongjo','Noto Serif KR',serif;
  --f-body:'IBM Plex Sans KR','Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) :where(#g1){
    --paper:#0A1317; --surface:#101D23; --soft:#13232A; --ink:#E5EEEC; --muted:#9DB1AE; --rule:#24353B;
    --accent:#4FD1BC; --on-accent:#04201B; --alert:#F08A62;
    --xr-bg:#050D11; color-scheme:dark;
  }}
:root[data-theme="dark"] :where(#g1){
  --paper:#0A1317; --surface:#101D23; --soft:#13232A; --ink:#E5EEEC; --muted:#9DB1AE; --rule:#24353B;
  --accent:#4FD1BC; --on-accent:#04201B; --alert:#F08A62;
  --xr-bg:#050D11; color-scheme:dark;
}
:where(#g1) *{box-sizing:border-box}
:where(#g1){scroll-behavior:smooth}
:where(#g1){background:var(--paper);color:var(--ink);font:400 16.5px/1.75 var(--f-body);word-break:keep-all;overflow-wrap:break-word;margin:0}
:where(#g1) body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--paper);z-index:30}
:where(#g1) h1,:where(#g1) h2,:where(#g1) h3,:where(#g1) p,:where(#g1) ul,:where(#g1) ol,:where(#g1) figure,:where(#g1) blockquote{margin:0}
:where(#g1) a{color:inherit}
:where(#g1) :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
:where(#g1) .wrap{max-width:1120px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
:where(#g1) .read{max-width:34em}
:where(#g1) .mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
:where(#g1) .eyebrow{font:500 12px var(--f-mono);letter-spacing:.14em;color:var(--accent);text-transform:uppercase}
:where(#g1) .muted{color:var(--muted)}
:where(#g1) .small{font-size:.875rem}
:where(#g1) .head{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--paper);border-bottom:1px solid var(--rule)}
:where(#g1) .head-in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px}
:where(#g1) .brand{display:flex;align-items:center;gap:10px;text-decoration:none}
:where(#g1) .brand b{display:block;font:800 1.2rem/1.1 var(--f-display)}
:where(#g1) .brand small{display:block;margin-top:3px;font:500 10.5px/1 var(--f-mono);letter-spacing:.12em;color:var(--muted)}
:where(#g1) .nav ul{list-style:none;padding:0;display:flex;align-items:center;gap:2px}
:where(#g1) .nav a{display:block;padding:9px 13px;border-radius:6px;text-decoration:none;font-weight:500;font-size:15px;white-space:nowrap}
:where(#g1) .nav a:hover{background:var(--soft)}
:where(#g1) .nav a[aria-current="page"]{color:var(--accent);font-weight:600}
:where(#g1) .nav a.cta{background:var(--accent);color:var(--on-accent);margin-left:6px;font-weight:600}
:where(#g1) .burger{display:none;width:44px;height:44px;border:1px solid var(--rule);background:none;color:inherit;border-radius:6px;cursor:pointer;place-items:center}
:where(#g1) .burger i{display:block;width:18px;height:2px;background:currentColor;box-shadow:0 6px 0 currentColor,0 -6px 0 currentColor}
:where(#g1) .steps{border-bottom:1px solid var(--rule);background:var(--surface)}
:where(#g1) .steps-in{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-block:10px;scrollbar-width:none}
:where(#g1) .steps-in::-webkit-scrollbar{display:none}
:where(#g1) .crumb{font-size:13px;color:var(--muted);white-space:nowrap;margin-right:6px}
:where(#g1) .step{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:6px 12px;border:1px solid var(--rule);border-radius:99px;font-size:13.5px;text-decoration:none;color:var(--muted)}
:where(#g1) .step b{font:500 12px var(--f-mono)}
:where(#g1) .step[aria-current="step"]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}
:where(#g1) .hero{padding-block:56px 48px}
:where(#g1) .hero h1{font:800 clamp(1.95rem,5.2vw,3.25rem)/1.3 var(--f-display);letter-spacing:-.015em;text-wrap:balance;margin:14px 0 18px;max-width:15em}
:where(#g1) .hero .lead{font-size:1.1rem;color:var(--muted)}
:where(#g1) .try{display:flex;gap:12px;align-items:flex-start;margin-top:26px;padding:14px 16px;border:1px dashed var(--accent);border-radius:8px;max-width:34em;font-size:.95rem}
:where(#g1) .try .mono{color:var(--accent);font-size:12px;letter-spacing:.1em;padding-top:3px;white-space:nowrap}
:where(#g1) .btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
:where(#g1) .btn{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:6px;font:600 15px var(--f-body);text-decoration:none;border:1px solid var(--ink);cursor:pointer;background:none;color:inherit}
:where(#g1) .btn.fill{background:var(--ink);color:var(--paper)}
:where(#g1) .btn:hover{filter:brightness(1.1)}
:where(#g1) .play{width:0;height:0;border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}
:where(#g1) .sec{padding-block:72px;border-top:1px solid var(--rule)}
:where(#g1) .sec.tint{background:var(--surface)}
:where(#g1) .sec-head{display:grid;gap:12px;margin-bottom:34px}
:where(#g1) .num{font:500 clamp(2.6rem,9vw,4.4rem)/1 var(--f-mono);letter-spacing:-.03em;color:var(--accent);font-variant-numeric:tabular-nums}
:where(#g1) .num small{font-size:.38em;letter-spacing:0;margin-left:4px;color:var(--muted)}
:where(#g1) h2{font:700 clamp(1.5rem,3.6vw,2.1rem)/1.38 var(--f-display);letter-spacing:-.01em;text-wrap:balance}
:where(#g1) .body{display:grid;gap:14px}
:where(#g1) .grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
:where(#g1) .tag{display:inline-block;font:500 11.5px/1 var(--f-mono);letter-spacing:.06em;padding:6px 10px;border:1px solid var(--rule);border-radius:99px;color:var(--muted);background:var(--surface);justify-self:start}
:where(#g1) .src{font:500 12px var(--f-mono);color:var(--muted);text-decoration:none;border-bottom:1px dotted var(--muted)}
:where(#g1) .src:hover{color:var(--accent);border-color:var(--accent)}
:where(#g1) .panel{background:var(--surface);border:1px solid var(--rule);border-radius:8px;padding:22px 20px;display:grid;gap:16px;min-width:0}
:where(#g1) .panel h3{font:500 12px var(--f-mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
:where(#g1) .bars{display:grid;gap:10px}
:where(#g1) .bar{display:grid;grid-template-columns:5.2em minmax(0,1fr) 5.4em;gap:12px;align-items:center;font-size:.92rem}
:where(#g1) .bar .track{height:16px;background:var(--soft);border-radius:3px;overflow:hidden}
:where(#g1) .bar .fill{height:100%;background:var(--muted);opacity:.55;border-radius:3px}
:where(#g1) .bar.on .fill{background:var(--accent);opacity:1}
:where(#g1) .bar .v{font-family:var(--f-mono);font-variant-numeric:tabular-nums;text-align:right;font-size:.85rem}
:where(#g1) .bar.on b,:where(#g1) .bar.on .v{color:var(--accent);font-weight:600}
:where(#g1) .note{font-size:.82rem;color:var(--muted);line-height:1.6}
:where(#g1) .callout{border-left:3px solid var(--accent);padding:4px 0 4px 16px;font-weight:500}
:where(#g1) .seg{display:inline-flex;border:1px solid var(--rule);border-radius:99px;padding:3px;gap:3px;justify-self:start;flex-wrap:wrap}
:where(#g1) .seg button{border:0;background:none;color:var(--muted);font:500 13.5px var(--f-body);padding:7px 14px;border-radius:99px;cursor:pointer}
:where(#g1) .seg button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
:where(#g1) .bite svg{display:block;width:100%;height:auto}
:where(#g1) .t-up{fill:var(--soft);stroke:var(--ink);stroke-width:1.5}
:where(#g1) .t-lo{fill:var(--surface);stroke:var(--ink);stroke-width:1.5}
:where(#g1) .gum{fill:var(--rule)}
:where(#g1) .hit{fill:var(--alert)}
:where(#g1) .arr{stroke:var(--alert);stroke-width:2.5;fill:none;marker-end:url(#ah)}
:where(#g1) .arr-h{fill:var(--alert)}
:where(#g1) .lbl{font:500 12.5px var(--f-body);fill:var(--ink)}
:where(#g1) .lbl-m{font:400 11px var(--f-mono);fill:var(--muted)}
:where(#g1) #lower{transition:transform .5s ease}
:where(#g1) .xr{background:var(--xr-bg);color:var(--xr-line);border-radius:10px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
:where(#g1) .xr-fig{padding:18px 10px 6px;border-right:1px solid rgba(207,227,224,.12);display:grid;gap:8px;align-content:start}
:where(#g1) .xr-fig svg{display:block;width:100%;max-width:300px;height:auto;margin-inline:auto}
:where(#g1) .xr-top{display:flex;justify-content:space-between;gap:10px;padding:0 8px;font:500 10.5px var(--f-mono);letter-spacing:.14em;color:var(--xr-dim)}
:where(#g1) .xr-ctl{display:grid;gap:6px;padding:4px 10px 14px}
:where(#g1) .xr-ctl label{font-size:13px;color:var(--xr-dim);display:flex;justify-content:space-between}
:where(#g1) .xr-ctl input{width:100%;accent-color:var(--xr-hi);margin:0}
:where(#g1) .xr-steps{list-style:none;padding:22px 22px 24px;margin:0;display:grid;gap:0;counter-reset:s}
:where(#g1) .xr-steps li{display:grid;grid-template-columns:2.2em minmax(0,1fr);gap:4px 10px;padding:12px 0;border-bottom:1px solid rgba(207,227,224,.12);counter-increment:s}
:where(#g1) .xr-steps li:last-child{border-bottom:0}
:where(#g1) .xr-steps li::before{content:counter(s);font:500 12px/1.9 var(--f-mono);color:var(--xr-hi);text-align:center;border:1px solid rgba(111,227,207,.4);border-radius:99px;height:1.9em}
:where(#g1) .xr-steps b{font-weight:600;color:#fff}
:where(#g1) .xr-steps span{grid-column:2;font-size:.9rem;color:var(--xr-dim);line-height:1.6}
:where(#g1) .xr-foot{grid-column:1/-1;border-top:1px solid rgba(207,227,224,.12);padding:12px 18px;font-size:12px;color:var(--xr-dim)}
:where(#g1) .sk{fill:none;stroke:var(--xr-line);stroke-width:1.6;stroke-linecap:round}
:where(#g1) .sk-dim{fill:none;stroke:var(--xr-dim);stroke-width:1;stroke-dasharray:3 4}
:where(#g1) .sp{fill:none;stroke:var(--xr-hi);stroke-width:3;stroke-linecap:round}
:where(#g1) .lv{stroke:var(--xr-line);stroke-width:2;stroke-linecap:round}
:where(#g1) .lv-hi{stroke:var(--xr-alert);stroke-width:2.4;stroke-linecap:round}
:where(#g1) .eye{fill:var(--xr-line)}
:where(#g1) .xl{font:500 10.5px var(--f-body);fill:var(--xr-dim)}
:where(#g1) .xl-hi{fill:var(--xr-alert)}
:where(#g1) .load{fill:var(--xr-alert);opacity:.85}
:where(#g1) .chain{list-style:none;padding:0;display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}
:where(#g1) .chain li{flex:1 1 7.5em;border:1px solid var(--rule);border-radius:8px;padding:12px 12px 10px;background:var(--surface);display:grid;gap:2px;position:relative}
:where(#g1) .chain li b{font-size:.98rem}
:where(#g1) .chain li span{font:400 11.5px var(--f-mono);color:var(--muted)}
:where(#g1) .chain li:last-child{border-color:var(--accent)}
:where(#g1) .chain li:last-child b{color:var(--accent)}
:where(#g1) .sig svg{display:block;width:100%;height:auto}
:where(#g1) .s-in{stroke:var(--ink);stroke-width:2;fill:none;marker-end:url(#ah2)}
:where(#g1) .s-out{stroke:var(--alert);stroke-width:1.8;fill:none;stroke-dasharray:5 4;marker-end:url(#ah3)}
:where(#g1) .s-col{fill:var(--soft);stroke:var(--accent);stroke-width:1.5}
:where(#g1) .s-t{font:600 13px var(--f-body);fill:var(--ink)}
:where(#g1) .s-m{font:400 11px var(--f-mono);fill:var(--muted)}
:where(#g1) .s-a{font:500 12.5px var(--f-body);fill:var(--alert)}
:where(#g1) .ah2{fill:var(--ink)}
:where(#g1) .ah3{fill:var(--alert)}
:where(#g1) .three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
:where(#g1) .three a{display:grid;gap:4px;padding:14px;border:1px solid var(--rule);border-radius:8px;text-decoration:none;background:var(--surface)}
:where(#g1) .three a b{font-weight:600}
:where(#g1) .three a span{font-size:.85rem;color:var(--muted);line-height:1.55}
:where(#g1) .three a:hover{border-color:var(--accent)}
:where(#g1) .three a:hover b{color:var(--accent)}
:where(#g1) .clear{display:grid;gap:10px;padding:24px 22px;border:1px solid var(--accent);border-radius:10px;background:var(--surface);max-width:46em}
:where(#g1) .clear h3{font:700 clamp(1.15rem,2.6vw,1.4rem)/1.45 var(--f-display);text-wrap:balance}
:where(#g1) .overview{background:var(--paper)}
:where(#g1) .flow{position:relative;display:grid;gap:0}
:where(#g1) .wire{display:flex;align-items:center;gap:12px;font:500 12px var(--f-mono);letter-spacing:.06em;color:var(--accent);margin-bottom:12px}
:where(#g1) .wire::before,:where(#g1) .wire::after{content:"";flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--accent) 0 8px,transparent 8px 13px)}
:where(#g1) .wire span{white-space:nowrap}
:where(#g1) .phases{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;counter-reset:none}
:where(#g1) .phases a{display:grid;gap:6px;height:100%;padding:18px 18px 20px;border:1px solid var(--rule);border-top:3px solid var(--accent);border-radius:8px;background:var(--surface);text-decoration:none}
:where(#g1) .phases a:hover{border-color:var(--accent)}
:where(#g1) .ph-n{font:500 12px var(--f-mono);letter-spacing:.1em;color:var(--accent)}
:where(#g1) .phases b{font:700 1.12rem/1.4 var(--f-display)}
:where(#g1) .phases a>span:last-child{font-size:.9rem;color:var(--muted);line-height:1.6}
:where(#g1) .named{margin-top:22px;font-size:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
:where(#g1) .named b{color:var(--accent);font-weight:700}
:where(#g1) .next{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:24px;border:1px solid var(--ink);border-radius:10px;text-decoration:none;background:var(--surface);margin-top:30px}
:where(#g1) .next small{font:500 12px var(--f-mono);letter-spacing:.1em;color:var(--accent)}
:where(#g1) .next b{display:block;font:700 1.3rem/1.4 var(--f-display);margin-top:4px}
:where(#g1) .next span{color:var(--muted);font-size:.92rem}
:where(#g1) .next i{font-style:normal;font-size:1.6rem;color:var(--accent)}
:where(#g1) .next:hover{border-color:var(--accent)}
:where(#g1) .quote{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:start}
:where(#g1) .ph{width:84px;height:84px;border-radius:50%;background:repeating-linear-gradient(135deg,var(--soft) 0 8px,var(--rule) 8px 9px);display:grid;place-items:center;font:500 10px var(--f-mono);color:var(--muted);text-align:center}
:where(#g1) blockquote p{font:700 clamp(1.15rem,2.6vw,1.45rem)/1.6 var(--f-display);text-wrap:balance}
:where(#g1) blockquote footer{margin-top:12px;font-size:.9rem;color:var(--muted)}
:where(#g1) details{border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#g1) summary{cursor:pointer;padding:16px 18px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
:where(#g1) summary::-webkit-details-marker{display:none}
:where(#g1) summary::after{content:"+";font:500 18px/1 var(--f-mono);color:var(--accent)}
:where(#g1) details[open] summary::after{content:"−"}
:where(#g1) .refs{list-style:none;margin:0;padding:0 18px 18px;display:grid;gap:10px;font-size:.88rem}
:where(#g1) .refs li{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:12px;border-top:1px solid var(--rule);padding-top:10px}
:where(#g1) .refs li span:first-child{font:500 12px/1.9 var(--f-mono);color:var(--accent)}
:where(#g1) .end{display:flex;flex-wrap:wrap;gap:10px}
:where(#g1) .foot{border-top:1px solid var(--rule);padding-block:40px 48px;font-size:.86rem;color:var(--muted)}
:where(#g1) .foot-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 40px}
:where(#g1) .foot b{color:var(--ink)}
:where(#g1) .foot p+p{margin-top:4px}
:where(#g1) .fine{grid-column:1/-1;border-top:1px solid var(--rule);padding-top:16px;font-size:.8rem}
:where(#g1) .mbar{display:none}
@media (max-width:860px){:where(#g1) .grid2{grid-template-columns:minmax(0,1fr);gap:32px}:where(#g1) .xr{grid-template-columns:minmax(0,1fr)}:where(#g1) .xr-fig{border-right:0;border-bottom:1px solid rgba(207,227,224,.12)}}
@media (max-width:760px){:where(#g1) .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--rule);padding:8px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px))}:where(#g1) .nav.open{display:block}:where(#g1) .nav ul{flex-direction:column;align-items:stretch}:where(#g1) .nav a{padding:13px 8px}:where(#g1) .nav a.cta{margin:8px 0 0;text-align:center}:where(#g1) .burger{display:inline-grid}:where(#g1) .sec{padding-block:56px}:where(#g1) .hero{padding-block:40px 40px}:where(#g1) .three,:where(#g1) .phases{grid-template-columns:minmax(0,1fr)}:where(#g1) .mbar{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:15;background:var(--paper);border-top:1px solid var(--rule);padding:9px max(16px,env(safe-area-inset-right,0px)) calc(9px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}:where(#g1) .mbar a{display:grid;place-items:center;padding:11px 6px;border:1px solid var(--rule);border-radius:6px;text-decoration:none;font-weight:600;font-size:14px}:where(#g1) .mbar a:last-child{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}:where(#g1){padding-bottom:72px}:where(#g1) .foot-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){:where(#g1) .quote{grid-template-columns:minmax(0,1fr)}:where(#g1) .refs li{grid-template-columns:minmax(0,1fr);gap:2px}:where(#g1) .next{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){:where(#g1){scroll-behavior:auto}:where(#g1) #lower{transition:none}}
:where(#g1) .big{margin:0;padding:22px 0 0;border-top:2px solid var(--ink)}
:where(#g1) .big p{font:800 clamp(1.4rem,3.4vw,2rem)/1.45 var(--f-display);text-wrap:balance}
:where(#g1) .big footer{margin-top:10px;font-size:.9rem;color:var(--muted)}
:where(#g1) .compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:36px}
:where(#g1) .compare div{display:grid;gap:6px;padding:18px 20px;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#g1) .compare .mono{font-size:12px;color:var(--muted);letter-spacing:.06em}
:where(#g1) .compare b{font:700 1.1rem/1.45 var(--f-display)}
:where(#g1) .compare p{font-size:.92rem;color:var(--muted)}
:where(#g1) .compare .on{border-color:var(--accent);border-top:3px solid var(--accent)}
:where(#g1) .compare .on .mono{color:var(--accent)}
:where(#g1) .two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
:where(#g1) .half{display:grid;gap:10px;align-content:start;padding:22px;border:1px solid var(--rule);border-radius:10px;background:var(--paper)}
:where(#g1) .half.on{border-color:var(--accent)}
:where(#g1) .half .mono{font-size:12px;letter-spacing:.08em;color:var(--accent)}
:where(#g1) .half h3{font:700 1.2rem/1.45 var(--f-display)}
:where(#g1) .half p{font-size:.95rem}
:where(#g1) .checks{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:.93rem}
:where(#g1) .checks li{position:relative;padding-left:20px;line-height:1.6}
:where(#g1) .checks li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--accent)}
@media (max-width:760px){:where(#g1) .compare,:where(#g1) .two{grid-template-columns:minmax(0,1fr)}}
:where(#g1) .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:center}
:where(#g1) .eyes{margin:0;background:var(--surface);border:1px solid var(--rule);border-radius:10px;padding:16px 14px 12px;display:grid;gap:8px;min-width:0}
:where(#g1) .eyes svg{display:block;width:100%;max-width:440px;height:auto;margin-inline:auto}
:where(#g1) .f-skin{fill:var(--soft);stroke:var(--ink);stroke-width:1.4}
:where(#g1) .f-line{fill:none;stroke:var(--ink);stroke-width:1.4;stroke-linecap:round}
:where(#g1) .f-eye{fill:var(--surface);stroke:var(--ink);stroke-width:1.5}
:where(#g1) .f-pupil{fill:var(--ink)}
:where(#g1) .f-mid{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 4}
:where(#g1) .f-ref{stroke:var(--muted);stroke-width:1.3;stroke-dasharray:5 5}
:where(#g1) .f-tilt{stroke:var(--alert);stroke-width:2.6;stroke-linecap:round;transform-box:view-box;transform-origin:150px 154px;animation:asym-tilt 1.1s ease-out .4s both}
@keyframes asym-tilt{from{transform:rotate(-7.1deg)}}
:where(#g1) .f-dot{fill:var(--alert)}
:where(#g1) .f-ring{fill:none;stroke:var(--alert);stroke-width:1.5}
:where(#g1) .f-lbl{font:500 12px var(--f-body);fill:var(--ink)}
:where(#g1) .f-m{font:400 10.5px var(--f-mono);fill:var(--muted)}
:where(#g1) .f-a{font:600 12px var(--f-body);fill:var(--alert)}
:where(#g1) .xr .seg{border-color:rgba(207,227,224,.25);margin:0 8px}
:where(#g1) .xr .seg button{color:var(--xr-dim)}
:where(#g1) .xr .seg button[aria-pressed="true"]{background:var(--xr-hi);color:#04201B}
:where(#g1) .asym-g{transform-box:view-box;transition:transform .6s ease}
:where(#g1) #asym-head{transform-origin:150px 250px}
:where(#g1) #asym-jaw{transform-origin:150px 205px}
:where(#g1) #asym-sh{transform-origin:150px 318px}
:where(#g1) .sk-fill{fill:rgba(207,227,224,.06);stroke:var(--xr-line);stroke-width:1.6}
:where(#g1) .sp-alert{fill:none;stroke:var(--xr-alert);stroke-width:3;stroke-linecap:round}
:where(#g1) .xr .off{display:none}
:where(#g1) .xr-steps li.on b{color:var(--xr-hi)}
:where(#g1) .xr-steps li.on::before{background:var(--xr-hi);color:#04201B}
:where(#g1) .xr-cap{min-height:4.6em;padding:0 12px 4px;font-size:.88rem;color:var(--xr-line);line-height:1.6}
:where(#g1) .view-tag{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
:where(#g1) .roles{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
:where(#g1) .roles li{display:grid;gap:8px;align-content:start;padding:20px 22px;border:1px solid var(--rule);border-radius:10px;background:var(--paper)}
:where(#g1) .roles li.main{border-top:3px solid var(--accent)}
:where(#g1) .roles li.minor{border-style:dashed;background:transparent}
:where(#g1) .roles .mono{font-size:12px;letter-spacing:.08em;color:var(--accent)}
:where(#g1) .roles li.minor .mono{color:var(--muted)}
:where(#g1) .roles h3{font:700 1.12rem/1.45 var(--f-display)}
:where(#g1) .roles p{font-size:.93rem}
:where(#g1) .roles .hope{font-size:.9rem;color:var(--muted);border-top:1px solid var(--rule);padding-top:8px}
:where(#g1) .roles .hope b{color:var(--accent);font-weight:600}
:where(#g1) .axis{list-style:none;padding:0;margin:4px 0 0;display:grid;gap:4px;font-size:.88rem}
:where(#g1) .axis li{display:grid;grid-template-columns:3.2em minmax(0,1fr);gap:8px}
:where(#g1) .axis li span:first-child{font:500 12px/1.9 var(--f-mono);color:var(--accent)}
:where(#g1) .warn{font-size:.85rem;color:var(--muted);border-left:2px solid var(--alert);padding-left:10px}
:where(#g1) .refer{border-color:var(--alert)}
:where(#g1) .refer .eyebrow{color:var(--alert)}
:where(#g1) .refer .checks li::before{background:var(--alert)}
:where(#g1) .faq{display:grid;gap:8px;max-width:46em}
:where(#g1) .faq details>div{padding:0 18px 18px;font-size:.95rem;display:grid;gap:8px}
:where(#g1) .cta-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 32px;align-items:center;padding:28px;border:1px solid var(--ink);border-radius:10px;background:var(--surface)}
:where(#g1) .cta-box h2{font-size:clamp(1.35rem,3vw,1.8rem)}
:where(#g1) .cta-box p{color:var(--muted);margin-top:8px}
:where(#g1) .cta-box .btns{margin-top:0}
@media (max-width:860px){:where(#g1) .hero-grid{grid-template-columns:minmax(0,1fr);gap:28px}:where(#g1) .roles{grid-template-columns:minmax(0,1fr)}:where(#g1) .cta-box{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){:where(#g1) .f-tilt{animation:none}:where(#g1) .asym-g{transition:none}}
/* ── 고민 2 ── */
:where(#g2){
  --paper:#F3F6F5; --surface:#FFFFFF; --soft:#E6EDEB; --ink:#12232B; --muted:#53656C; --rule:#D2DCDA;
  --accent:#0F7B6C; --on-accent:#FFFFFF; --alert:#C2532B;
  --xr-bg:#0D1B23; --xr-line:#CFE3E0; --xr-dim:#86A3A1; --xr-hi:#6FE3CF; --xr-alert:#FF9A73;
  --f-display:'Nanum Myeongjo','Noto Serif KR',serif;
  --f-body:'IBM Plex Sans KR','Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) :where(#g2){
    --paper:#0A1317; --surface:#101D23; --soft:#13232A; --ink:#E5EEEC; --muted:#9DB1AE; --rule:#24353B;
    --accent:#4FD1BC; --on-accent:#04201B; --alert:#F08A62;
    --xr-bg:#050D11; color-scheme:dark;
  }}
:root[data-theme="dark"] :where(#g2){
  --paper:#0A1317; --surface:#101D23; --soft:#13232A; --ink:#E5EEEC; --muted:#9DB1AE; --rule:#24353B;
  --accent:#4FD1BC; --on-accent:#04201B; --alert:#F08A62;
  --xr-bg:#050D11; color-scheme:dark;
}
:where(#g2) *{box-sizing:border-box}
:where(#g2){scroll-behavior:smooth}
:where(#g2){background:var(--paper);color:var(--ink);font:400 16.5px/1.75 var(--f-body);word-break:keep-all;overflow-wrap:break-word;margin:0}
:where(#g2) body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--paper);z-index:30}
:where(#g2) h1,:where(#g2) h2,:where(#g2) h3,:where(#g2) p,:where(#g2) ul,:where(#g2) ol,:where(#g2) figure,:where(#g2) blockquote{margin:0}
:where(#g2) a{color:inherit}
:where(#g2) :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
:where(#g2) .wrap{max-width:1120px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
:where(#g2) .read{max-width:34em}
:where(#g2) .mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
:where(#g2) .eyebrow{font:500 12px var(--f-mono);letter-spacing:.14em;color:var(--accent);text-transform:uppercase}
:where(#g2) .muted{color:var(--muted)}
:where(#g2) .small{font-size:.875rem}
:where(#g2) .head{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--paper);border-bottom:1px solid var(--rule)}
:where(#g2) .head-in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px}
:where(#g2) .brand{display:flex;align-items:center;gap:10px;text-decoration:none}
:where(#g2) .brand b{display:block;font:800 1.2rem/1.1 var(--f-display)}
:where(#g2) .brand small{display:block;margin-top:3px;font:500 10.5px/1 var(--f-mono);letter-spacing:.12em;color:var(--muted)}
:where(#g2) .nav ul{list-style:none;padding:0;display:flex;align-items:center;gap:2px}
:where(#g2) .nav a{display:block;padding:9px 13px;border-radius:6px;text-decoration:none;font-weight:500;font-size:15px;white-space:nowrap}
:where(#g2) .nav a:hover{background:var(--soft)}
:where(#g2) .nav a[aria-current="page"]{color:var(--accent);font-weight:600}
:where(#g2) .nav a.cta{background:var(--accent);color:var(--on-accent);margin-left:6px;font-weight:600}
:where(#g2) .burger{display:none;width:44px;height:44px;border:1px solid var(--rule);background:none;color:inherit;border-radius:6px;cursor:pointer;place-items:center}
:where(#g2) .burger i{display:block;width:18px;height:2px;background:currentColor;box-shadow:0 6px 0 currentColor,0 -6px 0 currentColor}
:where(#g2) .steps{border-bottom:1px solid var(--rule);background:var(--surface)}
:where(#g2) .steps-in{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-block:10px;scrollbar-width:none}
:where(#g2) .steps-in::-webkit-scrollbar{display:none}
:where(#g2) .crumb{font-size:13px;color:var(--muted);white-space:nowrap;margin-right:6px}
:where(#g2) .step{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:6px 12px;border:1px solid var(--rule);border-radius:99px;font-size:13.5px;text-decoration:none;color:var(--muted)}
:where(#g2) .step b{font:500 12px var(--f-mono)}
:where(#g2) .step[aria-current="step"]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}
:where(#g2) .hero{padding-block:56px 48px}
:where(#g2) .hero h1{font:800 clamp(1.95rem,5.2vw,3.25rem)/1.3 var(--f-display);letter-spacing:-.015em;text-wrap:balance;margin:14px 0 18px;max-width:15em}
:where(#g2) .hero .lead{font-size:1.1rem;color:var(--muted)}
:where(#g2) .try{display:flex;gap:12px;align-items:flex-start;margin-top:26px;padding:14px 16px;border:1px dashed var(--accent);border-radius:8px;max-width:34em;font-size:.95rem}
:where(#g2) .try .mono{color:var(--accent);font-size:12px;letter-spacing:.1em;padding-top:3px;white-space:nowrap}
:where(#g2) .btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
:where(#g2) .btn{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:6px;font:600 15px var(--f-body);text-decoration:none;border:1px solid var(--ink);cursor:pointer;background:none;color:inherit}
:where(#g2) .btn.fill{background:var(--ink);color:var(--paper)}
:where(#g2) .btn:hover{filter:brightness(1.1)}
:where(#g2) .play{width:0;height:0;border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}
:where(#g2) .sec{padding-block:72px;border-top:1px solid var(--rule)}
:where(#g2) .sec.tint{background:var(--surface)}
:where(#g2) .sec-head{display:grid;gap:12px;margin-bottom:34px}
:where(#g2) .num{font:500 clamp(2.6rem,9vw,4.4rem)/1 var(--f-mono);letter-spacing:-.03em;color:var(--accent);font-variant-numeric:tabular-nums}
:where(#g2) .num small{font-size:.38em;letter-spacing:0;margin-left:4px;color:var(--muted)}
:where(#g2) h2{font:700 clamp(1.5rem,3.6vw,2.1rem)/1.38 var(--f-display);letter-spacing:-.01em;text-wrap:balance}
:where(#g2) .body{display:grid;gap:14px}
:where(#g2) .grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
:where(#g2) .tag{display:inline-block;font:500 11.5px/1 var(--f-mono);letter-spacing:.06em;padding:6px 10px;border:1px solid var(--rule);border-radius:99px;color:var(--muted);background:var(--surface);justify-self:start}
:where(#g2) .src{font:500 12px var(--f-mono);color:var(--muted);text-decoration:none;border-bottom:1px dotted var(--muted)}
:where(#g2) .src:hover{color:var(--accent);border-color:var(--accent)}
:where(#g2) .panel{background:var(--surface);border:1px solid var(--rule);border-radius:8px;padding:22px 20px;display:grid;gap:16px;min-width:0}
:where(#g2) .panel h3{font:500 12px var(--f-mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
:where(#g2) .bars{display:grid;gap:10px}
:where(#g2) .bar{display:grid;grid-template-columns:5.2em minmax(0,1fr) 5.4em;gap:12px;align-items:center;font-size:.92rem}
:where(#g2) .bar .track{height:16px;background:var(--soft);border-radius:3px;overflow:hidden}
:where(#g2) .bar .fill{height:100%;background:var(--muted);opacity:.55;border-radius:3px}
:where(#g2) .bar.on .fill{background:var(--accent);opacity:1}
:where(#g2) .bar .v{font-family:var(--f-mono);font-variant-numeric:tabular-nums;text-align:right;font-size:.85rem}
:where(#g2) .bar.on b,:where(#g2) .bar.on .v{color:var(--accent);font-weight:600}
:where(#g2) .note{font-size:.82rem;color:var(--muted);line-height:1.6}
:where(#g2) .callout{border-left:3px solid var(--accent);padding:4px 0 4px 16px;font-weight:500}
:where(#g2) .seg{display:inline-flex;border:1px solid var(--rule);border-radius:99px;padding:3px;gap:3px;justify-self:start;flex-wrap:wrap}
:where(#g2) .seg button{border:0;background:none;color:var(--muted);font:500 13.5px var(--f-body);padding:7px 14px;border-radius:99px;cursor:pointer}
:where(#g2) .seg button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
:where(#g2) .bite svg{display:block;width:100%;height:auto}
:where(#g2) .t-up{fill:var(--soft);stroke:var(--ink);stroke-width:1.5}
:where(#g2) .t-lo{fill:var(--surface);stroke:var(--ink);stroke-width:1.5}
:where(#g2) .gum{fill:var(--rule)}
:where(#g2) .hit{fill:var(--alert)}
:where(#g2) .arr{stroke:var(--alert);stroke-width:2.5;fill:none;marker-end:url(#ah)}
:where(#g2) .arr-h{fill:var(--alert)}
:where(#g2) .lbl{font:500 12.5px var(--f-body);fill:var(--ink)}
:where(#g2) .lbl-m{font:400 11px var(--f-mono);fill:var(--muted)}
:where(#g2) #lower{transition:transform .5s ease}
:where(#g2) .xr{background:var(--xr-bg);color:var(--xr-line);border-radius:10px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
:where(#g2) .xr-fig{padding:18px 10px 6px;border-right:1px solid rgba(207,227,224,.12);display:grid;gap:8px;align-content:start}
:where(#g2) .xr-fig svg{display:block;width:100%;max-width:300px;height:auto;margin-inline:auto}
:where(#g2) .xr-top{display:flex;justify-content:space-between;gap:10px;padding:0 8px;font:500 10.5px var(--f-mono);letter-spacing:.14em;color:var(--xr-dim)}
:where(#g2) .xr-ctl{display:grid;gap:6px;padding:4px 10px 14px}
:where(#g2) .xr-ctl label{font-size:13px;color:var(--xr-dim);display:flex;justify-content:space-between}
:where(#g2) .xr-ctl input{width:100%;accent-color:var(--xr-hi);margin:0}
:where(#g2) .xr-steps{list-style:none;padding:22px 22px 24px;margin:0;display:grid;gap:0;counter-reset:s}
:where(#g2) .xr-steps li{display:grid;grid-template-columns:2.2em minmax(0,1fr);gap:4px 10px;padding:12px 0;border-bottom:1px solid rgba(207,227,224,.12);counter-increment:s}
:where(#g2) .xr-steps li:last-child{border-bottom:0}
:where(#g2) .xr-steps li::before{content:counter(s);font:500 12px/1.9 var(--f-mono);color:var(--xr-hi);text-align:center;border:1px solid rgba(111,227,207,.4);border-radius:99px;height:1.9em}
:where(#g2) .xr-steps b{font-weight:600;color:#fff}
:where(#g2) .xr-steps span{grid-column:2;font-size:.9rem;color:var(--xr-dim);line-height:1.6}
:where(#g2) .xr-foot{grid-column:1/-1;border-top:1px solid rgba(207,227,224,.12);padding:12px 18px;font-size:12px;color:var(--xr-dim)}
:where(#g2) .sk{fill:none;stroke:var(--xr-line);stroke-width:1.6;stroke-linecap:round}
:where(#g2) .sk-dim{fill:none;stroke:var(--xr-dim);stroke-width:1;stroke-dasharray:3 4}
:where(#g2) .sp{fill:none;stroke:var(--xr-hi);stroke-width:3;stroke-linecap:round}
:where(#g2) .lv{stroke:var(--xr-line);stroke-width:2;stroke-linecap:round}
:where(#g2) .lv-hi{stroke:var(--xr-alert);stroke-width:2.4;stroke-linecap:round}
:where(#g2) .eye{fill:var(--xr-line)}
:where(#g2) .xl{font:500 10.5px var(--f-body);fill:var(--xr-dim)}
:where(#g2) .xl-hi{fill:var(--xr-alert)}
:where(#g2) .load{fill:var(--xr-alert);opacity:.85}
:where(#g2) .chain{list-style:none;padding:0;display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}
:where(#g2) .chain li{flex:1 1 7.5em;border:1px solid var(--rule);border-radius:8px;padding:12px 12px 10px;background:var(--surface);display:grid;gap:2px;position:relative}
:where(#g2) .chain li b{font-size:.98rem}
:where(#g2) .chain li span{font:400 11.5px var(--f-mono);color:var(--muted)}
:where(#g2) .chain li:last-child{border-color:var(--accent)}
:where(#g2) .chain li:last-child b{color:var(--accent)}
:where(#g2) .sig svg{display:block;width:100%;height:auto}
:where(#g2) .s-in{stroke:var(--ink);stroke-width:2;fill:none;marker-end:url(#ah2)}
:where(#g2) .s-out{stroke:var(--alert);stroke-width:1.8;fill:none;stroke-dasharray:5 4;marker-end:url(#ah3)}
:where(#g2) .s-col{fill:var(--soft);stroke:var(--accent);stroke-width:1.5}
:where(#g2) .s-t{font:600 13px var(--f-body);fill:var(--ink)}
:where(#g2) .s-m{font:400 11px var(--f-mono);fill:var(--muted)}
:where(#g2) .s-a{font:500 12.5px var(--f-body);fill:var(--alert)}
:where(#g2) .ah2{fill:var(--ink)}
:where(#g2) .ah3{fill:var(--alert)}
:where(#g2) .three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
:where(#g2) .three a{display:grid;gap:4px;padding:14px;border:1px solid var(--rule);border-radius:8px;text-decoration:none;background:var(--surface)}
:where(#g2) .three a b{font-weight:600}
:where(#g2) .three a span{font-size:.85rem;color:var(--muted);line-height:1.55}
:where(#g2) .three a:hover{border-color:var(--accent)}
:where(#g2) .three a:hover b{color:var(--accent)}
:where(#g2) .clear{display:grid;gap:10px;padding:24px 22px;border:1px solid var(--accent);border-radius:10px;background:var(--surface);max-width:46em}
:where(#g2) .clear h3{font:700 clamp(1.15rem,2.6vw,1.4rem)/1.45 var(--f-display);text-wrap:balance}
:where(#g2) .overview{background:var(--paper)}
:where(#g2) .flow{position:relative;display:grid;gap:0}
:where(#g2) .wire{display:flex;align-items:center;gap:12px;font:500 12px var(--f-mono);letter-spacing:.06em;color:var(--accent);margin-bottom:12px}
:where(#g2) .wire::before,:where(#g2) .wire::after{content:"";flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--accent) 0 8px,transparent 8px 13px)}
:where(#g2) .wire span{white-space:nowrap}
:where(#g2) .phases{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;counter-reset:none}
:where(#g2) .phases a{display:grid;gap:6px;height:100%;padding:18px 18px 20px;border:1px solid var(--rule);border-top:3px solid var(--accent);border-radius:8px;background:var(--surface);text-decoration:none}
:where(#g2) .phases a:hover{border-color:var(--accent)}
:where(#g2) .ph-n{font:500 12px var(--f-mono);letter-spacing:.1em;color:var(--accent)}
:where(#g2) .phases b{font:700 1.12rem/1.4 var(--f-display)}
:where(#g2) .phases a>span:last-child{font-size:.9rem;color:var(--muted);line-height:1.6}
:where(#g2) .named{margin-top:22px;font-size:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
:where(#g2) .named b{color:var(--accent);font-weight:700}
:where(#g2) .next{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:24px;border:1px solid var(--ink);border-radius:10px;text-decoration:none;background:var(--surface);margin-top:30px}
:where(#g2) .next small{font:500 12px var(--f-mono);letter-spacing:.1em;color:var(--accent)}
:where(#g2) .next b{display:block;font:700 1.3rem/1.4 var(--f-display);margin-top:4px}
:where(#g2) .next span{color:var(--muted);font-size:.92rem}
:where(#g2) .next i{font-style:normal;font-size:1.6rem;color:var(--accent)}
:where(#g2) .next:hover{border-color:var(--accent)}
:where(#g2) .quote{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:start}
:where(#g2) .ph{width:84px;height:84px;border-radius:50%;background:repeating-linear-gradient(135deg,var(--soft) 0 8px,var(--rule) 8px 9px);display:grid;place-items:center;font:500 10px var(--f-mono);color:var(--muted);text-align:center}
:where(#g2) blockquote p{font:700 clamp(1.15rem,2.6vw,1.45rem)/1.6 var(--f-display);text-wrap:balance}
:where(#g2) blockquote footer{margin-top:12px;font-size:.9rem;color:var(--muted)}
:where(#g2) details{border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#g2) summary{cursor:pointer;padding:16px 18px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
:where(#g2) summary::-webkit-details-marker{display:none}
:where(#g2) summary::after{content:"+";font:500 18px/1 var(--f-mono);color:var(--accent)}
:where(#g2) details[open] summary::after{content:"−"}
:where(#g2) .refs{list-style:none;margin:0;padding:0 18px 18px;display:grid;gap:10px;font-size:.88rem}
:where(#g2) .refs li{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:12px;border-top:1px solid var(--rule);padding-top:10px}
:where(#g2) .refs li span:first-child{font:500 12px/1.9 var(--f-mono);color:var(--accent)}
:where(#g2) .end{display:flex;flex-wrap:wrap;gap:10px}
:where(#g2) .foot{border-top:1px solid var(--rule);padding-block:40px 48px;font-size:.86rem;color:var(--muted)}
:where(#g2) .foot-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 40px}
:where(#g2) .foot b{color:var(--ink)}
:where(#g2) .foot p+p{margin-top:4px}
:where(#g2) .fine{grid-column:1/-1;border-top:1px solid var(--rule);padding-top:16px;font-size:.8rem}
:where(#g2) .mbar{display:none}
@media (max-width:860px){:where(#g2) .grid2{grid-template-columns:minmax(0,1fr);gap:32px}:where(#g2) .xr{grid-template-columns:minmax(0,1fr)}:where(#g2) .xr-fig{border-right:0;border-bottom:1px solid rgba(207,227,224,.12)}}
@media (max-width:760px){:where(#g2) .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--rule);padding:8px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px))}:where(#g2) .nav.open{display:block}:where(#g2) .nav ul{flex-direction:column;align-items:stretch}:where(#g2) .nav a{padding:13px 8px}:where(#g2) .nav a.cta{margin:8px 0 0;text-align:center}:where(#g2) .burger{display:inline-grid}:where(#g2) .sec{padding-block:56px}:where(#g2) .hero{padding-block:40px 40px}:where(#g2) .three,:where(#g2) .phases{grid-template-columns:minmax(0,1fr)}:where(#g2) .mbar{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:15;background:var(--paper);border-top:1px solid var(--rule);padding:9px max(16px,env(safe-area-inset-right,0px)) calc(9px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}:where(#g2) .mbar a{display:grid;place-items:center;padding:11px 6px;border:1px solid var(--rule);border-radius:6px;text-decoration:none;font-weight:600;font-size:14px}:where(#g2) .mbar a:last-child{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}:where(#g2){padding-bottom:72px}:where(#g2) .foot-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){:where(#g2) .quote{grid-template-columns:minmax(0,1fr)}:where(#g2) .refs li{grid-template-columns:minmax(0,1fr);gap:2px}:where(#g2) .next{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){:where(#g2){scroll-behavior:auto}:where(#g2) #lower{transition:none}}
:where(#g2) .timeline{list-style:none;padding:0;margin:0;display:grid;gap:0;border-left:2px solid var(--rule);margin-left:6px}
:where(#g2) .timeline li{position:relative;display:grid;gap:3px;padding:0 0 22px 22px}
:where(#g2) .timeline li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--muted)}
:where(#g2) .timeline li.now::before{background:var(--accent);border-color:var(--accent)}
:where(#g2) .timeline .yr{font-size:12px;color:var(--accent);letter-spacing:.08em}
:where(#g2) .timeline b{font-weight:600}
:where(#g2) .timeline li>span:last-child{font-size:.92rem;color:var(--muted);line-height:1.6}
:where(#g2) .timeline li.now b{color:var(--accent)}
:where(#g2) .stats{display:grid;gap:12px;margin:0}
:where(#g2) .stats div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 16px;padding:16px 18px;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#g2) .stats dt{font-size:.9rem;color:var(--muted)}
:where(#g2) .stats dd{margin:0;grid-row:1/3;grid-column:2;font-size:2rem;font-weight:500;color:var(--accent);letter-spacing:-.02em;align-self:center}
:where(#g2) .stats dd small{font-size:.45em;color:var(--muted);margin-left:3px;letter-spacing:0}
:where(#g2) .stats span{font-size:.85rem;color:var(--muted)}
:where(#g2) .base svg{display:block;width:100%;height:auto}
:where(#g2) .skull{fill:var(--soft);stroke:var(--rule);stroke-width:1.5}
:where(#g2) .bone{fill:none;stroke:var(--muted);stroke-width:1.6;transition:fill .25s,stroke .25s}
:where(#g2) .bone.fillb{fill:var(--surface)}
:where(#g2) .bone[data-g="man"]{stroke-dasharray:6 5}
:where(#g2) .bone.on{stroke:var(--accent);stroke-width:2.4}
:where(#g2) .bone.fillb.on{fill:color-mix(in srgb,var(--accent) 22%,var(--surface))}
:where(#g2) .hole{fill:var(--paper);stroke:var(--muted);stroke-width:1.2}
:where(#g2) .tmj{fill:var(--surface);stroke:var(--muted);stroke-width:1.6}
:where(#g2) .tmj.on{fill:var(--accent);stroke:var(--accent)}
:where(#g2) .bl{font:600 12.5px var(--f-body);fill:var(--ink)}
:where(#g2) .bs{font:400 10.5px var(--f-mono);fill:var(--muted)}
:where(#g2) .dir{font:400 10.5px var(--f-mono);fill:var(--muted);letter-spacing:.08em}
:where(#g2) .cap{min-height:4.8em;font-size:.9rem;color:var(--ink)}
:where(#g2) .big{margin:0;padding:22px 0 0;border-top:2px solid var(--ink)}
:where(#g2) .big p{font:800 clamp(1.4rem,3.4vw,2rem)/1.45 var(--f-display);text-wrap:balance}
:where(#g2) .big footer{margin-top:10px;font-size:.9rem;color:var(--muted)}
:where(#g2) .compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:36px}
:where(#g2) .compare div{display:grid;gap:6px;padding:18px 20px;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#g2) .compare .mono{font-size:12px;color:var(--muted);letter-spacing:.06em}
:where(#g2) .compare b{font:700 1.1rem/1.45 var(--f-display)}
:where(#g2) .compare p{font-size:.92rem;color:var(--muted)}
:where(#g2) .compare .on{border-color:var(--accent);border-top:3px solid var(--accent)}
:where(#g2) .compare .on .mono{color:var(--accent)}
:where(#g2) .two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
:where(#g2) .half{display:grid;gap:10px;align-content:start;padding:22px;border:1px solid var(--rule);border-radius:10px;background:var(--paper)}
:where(#g2) .half.on{border-color:var(--accent)}
:where(#g2) .half .mono{font-size:12px;letter-spacing:.08em;color:var(--accent)}
:where(#g2) .half h3{font:700 1.2rem/1.45 var(--f-display)}
:where(#g2) .half p{font-size:.95rem}
:where(#g2) .checks{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:.93rem}
:where(#g2) .checks li{position:relative;padding-left:20px;line-height:1.6}
:where(#g2) .checks li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--accent)}
@media (max-width:760px){:where(#g2) .compare,:where(#g2) .two{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){:where(#g2) .bone{transition:none}}
:where(#g2) .jaw svg{display:block;width:100%;height:auto}
:where(#g2) .j-gum{fill:var(--rule)}
:where(#g2) .j-up{fill:var(--soft);stroke:var(--ink);stroke-width:1.4}
:where(#g2) .j-lo{fill:var(--surface);stroke:var(--ink);stroke-width:1.4}
:where(#g2) .j-mid{stroke:var(--muted);stroke-width:1;stroke-dasharray:4 4}
:where(#g2) .j-mid-lo{stroke:var(--alert);stroke-width:1.6;stroke-dasharray:4 3}
:where(#g2) .j-hit{fill:var(--alert)}
:where(#g2) .j-ring{fill:none;stroke:var(--alert);stroke-width:1.2;opacity:.6}
:where(#g2) .j-arr{stroke:var(--alert);stroke-width:2.2;fill:none}
:where(#g2) .j-arr-h{fill:var(--alert)}
:where(#g2) .j-mus{fill:var(--soft);stroke:var(--muted);stroke-width:1.2;transition:fill .3s,stroke .3s}
:where(#g2) .j-lbl{font:500 12px var(--f-body);fill:var(--ink)}
:where(#g2) .j-lbl-a{font:600 12px var(--f-body);fill:var(--alert)}
:where(#g2) .j-m{font:400 10.5px var(--f-mono);fill:var(--muted)}
:where(#g2) .j-ghost{opacity:0}
:where(#g2) #brux-lower{transition:transform .5s ease}
:where(#g2) .jaw[data-scene="1"] #brux-lower{transform:translateX(-14px)}
:where(#g2) .jaw[data-scene="2"] #brux-lower{animation:brux-sway 2.6s ease-in-out infinite}
:where(#g2) .jaw[data-scene="2"] .j-mus{fill:color-mix(in srgb,var(--alert) 30%,var(--surface));stroke:var(--alert)}
:where(#g2) .jaw [data-show]{opacity:0;transition:opacity .3s}
:where(#g2) .jaw[data-scene="0"] [data-show~="0"],:where(#g2) .jaw[data-scene="1"] [data-show~="1"],:where(#g2) .jaw[data-scene="2"] [data-show~="2"]{opacity:1}
@keyframes brux-sway{0%,100%{transform:translateX(-14px)}50%{transform:translateX(14px)}}
:where(#g2) .sand{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;padding:16px 18px;border:1px dashed var(--accent);border-radius:8px;background:var(--paper)}
:where(#g2) .sand svg{width:64px;height:auto}
:where(#g2) .plan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
:where(#g2) .plan article{display:grid;gap:10px;align-content:start;padding:20px;border:1px solid var(--rule);border-radius:10px;background:var(--paper)}
:where(#g2) .plan article.on{border-color:var(--accent);border-top:3px solid var(--accent)}
:where(#g2) .plan .mono{font-size:12px;letter-spacing:.08em;color:var(--accent)}
:where(#g2) .plan h3{font:700 1.15rem/1.45 var(--f-display)}
:where(#g2) .plan p{font-size:.93rem}
:where(#g2) .dev{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#g2) .dev b{font-weight:600}
:where(#g2) .dev b small{font:500 11px var(--f-mono);color:var(--muted);margin-left:6px;letter-spacing:.04em}
:where(#g2) .dev span{font-size:.88rem;color:var(--muted);line-height:1.6}
:where(#g2) .day{display:grid;gap:8px}
:where(#g2) .day-bar{display:flex;height:34px;border-radius:6px;overflow:hidden;border:1px solid var(--rule);font-size:12px}
:where(#g2) .day-bar span{display:grid;place-items:center;white-space:nowrap;overflow:hidden;padding:0 4px}
:where(#g2) .d-n{flex:8;background:var(--ink);color:var(--paper)}
:where(#g2) .d-d{flex:13;background:var(--soft);color:var(--muted)}
:where(#g2) .d-t{flex:2;background:color-mix(in srgb,var(--accent) 30%,var(--surface));color:var(--ink)}
:where(#g2) .d-e{flex:1;background:var(--accent);color:var(--on-accent)}
:where(#g2) .warn{font-size:.85rem;color:var(--muted);border-top:1px solid var(--rule);padding-top:12px}
:where(#g2) .warn b{color:var(--alert);font-weight:600}
:where(#g2) .habits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;counter-reset:h}
:where(#g2) .habits li{list-style:none;display:grid;gap:8px;padding:20px;border:1px solid var(--rule);border-radius:10px;background:var(--surface);counter-increment:h}
:where(#g2) .habits li::before{content:counter(h);font:500 12px/26px var(--f-mono);width:26px;height:26px;justify-self:start;text-align:center;border-radius:99px;background:var(--accent);color:var(--on-accent)}
:where(#g2) .habits b{font:700 1.12rem/1.4 var(--f-display)}
:where(#g2) .habits span{font-size:.92rem;color:var(--muted);line-height:1.65}
:where(#g2) .habits{padding:0;margin:0}
:where(#g2) .other{display:grid;gap:10px;padding:20px 22px;border:1px solid var(--alert);border-radius:10px;background:var(--surface)}
:where(#g2) .other .eyebrow{color:var(--alert)}
:where(#g2) .faq{display:grid;gap:10px}
:where(#g2) .faq details p{padding:0 18px 18px;font-size:.94rem;color:var(--ink)}
@media (max-width:860px){:where(#g2) .plan,:where(#g2) .habits{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){:where(#g2) #brux-lower{transition:none}:where(#g2) .jaw[data-scene="2"] #brux-lower{animation:none;transform:translateX(-14px)}:where(#g2) .jaw[data-scene="2"] .j-ghost{opacity:.35}:where(#g2) .jaw [data-show],:where(#g2) .j-mus{transition:none}}
/* ── 고민 3 ── */
:where(#g3){
  --paper:#F3F6F5; --surface:#FFFFFF; --soft:#E6EDEB; --ink:#12232B; --muted:#53656C; --rule:#D2DCDA;
  --accent:#0F7B6C; --on-accent:#FFFFFF; --alert:#C2532B;
  --xr-bg:#0D1B23; --xr-line:#CFE3E0; --xr-dim:#86A3A1; --xr-hi:#6FE3CF; --xr-alert:#FF9A73;
  --f-display:'Nanum Myeongjo','Noto Serif KR',serif;
  --f-body:'IBM Plex Sans KR','Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) :where(#g3){
    --paper:#0A1317; --surface:#101D23; --soft:#13232A; --ink:#E5EEEC; --muted:#9DB1AE; --rule:#24353B;
    --accent:#4FD1BC; --on-accent:#04201B; --alert:#F08A62;
    --xr-bg:#050D11; color-scheme:dark;
  }}
:root[data-theme="dark"] :where(#g3){
  --paper:#0A1317; --surface:#101D23; --soft:#13232A; --ink:#E5EEEC; --muted:#9DB1AE; --rule:#24353B;
  --accent:#4FD1BC; --on-accent:#04201B; --alert:#F08A62;
  --xr-bg:#050D11; color-scheme:dark;
}
:where(#g3) *{box-sizing:border-box}
:where(#g3){scroll-behavior:smooth}
:where(#g3){background:var(--paper);color:var(--ink);font:400 16.5px/1.75 var(--f-body);word-break:keep-all;overflow-wrap:break-word;margin:0}
:where(#g3) body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--paper);z-index:30}
:where(#g3) h1,:where(#g3) h2,:where(#g3) h3,:where(#g3) p,:where(#g3) ul,:where(#g3) ol,:where(#g3) figure,:where(#g3) blockquote{margin:0}
:where(#g3) a{color:inherit}
:where(#g3) :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
:where(#g3) .wrap{max-width:1120px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
:where(#g3) .read{max-width:34em}
:where(#g3) .mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
:where(#g3) .eyebrow{font:500 12px var(--f-mono);letter-spacing:.14em;color:var(--accent);text-transform:uppercase}
:where(#g3) .muted{color:var(--muted)}
:where(#g3) .small{font-size:.875rem}
:where(#g3) .head{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--paper);border-bottom:1px solid var(--rule)}
:where(#g3) .head-in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px}
:where(#g3) .brand{display:flex;align-items:center;gap:10px;text-decoration:none}
:where(#g3) .brand b{display:block;font:800 1.2rem/1.1 var(--f-display)}
:where(#g3) .brand small{display:block;margin-top:3px;font:500 10.5px/1 var(--f-mono);letter-spacing:.12em;color:var(--muted)}
:where(#g3) .nav ul{list-style:none;padding:0;display:flex;align-items:center;gap:2px}
:where(#g3) .nav a{display:block;padding:9px 13px;border-radius:6px;text-decoration:none;font-weight:500;font-size:15px;white-space:nowrap}
:where(#g3) .nav a:hover{background:var(--soft)}
:where(#g3) .nav a[aria-current="page"]{color:var(--accent);font-weight:600}
:where(#g3) .nav a.cta{background:var(--accent);color:var(--on-accent);margin-left:6px;font-weight:600}
:where(#g3) .burger{display:none;width:44px;height:44px;border:1px solid var(--rule);background:none;color:inherit;border-radius:6px;cursor:pointer;place-items:center}
:where(#g3) .burger i{display:block;width:18px;height:2px;background:currentColor;box-shadow:0 6px 0 currentColor,0 -6px 0 currentColor}
:where(#g3) .steps{border-bottom:1px solid var(--rule);background:var(--surface)}
:where(#g3) .steps-in{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-block:10px;scrollbar-width:none}
:where(#g3) .steps-in::-webkit-scrollbar{display:none}
:where(#g3) .crumb{font-size:13px;color:var(--muted);white-space:nowrap;margin-right:6px}
:where(#g3) .step{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:6px 12px;border:1px solid var(--rule);border-radius:99px;font-size:13.5px;text-decoration:none;color:var(--muted)}
:where(#g3) .step b{font:500 12px var(--f-mono)}
:where(#g3) .step[aria-current="step"]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}
:where(#g3) .hero{padding-block:56px 48px}
:where(#g3) .hero h1{font:800 clamp(1.95rem,5.2vw,3.25rem)/1.3 var(--f-display);letter-spacing:-.015em;text-wrap:balance;margin:14px 0 18px;max-width:15em}
:where(#g3) .hero .lead{font-size:1.1rem;color:var(--muted)}
:where(#g3) .try{display:flex;gap:12px;align-items:flex-start;margin-top:26px;padding:14px 16px;border:1px dashed var(--accent);border-radius:8px;max-width:34em;font-size:.95rem}
:where(#g3) .try .mono{color:var(--accent);font-size:12px;letter-spacing:.1em;padding-top:3px;white-space:nowrap}
:where(#g3) .btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
:where(#g3) .btn{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:6px;font:600 15px var(--f-body);text-decoration:none;border:1px solid var(--ink);cursor:pointer;background:none;color:inherit}
:where(#g3) .btn.fill{background:var(--ink);color:var(--paper)}
:where(#g3) .btn:hover{filter:brightness(1.1)}
:where(#g3) .play{width:0;height:0;border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}
:where(#g3) .sec{padding-block:72px;border-top:1px solid var(--rule)}
:where(#g3) .sec.tint{background:var(--surface)}
:where(#g3) .sec-head{display:grid;gap:12px;margin-bottom:34px}
:where(#g3) .num{font:500 clamp(2.6rem,9vw,4.4rem)/1 var(--f-mono);letter-spacing:-.03em;color:var(--accent);font-variant-numeric:tabular-nums}
:where(#g3) .num small{font-size:.38em;letter-spacing:0;margin-left:4px;color:var(--muted)}
:where(#g3) h2{font:700 clamp(1.5rem,3.6vw,2.1rem)/1.38 var(--f-display);letter-spacing:-.01em;text-wrap:balance}
:where(#g3) .body{display:grid;gap:14px}
:where(#g3) .grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
:where(#g3) .tag{display:inline-block;font:500 11.5px/1 var(--f-mono);letter-spacing:.06em;padding:6px 10px;border:1px solid var(--rule);border-radius:99px;color:var(--muted);background:var(--surface);justify-self:start}
:where(#g3) .src{font:500 12px var(--f-mono);color:var(--muted);text-decoration:none;border-bottom:1px dotted var(--muted)}
:where(#g3) .src:hover{color:var(--accent);border-color:var(--accent)}
:where(#g3) .panel{background:var(--surface);border:1px solid var(--rule);border-radius:8px;padding:22px 20px;display:grid;gap:16px;min-width:0}
:where(#g3) .panel h3{font:500 12px var(--f-mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
:where(#g3) .bars{display:grid;gap:10px}
:where(#g3) .bar{display:grid;grid-template-columns:5.2em minmax(0,1fr) 5.4em;gap:12px;align-items:center;font-size:.92rem}
:where(#g3) .bar .track{height:16px;background:var(--soft);border-radius:3px;overflow:hidden}
:where(#g3) .bar .fill{height:100%;background:var(--muted);opacity:.55;border-radius:3px}
:where(#g3) .bar.on .fill{background:var(--accent);opacity:1}
:where(#g3) .bar .v{font-family:var(--f-mono);font-variant-numeric:tabular-nums;text-align:right;font-size:.85rem}
:where(#g3) .bar.on b,:where(#g3) .bar.on .v{color:var(--accent);font-weight:600}
:where(#g3) .note{font-size:.82rem;color:var(--muted);line-height:1.6}
:where(#g3) .callout{border-left:3px solid var(--accent);padding:4px 0 4px 16px;font-weight:500}
:where(#g3) .seg{display:inline-flex;border:1px solid var(--rule);border-radius:99px;padding:3px;gap:3px;justify-self:start;flex-wrap:wrap}
:where(#g3) .seg button{border:0;background:none;color:var(--muted);font:500 13.5px var(--f-body);padding:7px 14px;border-radius:99px;cursor:pointer}
:where(#g3) .seg button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
:where(#g3) .bite svg{display:block;width:100%;height:auto}
:where(#g3) .t-up{fill:var(--soft);stroke:var(--ink);stroke-width:1.5}
:where(#g3) .t-lo{fill:var(--surface);stroke:var(--ink);stroke-width:1.5}
:where(#g3) .gum{fill:var(--rule)}
:where(#g3) .hit{fill:var(--alert)}
:where(#g3) .arr{stroke:var(--alert);stroke-width:2.5;fill:none;marker-end:url(#ah)}
:where(#g3) .arr-h{fill:var(--alert)}
:where(#g3) .lbl{font:500 12.5px var(--f-body);fill:var(--ink)}
:where(#g3) .lbl-m{font:400 11px var(--f-mono);fill:var(--muted)}
:where(#g3) #lower{transition:transform .5s ease}
:where(#g3) .xr{background:var(--xr-bg);color:var(--xr-line);border-radius:10px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
:where(#g3) .xr-fig{padding:18px 10px 6px;border-right:1px solid rgba(207,227,224,.12);display:grid;gap:8px;align-content:start}
:where(#g3) .xr-fig svg{display:block;width:100%;max-width:300px;height:auto;margin-inline:auto}
:where(#g3) .xr-top{display:flex;justify-content:space-between;gap:10px;padding:0 8px;font:500 10.5px var(--f-mono);letter-spacing:.14em;color:var(--xr-dim)}
:where(#g3) .xr-ctl{display:grid;gap:6px;padding:4px 10px 14px}
:where(#g3) .xr-ctl label{font-size:13px;color:var(--xr-dim);display:flex;justify-content:space-between}
:where(#g3) .xr-ctl input{width:100%;accent-color:var(--xr-hi);margin:0}
:where(#g3) .xr-steps{list-style:none;padding:22px 22px 24px;margin:0;display:grid;gap:0;counter-reset:s}
:where(#g3) .xr-steps li{display:grid;grid-template-columns:2.2em minmax(0,1fr);gap:4px 10px;padding:12px 0;border-bottom:1px solid rgba(207,227,224,.12);counter-increment:s}
:where(#g3) .xr-steps li:last-child{border-bottom:0}
:where(#g3) .xr-steps li::before{content:counter(s);font:500 12px/1.9 var(--f-mono);color:var(--xr-hi);text-align:center;border:1px solid rgba(111,227,207,.4);border-radius:99px;height:1.9em}
:where(#g3) .xr-steps b{font-weight:600;color:#fff}
:where(#g3) .xr-steps span{grid-column:2;font-size:.9rem;color:var(--xr-dim);line-height:1.6}
:where(#g3) .xr-foot{grid-column:1/-1;border-top:1px solid rgba(207,227,224,.12);padding:12px 18px;font-size:12px;color:var(--xr-dim)}
:where(#g3) .sk{fill:none;stroke:var(--xr-line);stroke-width:1.6;stroke-linecap:round}
:where(#g3) .sk-dim{fill:none;stroke:var(--xr-dim);stroke-width:1;stroke-dasharray:3 4}
:where(#g3) .sp{fill:none;stroke:var(--xr-hi);stroke-width:3;stroke-linecap:round}
:where(#g3) .lv{stroke:var(--xr-line);stroke-width:2;stroke-linecap:round}
:where(#g3) .lv-hi{stroke:var(--xr-alert);stroke-width:2.4;stroke-linecap:round}
:where(#g3) .eye{fill:var(--xr-line)}
:where(#g3) .xl{font:500 10.5px var(--f-body);fill:var(--xr-dim)}
:where(#g3) .xl-hi{fill:var(--xr-alert)}
:where(#g3) .load{fill:var(--xr-alert);opacity:.85}
:where(#g3) .chain{list-style:none;padding:0;display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}
:where(#g3) .chain li{flex:1 1 7.5em;border:1px solid var(--rule);border-radius:8px;padding:12px 12px 10px;background:var(--surface);display:grid;gap:2px;position:relative}
:where(#g3) .chain li b{font-size:.98rem}
:where(#g3) .chain li span{font:400 11.5px var(--f-mono);color:var(--muted)}
:where(#g3) .chain li:last-child{border-color:var(--accent)}
:where(#g3) .chain li:last-child b{color:var(--accent)}
:where(#g3) .sig svg{display:block;width:100%;height:auto}
:where(#g3) .s-in{stroke:var(--ink);stroke-width:2;fill:none;marker-end:url(#ah2)}
:where(#g3) .s-out{stroke:var(--alert);stroke-width:1.8;fill:none;stroke-dasharray:5 4;marker-end:url(#ah3)}
:where(#g3) .s-col{fill:var(--soft);stroke:var(--accent);stroke-width:1.5}
:where(#g3) .s-t{font:600 13px var(--f-body);fill:var(--ink)}
:where(#g3) .s-m{font:400 11px var(--f-mono);fill:var(--muted)}
:where(#g3) .s-a{font:500 12.5px var(--f-body);fill:var(--alert)}
:where(#g3) .ah2{fill:var(--ink)}
:where(#g3) .ah3{fill:var(--alert)}
:where(#g3) .three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
:where(#g3) .three a{display:grid;gap:4px;padding:14px;border:1px solid var(--rule);border-radius:8px;text-decoration:none;background:var(--surface)}
:where(#g3) .three a b{font-weight:600}
:where(#g3) .three a span{font-size:.85rem;color:var(--muted);line-height:1.55}
:where(#g3) .three a:hover{border-color:var(--accent)}
:where(#g3) .three a:hover b{color:var(--accent)}
:where(#g3) .clear{display:grid;gap:10px;padding:24px 22px;border:1px solid var(--accent);border-radius:10px;background:var(--surface);max-width:46em}
:where(#g3) .clear h3{font:700 clamp(1.15rem,2.6vw,1.4rem)/1.45 var(--f-display);text-wrap:balance}
:where(#g3) .overview{background:var(--paper)}
:where(#g3) .flow{position:relative;display:grid;gap:0}
:where(#g3) .wire{display:flex;align-items:center;gap:12px;font:500 12px var(--f-mono);letter-spacing:.06em;color:var(--accent);margin-bottom:12px}
:where(#g3) .wire::before,:where(#g3) .wire::after{content:"";flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--accent) 0 8px,transparent 8px 13px)}
:where(#g3) .wire span{white-space:nowrap}
:where(#g3) .phases{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;counter-reset:none}
:where(#g3) .phases a{display:grid;gap:6px;height:100%;padding:18px 18px 20px;border:1px solid var(--rule);border-top:3px solid var(--accent);border-radius:8px;background:var(--surface);text-decoration:none}
:where(#g3) .phases a:hover{border-color:var(--accent)}
:where(#g3) .ph-n{font:500 12px var(--f-mono);letter-spacing:.1em;color:var(--accent)}
:where(#g3) .phases b{font:700 1.12rem/1.4 var(--f-display)}
:where(#g3) .phases a>span:last-child{font-size:.9rem;color:var(--muted);line-height:1.6}
:where(#g3) .named{margin-top:22px;font-size:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
:where(#g3) .named b{color:var(--accent);font-weight:700}
:where(#g3) .next{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:24px;border:1px solid var(--ink);border-radius:10px;text-decoration:none;background:var(--surface);margin-top:30px}
:where(#g3) .next small{font:500 12px var(--f-mono);letter-spacing:.1em;color:var(--accent)}
:where(#g3) .next b{display:block;font:700 1.3rem/1.4 var(--f-display);margin-top:4px}
:where(#g3) .next span{color:var(--muted);font-size:.92rem}
:where(#g3) .next i{font-style:normal;font-size:1.6rem;color:var(--accent)}
:where(#g3) .next:hover{border-color:var(--accent)}
:where(#g3) .quote{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:start}
:where(#g3) .ph{width:84px;height:84px;border-radius:50%;background:repeating-linear-gradient(135deg,var(--soft) 0 8px,var(--rule) 8px 9px);display:grid;place-items:center;font:500 10px var(--f-mono);color:var(--muted);text-align:center}
:where(#g3) blockquote p{font:700 clamp(1.15rem,2.6vw,1.45rem)/1.6 var(--f-display);text-wrap:balance}
:where(#g3) blockquote footer{margin-top:12px;font-size:.9rem;color:var(--muted)}
:where(#g3) details{border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#g3) summary{cursor:pointer;padding:16px 18px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
:where(#g3) summary::-webkit-details-marker{display:none}
:where(#g3) summary::after{content:"+";font:500 18px/1 var(--f-mono);color:var(--accent)}
:where(#g3) details[open] summary::after{content:"−"}
:where(#g3) .refs{list-style:none;margin:0;padding:0 18px 18px;display:grid;gap:10px;font-size:.88rem}
:where(#g3) .refs li{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:12px;border-top:1px solid var(--rule);padding-top:10px}
:where(#g3) .refs li span:first-child{font:500 12px/1.9 var(--f-mono);color:var(--accent)}
:where(#g3) .end{display:flex;flex-wrap:wrap;gap:10px}
:where(#g3) .foot{border-top:1px solid var(--rule);padding-block:40px 48px;font-size:.86rem;color:var(--muted)}
:where(#g3) .foot-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 40px}
:where(#g3) .foot b{color:var(--ink)}
:where(#g3) .foot p+p{margin-top:4px}
:where(#g3) .fine{grid-column:1/-1;border-top:1px solid var(--rule);padding-top:16px;font-size:.8rem}
:where(#g3) .mbar{display:none}
@media (max-width:860px){:where(#g3) .grid2{grid-template-columns:minmax(0,1fr);gap:32px}:where(#g3) .xr{grid-template-columns:minmax(0,1fr)}:where(#g3) .xr-fig{border-right:0;border-bottom:1px solid rgba(207,227,224,.12)}}
@media (max-width:760px){:where(#g3) .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--rule);padding:8px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px))}:where(#g3) .nav.open{display:block}:where(#g3) .nav ul{flex-direction:column;align-items:stretch}:where(#g3) .nav a{padding:13px 8px}:where(#g3) .nav a.cta{margin:8px 0 0;text-align:center}:where(#g3) .burger{display:inline-grid}:where(#g3) .sec{padding-block:56px}:where(#g3) .hero{padding-block:40px 40px}:where(#g3) .three,:where(#g3) .phases{grid-template-columns:minmax(0,1fr)}:where(#g3) .mbar{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:15;background:var(--paper);border-top:1px solid var(--rule);padding:9px max(16px,env(safe-area-inset-right,0px)) calc(9px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}:where(#g3) .mbar a{display:grid;place-items:center;padding:11px 6px;border:1px solid var(--rule);border-radius:6px;text-decoration:none;font-weight:600;font-size:14px}:where(#g3) .mbar a:last-child{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}:where(#g3){padding-bottom:72px}:where(#g3) .foot-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){:where(#g3) .quote{grid-template-columns:minmax(0,1fr)}:where(#g3) .refs li{grid-template-columns:minmax(0,1fr);gap:2px}:where(#g3) .next{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){:where(#g3){scroll-behavior:auto}:where(#g3) #lower{transition:none}}
:where(#g3) .timeline{list-style:none;padding:0;margin:0;display:grid;gap:0;border-left:2px solid var(--rule);margin-left:6px}
:where(#g3) .timeline li{position:relative;display:grid;gap:3px;padding:0 0 22px 22px}
:where(#g3) .timeline li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--muted)}
:where(#g3) .timeline li.now::before{background:var(--accent);border-color:var(--accent)}
:where(#g3) .timeline .yr{font-size:12px;color:var(--accent);letter-spacing:.08em}
:where(#g3) .timeline b{font-weight:600}
:where(#g3) .timeline li>span:last-child{font-size:.92rem;color:var(--muted);line-height:1.6}
:where(#g3) .timeline li.now b{color:var(--accent)}
:where(#g3) .stats{display:grid;gap:12px;margin:0}
:where(#g3) .stats div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 16px;padding:16px 18px;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#g3) .stats dt{font-size:.9rem;color:var(--muted)}
:where(#g3) .stats dd{margin:0;grid-row:1/3;grid-column:2;font-size:2rem;font-weight:500;color:var(--accent);letter-spacing:-.02em;align-self:center}
:where(#g3) .stats dd small{font-size:.45em;color:var(--muted);margin-left:3px;letter-spacing:0}
:where(#g3) .stats span{font-size:.85rem;color:var(--muted)}
:where(#g3) .base svg{display:block;width:100%;height:auto}
:where(#g3) .skull{fill:var(--soft);stroke:var(--rule);stroke-width:1.5}
:where(#g3) .bone{fill:none;stroke:var(--muted);stroke-width:1.6;transition:fill .25s,stroke .25s}
:where(#g3) .bone.fillb{fill:var(--surface)}
:where(#g3) .bone[data-g="man"]{stroke-dasharray:6 5}
:where(#g3) .bone.on{stroke:var(--accent);stroke-width:2.4}
:where(#g3) .bone.fillb.on{fill:color-mix(in srgb,var(--accent) 22%,var(--surface))}
:where(#g3) .hole{fill:var(--paper);stroke:var(--muted);stroke-width:1.2}
:where(#g3) .tmj{fill:var(--surface);stroke:var(--muted);stroke-width:1.6}
:where(#g3) .tmj.on{fill:var(--accent);stroke:var(--accent)}
:where(#g3) .bl{font:600 12.5px var(--f-body);fill:var(--ink)}
:where(#g3) .bs{font:400 10.5px var(--f-mono);fill:var(--muted)}
:where(#g3) .dir{font:400 10.5px var(--f-mono);fill:var(--muted);letter-spacing:.08em}
:where(#g3) .cap{min-height:4.8em;font-size:.9rem;color:var(--ink)}
:where(#g3) .big{margin:0;padding:22px 0 0;border-top:2px solid var(--ink)}
:where(#g3) .big p{font:800 clamp(1.4rem,3.4vw,2rem)/1.45 var(--f-display);text-wrap:balance}
:where(#g3) .big footer{margin-top:10px;font-size:.9rem;color:var(--muted)}
:where(#g3) .compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:36px}
:where(#g3) .compare div{display:grid;gap:6px;padding:18px 20px;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#g3) .compare .mono{font-size:12px;color:var(--muted);letter-spacing:.06em}
:where(#g3) .compare b{font:700 1.1rem/1.45 var(--f-display)}
:where(#g3) .compare p{font-size:.92rem;color:var(--muted)}
:where(#g3) .compare .on{border-color:var(--accent);border-top:3px solid var(--accent)}
:where(#g3) .compare .on .mono{color:var(--accent)}
:where(#g3) .two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
:where(#g3) .half{display:grid;gap:10px;align-content:start;padding:22px;border:1px solid var(--rule);border-radius:10px;background:var(--paper)}
:where(#g3) .half.on{border-color:var(--accent)}
:where(#g3) .half .mono{font-size:12px;letter-spacing:.08em;color:var(--accent)}
:where(#g3) .half h3{font:700 1.2rem/1.45 var(--f-display)}
:where(#g3) .half p{font-size:.95rem}
:where(#g3) .checks{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:.93rem}
:where(#g3) .checks li{position:relative;padding-left:20px;line-height:1.6}
:where(#g3) .checks li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--accent)}
@media (max-width:760px){:where(#g3) .compare,:where(#g3) .two{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){:where(#g3) .bone{transition:none}}
:where(#g3) .hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:end}
:where(#g3) .try.first{border-style:solid;border-color:var(--alert);background:var(--surface)}
:where(#g3) .try.first .mono{color:var(--alert)}
:where(#g3) .order{list-style:none;padding:0;margin:0;display:grid;gap:0;counter-reset:o}
:where(#g3) .order li{display:grid;grid-template-columns:2em minmax(0,1fr);gap:2px 12px;padding:12px 0;border-top:1px solid var(--rule);counter-increment:o}
:where(#g3) .order li:first-child{border-top:0;padding-top:0}
:where(#g3) .order li::before{content:counter(o);grid-row:1/3;font:500 12px/1.9 var(--f-mono);color:var(--accent);text-align:center;border:1px solid var(--accent);border-radius:99px;height:1.9em}
:where(#g3) .order li:first-child::before{background:var(--accent);color:var(--on-accent)}
:where(#g3) .order b{font-weight:600}
:where(#g3) .order span{font-size:.9rem;color:var(--muted);line-height:1.6}
:where(#g3) .flag{display:inline-block;font:600 11.5px/1.3 var(--f-body);color:var(--alert);border:1px dashed var(--alert);border-radius:4px;padding:3px 7px;vertical-align:middle;white-space:nowrap}
:where(#g3) .alias{font:500 10.5px var(--f-mono);border:1px solid currentColor;border-radius:4px;padding:1px 5px;margin-left:4px;opacity:.85}
:where(#g3) .causes{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
:where(#g3) .causes li{padding:8px 14px;border:1px solid var(--rule);border-radius:99px;font-size:.92rem;background:var(--surface);color:var(--muted)}
:where(#g3) .causes li.me{border-color:var(--accent);color:var(--accent);font-weight:600}
:where(#g3) .air{fill:var(--xr-hi);opacity:.22}
:where(#g3) .air-edge{fill:none;stroke:var(--xr-hi);stroke-width:1.4}
:where(#g3) .tongue{fill:rgba(207,227,224,.14);stroke:var(--xr-line);stroke-width:1.4}
:where(#g3) .shift{fill:none;stroke:var(--xr-alert);stroke-width:1.6;stroke-dasharray:5 4}
:where(#g3) .vert{fill:none;stroke:var(--xr-dim);stroke-width:1.2}
:where(#g3) .roles{display:grid;grid-template-columns:repeat(auto-fit,minmax(15.5em,1fr));gap:12px}
:where(#g3) .role{display:grid;gap:8px;align-content:start;padding:20px;border:1px solid var(--rule);border-radius:10px;background:var(--paper)}
:where(#g3) .role .k{font:500 12px var(--f-mono);letter-spacing:.06em;color:var(--accent)}
:where(#g3) .role h3{font:700 1.12rem/1.45 var(--f-display)}
:where(#g3) .role p{font-size:.93rem}
:where(#g3) .role.night{border-top:3px solid var(--accent)}
:where(#g3) .role.opt{border-style:dashed;grid-column:1/-1}
:where(#g3) .warn{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:14px 16px;border:1px solid var(--alert);border-radius:8px;font-size:.95rem;background:var(--surface)}
:where(#g3) .warn b{color:var(--alert);white-space:nowrap}
:where(#g3) .exam{display:grid;gap:12px}
:where(#g3) .sc{list-style:none;padding:0;margin:0;display:grid;gap:8px}
:where(#g3) .sc button{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start;width:100%;text-align:left;padding:14px 16px;border:1px solid var(--rule);border-radius:8px;background:var(--surface);color:inherit;font:500 15px/1.55 var(--f-body);cursor:pointer}
:where(#g3) .sc button i{width:22px;height:22px;margin-top:1px;border:1.5px solid var(--muted);border-radius:5px;display:grid;place-items:center;font:700 13px/1 var(--f-body);font-style:normal;color:var(--on-accent)}
:where(#g3) .sc button[aria-pressed="true"]{border-color:var(--accent)}
:where(#g3) .sc button[aria-pressed="true"] i{background:var(--accent);border-color:var(--accent)}
:where(#g3) .sc button[aria-pressed="true"] i::after{content:"✓"}
:where(#g3) .sc-out{display:grid;gap:8px;padding:18px 20px;border:1px solid var(--accent);border-radius:10px;background:var(--surface)}
:where(#g3) .sc-out .mono{font-size:12px;letter-spacing:.08em;color:var(--accent)}
:where(#g3) .sc-out .always{border-top:1px solid var(--rule);padding-top:10px;font-size:.9rem;color:var(--muted)}
:where(#g3) .check-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px;align-items:start}
:where(#g3) .faq{display:grid;gap:10px}
:where(#g3) .faq details>div{padding:0 18px 18px;font-size:.95rem;display:grid;gap:8px}
:where(#g3) .consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:26px 24px;border:1px solid var(--ink);border-radius:10px;background:var(--surface);margin-top:34px}
:where(#g3) .consult b{display:block;font:700 clamp(1.2rem,2.8vw,1.5rem)/1.45 var(--f-display);text-wrap:balance}
:where(#g3) .consult .btns{margin-top:0}
:where(#g3) .rel{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;align-items:center}
@media (max-width:860px){:where(#g3) .hero-grid,:where(#g3) .check-grid{grid-template-columns:minmax(0,1fr);gap:28px}:where(#g3) .consult{grid-template-columns:minmax(0,1fr)}}
/* ── 고민 4 ── */
:where(#g4){
  --paper:#F3F6F5; --surface:#FFFFFF; --soft:#E6EDEB; --ink:#12232B; --muted:#53656C; --rule:#D2DCDA;
  --accent:#0F7B6C; --on-accent:#FFFFFF; --alert:#C2532B;
  --xr-bg:#0D1B23; --xr-line:#CFE3E0; --xr-dim:#86A3A1; --xr-hi:#6FE3CF; --xr-alert:#FF9A73;
  --f-display:'Nanum Myeongjo','Noto Serif KR',serif;
  --f-body:'IBM Plex Sans KR','Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) :where(#g4){
    --paper:#0A1317; --surface:#101D23; --soft:#13232A; --ink:#E5EEEC; --muted:#9DB1AE; --rule:#24353B;
    --accent:#4FD1BC; --on-accent:#04201B; --alert:#F08A62;
    --xr-bg:#050D11; color-scheme:dark;
  }}
:root[data-theme="dark"] :where(#g4){
  --paper:#0A1317; --surface:#101D23; --soft:#13232A; --ink:#E5EEEC; --muted:#9DB1AE; --rule:#24353B;
  --accent:#4FD1BC; --on-accent:#04201B; --alert:#F08A62;
  --xr-bg:#050D11; color-scheme:dark;
}
:where(#g4) *{box-sizing:border-box}
:where(#g4){scroll-behavior:smooth}
:where(#g4){background:var(--paper);color:var(--ink);font:400 16.5px/1.75 var(--f-body);word-break:keep-all;overflow-wrap:break-word;margin:0}
:where(#g4) body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--paper);z-index:30}
:where(#g4) h1,:where(#g4) h2,:where(#g4) h3,:where(#g4) p,:where(#g4) ul,:where(#g4) ol,:where(#g4) figure,:where(#g4) blockquote{margin:0}
:where(#g4) a{color:inherit}
:where(#g4) :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
:where(#g4) .wrap{max-width:1120px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
:where(#g4) .read{max-width:34em}
:where(#g4) .mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
:where(#g4) .eyebrow{font:500 12px var(--f-mono);letter-spacing:.14em;color:var(--accent);text-transform:uppercase}
:where(#g4) .muted{color:var(--muted)}
:where(#g4) .small{font-size:.875rem}
:where(#g4) .head{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--paper);border-bottom:1px solid var(--rule)}
:where(#g4) .head-in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px}
:where(#g4) .brand{display:flex;align-items:center;gap:10px;text-decoration:none}
:where(#g4) .brand b{display:block;font:800 1.2rem/1.1 var(--f-display)}
:where(#g4) .brand small{display:block;margin-top:3px;font:500 10.5px/1 var(--f-mono);letter-spacing:.12em;color:var(--muted)}
:where(#g4) .nav ul{list-style:none;padding:0;display:flex;align-items:center;gap:2px}
:where(#g4) .nav a{display:block;padding:9px 13px;border-radius:6px;text-decoration:none;font-weight:500;font-size:15px;white-space:nowrap}
:where(#g4) .nav a:hover{background:var(--soft)}
:where(#g4) .nav a[aria-current="page"]{color:var(--accent);font-weight:600}
:where(#g4) .nav a.cta{background:var(--accent);color:var(--on-accent);margin-left:6px;font-weight:600}
:where(#g4) .burger{display:none;width:44px;height:44px;border:1px solid var(--rule);background:none;color:inherit;border-radius:6px;cursor:pointer;place-items:center}
:where(#g4) .burger i{display:block;width:18px;height:2px;background:currentColor;box-shadow:0 6px 0 currentColor,0 -6px 0 currentColor}
:where(#g4) .steps{border-bottom:1px solid var(--rule);background:var(--surface)}
:where(#g4) .steps-in{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-block:10px;scrollbar-width:none}
:where(#g4) .steps-in::-webkit-scrollbar{display:none}
:where(#g4) .crumb{font-size:13px;color:var(--muted);white-space:nowrap;margin-right:6px}
:where(#g4) .step{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:6px 12px;border:1px solid var(--rule);border-radius:99px;font-size:13.5px;text-decoration:none;color:var(--muted)}
:where(#g4) .step b{font:500 12px var(--f-mono)}
:where(#g4) .step[aria-current="step"]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}
:where(#g4) .hero{padding-block:56px 48px}
:where(#g4) .hero h1{font:800 clamp(1.95rem,5.2vw,3.25rem)/1.3 var(--f-display);letter-spacing:-.015em;text-wrap:balance;margin:14px 0 18px;max-width:15em}
:where(#g4) .hero .lead{font-size:1.1rem;color:var(--muted)}
:where(#g4) .try{display:flex;gap:12px;align-items:flex-start;margin-top:26px;padding:14px 16px;border:1px dashed var(--accent);border-radius:8px;max-width:34em;font-size:.95rem}
:where(#g4) .try .mono{color:var(--accent);font-size:12px;letter-spacing:.1em;padding-top:3px;white-space:nowrap}
:where(#g4) .btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
:where(#g4) .btn{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:6px;font:600 15px var(--f-body);text-decoration:none;border:1px solid var(--ink);cursor:pointer;background:none;color:inherit}
:where(#g4) .btn.fill{background:var(--ink);color:var(--paper)}
:where(#g4) .btn:hover{filter:brightness(1.1)}
:where(#g4) .play{width:0;height:0;border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}
:where(#g4) .sec{padding-block:72px;border-top:1px solid var(--rule)}
:where(#g4) .sec.tint{background:var(--surface)}
:where(#g4) .sec-head{display:grid;gap:12px;margin-bottom:34px}
:where(#g4) .num{font:500 clamp(2.6rem,9vw,4.4rem)/1 var(--f-mono);letter-spacing:-.03em;color:var(--accent);font-variant-numeric:tabular-nums}
:where(#g4) .num small{font-size:.38em;letter-spacing:0;margin-left:4px;color:var(--muted)}
:where(#g4) h2{font:700 clamp(1.5rem,3.6vw,2.1rem)/1.38 var(--f-display);letter-spacing:-.01em;text-wrap:balance}
:where(#g4) .body{display:grid;gap:14px}
:where(#g4) .grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
:where(#g4) .tag{display:inline-block;font:500 11.5px/1 var(--f-mono);letter-spacing:.06em;padding:6px 10px;border:1px solid var(--rule);border-radius:99px;color:var(--muted);background:var(--surface);justify-self:start}
:where(#g4) .src{font:500 12px var(--f-mono);color:var(--muted);text-decoration:none;border-bottom:1px dotted var(--muted)}
:where(#g4) .src:hover{color:var(--accent);border-color:var(--accent)}
:where(#g4) .panel{background:var(--surface);border:1px solid var(--rule);border-radius:8px;padding:22px 20px;display:grid;gap:16px;min-width:0}
:where(#g4) .panel h3{font:500 12px var(--f-mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
:where(#g4) .bars{display:grid;gap:10px}
:where(#g4) .bar{display:grid;grid-template-columns:5.2em minmax(0,1fr) 5.4em;gap:12px;align-items:center;font-size:.92rem}
:where(#g4) .bar .track{height:16px;background:var(--soft);border-radius:3px;overflow:hidden}
:where(#g4) .bar .fill{height:100%;background:var(--muted);opacity:.55;border-radius:3px}
:where(#g4) .bar.on .fill{background:var(--accent);opacity:1}
:where(#g4) .bar .v{font-family:var(--f-mono);font-variant-numeric:tabular-nums;text-align:right;font-size:.85rem}
:where(#g4) .bar.on b,:where(#g4) .bar.on .v{color:var(--accent);font-weight:600}
:where(#g4) .note{font-size:.82rem;color:var(--muted);line-height:1.6}
:where(#g4) .callout{border-left:3px solid var(--accent);padding:4px 0 4px 16px;font-weight:500}
:where(#g4) .seg{display:inline-flex;border:1px solid var(--rule);border-radius:99px;padding:3px;gap:3px;justify-self:start;flex-wrap:wrap}
:where(#g4) .seg button{border:0;background:none;color:var(--muted);font:500 13.5px var(--f-body);padding:7px 14px;border-radius:99px;cursor:pointer}
:where(#g4) .seg button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
:where(#g4) .bite svg{display:block;width:100%;height:auto}
:where(#g4) .t-up{fill:var(--soft);stroke:var(--ink);stroke-width:1.5}
:where(#g4) .t-lo{fill:var(--surface);stroke:var(--ink);stroke-width:1.5}
:where(#g4) .gum{fill:var(--rule)}
:where(#g4) .hit{fill:var(--alert)}
:where(#g4) .arr{stroke:var(--alert);stroke-width:2.5;fill:none;marker-end:url(#ah)}
:where(#g4) .arr-h{fill:var(--alert)}
:where(#g4) .lbl{font:500 12.5px var(--f-body);fill:var(--ink)}
:where(#g4) .lbl-m{font:400 11px var(--f-mono);fill:var(--muted)}
:where(#g4) #lower{transition:transform .5s ease}
:where(#g4) .xr{background:var(--xr-bg);color:var(--xr-line);border-radius:10px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
:where(#g4) .xr-fig{padding:18px 10px 6px;border-right:1px solid rgba(207,227,224,.12);display:grid;gap:8px;align-content:start}
:where(#g4) .xr-fig svg{display:block;width:100%;max-width:300px;height:auto;margin-inline:auto}
:where(#g4) .xr-top{display:flex;justify-content:space-between;gap:10px;padding:0 8px;font:500 10.5px var(--f-mono);letter-spacing:.14em;color:var(--xr-dim)}
:where(#g4) .xr-ctl{display:grid;gap:6px;padding:4px 10px 14px}
:where(#g4) .xr-ctl label{font-size:13px;color:var(--xr-dim);display:flex;justify-content:space-between}
:where(#g4) .xr-ctl input{width:100%;accent-color:var(--xr-hi);margin:0}
:where(#g4) .xr-steps{list-style:none;padding:22px 22px 24px;margin:0;display:grid;gap:0;counter-reset:s}
:where(#g4) .xr-steps li{display:grid;grid-template-columns:2.2em minmax(0,1fr);gap:4px 10px;padding:12px 0;border-bottom:1px solid rgba(207,227,224,.12);counter-increment:s}
:where(#g4) .xr-steps li:last-child{border-bottom:0}
:where(#g4) .xr-steps li::before{content:counter(s);font:500 12px/1.9 var(--f-mono);color:var(--xr-hi);text-align:center;border:1px solid rgba(111,227,207,.4);border-radius:99px;height:1.9em}
:where(#g4) .xr-steps b{font-weight:600;color:#fff}
:where(#g4) .xr-steps span{grid-column:2;font-size:.9rem;color:var(--xr-dim);line-height:1.6}
:where(#g4) .xr-foot{grid-column:1/-1;border-top:1px solid rgba(207,227,224,.12);padding:12px 18px;font-size:12px;color:var(--xr-dim)}
:where(#g4) .sk{fill:none;stroke:var(--xr-line);stroke-width:1.6;stroke-linecap:round}
:where(#g4) .sk-dim{fill:none;stroke:var(--xr-dim);stroke-width:1;stroke-dasharray:3 4}
:where(#g4) .sp{fill:none;stroke:var(--xr-hi);stroke-width:3;stroke-linecap:round}
:where(#g4) .lv{stroke:var(--xr-line);stroke-width:2;stroke-linecap:round}
:where(#g4) .lv-hi{stroke:var(--xr-alert);stroke-width:2.4;stroke-linecap:round}
:where(#g4) .eye{fill:var(--xr-line)}
:where(#g4) .xl{font:500 10.5px var(--f-body);fill:var(--xr-dim)}
:where(#g4) .xl-hi{fill:var(--xr-alert)}
:where(#g4) .load{fill:var(--xr-alert);opacity:.85}
:where(#g4) .chain{list-style:none;padding:0;display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}
:where(#g4) .chain li{flex:1 1 7.5em;border:1px solid var(--rule);border-radius:8px;padding:12px 12px 10px;background:var(--surface);display:grid;gap:2px;position:relative}
:where(#g4) .chain li b{font-size:.98rem}
:where(#g4) .chain li span{font:400 11.5px var(--f-mono);color:var(--muted)}
:where(#g4) .chain li:last-child{border-color:var(--accent)}
:where(#g4) .chain li:last-child b{color:var(--accent)}
:where(#g4) .sig svg{display:block;width:100%;height:auto}
:where(#g4) .s-in{stroke:var(--ink);stroke-width:2;fill:none;marker-end:url(#ah2)}
:where(#g4) .s-out{stroke:var(--alert);stroke-width:1.8;fill:none;stroke-dasharray:5 4;marker-end:url(#ah3)}
:where(#g4) .s-col{fill:var(--soft);stroke:var(--accent);stroke-width:1.5}
:where(#g4) .s-t{font:600 13px var(--f-body);fill:var(--ink)}
:where(#g4) .s-m{font:400 11px var(--f-mono);fill:var(--muted)}
:where(#g4) .s-a{font:500 12.5px var(--f-body);fill:var(--alert)}
:where(#g4) .ah2{fill:var(--ink)}
:where(#g4) .ah3{fill:var(--alert)}
:where(#g4) .three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
:where(#g4) .three a{display:grid;gap:4px;padding:14px;border:1px solid var(--rule);border-radius:8px;text-decoration:none;background:var(--surface)}
:where(#g4) .three a b{font-weight:600}
:where(#g4) .three a span{font-size:.85rem;color:var(--muted);line-height:1.55}
:where(#g4) .three a:hover{border-color:var(--accent)}
:where(#g4) .three a:hover b{color:var(--accent)}
:where(#g4) .clear{display:grid;gap:10px;padding:24px 22px;border:1px solid var(--accent);border-radius:10px;background:var(--surface);max-width:46em}
:where(#g4) .clear h3{font:700 clamp(1.15rem,2.6vw,1.4rem)/1.45 var(--f-display);text-wrap:balance}
:where(#g4) .overview{background:var(--paper)}
:where(#g4) .flow{position:relative;display:grid;gap:0}
:where(#g4) .wire{display:flex;align-items:center;gap:12px;font:500 12px var(--f-mono);letter-spacing:.06em;color:var(--accent);margin-bottom:12px}
:where(#g4) .wire::before,:where(#g4) .wire::after{content:"";flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--accent) 0 8px,transparent 8px 13px)}
:where(#g4) .wire span{white-space:nowrap}
:where(#g4) .phases{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;counter-reset:none}
:where(#g4) .phases a{display:grid;gap:6px;height:100%;padding:18px 18px 20px;border:1px solid var(--rule);border-top:3px solid var(--accent);border-radius:8px;background:var(--surface);text-decoration:none}
:where(#g4) .phases a:hover{border-color:var(--accent)}
:where(#g4) .ph-n{font:500 12px var(--f-mono);letter-spacing:.1em;color:var(--accent)}
:where(#g4) .phases b{font:700 1.12rem/1.4 var(--f-display)}
:where(#g4) .phases a>span:last-child{font-size:.9rem;color:var(--muted);line-height:1.6}
:where(#g4) .named{margin-top:22px;font-size:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
:where(#g4) .named b{color:var(--accent);font-weight:700}
:where(#g4) .next{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:24px;border:1px solid var(--ink);border-radius:10px;text-decoration:none;background:var(--surface);margin-top:30px}
:where(#g4) .next small{font:500 12px var(--f-mono);letter-spacing:.1em;color:var(--accent)}
:where(#g4) .next b{display:block;font:700 1.3rem/1.4 var(--f-display);margin-top:4px}
:where(#g4) .next span{color:var(--muted);font-size:.92rem}
:where(#g4) .next i{font-style:normal;font-size:1.6rem;color:var(--accent)}
:where(#g4) .next:hover{border-color:var(--accent)}
:where(#g4) .quote{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:start}
:where(#g4) .ph{width:84px;height:84px;border-radius:50%;background:repeating-linear-gradient(135deg,var(--soft) 0 8px,var(--rule) 8px 9px);display:grid;place-items:center;font:500 10px var(--f-mono);color:var(--muted);text-align:center}
:where(#g4) blockquote p{font:700 clamp(1.15rem,2.6vw,1.45rem)/1.6 var(--f-display);text-wrap:balance}
:where(#g4) blockquote footer{margin-top:12px;font-size:.9rem;color:var(--muted)}
:where(#g4) details{border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#g4) summary{cursor:pointer;padding:16px 18px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
:where(#g4) summary::-webkit-details-marker{display:none}
:where(#g4) summary::after{content:"+";font:500 18px/1 var(--f-mono);color:var(--accent)}
:where(#g4) details[open] summary::after{content:"−"}
:where(#g4) .refs{list-style:none;margin:0;padding:0 18px 18px;display:grid;gap:10px;font-size:.88rem}
:where(#g4) .refs li{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:12px;border-top:1px solid var(--rule);padding-top:10px}
:where(#g4) .refs li span:first-child{font:500 12px/1.9 var(--f-mono);color:var(--accent)}
:where(#g4) .end{display:flex;flex-wrap:wrap;gap:10px}
:where(#g4) .foot{border-top:1px solid var(--rule);padding-block:40px 48px;font-size:.86rem;color:var(--muted)}
:where(#g4) .foot-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 40px}
:where(#g4) .foot b{color:var(--ink)}
:where(#g4) .foot p+p{margin-top:4px}
:where(#g4) .fine{grid-column:1/-1;border-top:1px solid var(--rule);padding-top:16px;font-size:.8rem}
:where(#g4) .mbar{display:none}
@media (max-width:860px){:where(#g4) .grid2{grid-template-columns:minmax(0,1fr);gap:32px}:where(#g4) .xr{grid-template-columns:minmax(0,1fr)}:where(#g4) .xr-fig{border-right:0;border-bottom:1px solid rgba(207,227,224,.12)}}
@media (max-width:760px){:where(#g4) .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--rule);padding:8px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px))}:where(#g4) .nav.open{display:block}:where(#g4) .nav ul{flex-direction:column;align-items:stretch}:where(#g4) .nav a{padding:13px 8px}:where(#g4) .nav a.cta{margin:8px 0 0;text-align:center}:where(#g4) .burger{display:inline-grid}:where(#g4) .sec{padding-block:56px}:where(#g4) .hero{padding-block:40px 40px}:where(#g4) .three,:where(#g4) .phases{grid-template-columns:minmax(0,1fr)}:where(#g4) .mbar{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:15;background:var(--paper);border-top:1px solid var(--rule);padding:9px max(16px,env(safe-area-inset-right,0px)) calc(9px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}:where(#g4) .mbar a{display:grid;place-items:center;padding:11px 6px;border:1px solid var(--rule);border-radius:6px;text-decoration:none;font-weight:600;font-size:14px}:where(#g4) .mbar a:last-child{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}:where(#g4){padding-bottom:72px}:where(#g4) .foot-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){:where(#g4) .quote{grid-template-columns:minmax(0,1fr)}:where(#g4) .refs li{grid-template-columns:minmax(0,1fr);gap:2px}:where(#g4) .next{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){:where(#g4){scroll-behavior:auto}:where(#g4) #lower{transition:none}}
:where(#g4) .timeline{list-style:none;padding:0;margin:0;display:grid;gap:0;border-left:2px solid var(--rule);margin-left:6px}
:where(#g4) .timeline li{position:relative;display:grid;gap:3px;padding:0 0 22px 22px}
:where(#g4) .timeline li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--muted)}
:where(#g4) .timeline li.now::before{background:var(--accent);border-color:var(--accent)}
:where(#g4) .timeline .yr{font-size:12px;color:var(--accent);letter-spacing:.08em}
:where(#g4) .timeline b{font-weight:600}
:where(#g4) .timeline li>span:last-child{font-size:.92rem;color:var(--muted);line-height:1.6}
:where(#g4) .timeline li.now b{color:var(--accent)}
:where(#g4) .stats{display:grid;gap:12px;margin:0}
:where(#g4) .stats div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 16px;padding:16px 18px;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#g4) .stats dt{font-size:.9rem;color:var(--muted)}
:where(#g4) .stats dd{margin:0;grid-row:1/3;grid-column:2;font-size:2rem;font-weight:500;color:var(--accent);letter-spacing:-.02em;align-self:center}
:where(#g4) .stats dd small{font-size:.45em;color:var(--muted);margin-left:3px;letter-spacing:0}
:where(#g4) .stats span{font-size:.85rem;color:var(--muted)}
:where(#g4) .base svg{display:block;width:100%;height:auto}
:where(#g4) .skull{fill:var(--soft);stroke:var(--rule);stroke-width:1.5}
:where(#g4) .bone{fill:none;stroke:var(--muted);stroke-width:1.6;transition:fill .25s,stroke .25s}
:where(#g4) .bone.fillb{fill:var(--surface)}
:where(#g4) .bone[data-g="man"]{stroke-dasharray:6 5}
:where(#g4) .bone.on{stroke:var(--accent);stroke-width:2.4}
:where(#g4) .bone.fillb.on{fill:color-mix(in srgb,var(--accent) 22%,var(--surface))}
:where(#g4) .hole{fill:var(--paper);stroke:var(--muted);stroke-width:1.2}
:where(#g4) .tmj{fill:var(--surface);stroke:var(--muted);stroke-width:1.6}
:where(#g4) .tmj.on{fill:var(--accent);stroke:var(--accent)}
:where(#g4) .bl{font:600 12.5px var(--f-body);fill:var(--ink)}
:where(#g4) .bs{font:400 10.5px var(--f-mono);fill:var(--muted)}
:where(#g4) .dir{font:400 10.5px var(--f-mono);fill:var(--muted);letter-spacing:.08em}
:where(#g4) .cap{min-height:4.8em;font-size:.9rem;color:var(--ink)}
:where(#g4) .big{margin:0;padding:22px 0 0;border-top:2px solid var(--ink)}
:where(#g4) .big p{font:800 clamp(1.4rem,3.4vw,2rem)/1.45 var(--f-display);text-wrap:balance}
:where(#g4) .big footer{margin-top:10px;font-size:.9rem;color:var(--muted)}
:where(#g4) .compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:36px}
:where(#g4) .compare div{display:grid;gap:6px;padding:18px 20px;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#g4) .compare .mono{font-size:12px;color:var(--muted);letter-spacing:.06em}
:where(#g4) .compare b{font:700 1.1rem/1.45 var(--f-display)}
:where(#g4) .compare p{font-size:.92rem;color:var(--muted)}
:where(#g4) .compare .on{border-color:var(--accent);border-top:3px solid var(--accent)}
:where(#g4) .compare .on .mono{color:var(--accent)}
:where(#g4) .two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
:where(#g4) .half{display:grid;gap:10px;align-content:start;padding:22px;border:1px solid var(--rule);border-radius:10px;background:var(--paper)}
:where(#g4) .half.on{border-color:var(--accent)}
:where(#g4) .half .mono{font-size:12px;letter-spacing:.08em;color:var(--accent)}
:where(#g4) .half h3{font:700 1.2rem/1.45 var(--f-display)}
:where(#g4) .half p{font-size:.95rem}
:where(#g4) .checks{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:.93rem}
:where(#g4) .checks li{position:relative;padding-left:20px;line-height:1.6}
:where(#g4) .checks li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--accent)}
@media (max-width:760px){:where(#g4) .compare,:where(#g4) .two{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){:where(#g4) .bone{transition:none}}
:where(#g4) .hero-fig{margin:0}
:where(#g4) .hero-fig svg{display:block;width:100%;max-width:420px;height:auto;margin-inline:auto}
:where(#g4) .jw-head{fill:none;stroke:var(--rule);stroke-width:1.5}
:where(#g4) .jw-up{fill:var(--soft);stroke:var(--ink);stroke-width:1.5}
:where(#g4) .jw-lo{fill:var(--surface);stroke:var(--ink);stroke-width:1.5}
:where(#g4) .jw-ghost{fill:none;stroke:var(--muted);stroke-width:1.2;stroke-dasharray:4 4}
:where(#g4) .jw-ok{fill:none;stroke:var(--accent);stroke-width:7;stroke-linecap:round;opacity:.28}
:where(#g4) .jw-now{fill:none;stroke:var(--alert);stroke-width:7;stroke-linecap:round}
:where(#g4) .jw-tick{stroke:var(--accent);stroke-width:2}
:where(#g4) .jw-stop{stroke:var(--alert);stroke-width:2.4}
:where(#g4) .jw-tmj{fill:var(--accent)}
:where(#g4) .jw-ring{fill:none;stroke:var(--accent);stroke-width:1.5;transform-origin:112px 84px;animation:tmdPulse 2.4s ease-out infinite}
@keyframes tmdPulse{0%{transform:scale(1);opacity:.9}100%{transform:scale(2.4);opacity:0}}
:where(#g4) .urgent{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;margin-top:28px;padding:14px 16px;border:1px solid var(--alert);border-left-width:4px;border-radius:8px;background:color-mix(in srgb,var(--alert) 7%,var(--surface));max-width:40em;font-size:.95rem}
:where(#g4) .urgent .mono{font-size:11.5px;letter-spacing:.1em;color:var(--alert);padding-top:3px;white-space:nowrap}
:where(#g4) .urgent b{color:var(--alert)}
:where(#g4) .urgent a{font-weight:600;color:var(--alert)}
:where(#g4) .ck-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:start}
:where(#g4) .finger svg{display:block;width:100%;max-width:260px;height:auto;margin-inline:auto}
:where(#g4) .fg{fill:var(--surface);stroke:var(--ink);stroke-width:1.5}
:where(#g4) .fg-nail{fill:var(--soft);stroke:var(--muted);stroke-width:1}
:where(#g4) .mouth{fill:var(--soft);stroke:var(--ink);stroke-width:1.5}
:where(#g4) .ck{list-style:none;padding:0;margin:0;display:grid;gap:8px}
:where(#g4) .ck label{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px;border:1px solid var(--rule);border-radius:8px;background:var(--surface);cursor:pointer;line-height:1.6}
:where(#g4) .ck input{width:20px;height:20px;margin:3px 0 0;accent-color:var(--accent)}
:where(#g4) .ck label:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
:where(#g4) .ck-out{margin-top:14px;padding:18px 18px;border:1px solid var(--ink);border-radius:8px;background:var(--surface);display:grid;gap:8px}
:where(#g4) .ck-out .mono{font-size:12px;letter-spacing:.08em;color:var(--accent)}
:where(#g4) .ck-out p{font-weight:500}
:where(#g4) .joint{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
:where(#g4) .joint figure{margin:0;display:grid;gap:8px;padding:14px;border:1px solid var(--rule);border-radius:8px;background:var(--paper)}
:where(#g4) .joint figure.on{border-color:var(--alert)}
:where(#g4) .joint svg{display:block;width:100%;height:auto}
:where(#g4) .joint figcaption{font-size:.86rem;color:var(--muted);line-height:1.55}
:where(#g4) .joint figcaption b{display:block;color:var(--ink);font-size:.92rem}
:where(#g4) .tb{fill:var(--soft);stroke:var(--ink);stroke-width:1.5}
:where(#g4) .cd{fill:var(--surface);stroke:var(--ink);stroke-width:1.5}
:where(#g4) .dk{fill:var(--accent);opacity:.35}
:where(#g4) .gl{fill:none;stroke:var(--accent);stroke-width:2;stroke-dasharray:4 3;marker-end:url(#tmdAh)}
:where(#g4) .gl-x{fill:none;stroke:var(--alert);stroke-width:2;stroke-dasharray:4 3}
:where(#g4) .push{fill:none;stroke:var(--alert);stroke-width:2;marker-end:url(#tmdAh2)}
:where(#g4) .jl{font:500 10.5px var(--f-body);fill:var(--muted)}
:where(#g4) .jl-a{font:600 10.5px var(--f-body);fill:var(--alert)}
:where(#g4) .flow5{list-style:none;padding:0;margin:0;display:grid;gap:0;counter-reset:f}
:where(#g4) .flow5 li{display:grid;grid-template-columns:2.4em minmax(0,1fr);gap:2px 12px;padding:14px 0;border-bottom:1px solid var(--rule);counter-increment:f}
:where(#g4) .flow5 li:last-child{border-bottom:0}
:where(#g4) .flow5 li::before{content:counter(f);grid-row:1/3;font:500 12px/2 var(--f-mono);text-align:center;color:var(--accent);border:1px solid var(--accent);border-radius:99px;height:2em}
:where(#g4) .flow5 li.hi::before{background:var(--alert);border-color:var(--alert);color:#fff}
:where(#g4) .flow5 b{font-weight:600}
:where(#g4) .flow5 span{font-size:.92rem;color:var(--muted);line-height:1.6}
:where(#g4) .view{display:inline-flex;align-items:center;gap:8px;font:600 12.5px var(--f-body);color:var(--accent);border:1px solid var(--accent);border-radius:99px;padding:5px 12px;justify-self:start}
:where(#g4) .role{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
:where(#g4) .role li{display:grid;gap:4px;padding:16px 18px;border:1px solid var(--rule);border-radius:8px;background:var(--surface);align-content:start}
:where(#g4) .role li .mono{font-size:11.5px;letter-spacing:.06em;color:var(--accent)}
:where(#g4) .role li b{font-weight:600}
:where(#g4) .role li p{font-size:.9rem;color:var(--muted);line-height:1.6}
:where(#g4) .role li.dim{background:var(--paper);border-style:dashed}
:where(#g4) .habit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
:where(#g4) .habit div{display:grid;gap:4px;padding:14px 16px;border:1px solid var(--rule);border-radius:8px;background:var(--paper)}
:where(#g4) .habit b{font-weight:600}
:where(#g4) .habit span{font-size:.86rem;color:var(--muted);line-height:1.55}
:where(#g4) .refer{display:grid;gap:10px;padding:20px 22px;border:1px solid var(--rule);border-left:3px solid var(--muted);border-radius:8px;background:var(--surface)}
:where(#g4) .refer h3{font:700 1.1rem/1.45 var(--f-display)}
:where(#g4) .refer dl{margin:0;display:grid;gap:8px;font-size:.92rem}
:where(#g4) .refer dl div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;border-top:1px solid var(--rule);padding-top:8px}
:where(#g4) .refer dd{margin:0;font-weight:600;white-space:nowrap}
:where(#g4) .faq{display:grid;gap:8px}
:where(#g4) .faq details p{padding:0 18px 18px;font-size:.95rem;color:var(--ink)}
:where(#g4) .consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:28px 26px;border:1px solid var(--ink);border-radius:10px;background:var(--surface)}
:where(#g4) .consult h2{font-size:clamp(1.3rem,3vw,1.7rem)}
@media (max-width:860px){:where(#g4) .ck-wrap{grid-template-columns:minmax(0,1fr);gap:24px}:where(#g4) .finger svg{max-width:200px}}
@media (max-width:760px){:where(#g4) .role,:where(#g4) .habit{grid-template-columns:minmax(0,1fr)}:where(#g4) .consult{grid-template-columns:minmax(0,1fr)}}
@media (max-width:420px){:where(#g4) .joint{grid-template-columns:minmax(0,1fr)}:where(#g4) .refer dl div{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){:where(#g4) .jw-ring{animation:none;opacity:0}}
/* ── 고민 5 ── */
:where(#g5){
  --paper:#F3F6F5; --surface:#FFFFFF; --soft:#E6EDEB; --ink:#12232B; --muted:#53656C; --rule:#D2DCDA;
  --accent:#0F7B6C; --on-accent:#FFFFFF; --alert:#C2532B;
  --xr-bg:#0D1B23; --xr-line:#CFE3E0; --xr-dim:#86A3A1; --xr-hi:#6FE3CF; --xr-alert:#FF9A73;
  --f-display:'Nanum Myeongjo','Noto Serif KR',serif;
  --f-body:'IBM Plex Sans KR','Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) :where(#g5){
    --paper:#0A1317; --surface:#101D23; --soft:#13232A; --ink:#E5EEEC; --muted:#9DB1AE; --rule:#24353B;
    --accent:#4FD1BC; --on-accent:#04201B; --alert:#F08A62;
    --xr-bg:#050D11; color-scheme:dark;
  }}
:root[data-theme="dark"] :where(#g5){
  --paper:#0A1317; --surface:#101D23; --soft:#13232A; --ink:#E5EEEC; --muted:#9DB1AE; --rule:#24353B;
  --accent:#4FD1BC; --on-accent:#04201B; --alert:#F08A62;
  --xr-bg:#050D11; color-scheme:dark;
}
:where(#g5) *{box-sizing:border-box}
:where(#g5){scroll-behavior:smooth}
:where(#g5){background:var(--paper);color:var(--ink);font:400 16.5px/1.75 var(--f-body);word-break:keep-all;overflow-wrap:break-word;margin:0}
:where(#g5) body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--paper);z-index:30}
:where(#g5) h1,:where(#g5) h2,:where(#g5) h3,:where(#g5) p,:where(#g5) ul,:where(#g5) ol,:where(#g5) figure,:where(#g5) blockquote{margin:0}
:where(#g5) a{color:inherit}
:where(#g5) :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
:where(#g5) .wrap{max-width:1120px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
:where(#g5) .read{max-width:34em}
:where(#g5) .mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
:where(#g5) .eyebrow{font:500 12px var(--f-mono);letter-spacing:.14em;color:var(--accent);text-transform:uppercase}
:where(#g5) .muted{color:var(--muted)}
:where(#g5) .small{font-size:.875rem}
:where(#g5) .head{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--paper);border-bottom:1px solid var(--rule)}
:where(#g5) .head-in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px}
:where(#g5) .brand{display:flex;align-items:center;gap:10px;text-decoration:none}
:where(#g5) .brand b{display:block;font:800 1.2rem/1.1 var(--f-display)}
:where(#g5) .brand small{display:block;margin-top:3px;font:500 10.5px/1 var(--f-mono);letter-spacing:.12em;color:var(--muted)}
:where(#g5) .nav ul{list-style:none;padding:0;display:flex;align-items:center;gap:2px}
:where(#g5) .nav a{display:block;padding:9px 13px;border-radius:6px;text-decoration:none;font-weight:500;font-size:15px;white-space:nowrap}
:where(#g5) .nav a:hover{background:var(--soft)}
:where(#g5) .nav a[aria-current="page"]{color:var(--accent);font-weight:600}
:where(#g5) .nav a.cta{background:var(--accent);color:var(--on-accent);margin-left:6px;font-weight:600}
:where(#g5) .burger{display:none;width:44px;height:44px;border:1px solid var(--rule);background:none;color:inherit;border-radius:6px;cursor:pointer;place-items:center}
:where(#g5) .burger i{display:block;width:18px;height:2px;background:currentColor;box-shadow:0 6px 0 currentColor,0 -6px 0 currentColor}
:where(#g5) .steps{border-bottom:1px solid var(--rule);background:var(--surface)}
:where(#g5) .steps-in{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-block:10px;scrollbar-width:none}
:where(#g5) .steps-in::-webkit-scrollbar{display:none}
:where(#g5) .crumb{font-size:13px;color:var(--muted);white-space:nowrap;margin-right:6px}
:where(#g5) .step{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:6px 12px;border:1px solid var(--rule);border-radius:99px;font-size:13.5px;text-decoration:none;color:var(--muted)}
:where(#g5) .step b{font:500 12px var(--f-mono)}
:where(#g5) .step[aria-current="step"]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}
:where(#g5) .hero{padding-block:56px 48px}
:where(#g5) .hero h1{font:800 clamp(1.95rem,5.2vw,3.25rem)/1.3 var(--f-display);letter-spacing:-.015em;text-wrap:balance;margin:14px 0 18px;max-width:15em}
:where(#g5) .hero .lead{font-size:1.1rem;color:var(--muted)}
:where(#g5) .try{display:flex;gap:12px;align-items:flex-start;margin-top:26px;padding:14px 16px;border:1px dashed var(--accent);border-radius:8px;max-width:34em;font-size:.95rem}
:where(#g5) .try .mono{color:var(--accent);font-size:12px;letter-spacing:.1em;padding-top:3px;white-space:nowrap}
:where(#g5) .btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
:where(#g5) .btn{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:6px;font:600 15px var(--f-body);text-decoration:none;border:1px solid var(--ink);cursor:pointer;background:none;color:inherit}
:where(#g5) .btn.fill{background:var(--ink);color:var(--paper)}
:where(#g5) .btn:hover{filter:brightness(1.1)}
:where(#g5) .play{width:0;height:0;border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}
:where(#g5) .sec{padding-block:72px;border-top:1px solid var(--rule)}
:where(#g5) .sec.tint{background:var(--surface)}
:where(#g5) .sec-head{display:grid;gap:12px;margin-bottom:34px}
:where(#g5) .num{font:500 clamp(2.6rem,9vw,4.4rem)/1 var(--f-mono);letter-spacing:-.03em;color:var(--accent);font-variant-numeric:tabular-nums}
:where(#g5) .num small{font-size:.38em;letter-spacing:0;margin-left:4px;color:var(--muted)}
:where(#g5) h2{font:700 clamp(1.5rem,3.6vw,2.1rem)/1.38 var(--f-display);letter-spacing:-.01em;text-wrap:balance}
:where(#g5) .body{display:grid;gap:14px}
:where(#g5) .grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
:where(#g5) .tag{display:inline-block;font:500 11.5px/1 var(--f-mono);letter-spacing:.06em;padding:6px 10px;border:1px solid var(--rule);border-radius:99px;color:var(--muted);background:var(--surface);justify-self:start}
:where(#g5) .src{font:500 12px var(--f-mono);color:var(--muted);text-decoration:none;border-bottom:1px dotted var(--muted)}
:where(#g5) .src:hover{color:var(--accent);border-color:var(--accent)}
:where(#g5) .panel{background:var(--surface);border:1px solid var(--rule);border-radius:8px;padding:22px 20px;display:grid;gap:16px;min-width:0}
:where(#g5) .panel h3{font:500 12px var(--f-mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
:where(#g5) .bars{display:grid;gap:10px}
:where(#g5) .bar{display:grid;grid-template-columns:5.2em minmax(0,1fr) 5.4em;gap:12px;align-items:center;font-size:.92rem}
:where(#g5) .bar .track{height:16px;background:var(--soft);border-radius:3px;overflow:hidden}
:where(#g5) .bar .fill{height:100%;background:var(--muted);opacity:.55;border-radius:3px}
:where(#g5) .bar.on .fill{background:var(--accent);opacity:1}
:where(#g5) .bar .v{font-family:var(--f-mono);font-variant-numeric:tabular-nums;text-align:right;font-size:.85rem}
:where(#g5) .bar.on b,:where(#g5) .bar.on .v{color:var(--accent);font-weight:600}
:where(#g5) .note{font-size:.82rem;color:var(--muted);line-height:1.6}
:where(#g5) .callout{border-left:3px solid var(--accent);padding:4px 0 4px 16px;font-weight:500}
:where(#g5) .seg{display:inline-flex;border:1px solid var(--rule);border-radius:99px;padding:3px;gap:3px;justify-self:start;flex-wrap:wrap}
:where(#g5) .seg button{border:0;background:none;color:var(--muted);font:500 13.5px var(--f-body);padding:7px 14px;border-radius:99px;cursor:pointer}
:where(#g5) .seg button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
:where(#g5) .bite svg{display:block;width:100%;height:auto}
:where(#g5) .t-up{fill:var(--soft);stroke:var(--ink);stroke-width:1.5}
:where(#g5) .t-lo{fill:var(--surface);stroke:var(--ink);stroke-width:1.5}
:where(#g5) .gum{fill:var(--rule)}
:where(#g5) .hit{fill:var(--alert)}
:where(#g5) .arr{stroke:var(--alert);stroke-width:2.5;fill:none;marker-end:url(#ah)}
:where(#g5) .arr-h{fill:var(--alert)}
:where(#g5) .lbl{font:500 12.5px var(--f-body);fill:var(--ink)}
:where(#g5) .lbl-m{font:400 11px var(--f-mono);fill:var(--muted)}
:where(#g5) #lower{transition:transform .5s ease}
:where(#g5) .xr{background:var(--xr-bg);color:var(--xr-line);border-radius:10px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
:where(#g5) .xr-fig{padding:18px 10px 6px;border-right:1px solid rgba(207,227,224,.12);display:grid;gap:8px;align-content:start}
:where(#g5) .xr-fig svg{display:block;width:100%;max-width:300px;height:auto;margin-inline:auto}
:where(#g5) .xr-top{display:flex;justify-content:space-between;gap:10px;padding:0 8px;font:500 10.5px var(--f-mono);letter-spacing:.14em;color:var(--xr-dim)}
:where(#g5) .xr-ctl{display:grid;gap:6px;padding:4px 10px 14px}
:where(#g5) .xr-ctl label{font-size:13px;color:var(--xr-dim);display:flex;justify-content:space-between}
:where(#g5) .xr-ctl input{width:100%;accent-color:var(--xr-hi);margin:0}
:where(#g5) .xr-steps{list-style:none;padding:22px 22px 24px;margin:0;display:grid;gap:0;counter-reset:s}
:where(#g5) .xr-steps li{display:grid;grid-template-columns:2.2em minmax(0,1fr);gap:4px 10px;padding:12px 0;border-bottom:1px solid rgba(207,227,224,.12);counter-increment:s}
:where(#g5) .xr-steps li:last-child{border-bottom:0}
:where(#g5) .xr-steps li::before{content:counter(s);font:500 12px/1.9 var(--f-mono);color:var(--xr-hi);text-align:center;border:1px solid rgba(111,227,207,.4);border-radius:99px;height:1.9em}
:where(#g5) .xr-steps b{font-weight:600;color:#fff}
:where(#g5) .xr-steps span{grid-column:2;font-size:.9rem;color:var(--xr-dim);line-height:1.6}
:where(#g5) .xr-foot{grid-column:1/-1;border-top:1px solid rgba(207,227,224,.12);padding:12px 18px;font-size:12px;color:var(--xr-dim)}
:where(#g5) .sk{fill:none;stroke:var(--xr-line);stroke-width:1.6;stroke-linecap:round}
:where(#g5) .sk-dim{fill:none;stroke:var(--xr-dim);stroke-width:1;stroke-dasharray:3 4}
:where(#g5) .sp{fill:none;stroke:var(--xr-hi);stroke-width:3;stroke-linecap:round}
:where(#g5) .lv{stroke:var(--xr-line);stroke-width:2;stroke-linecap:round}
:where(#g5) .lv-hi{stroke:var(--xr-alert);stroke-width:2.4;stroke-linecap:round}
:where(#g5) .eye{fill:var(--xr-line)}
:where(#g5) .xl{font:500 10.5px var(--f-body);fill:var(--xr-dim)}
:where(#g5) .xl-hi{fill:var(--xr-alert)}
:where(#g5) .load{fill:var(--xr-alert);opacity:.85}
:where(#g5) .chain{list-style:none;padding:0;display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}
:where(#g5) .chain li{flex:1 1 7.5em;border:1px solid var(--rule);border-radius:8px;padding:12px 12px 10px;background:var(--surface);display:grid;gap:2px;position:relative}
:where(#g5) .chain li b{font-size:.98rem}
:where(#g5) .chain li span{font:400 11.5px var(--f-mono);color:var(--muted)}
:where(#g5) .chain li:last-child{border-color:var(--accent)}
:where(#g5) .chain li:last-child b{color:var(--accent)}
:where(#g5) .sig svg{display:block;width:100%;height:auto}
:where(#g5) .s-in{stroke:var(--ink);stroke-width:2;fill:none;marker-end:url(#ah2)}
:where(#g5) .s-out{stroke:var(--alert);stroke-width:1.8;fill:none;stroke-dasharray:5 4;marker-end:url(#ah3)}
:where(#g5) .s-col{fill:var(--soft);stroke:var(--accent);stroke-width:1.5}
:where(#g5) .s-t{font:600 13px var(--f-body);fill:var(--ink)}
:where(#g5) .s-m{font:400 11px var(--f-mono);fill:var(--muted)}
:where(#g5) .s-a{font:500 12.5px var(--f-body);fill:var(--alert)}
:where(#g5) .ah2{fill:var(--ink)}
:where(#g5) .ah3{fill:var(--alert)}
:where(#g5) .three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
:where(#g5) .three a{display:grid;gap:4px;padding:14px;border:1px solid var(--rule);border-radius:8px;text-decoration:none;background:var(--surface)}
:where(#g5) .three a b{font-weight:600}
:where(#g5) .three a span{font-size:.85rem;color:var(--muted);line-height:1.55}
:where(#g5) .three a:hover{border-color:var(--accent)}
:where(#g5) .three a:hover b{color:var(--accent)}
:where(#g5) .clear{display:grid;gap:10px;padding:24px 22px;border:1px solid var(--accent);border-radius:10px;background:var(--surface);max-width:46em}
:where(#g5) .clear h3{font:700 clamp(1.15rem,2.6vw,1.4rem)/1.45 var(--f-display);text-wrap:balance}
:where(#g5) .overview{background:var(--paper)}
:where(#g5) .flow{position:relative;display:grid;gap:0}
:where(#g5) .wire{display:flex;align-items:center;gap:12px;font:500 12px var(--f-mono);letter-spacing:.06em;color:var(--accent);margin-bottom:12px}
:where(#g5) .wire::before,:where(#g5) .wire::after{content:"";flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--accent) 0 8px,transparent 8px 13px)}
:where(#g5) .wire span{white-space:nowrap}
:where(#g5) .phases{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;counter-reset:none}
:where(#g5) .phases a{display:grid;gap:6px;height:100%;padding:18px 18px 20px;border:1px solid var(--rule);border-top:3px solid var(--accent);border-radius:8px;background:var(--surface);text-decoration:none}
:where(#g5) .phases a:hover{border-color:var(--accent)}
:where(#g5) .ph-n{font:500 12px var(--f-mono);letter-spacing:.1em;color:var(--accent)}
:where(#g5) .phases b{font:700 1.12rem/1.4 var(--f-display)}
:where(#g5) .phases a>span:last-child{font-size:.9rem;color:var(--muted);line-height:1.6}
:where(#g5) .named{margin-top:22px;font-size:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
:where(#g5) .named b{color:var(--accent);font-weight:700}
:where(#g5) .next{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:24px;border:1px solid var(--ink);border-radius:10px;text-decoration:none;background:var(--surface);margin-top:30px}
:where(#g5) .next small{font:500 12px var(--f-mono);letter-spacing:.1em;color:var(--accent)}
:where(#g5) .next b{display:block;font:700 1.3rem/1.4 var(--f-display);margin-top:4px}
:where(#g5) .next span{color:var(--muted);font-size:.92rem}
:where(#g5) .next i{font-style:normal;font-size:1.6rem;color:var(--accent)}
:where(#g5) .next:hover{border-color:var(--accent)}
:where(#g5) .quote{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:start}
:where(#g5) .ph{width:84px;height:84px;border-radius:50%;background:repeating-linear-gradient(135deg,var(--soft) 0 8px,var(--rule) 8px 9px);display:grid;place-items:center;font:500 10px var(--f-mono);color:var(--muted);text-align:center}
:where(#g5) blockquote p{font:700 clamp(1.15rem,2.6vw,1.45rem)/1.6 var(--f-display);text-wrap:balance}
:where(#g5) blockquote footer{margin-top:12px;font-size:.9rem;color:var(--muted)}
:where(#g5) details{border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#g5) summary{cursor:pointer;padding:16px 18px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
:where(#g5) summary::-webkit-details-marker{display:none}
:where(#g5) summary::after{content:"+";font:500 18px/1 var(--f-mono);color:var(--accent)}
:where(#g5) details[open] summary::after{content:"−"}
:where(#g5) .refs{list-style:none;margin:0;padding:0 18px 18px;display:grid;gap:10px;font-size:.88rem}
:where(#g5) .refs li{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:12px;border-top:1px solid var(--rule);padding-top:10px}
:where(#g5) .refs li span:first-child{font:500 12px/1.9 var(--f-mono);color:var(--accent)}
:where(#g5) .end{display:flex;flex-wrap:wrap;gap:10px}
:where(#g5) .foot{border-top:1px solid var(--rule);padding-block:40px 48px;font-size:.86rem;color:var(--muted)}
:where(#g5) .foot-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 40px}
:where(#g5) .foot b{color:var(--ink)}
:where(#g5) .foot p+p{margin-top:4px}
:where(#g5) .fine{grid-column:1/-1;border-top:1px solid var(--rule);padding-top:16px;font-size:.8rem}
:where(#g5) .mbar{display:none}
@media (max-width:860px){:where(#g5) .grid2{grid-template-columns:minmax(0,1fr);gap:32px}:where(#g5) .xr{grid-template-columns:minmax(0,1fr)}:where(#g5) .xr-fig{border-right:0;border-bottom:1px solid rgba(207,227,224,.12)}}
@media (max-width:760px){:where(#g5) .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--rule);padding:8px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px))}:where(#g5) .nav.open{display:block}:where(#g5) .nav ul{flex-direction:column;align-items:stretch}:where(#g5) .nav a{padding:13px 8px}:where(#g5) .nav a.cta{margin:8px 0 0;text-align:center}:where(#g5) .burger{display:inline-grid}:where(#g5) .sec{padding-block:56px}:where(#g5) .hero{padding-block:40px 40px}:where(#g5) .three,:where(#g5) .phases{grid-template-columns:minmax(0,1fr)}:where(#g5) .mbar{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:15;background:var(--paper);border-top:1px solid var(--rule);padding:9px max(16px,env(safe-area-inset-right,0px)) calc(9px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}:where(#g5) .mbar a{display:grid;place-items:center;padding:11px 6px;border:1px solid var(--rule);border-radius:6px;text-decoration:none;font-weight:600;font-size:14px}:where(#g5) .mbar a:last-child{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}:where(#g5){padding-bottom:72px}:where(#g5) .foot-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){:where(#g5) .quote{grid-template-columns:minmax(0,1fr)}:where(#g5) .refs li{grid-template-columns:minmax(0,1fr);gap:2px}:where(#g5) .next{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){:where(#g5){scroll-behavior:auto}:where(#g5) #lower{transition:none}}
:where(#g5) .timeline{list-style:none;padding:0;margin:0;display:grid;gap:0;border-left:2px solid var(--rule);margin-left:6px}
:where(#g5) .timeline li{position:relative;display:grid;gap:3px;padding:0 0 22px 22px}
:where(#g5) .timeline li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--muted)}
:where(#g5) .timeline li.now::before{background:var(--accent);border-color:var(--accent)}
:where(#g5) .timeline .yr{font-size:12px;color:var(--accent);letter-spacing:.08em}
:where(#g5) .timeline b{font-weight:600}
:where(#g5) .timeline li>span:last-child{font-size:.92rem;color:var(--muted);line-height:1.6}
:where(#g5) .timeline li.now b{color:var(--accent)}
:where(#g5) .stats{display:grid;gap:12px;margin:0}
:where(#g5) .stats div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 16px;padding:16px 18px;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#g5) .stats dt{font-size:.9rem;color:var(--muted)}
:where(#g5) .stats dd{margin:0;grid-row:1/3;grid-column:2;font-size:2rem;font-weight:500;color:var(--accent);letter-spacing:-.02em;align-self:center}
:where(#g5) .stats dd small{font-size:.45em;color:var(--muted);margin-left:3px;letter-spacing:0}
:where(#g5) .stats span{font-size:.85rem;color:var(--muted)}
:where(#g5) .base svg{display:block;width:100%;height:auto}
:where(#g5) .skull{fill:var(--soft);stroke:var(--rule);stroke-width:1.5}
:where(#g5) .bone{fill:none;stroke:var(--muted);stroke-width:1.6;transition:fill .25s,stroke .25s}
:where(#g5) .bone.fillb{fill:var(--surface)}
:where(#g5) .bone[data-g="man"]{stroke-dasharray:6 5}
:where(#g5) .bone.on{stroke:var(--accent);stroke-width:2.4}
:where(#g5) .bone.fillb.on{fill:color-mix(in srgb,var(--accent) 22%,var(--surface))}
:where(#g5) .hole{fill:var(--paper);stroke:var(--muted);stroke-width:1.2}
:where(#g5) .tmj{fill:var(--surface);stroke:var(--muted);stroke-width:1.6}
:where(#g5) .tmj.on{fill:var(--accent);stroke:var(--accent)}
:where(#g5) .bl{font:600 12.5px var(--f-body);fill:var(--ink)}
:where(#g5) .bs{font:400 10.5px var(--f-mono);fill:var(--muted)}
:where(#g5) .dir{font:400 10.5px var(--f-mono);fill:var(--muted);letter-spacing:.08em}
:where(#g5) .cap{min-height:4.8em;font-size:.9rem;color:var(--ink)}
:where(#g5) .big{margin:0;padding:22px 0 0;border-top:2px solid var(--ink)}
:where(#g5) .big p{font:800 clamp(1.4rem,3.4vw,2rem)/1.45 var(--f-display);text-wrap:balance}
:where(#g5) .big footer{margin-top:10px;font-size:.9rem;color:var(--muted)}
:where(#g5) .compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:36px}
:where(#g5) .compare div{display:grid;gap:6px;padding:18px 20px;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#g5) .compare .mono{font-size:12px;color:var(--muted);letter-spacing:.06em}
:where(#g5) .compare b{font:700 1.1rem/1.45 var(--f-display)}
:where(#g5) .compare p{font-size:.92rem;color:var(--muted)}
:where(#g5) .compare .on{border-color:var(--accent);border-top:3px solid var(--accent)}
:where(#g5) .compare .on .mono{color:var(--accent)}
:where(#g5) .two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
:where(#g5) .half{display:grid;gap:10px;align-content:start;padding:22px;border:1px solid var(--rule);border-radius:10px;background:var(--paper)}
:where(#g5) .half.on{border-color:var(--accent)}
:where(#g5) .half .mono{font-size:12px;letter-spacing:.08em;color:var(--accent)}
:where(#g5) .half h3{font:700 1.2rem/1.45 var(--f-display)}
:where(#g5) .half p{font-size:.95rem}
:where(#g5) .checks{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:.93rem}
:where(#g5) .checks li{position:relative;padding-left:20px;line-height:1.6}
:where(#g5) .checks li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--accent)}
@media (max-width:760px){:where(#g5) .compare,:where(#g5) .two{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){:where(#g5) .bone{transition:none}}
:where(#g5) .hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px;align-items:center}
:where(#g5) .spec{display:grid;gap:12px;padding:22px 20px;border:1px solid var(--accent);border-top:3px solid var(--accent);border-radius:10px;background:var(--surface)}
:where(#g5) .spec .k{font:500 12px var(--f-mono);letter-spacing:.12em;color:var(--accent)}
:where(#g5) .spec b{font:700 1.2rem/1.4 var(--f-display)}
:where(#g5) .spec .h{font:500 2.4rem/1 var(--f-mono);color:var(--accent);letter-spacing:-.02em}
:where(#g5) .spec .h small{font-size:.4em;color:var(--muted);margin-left:4px;letter-spacing:0}
:where(#g5) .ph-box{display:grid;place-items:center;aspect-ratio:16/9;border-radius:8px;background:repeating-linear-gradient(135deg,var(--soft) 0 10px,var(--rule) 10px 11px);font:500 11px var(--f-mono);color:var(--muted);text-align:center;padding:10px}
:where(#g5) .warnline{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;padding:12px 14px;border:1px solid var(--alert);border-left-width:4px;border-radius:6px;background:color-mix(in srgb,var(--alert) 8%,var(--surface))}
:where(#g5) .warnline b{color:var(--alert)}
:where(#g5) .warnline svg{flex:none;margin-top:4px;fill:var(--alert)}
:where(#g5) .confirm{display:inline;font:500 11.5px var(--f-mono);color:var(--alert);border:1px dashed var(--alert);border-radius:4px;padding:1px 6px;white-space:nowrap}
:where(#g5) .persp{display:inline-flex;align-items:center;gap:6px;font:500 12px var(--f-mono);letter-spacing:.06em;color:var(--accent);border:1px solid var(--accent);border-radius:99px;padding:5px 11px;justify-self:start}
:where(#g5) .gach{font:500 10.5px var(--f-mono);color:var(--muted);border:1px solid var(--rule);border-radius:4px;padding:1px 5px;margin-left:4px;vertical-align:2px}
:where(#g5) .flow5{list-style:none;padding:0;margin:0;display:grid;gap:0;counter-reset:f}
:where(#g5) .flow5 li{display:grid;grid-template-columns:2.2em minmax(0,1fr);gap:2px 12px;padding:14px 0;border-bottom:1px solid var(--rule);counter-increment:f}
:where(#g5) .flow5 li:last-child{border-bottom:0}
:where(#g5) .flow5 li::before{content:counter(f);grid-row:1/3;font:500 12px/2em var(--f-mono);text-align:center;height:2em;border:1px solid var(--accent);border-radius:99px;color:var(--accent)}
:where(#g5) .flow5 b{font-weight:600}
:where(#g5) .flow5 span{grid-column:2;font-size:.92rem;color:var(--muted);line-height:1.6}
:where(#g5) .flow5 li.hot::before{background:var(--alert);border-color:var(--alert);color:var(--surface)}
:where(#g5) .clench svg{display:block;width:100%;height:auto}
:where(#g5) .c-jaw{fill:var(--surface);stroke:var(--ink);stroke-width:1.5}
:where(#g5) .c-up{fill:var(--soft);stroke:var(--ink);stroke-width:1.5}
:where(#g5) .c-hit{fill:var(--alert)}
:where(#g5) .c-even{fill:var(--accent)}
:where(#g5) .c-ar{stroke:var(--alert);stroke-width:2.2;fill:none}
:where(#g5) .c-ok{stroke:var(--accent);stroke-width:2.2;fill:none}
:where(#g5) .c-t{font:600 12.5px var(--f-body);fill:var(--ink)}
:where(#g5) .c-m{font:400 10.5px var(--f-mono);fill:var(--muted)}
:where(#g5) .c-a{font:500 11.5px var(--f-body);fill:var(--alert)}
:where(#g5) .c-g{font:500 11.5px var(--f-body);fill:var(--accent)}
:where(#g5) .roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
:where(#g5) .role{display:grid;gap:8px;align-content:start;padding:20px;border:1px solid var(--rule);border-radius:10px;background:var(--surface)}
:where(#g5) .role.main{grid-column:1/-1;border-color:var(--accent);border-top:3px solid var(--accent)}
:where(#g5) .role .mono{font-size:12px;letter-spacing:.08em;color:var(--accent)}
:where(#g5) .role h3{font:700 1.15rem/1.45 var(--f-display)}
:where(#g5) .role p{font-size:.94rem}
:where(#g5) .role .when{font-size:.85rem;color:var(--muted)}
:where(#g5) .route{list-style:none;padding:0;margin:0;display:grid;gap:6px}
:where(#g5) .route li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:.82rem}
:where(#g5) .route .rk{font:500 11.5px var(--f-mono);color:var(--muted);min-width:7em}
:where(#g5) .route i{font-style:normal;padding:3px 8px;border:1px solid var(--rule);border-radius:99px;background:var(--paper);white-space:nowrap}
:where(#g5) .route i.me{border-color:var(--accent);background:var(--accent);color:var(--on-accent);font-weight:600}
:where(#g5) .route s{text-decoration:none;color:var(--muted)}
:where(#g5) .day{display:grid;gap:8px}
:where(#g5) .day-track{position:relative;height:30px;border-radius:4px;background:var(--soft);overflow:hidden}
:where(#g5) .day-track span{position:absolute;top:0;bottom:0}
:where(#g5) .day-on{background:var(--accent)}
:where(#g5) .day-max{background:color-mix(in srgb,var(--accent) 40%,var(--soft))}
:where(#g5) .day-no{background:repeating-linear-gradient(135deg,transparent 0 5px,var(--alert) 5px 7px);opacity:.7}
:where(#g5) .day-scale{display:flex;justify-content:space-between;font:400 11px var(--f-mono);color:var(--muted)}
:where(#g5) .day-key{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.84rem;color:var(--muted)}
:where(#g5) .day-key i{display:inline-block;width:12px;height:12px;border-radius:2px;vertical-align:-1px;margin-right:6px}
:where(#g5) .chips{display:flex;flex-wrap:wrap;gap:8px}
:where(#g5) .chips button{border:1px solid var(--rule);background:var(--surface);color:var(--ink);font:500 14.5px var(--f-body);padding:9px 16px;border-radius:99px;cursor:pointer;min-height:44px}
:where(#g5) .chips button:hover{border-color:var(--accent)}
:where(#g5) .chips button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
:where(#g5) .sport{display:grid;gap:14px;padding:22px 20px;border:1px solid var(--rule);border-radius:10px;background:var(--surface);min-height:15em}
:where(#g5) .sport h3{font:700 1.2rem/1.45 var(--f-display)}
:where(#g5) .sport dl{margin:0;display:grid;gap:10px}
:where(#g5) .sport dl div{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:10px;border-top:1px solid var(--rule);padding-top:10px}
:where(#g5) .sport dt{font:500 12px/1.9 var(--f-mono);color:var(--muted)}
:where(#g5) .sport dd{margin:0;font-size:.95rem}
:where(#g5) .sport dd.fit-ok b{color:var(--accent)}
:where(#g5) .sport dd.fit-no b{color:var(--alert)}
:where(#g5) .first{display:grid;gap:12px;padding:22px 20px;border:1px solid var(--alert);border-radius:10px;background:var(--surface)}
:where(#g5) .first .eyebrow{color:var(--alert)}
:where(#g5) .first .checks li::before{background:var(--alert)}
:where(#g5) .faq{display:grid;gap:10px}
:where(#g5) .faq details p{padding:0 18px 18px;font-size:.95rem}
:where(#g5) .fee{padding:0 18px 18px;display:grid;gap:6px;font-size:.92rem}
:where(#g5) .fee div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--rule);padding-top:8px}
:where(#g5) .fee .mono{white-space:nowrap}
:where(#g5) .cta-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:26px 24px;border:1px solid var(--ink);border-radius:10px;background:var(--surface)}
:where(#g5) .cta-box h2{font-size:clamp(1.3rem,3vw,1.7rem)}
:where(#g5) .rel{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
:where(#g5) .rel a{font-size:.9rem;padding:7px 13px;border:1px solid var(--rule);border-radius:99px;text-decoration:none;background:var(--surface)}
:where(#g5) .rel a:hover{border-color:var(--accent);color:var(--accent)}
@media (max-width:860px){:where(#g5) .hero-grid{grid-template-columns:minmax(0,1fr);gap:28px}}
@media (max-width:760px){:where(#g5) .roles{grid-template-columns:minmax(0,1fr)}:where(#g5) .cta-box{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){:where(#g5) .sport dl div{grid-template-columns:minmax(0,1fr);gap:2px}}
/* ── 고민 6 ── */
:where(#g6){
  --paper:#F3F6F5; --surface:#FFFFFF; --soft:#E6EDEB; --ink:#12232B; --muted:#53656C; --rule:#D2DCDA;
  --accent:#0F7B6C; --on-accent:#FFFFFF; --alert:#C2532B;
  --xr-bg:#0D1B23; --xr-line:#CFE3E0; --xr-dim:#86A3A1; --xr-hi:#6FE3CF; --xr-alert:#FF9A73;
  --f-display:'Nanum Myeongjo','Noto Serif KR',serif;
  --f-body:'IBM Plex Sans KR','Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) :where(#g6){
    --paper:#0A1317; --surface:#101D23; --soft:#13232A; --ink:#E5EEEC; --muted:#9DB1AE; --rule:#24353B;
    --accent:#4FD1BC; --on-accent:#04201B; --alert:#F08A62;
    --xr-bg:#050D11; color-scheme:dark;
  }}
:root[data-theme="dark"] :where(#g6){
  --paper:#0A1317; --surface:#101D23; --soft:#13232A; --ink:#E5EEEC; --muted:#9DB1AE; --rule:#24353B;
  --accent:#4FD1BC; --on-accent:#04201B; --alert:#F08A62;
  --xr-bg:#050D11; color-scheme:dark;
}
:where(#g6) *{box-sizing:border-box}
:where(#g6){scroll-behavior:smooth}
:where(#g6){background:var(--paper);color:var(--ink);font:400 16.5px/1.75 var(--f-body);word-break:keep-all;overflow-wrap:break-word;margin:0}
:where(#g6) body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--paper);z-index:30}
:where(#g6) h1,:where(#g6) h2,:where(#g6) h3,:where(#g6) p,:where(#g6) ul,:where(#g6) ol,:where(#g6) figure,:where(#g6) blockquote{margin:0}
:where(#g6) a{color:inherit}
:where(#g6) :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
:where(#g6) .wrap{max-width:1120px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
:where(#g6) .read{max-width:34em}
:where(#g6) .mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
:where(#g6) .eyebrow{font:500 12px var(--f-mono);letter-spacing:.14em;color:var(--accent);text-transform:uppercase}
:where(#g6) .muted{color:var(--muted)}
:where(#g6) .small{font-size:.875rem}
:where(#g6) .head{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--paper);border-bottom:1px solid var(--rule)}
:where(#g6) .head-in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px}
:where(#g6) .brand{display:flex;align-items:center;gap:10px;text-decoration:none}
:where(#g6) .brand b{display:block;font:800 1.2rem/1.1 var(--f-display)}
:where(#g6) .brand small{display:block;margin-top:3px;font:500 10.5px/1 var(--f-mono);letter-spacing:.12em;color:var(--muted)}
:where(#g6) .nav ul{list-style:none;padding:0;display:flex;align-items:center;gap:2px}
:where(#g6) .nav a{display:block;padding:9px 13px;border-radius:6px;text-decoration:none;font-weight:500;font-size:15px;white-space:nowrap}
:where(#g6) .nav a:hover{background:var(--soft)}
:where(#g6) .nav a[aria-current="page"]{color:var(--accent);font-weight:600}
:where(#g6) .nav a.cta{background:var(--accent);color:var(--on-accent);margin-left:6px;font-weight:600}
:where(#g6) .burger{display:none;width:44px;height:44px;border:1px solid var(--rule);background:none;color:inherit;border-radius:6px;cursor:pointer;place-items:center}
:where(#g6) .burger i{display:block;width:18px;height:2px;background:currentColor;box-shadow:0 6px 0 currentColor,0 -6px 0 currentColor}
:where(#g6) .steps{border-bottom:1px solid var(--rule);background:var(--surface)}
:where(#g6) .steps-in{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-block:10px;scrollbar-width:none}
:where(#g6) .steps-in::-webkit-scrollbar{display:none}
:where(#g6) .crumb{font-size:13px;color:var(--muted);white-space:nowrap;margin-right:6px}
:where(#g6) .step{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:6px 12px;border:1px solid var(--rule);border-radius:99px;font-size:13.5px;text-decoration:none;color:var(--muted)}
:where(#g6) .step b{font:500 12px var(--f-mono)}
:where(#g6) .step[aria-current="step"]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}
:where(#g6) .hero{padding-block:56px 48px}
:where(#g6) .hero h1{font:800 clamp(1.95rem,5.2vw,3.25rem)/1.3 var(--f-display);letter-spacing:-.015em;text-wrap:balance;margin:14px 0 18px;max-width:15em}
:where(#g6) .hero .lead{font-size:1.1rem;color:var(--muted)}
:where(#g6) .try{display:flex;gap:12px;align-items:flex-start;margin-top:26px;padding:14px 16px;border:1px dashed var(--accent);border-radius:8px;max-width:34em;font-size:.95rem}
:where(#g6) .try .mono{color:var(--accent);font-size:12px;letter-spacing:.1em;padding-top:3px;white-space:nowrap}
:where(#g6) .btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
:where(#g6) .btn{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:6px;font:600 15px var(--f-body);text-decoration:none;border:1px solid var(--ink);cursor:pointer;background:none;color:inherit}
:where(#g6) .btn.fill{background:var(--ink);color:var(--paper)}
:where(#g6) .btn:hover{filter:brightness(1.1)}
:where(#g6) .play{width:0;height:0;border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}
:where(#g6) .sec{padding-block:72px;border-top:1px solid var(--rule)}
:where(#g6) .sec.tint{background:var(--surface)}
:where(#g6) .sec-head{display:grid;gap:12px;margin-bottom:34px}
:where(#g6) .num{font:500 clamp(2.6rem,9vw,4.4rem)/1 var(--f-mono);letter-spacing:-.03em;color:var(--accent);font-variant-numeric:tabular-nums}
:where(#g6) .num small{font-size:.38em;letter-spacing:0;margin-left:4px;color:var(--muted)}
:where(#g6) h2{font:700 clamp(1.5rem,3.6vw,2.1rem)/1.38 var(--f-display);letter-spacing:-.01em;text-wrap:balance}
:where(#g6) .body{display:grid;gap:14px}
:where(#g6) .grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
:where(#g6) .tag{display:inline-block;font:500 11.5px/1 var(--f-mono);letter-spacing:.06em;padding:6px 10px;border:1px solid var(--rule);border-radius:99px;color:var(--muted);background:var(--surface);justify-self:start}
:where(#g6) .src{font:500 12px var(--f-mono);color:var(--muted);text-decoration:none;border-bottom:1px dotted var(--muted)}
:where(#g6) .src:hover{color:var(--accent);border-color:var(--accent)}
:where(#g6) .panel{background:var(--surface);border:1px solid var(--rule);border-radius:8px;padding:22px 20px;display:grid;gap:16px;min-width:0}
:where(#g6) .panel h3{font:500 12px var(--f-mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
:where(#g6) .bars{display:grid;gap:10px}
:where(#g6) .bar{display:grid;grid-template-columns:5.2em minmax(0,1fr) 5.4em;gap:12px;align-items:center;font-size:.92rem}
:where(#g6) .bar .track{height:16px;background:var(--soft);border-radius:3px;overflow:hidden}
:where(#g6) .bar .fill{height:100%;background:var(--muted);opacity:.55;border-radius:3px}
:where(#g6) .bar.on .fill{background:var(--accent);opacity:1}
:where(#g6) .bar .v{font-family:var(--f-mono);font-variant-numeric:tabular-nums;text-align:right;font-size:.85rem}
:where(#g6) .bar.on b,:where(#g6) .bar.on .v{color:var(--accent);font-weight:600}
:where(#g6) .note{font-size:.82rem;color:var(--muted);line-height:1.6}
:where(#g6) .callout{border-left:3px solid var(--accent);padding:4px 0 4px 16px;font-weight:500}
:where(#g6) .seg{display:inline-flex;border:1px solid var(--rule);border-radius:99px;padding:3px;gap:3px;justify-self:start;flex-wrap:wrap}
:where(#g6) .seg button{border:0;background:none;color:var(--muted);font:500 13.5px var(--f-body);padding:7px 14px;border-radius:99px;cursor:pointer}
:where(#g6) .seg button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
:where(#g6) .bite svg{display:block;width:100%;height:auto}
:where(#g6) .t-up{fill:var(--soft);stroke:var(--ink);stroke-width:1.5}
:where(#g6) .t-lo{fill:var(--surface);stroke:var(--ink);stroke-width:1.5}
:where(#g6) .gum{fill:var(--rule)}
:where(#g6) .hit{fill:var(--alert)}
:where(#g6) .arr{stroke:var(--alert);stroke-width:2.5;fill:none;marker-end:url(#ah)}
:where(#g6) .arr-h{fill:var(--alert)}
:where(#g6) .lbl{font:500 12.5px var(--f-body);fill:var(--ink)}
:where(#g6) .lbl-m{font:400 11px var(--f-mono);fill:var(--muted)}
:where(#g6) #lower{transition:transform .5s ease}
:where(#g6) .xr{background:var(--xr-bg);color:var(--xr-line);border-radius:10px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
:where(#g6) .xr-fig{padding:18px 10px 6px;border-right:1px solid rgba(207,227,224,.12);display:grid;gap:8px;align-content:start}
:where(#g6) .xr-fig svg{display:block;width:100%;max-width:300px;height:auto;margin-inline:auto}
:where(#g6) .xr-top{display:flex;justify-content:space-between;gap:10px;padding:0 8px;font:500 10.5px var(--f-mono);letter-spacing:.14em;color:var(--xr-dim)}
:where(#g6) .xr-ctl{display:grid;gap:6px;padding:4px 10px 14px}
:where(#g6) .xr-ctl label{font-size:13px;color:var(--xr-dim);display:flex;justify-content:space-between}
:where(#g6) .xr-ctl input{width:100%;accent-color:var(--xr-hi);margin:0}
:where(#g6) .xr-steps{list-style:none;padding:22px 22px 24px;margin:0;display:grid;gap:0;counter-reset:s}
:where(#g6) .xr-steps li{display:grid;grid-template-columns:2.2em minmax(0,1fr);gap:4px 10px;padding:12px 0;border-bottom:1px solid rgba(207,227,224,.12);counter-increment:s}
:where(#g6) .xr-steps li:last-child{border-bottom:0}
:where(#g6) .xr-steps li::before{content:counter(s);font:500 12px/1.9 var(--f-mono);color:var(--xr-hi);text-align:center;border:1px solid rgba(111,227,207,.4);border-radius:99px;height:1.9em}
:where(#g6) .xr-steps b{font-weight:600;color:#fff}
:where(#g6) .xr-steps span{grid-column:2;font-size:.9rem;color:var(--xr-dim);line-height:1.6}
:where(#g6) .xr-foot{grid-column:1/-1;border-top:1px solid rgba(207,227,224,.12);padding:12px 18px;font-size:12px;color:var(--xr-dim)}
:where(#g6) .sk{fill:none;stroke:var(--xr-line);stroke-width:1.6;stroke-linecap:round}
:where(#g6) .sk-dim{fill:none;stroke:var(--xr-dim);stroke-width:1;stroke-dasharray:3 4}
:where(#g6) .sp{fill:none;stroke:var(--xr-hi);stroke-width:3;stroke-linecap:round}
:where(#g6) .lv{stroke:var(--xr-line);stroke-width:2;stroke-linecap:round}
:where(#g6) .lv-hi{stroke:var(--xr-alert);stroke-width:2.4;stroke-linecap:round}
:where(#g6) .eye{fill:var(--xr-line)}
:where(#g6) .xl{font:500 10.5px var(--f-body);fill:var(--xr-dim)}
:where(#g6) .xl-hi{fill:var(--xr-alert)}
:where(#g6) .load{fill:var(--xr-alert);opacity:.85}
:where(#g6) .chain{list-style:none;padding:0;display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}
:where(#g6) .chain li{flex:1 1 7.5em;border:1px solid var(--rule);border-radius:8px;padding:12px 12px 10px;background:var(--surface);display:grid;gap:2px;position:relative}
:where(#g6) .chain li b{font-size:.98rem}
:where(#g6) .chain li span{font:400 11.5px var(--f-mono);color:var(--muted)}
:where(#g6) .chain li:last-child{border-color:var(--accent)}
:where(#g6) .chain li:last-child b{color:var(--accent)}
:where(#g6) .sig svg{display:block;width:100%;height:auto}
:where(#g6) .s-in{stroke:var(--ink);stroke-width:2;fill:none;marker-end:url(#ah2)}
:where(#g6) .s-out{stroke:var(--alert);stroke-width:1.8;fill:none;stroke-dasharray:5 4;marker-end:url(#ah3)}
:where(#g6) .s-col{fill:var(--soft);stroke:var(--accent);stroke-width:1.5}
:where(#g6) .s-t{font:600 13px var(--f-body);fill:var(--ink)}
:where(#g6) .s-m{font:400 11px var(--f-mono);fill:var(--muted)}
:where(#g6) .s-a{font:500 12.5px var(--f-body);fill:var(--alert)}
:where(#g6) .ah2{fill:var(--ink)}
:where(#g6) .ah3{fill:var(--alert)}
:where(#g6) .three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
:where(#g6) .three a{display:grid;gap:4px;padding:14px;border:1px solid var(--rule);border-radius:8px;text-decoration:none;background:var(--surface)}
:where(#g6) .three a b{font-weight:600}
:where(#g6) .three a span{font-size:.85rem;color:var(--muted);line-height:1.55}
:where(#g6) .three a:hover{border-color:var(--accent)}
:where(#g6) .three a:hover b{color:var(--accent)}
:where(#g6) .clear{display:grid;gap:10px;padding:24px 22px;border:1px solid var(--accent);border-radius:10px;background:var(--surface);max-width:46em}
:where(#g6) .clear h3{font:700 clamp(1.15rem,2.6vw,1.4rem)/1.45 var(--f-display);text-wrap:balance}
:where(#g6) .overview{background:var(--paper)}
:where(#g6) .flow{position:relative;display:grid;gap:0}
:where(#g6) .wire{display:flex;align-items:center;gap:12px;font:500 12px var(--f-mono);letter-spacing:.06em;color:var(--accent);margin-bottom:12px}
:where(#g6) .wire::before,:where(#g6) .wire::after{content:"";flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--accent) 0 8px,transparent 8px 13px)}
:where(#g6) .wire span{white-space:nowrap}
:where(#g6) .phases{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;counter-reset:none}
:where(#g6) .phases a{display:grid;gap:6px;height:100%;padding:18px 18px 20px;border:1px solid var(--rule);border-top:3px solid var(--accent);border-radius:8px;background:var(--surface);text-decoration:none}
:where(#g6) .phases a:hover{border-color:var(--accent)}
:where(#g6) .ph-n{font:500 12px var(--f-mono);letter-spacing:.1em;color:var(--accent)}
:where(#g6) .phases b{font:700 1.12rem/1.4 var(--f-display)}
:where(#g6) .phases a>span:last-child{font-size:.9rem;color:var(--muted);line-height:1.6}
:where(#g6) .named{margin-top:22px;font-size:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
:where(#g6) .named b{color:var(--accent);font-weight:700}
:where(#g6) .next{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:24px;border:1px solid var(--ink);border-radius:10px;text-decoration:none;background:var(--surface);margin-top:30px}
:where(#g6) .next small{font:500 12px var(--f-mono);letter-spacing:.1em;color:var(--accent)}
:where(#g6) .next b{display:block;font:700 1.3rem/1.4 var(--f-display);margin-top:4px}
:where(#g6) .next span{color:var(--muted);font-size:.92rem}
:where(#g6) .next i{font-style:normal;font-size:1.6rem;color:var(--accent)}
:where(#g6) .next:hover{border-color:var(--accent)}
:where(#g6) .quote{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:start}
:where(#g6) .ph{width:84px;height:84px;border-radius:50%;background:repeating-linear-gradient(135deg,var(--soft) 0 8px,var(--rule) 8px 9px);display:grid;place-items:center;font:500 10px var(--f-mono);color:var(--muted);text-align:center}
:where(#g6) blockquote p{font:700 clamp(1.15rem,2.6vw,1.45rem)/1.6 var(--f-display);text-wrap:balance}
:where(#g6) blockquote footer{margin-top:12px;font-size:.9rem;color:var(--muted)}
:where(#g6) details{border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#g6) summary{cursor:pointer;padding:16px 18px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
:where(#g6) summary::-webkit-details-marker{display:none}
:where(#g6) summary::after{content:"+";font:500 18px/1 var(--f-mono);color:var(--accent)}
:where(#g6) details[open] summary::after{content:"−"}
:where(#g6) .refs{list-style:none;margin:0;padding:0 18px 18px;display:grid;gap:10px;font-size:.88rem}
:where(#g6) .refs li{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:12px;border-top:1px solid var(--rule);padding-top:10px}
:where(#g6) .refs li span:first-child{font:500 12px/1.9 var(--f-mono);color:var(--accent)}
:where(#g6) .end{display:flex;flex-wrap:wrap;gap:10px}
:where(#g6) .foot{border-top:1px solid var(--rule);padding-block:40px 48px;font-size:.86rem;color:var(--muted)}
:where(#g6) .foot-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 40px}
:where(#g6) .foot b{color:var(--ink)}
:where(#g6) .foot p+p{margin-top:4px}
:where(#g6) .fine{grid-column:1/-1;border-top:1px solid var(--rule);padding-top:16px;font-size:.8rem}
:where(#g6) .mbar{display:none}
@media (max-width:860px){:where(#g6) .grid2{grid-template-columns:minmax(0,1fr);gap:32px}:where(#g6) .xr{grid-template-columns:minmax(0,1fr)}:where(#g6) .xr-fig{border-right:0;border-bottom:1px solid rgba(207,227,224,.12)}}
@media (max-width:760px){:where(#g6) .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--rule);padding:8px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px))}:where(#g6) .nav.open{display:block}:where(#g6) .nav ul{flex-direction:column;align-items:stretch}:where(#g6) .nav a{padding:13px 8px}:where(#g6) .nav a.cta{margin:8px 0 0;text-align:center}:where(#g6) .burger{display:inline-grid}:where(#g6) .sec{padding-block:56px}:where(#g6) .hero{padding-block:40px 40px}:where(#g6) .three,:where(#g6) .phases{grid-template-columns:minmax(0,1fr)}:where(#g6) .mbar{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:15;background:var(--paper);border-top:1px solid var(--rule);padding:9px max(16px,env(safe-area-inset-right,0px)) calc(9px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}:where(#g6) .mbar a{display:grid;place-items:center;padding:11px 6px;border:1px solid var(--rule);border-radius:6px;text-decoration:none;font-weight:600;font-size:14px}:where(#g6) .mbar a:last-child{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}:where(#g6){padding-bottom:72px}:where(#g6) .foot-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){:where(#g6) .quote{grid-template-columns:minmax(0,1fr)}:where(#g6) .refs li{grid-template-columns:minmax(0,1fr);gap:2px}:where(#g6) .next{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){:where(#g6){scroll-behavior:auto}:where(#g6) #lower{transition:none}}
:where(#g6) .timeline{list-style:none;padding:0;margin:0;display:grid;gap:0;border-left:2px solid var(--rule);margin-left:6px}
:where(#g6) .timeline li{position:relative;display:grid;gap:3px;padding:0 0 22px 22px}
:where(#g6) .timeline li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--muted)}
:where(#g6) .timeline li.now::before{background:var(--accent);border-color:var(--accent)}
:where(#g6) .timeline .yr{font-size:12px;color:var(--accent);letter-spacing:.08em}
:where(#g6) .timeline b{font-weight:600}
:where(#g6) .timeline li>span:last-child{font-size:.92rem;color:var(--muted);line-height:1.6}
:where(#g6) .timeline li.now b{color:var(--accent)}
:where(#g6) .stats{display:grid;gap:12px;margin:0}
:where(#g6) .stats div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 16px;padding:16px 18px;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#g6) .stats dt{font-size:.9rem;color:var(--muted)}
:where(#g6) .stats dd{margin:0;grid-row:1/3;grid-column:2;font-size:2rem;font-weight:500;color:var(--accent);letter-spacing:-.02em;align-self:center}
:where(#g6) .stats dd small{font-size:.45em;color:var(--muted);margin-left:3px;letter-spacing:0}
:where(#g6) .stats span{font-size:.85rem;color:var(--muted)}
:where(#g6) .base svg{display:block;width:100%;height:auto}
:where(#g6) .skull{fill:var(--soft);stroke:var(--rule);stroke-width:1.5}
:where(#g6) .bone{fill:none;stroke:var(--muted);stroke-width:1.6;transition:fill .25s,stroke .25s}
:where(#g6) .bone.fillb{fill:var(--surface)}
:where(#g6) .bone[data-g="man"]{stroke-dasharray:6 5}
:where(#g6) .bone.on{stroke:var(--accent);stroke-width:2.4}
:where(#g6) .bone.fillb.on{fill:color-mix(in srgb,var(--accent) 22%,var(--surface))}
:where(#g6) .hole{fill:var(--paper);stroke:var(--muted);stroke-width:1.2}
:where(#g6) .tmj{fill:var(--surface);stroke:var(--muted);stroke-width:1.6}
:where(#g6) .tmj.on{fill:var(--accent);stroke:var(--accent)}
:where(#g6) .bl{font:600 12.5px var(--f-body);fill:var(--ink)}
:where(#g6) .bs{font:400 10.5px var(--f-mono);fill:var(--muted)}
:where(#g6) .dir{font:400 10.5px var(--f-mono);fill:var(--muted);letter-spacing:.08em}
:where(#g6) .cap{min-height:4.8em;font-size:.9rem;color:var(--ink)}
:where(#g6) .big{margin:0;padding:22px 0 0;border-top:2px solid var(--ink)}
:where(#g6) .big p{font:800 clamp(1.4rem,3.4vw,2rem)/1.45 var(--f-display);text-wrap:balance}
:where(#g6) .big footer{margin-top:10px;font-size:.9rem;color:var(--muted)}
:where(#g6) .compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:36px}
:where(#g6) .compare div{display:grid;gap:6px;padding:18px 20px;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#g6) .compare .mono{font-size:12px;color:var(--muted);letter-spacing:.06em}
:where(#g6) .compare b{font:700 1.1rem/1.45 var(--f-display)}
:where(#g6) .compare p{font-size:.92rem;color:var(--muted)}
:where(#g6) .compare .on{border-color:var(--accent);border-top:3px solid var(--accent)}
:where(#g6) .compare .on .mono{color:var(--accent)}
:where(#g6) .two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
:where(#g6) .half{display:grid;gap:10px;align-content:start;padding:22px;border:1px solid var(--rule);border-radius:10px;background:var(--paper)}
:where(#g6) .half.on{border-color:var(--accent)}
:where(#g6) .half .mono{font-size:12px;letter-spacing:.08em;color:var(--accent)}
:where(#g6) .half h3{font:700 1.2rem/1.45 var(--f-display)}
:where(#g6) .half p{font-size:.95rem}
:where(#g6) .checks{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:.93rem}
:where(#g6) .checks li{position:relative;padding-left:20px;line-height:1.6}
:where(#g6) .checks li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--accent)}
@media (max-width:760px){:where(#g6) .compare,:where(#g6) .two{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){:where(#g6) .bone{transition:none}}
:where(#g6) .bp-seg{margin:2px 8px 0;border-color:rgba(207,227,224,.25)}
:where(#g6) .bp-seg button{color:var(--xr-dim)}
:where(#g6) .bp-seg button[aria-pressed="true"]{background:var(--xr-line);color:var(--xr-bg)}
:where(#g6) .bp-jaw{fill:none;stroke:var(--xr-hi);stroke-width:2;stroke-dasharray:4 3;stroke-linecap:round}
:where(#g6) .bp-g,:where(#g6) #bp-jaw{transition:transform .6s ease}
:where(#g6) #bp-hit,:where(#g6) .bp-only{transition:opacity .4s ease;opacity:0}
:where(#g6) #bp-fig.tilt #bp-hit,:where(#g6) #bp-fig.tilt .bp-only{opacity:1}
:where(#g6) #bp-fig.tilt #bp-head{transform:rotate(4deg)}
:where(#g6) #bp-fig.tilt #bp-jaw{transform:translateX(6px)}
:where(#g6) #bp-fig.tilt #bp-c1{transform:rotate(-9deg)}
:where(#g6) #bp-fig.tilt #bp-sh{transform:rotate(-4deg)}
:where(#g6) #bp-fig.tilt #bp-pv{transform:rotate(4deg)}
:where(#g6) #bp-fig.tilt #bp-kn{transform:rotate(-3deg)}
:where(#g6) .xr-steps .bp-tag{background:transparent;border-color:rgba(207,227,224,.3);color:var(--xr-dim);margin-left:8px;vertical-align:2px;padding:4px 8px}
:where(#g6) .chain li:not(:last-child)::after{content:"→";position:absolute;right:-8px;top:50%;transform:translate(50%,-50%);font:500 13px var(--f-mono);color:var(--accent);background:var(--surface);line-height:1;z-index:1}
:where(#g6) .bp-cards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
:where(#g6) .bp-cards li{display:grid;gap:6px;align-content:start;padding:18px 20px;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#g6) .bp-cards .mono{font-size:12px;color:var(--muted);letter-spacing:.06em}
:where(#g6) .bp-cards b{font:700 1.1rem/1.45 var(--f-display)}
:where(#g6) .bp-cards p{font-size:.93rem;color:var(--muted)}
:where(#g6) .bp-cards .on{border-color:var(--accent);border-top:3px solid var(--accent)}
:where(#g6) .bp-cards .on .mono{color:var(--accent)}
:where(#g6) .bp-warn li::before{background:var(--alert);border-radius:50%}
:where(#g6) .bp-faq{display:grid;gap:10px;max-width:46em}
:where(#g6) .bp-faq details p{padding:0 18px 18px;font-size:.95rem;color:var(--muted)}
@media (max-width:760px){:where(#g6) .bp-cards{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){:where(#g6) .chain li:not(:last-child)::after{display:none}}
@media (prefers-reduced-motion:reduce){:where(#g6) .bp-g,:where(#g6) #bp-jaw,:where(#g6) #bp-hit,:where(#g6) .bp-only{transition:none}}
/* ── 고민 7 ── */
:where(#g7){
  --paper:#F3F6F5; --surface:#FFFFFF; --soft:#E6EDEB; --ink:#12232B; --muted:#53656C; --rule:#D2DCDA;
  --accent:#0F7B6C; --on-accent:#FFFFFF; --alert:#C2532B;
  --xr-bg:#0D1B23; --xr-line:#CFE3E0; --xr-dim:#86A3A1; --xr-hi:#6FE3CF; --xr-alert:#FF9A73;
  --f-display:'Nanum Myeongjo','Noto Serif KR',serif;
  --f-body:'IBM Plex Sans KR','Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) :where(#g7){
    --paper:#0A1317; --surface:#101D23; --soft:#13232A; --ink:#E5EEEC; --muted:#9DB1AE; --rule:#24353B;
    --accent:#4FD1BC; --on-accent:#04201B; --alert:#F08A62;
    --xr-bg:#050D11; color-scheme:dark;
  }}
:root[data-theme="dark"] :where(#g7){
  --paper:#0A1317; --surface:#101D23; --soft:#13232A; --ink:#E5EEEC; --muted:#9DB1AE; --rule:#24353B;
  --accent:#4FD1BC; --on-accent:#04201B; --alert:#F08A62;
  --xr-bg:#050D11; color-scheme:dark;
}
:where(#g7) *{box-sizing:border-box}
:where(#g7){scroll-behavior:smooth}
:where(#g7){background:var(--paper);color:var(--ink);font:400 16.5px/1.75 var(--f-body);word-break:keep-all;overflow-wrap:break-word;margin:0}
:where(#g7) body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--paper);z-index:30}
:where(#g7) h1,:where(#g7) h2,:where(#g7) h3,:where(#g7) p,:where(#g7) ul,:where(#g7) ol,:where(#g7) figure,:where(#g7) blockquote{margin:0}
:where(#g7) a{color:inherit}
:where(#g7) :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
:where(#g7) .wrap{max-width:1120px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
:where(#g7) .read{max-width:34em}
:where(#g7) .mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
:where(#g7) .eyebrow{font:500 12px var(--f-mono);letter-spacing:.14em;color:var(--accent);text-transform:uppercase}
:where(#g7) .muted{color:var(--muted)}
:where(#g7) .small{font-size:.875rem}
:where(#g7) .head{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--paper);border-bottom:1px solid var(--rule)}
:where(#g7) .head-in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px}
:where(#g7) .brand{display:flex;align-items:center;gap:10px;text-decoration:none}
:where(#g7) .brand b{display:block;font:800 1.2rem/1.1 var(--f-display)}
:where(#g7) .brand small{display:block;margin-top:3px;font:500 10.5px/1 var(--f-mono);letter-spacing:.12em;color:var(--muted)}
:where(#g7) .nav ul{list-style:none;padding:0;display:flex;align-items:center;gap:2px}
:where(#g7) .nav a{display:block;padding:9px 13px;border-radius:6px;text-decoration:none;font-weight:500;font-size:15px;white-space:nowrap}
:where(#g7) .nav a:hover{background:var(--soft)}
:where(#g7) .nav a[aria-current="page"]{color:var(--accent);font-weight:600}
:where(#g7) .nav a.cta{background:var(--accent);color:var(--on-accent);margin-left:6px;font-weight:600}
:where(#g7) .burger{display:none;width:44px;height:44px;border:1px solid var(--rule);background:none;color:inherit;border-radius:6px;cursor:pointer;place-items:center}
:where(#g7) .burger i{display:block;width:18px;height:2px;background:currentColor;box-shadow:0 6px 0 currentColor,0 -6px 0 currentColor}
:where(#g7) .steps{border-bottom:1px solid var(--rule);background:var(--surface)}
:where(#g7) .steps-in{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-block:10px;scrollbar-width:none}
:where(#g7) .steps-in::-webkit-scrollbar{display:none}
:where(#g7) .crumb{font-size:13px;color:var(--muted);white-space:nowrap;margin-right:6px}
:where(#g7) .step{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:6px 12px;border:1px solid var(--rule);border-radius:99px;font-size:13.5px;text-decoration:none;color:var(--muted)}
:where(#g7) .step b{font:500 12px var(--f-mono)}
:where(#g7) .step[aria-current="step"]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}
:where(#g7) .hero{padding-block:56px 48px}
:where(#g7) .hero h1{font:800 clamp(1.95rem,5.2vw,3.25rem)/1.3 var(--f-display);letter-spacing:-.015em;text-wrap:balance;margin:14px 0 18px;max-width:15em}
:where(#g7) .hero .lead{font-size:1.1rem;color:var(--muted)}
:where(#g7) .try{display:flex;gap:12px;align-items:flex-start;margin-top:26px;padding:14px 16px;border:1px dashed var(--accent);border-radius:8px;max-width:34em;font-size:.95rem}
:where(#g7) .try .mono{color:var(--accent);font-size:12px;letter-spacing:.1em;padding-top:3px;white-space:nowrap}
:where(#g7) .btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
:where(#g7) .btn{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:6px;font:600 15px var(--f-body);text-decoration:none;border:1px solid var(--ink);cursor:pointer;background:none;color:inherit}
:where(#g7) .btn.fill{background:var(--ink);color:var(--paper)}
:where(#g7) .btn:hover{filter:brightness(1.1)}
:where(#g7) .play{width:0;height:0;border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}
:where(#g7) .sec{padding-block:72px;border-top:1px solid var(--rule)}
:where(#g7) .sec.tint{background:var(--surface)}
:where(#g7) .sec-head{display:grid;gap:12px;margin-bottom:34px}
:where(#g7) .num{font:500 clamp(2.6rem,9vw,4.4rem)/1 var(--f-mono);letter-spacing:-.03em;color:var(--accent);font-variant-numeric:tabular-nums}
:where(#g7) .num small{font-size:.38em;letter-spacing:0;margin-left:4px;color:var(--muted)}
:where(#g7) h2{font:700 clamp(1.5rem,3.6vw,2.1rem)/1.38 var(--f-display);letter-spacing:-.01em;text-wrap:balance}
:where(#g7) .body{display:grid;gap:14px}
:where(#g7) .grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
:where(#g7) .tag{display:inline-block;font:500 11.5px/1 var(--f-mono);letter-spacing:.06em;padding:6px 10px;border:1px solid var(--rule);border-radius:99px;color:var(--muted);background:var(--surface);justify-self:start}
:where(#g7) .src{font:500 12px var(--f-mono);color:var(--muted);text-decoration:none;border-bottom:1px dotted var(--muted)}
:where(#g7) .src:hover{color:var(--accent);border-color:var(--accent)}
:where(#g7) .panel{background:var(--surface);border:1px solid var(--rule);border-radius:8px;padding:22px 20px;display:grid;gap:16px;min-width:0}
:where(#g7) .panel h3{font:500 12px var(--f-mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
:where(#g7) .bars{display:grid;gap:10px}
:where(#g7) .bar{display:grid;grid-template-columns:5.2em minmax(0,1fr) 5.4em;gap:12px;align-items:center;font-size:.92rem}
:where(#g7) .bar .track{height:16px;background:var(--soft);border-radius:3px;overflow:hidden}
:where(#g7) .bar .fill{height:100%;background:var(--muted);opacity:.55;border-radius:3px}
:where(#g7) .bar.on .fill{background:var(--accent);opacity:1}
:where(#g7) .bar .v{font-family:var(--f-mono);font-variant-numeric:tabular-nums;text-align:right;font-size:.85rem}
:where(#g7) .bar.on b,:where(#g7) .bar.on .v{color:var(--accent);font-weight:600}
:where(#g7) .note{font-size:.82rem;color:var(--muted);line-height:1.6}
:where(#g7) .callout{border-left:3px solid var(--accent);padding:4px 0 4px 16px;font-weight:500}
:where(#g7) .seg{display:inline-flex;border:1px solid var(--rule);border-radius:99px;padding:3px;gap:3px;justify-self:start;flex-wrap:wrap}
:where(#g7) .seg button{border:0;background:none;color:var(--muted);font:500 13.5px var(--f-body);padding:7px 14px;border-radius:99px;cursor:pointer}
:where(#g7) .seg button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
:where(#g7) .bite svg{display:block;width:100%;height:auto}
:where(#g7) .t-up{fill:var(--soft);stroke:var(--ink);stroke-width:1.5}
:where(#g7) .t-lo{fill:var(--surface);stroke:var(--ink);stroke-width:1.5}
:where(#g7) .gum{fill:var(--rule)}
:where(#g7) .hit{fill:var(--alert)}
:where(#g7) .arr{stroke:var(--alert);stroke-width:2.5;fill:none;marker-end:url(#ah)}
:where(#g7) .arr-h{fill:var(--alert)}
:where(#g7) .lbl{font:500 12.5px var(--f-body);fill:var(--ink)}
:where(#g7) .lbl-m{font:400 11px var(--f-mono);fill:var(--muted)}
:where(#g7) #lower{transition:transform .5s ease}
:where(#g7) .xr{background:var(--xr-bg);color:var(--xr-line);border-radius:10px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
:where(#g7) .xr-fig{padding:18px 10px 6px;border-right:1px solid rgba(207,227,224,.12);display:grid;gap:8px;align-content:start}
:where(#g7) .xr-fig svg{display:block;width:100%;max-width:300px;height:auto;margin-inline:auto}
:where(#g7) .xr-top{display:flex;justify-content:space-between;gap:10px;padding:0 8px;font:500 10.5px var(--f-mono);letter-spacing:.14em;color:var(--xr-dim)}
:where(#g7) .xr-ctl{display:grid;gap:6px;padding:4px 10px 14px}
:where(#g7) .xr-ctl label{font-size:13px;color:var(--xr-dim);display:flex;justify-content:space-between}
:where(#g7) .xr-ctl input{width:100%;accent-color:var(--xr-hi);margin:0}
:where(#g7) .xr-steps{list-style:none;padding:22px 22px 24px;margin:0;display:grid;gap:0;counter-reset:s}
:where(#g7) .xr-steps li{display:grid;grid-template-columns:2.2em minmax(0,1fr);gap:4px 10px;padding:12px 0;border-bottom:1px solid rgba(207,227,224,.12);counter-increment:s}
:where(#g7) .xr-steps li:last-child{border-bottom:0}
:where(#g7) .xr-steps li::before{content:counter(s);font:500 12px/1.9 var(--f-mono);color:var(--xr-hi);text-align:center;border:1px solid rgba(111,227,207,.4);border-radius:99px;height:1.9em}
:where(#g7) .xr-steps b{font-weight:600;color:#fff}
:where(#g7) .xr-steps span{grid-column:2;font-size:.9rem;color:var(--xr-dim);line-height:1.6}
:where(#g7) .xr-foot{grid-column:1/-1;border-top:1px solid rgba(207,227,224,.12);padding:12px 18px;font-size:12px;color:var(--xr-dim)}
:where(#g7) .sk{fill:none;stroke:var(--xr-line);stroke-width:1.6;stroke-linecap:round}
:where(#g7) .sk-dim{fill:none;stroke:var(--xr-dim);stroke-width:1;stroke-dasharray:3 4}
:where(#g7) .sp{fill:none;stroke:var(--xr-hi);stroke-width:3;stroke-linecap:round}
:where(#g7) .lv{stroke:var(--xr-line);stroke-width:2;stroke-linecap:round}
:where(#g7) .lv-hi{stroke:var(--xr-alert);stroke-width:2.4;stroke-linecap:round}
:where(#g7) .eye{fill:var(--xr-line)}
:where(#g7) .xl{font:500 10.5px var(--f-body);fill:var(--xr-dim)}
:where(#g7) .xl-hi{fill:var(--xr-alert)}
:where(#g7) .load{fill:var(--xr-alert);opacity:.85}
:where(#g7) .chain{list-style:none;padding:0;display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}
:where(#g7) .chain li{flex:1 1 7.5em;border:1px solid var(--rule);border-radius:8px;padding:12px 12px 10px;background:var(--surface);display:grid;gap:2px;position:relative}
:where(#g7) .chain li b{font-size:.98rem}
:where(#g7) .chain li span{font:400 11.5px var(--f-mono);color:var(--muted)}
:where(#g7) .chain li:last-child{border-color:var(--accent)}
:where(#g7) .chain li:last-child b{color:var(--accent)}
:where(#g7) .sig svg{display:block;width:100%;height:auto}
:where(#g7) .s-in{stroke:var(--ink);stroke-width:2;fill:none;marker-end:url(#ah2)}
:where(#g7) .s-out{stroke:var(--alert);stroke-width:1.8;fill:none;stroke-dasharray:5 4;marker-end:url(#ah3)}
:where(#g7) .s-col{fill:var(--soft);stroke:var(--accent);stroke-width:1.5}
:where(#g7) .s-t{font:600 13px var(--f-body);fill:var(--ink)}
:where(#g7) .s-m{font:400 11px var(--f-mono);fill:var(--muted)}
:where(#g7) .s-a{font:500 12.5px var(--f-body);fill:var(--alert)}
:where(#g7) .ah2{fill:var(--ink)}
:where(#g7) .ah3{fill:var(--alert)}
:where(#g7) .three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
:where(#g7) .three a{display:grid;gap:4px;padding:14px;border:1px solid var(--rule);border-radius:8px;text-decoration:none;background:var(--surface)}
:where(#g7) .three a b{font-weight:600}
:where(#g7) .three a span{font-size:.85rem;color:var(--muted);line-height:1.55}
:where(#g7) .three a:hover{border-color:var(--accent)}
:where(#g7) .three a:hover b{color:var(--accent)}
:where(#g7) .clear{display:grid;gap:10px;padding:24px 22px;border:1px solid var(--accent);border-radius:10px;background:var(--surface);max-width:46em}
:where(#g7) .clear h3{font:700 clamp(1.15rem,2.6vw,1.4rem)/1.45 var(--f-display);text-wrap:balance}
:where(#g7) .overview{background:var(--paper)}
:where(#g7) .flow{position:relative;display:grid;gap:0}
:where(#g7) .wire{display:flex;align-items:center;gap:12px;font:500 12px var(--f-mono);letter-spacing:.06em;color:var(--accent);margin-bottom:12px}
:where(#g7) .wire::before,:where(#g7) .wire::after{content:"";flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--accent) 0 8px,transparent 8px 13px)}
:where(#g7) .wire span{white-space:nowrap}
:where(#g7) .phases{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;counter-reset:none}
:where(#g7) .phases a{display:grid;gap:6px;height:100%;padding:18px 18px 20px;border:1px solid var(--rule);border-top:3px solid var(--accent);border-radius:8px;background:var(--surface);text-decoration:none}
:where(#g7) .phases a:hover{border-color:var(--accent)}
:where(#g7) .ph-n{font:500 12px var(--f-mono);letter-spacing:.1em;color:var(--accent)}
:where(#g7) .phases b{font:700 1.12rem/1.4 var(--f-display)}
:where(#g7) .phases a>span:last-child{font-size:.9rem;color:var(--muted);line-height:1.6}
:where(#g7) .named{margin-top:22px;font-size:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
:where(#g7) .named b{color:var(--accent);font-weight:700}
:where(#g7) .next{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:24px;border:1px solid var(--ink);border-radius:10px;text-decoration:none;background:var(--surface);margin-top:30px}
:where(#g7) .next small{font:500 12px var(--f-mono);letter-spacing:.1em;color:var(--accent)}
:where(#g7) .next b{display:block;font:700 1.3rem/1.4 var(--f-display);margin-top:4px}
:where(#g7) .next span{color:var(--muted);font-size:.92rem}
:where(#g7) .next i{font-style:normal;font-size:1.6rem;color:var(--accent)}
:where(#g7) .next:hover{border-color:var(--accent)}
:where(#g7) .quote{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:start}
:where(#g7) .ph{width:84px;height:84px;border-radius:50%;background:repeating-linear-gradient(135deg,var(--soft) 0 8px,var(--rule) 8px 9px);display:grid;place-items:center;font:500 10px var(--f-mono);color:var(--muted);text-align:center}
:where(#g7) blockquote p{font:700 clamp(1.15rem,2.6vw,1.45rem)/1.6 var(--f-display);text-wrap:balance}
:where(#g7) blockquote footer{margin-top:12px;font-size:.9rem;color:var(--muted)}
:where(#g7) details{border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#g7) summary{cursor:pointer;padding:16px 18px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
:where(#g7) summary::-webkit-details-marker{display:none}
:where(#g7) summary::after{content:"+";font:500 18px/1 var(--f-mono);color:var(--accent)}
:where(#g7) details[open] summary::after{content:"−"}
:where(#g7) .refs{list-style:none;margin:0;padding:0 18px 18px;display:grid;gap:10px;font-size:.88rem}
:where(#g7) .refs li{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:12px;border-top:1px solid var(--rule);padding-top:10px}
:where(#g7) .refs li span:first-child{font:500 12px/1.9 var(--f-mono);color:var(--accent)}
:where(#g7) .end{display:flex;flex-wrap:wrap;gap:10px}
:where(#g7) .foot{border-top:1px solid var(--rule);padding-block:40px 48px;font-size:.86rem;color:var(--muted)}
:where(#g7) .foot-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 40px}
:where(#g7) .foot b{color:var(--ink)}
:where(#g7) .foot p+p{margin-top:4px}
:where(#g7) .fine{grid-column:1/-1;border-top:1px solid var(--rule);padding-top:16px;font-size:.8rem}
:where(#g7) .mbar{display:none}
@media (max-width:860px){:where(#g7) .grid2{grid-template-columns:minmax(0,1fr);gap:32px}:where(#g7) .xr{grid-template-columns:minmax(0,1fr)}:where(#g7) .xr-fig{border-right:0;border-bottom:1px solid rgba(207,227,224,.12)}}
@media (max-width:760px){:where(#g7) .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--rule);padding:8px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px))}:where(#g7) .nav.open{display:block}:where(#g7) .nav ul{flex-direction:column;align-items:stretch}:where(#g7) .nav a{padding:13px 8px}:where(#g7) .nav a.cta{margin:8px 0 0;text-align:center}:where(#g7) .burger{display:inline-grid}:where(#g7) .sec{padding-block:56px}:where(#g7) .hero{padding-block:40px 40px}:where(#g7) .three,:where(#g7) .phases{grid-template-columns:minmax(0,1fr)}:where(#g7) .mbar{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:15;background:var(--paper);border-top:1px solid var(--rule);padding:9px max(16px,env(safe-area-inset-right,0px)) calc(9px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}:where(#g7) .mbar a{display:grid;place-items:center;padding:11px 6px;border:1px solid var(--rule);border-radius:6px;text-decoration:none;font-weight:600;font-size:14px}:where(#g7) .mbar a:last-child{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}:where(#g7){padding-bottom:72px}:where(#g7) .foot-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){:where(#g7) .quote{grid-template-columns:minmax(0,1fr)}:where(#g7) .refs li{grid-template-columns:minmax(0,1fr);gap:2px}:where(#g7) .next{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){:where(#g7){scroll-behavior:auto}:where(#g7) #lower{transition:none}}
:where(#g7) .compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:36px}
:where(#g7) .compare div{display:grid;gap:6px;padding:18px 20px;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#g7) .compare .mono{font-size:12px;color:var(--muted);letter-spacing:.06em}
:where(#g7) .compare b{font:700 1.1rem/1.45 var(--f-display)}
:where(#g7) .compare p{font-size:.92rem;color:var(--muted)}
:where(#g7) .compare .on{border-color:var(--accent);border-top:3px solid var(--accent)}
:where(#g7) .compare .on .mono{color:var(--accent)}
:where(#g7) .two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
:where(#g7) .half{display:grid;gap:10px;align-content:start;padding:22px;border:1px solid var(--rule);border-radius:10px;background:var(--paper)}
:where(#g7) .half.on{border-color:var(--accent)}
:where(#g7) .half .mono{font-size:12px;letter-spacing:.08em;color:var(--accent)}
:where(#g7) .half h3{font:700 1.2rem/1.45 var(--f-display)}
:where(#g7) .half p{font-size:.95rem}
:where(#g7) .checks{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:.93rem}
:where(#g7) .checks li{position:relative;padding-left:20px;line-height:1.6}
:where(#g7) .checks li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--accent)}
@media (max-width:760px){:where(#g7) .compare,:where(#g7) .two{grid-template-columns:minmax(0,1fr)}}
:where(#g7) .hero .grid2{align-items:start}
:where(#g7) .first{margin-top:24px;display:grid;gap:8px;padding:18px 18px 18px 20px;border:1px solid var(--accent);border-left-width:4px;border-radius:8px;background:var(--surface);max-width:36em}
:where(#g7) .first b{font-weight:700}
:where(#g7) .first .strong{font:700 1.08rem/1.55 var(--f-display)}
:where(#g7) .warn{display:grid;gap:10px;padding:20px 20px 18px;border:1px solid var(--alert);border-top:4px solid var(--alert);border-radius:8px;background:var(--surface)}
:where(#g7) .warn .eyebrow{color:var(--alert)}
:where(#g7) .warn h2{font:700 1.2rem/1.45 var(--f-display)}
:where(#g7) .warn ul{list-style:none;padding:0;margin:0;display:grid;gap:7px;font-size:.95rem}
:where(#g7) .warn li{position:relative;padding-left:20px;line-height:1.6}
:where(#g7) .warn li::before{content:"!";position:absolute;left:0;top:.18em;width:14px;height:14px;border-radius:50%;background:var(--alert);color:var(--surface);font:700 10px/14px var(--f-mono);text-align:center}
:where(#g7) .warn p{font-size:.92rem;font-weight:600;color:var(--alert)}
:where(#g7) .causes{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-wrap:wrap;gap:8px}
:where(#g7) .causes li{padding:7px 13px;border:1px solid var(--rule);border-radius:99px;font-size:.9rem;color:var(--muted);background:var(--surface)}
:where(#g7) .causes li.on{border-color:var(--accent);color:var(--accent);font-weight:600}
:where(#g7) .view{display:inline-block;font:500 11.5px/1 var(--f-mono);letter-spacing:.06em;padding:6px 10px;border-radius:99px;background:var(--ink);color:var(--paper);justify-self:start}
:where(#g7) .chain .tag{padding:3px 6px;font-size:10px;margin-left:4px;vertical-align:2px}
:where(#g7) .sig svg{max-width:520px;margin-inline:auto}
:where(#g7) .sense{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
:where(#g7) .sense li{display:grid;gap:4px;padding:14px;border:1px solid var(--rule);border-radius:8px;background:var(--paper)}
:where(#g7) .sense li b{font-weight:600}
:where(#g7) .sense li span{font-size:.86rem;color:var(--muted);line-height:1.55}
:where(#g7) .sense li.off{border-color:var(--alert);border-style:dashed}
:where(#g7) .sense li.off b{color:var(--alert)}
:where(#g7) .lab{display:grid;gap:12px;padding:20px;border:1px solid var(--rule);border-radius:10px;background:var(--surface)}
:where(#g7) .lab+.lab{margin-top:12px}
:where(#g7) .order{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;counter-reset:o}
:where(#g7) .order li{display:grid;gap:4px;padding:16px;border:1px solid var(--rule);border-top:3px solid var(--accent);border-radius:8px;background:var(--surface);counter-increment:o}
:where(#g7) .order li::before{content:"0" counter(o);font:500 12px var(--f-mono);color:var(--accent);letter-spacing:.1em}
:where(#g7) .order li b{font-weight:600}
:where(#g7) .order li span{font-size:.88rem;color:var(--muted);line-height:1.6}
:where(#g7) .order li:first-child{border-top-color:var(--alert)}
:where(#g7) .order li:first-child::before{color:var(--alert)}
:where(#g7) .tx{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
:where(#g7) .tx article{display:grid;gap:8px;align-content:start;padding:20px;border:1px solid var(--rule);border-radius:10px;background:var(--paper)}
:where(#g7) .tx .mono{font-size:12px;letter-spacing:.08em;color:var(--accent)}
:where(#g7) .tx h3{font:700 1.12rem/1.45 var(--f-display)}
:where(#g7) .tx p{font-size:.93rem}
:where(#g7) .tx .role{font-size:.86rem;color:var(--muted);border-top:1px dashed var(--rule);padding-top:8px}
:where(#g7) .tx .last{border-style:dashed}
:where(#g7) .ck{list-style:none;padding:0;margin:0;display:grid;gap:8px}
:where(#g7) .ck button{width:100%;display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;align-items:start;text-align:left;padding:14px 16px;border:1px solid var(--rule);border-radius:8px;background:var(--surface);color:var(--ink);font:400 .97rem/1.6 var(--f-body);cursor:pointer}
:where(#g7) .ck button::before{content:"";width:22px;height:22px;margin-top:1px;border:1.5px solid var(--muted);border-radius:5px;box-sizing:border-box}
:where(#g7) .ck button[aria-pressed="true"]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
:where(#g7) .ck button[aria-pressed="true"]::before{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 4px var(--surface)}
:where(#g7) .res{display:grid;gap:8px;padding:18px 20px;border-radius:8px;background:var(--soft);min-height:6.5em}
:where(#g7) .res .mono{font-size:12px;letter-spacing:.1em;color:var(--accent)}
:where(#g7) .res p{font-size:.95rem}
:where(#g7) .res .also{color:var(--alert);font-weight:600}
:where(#g7) .res .fixed{font-size:.86rem;color:var(--muted)}
:where(#g7) .faq{display:grid;gap:10px}
:where(#g7) .faq details p{padding:0 18px 18px;font-size:.95rem;color:var(--ink)}
:where(#g7) .rel{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
:where(#g7) .rel a{padding:7px 13px;border:1px solid var(--rule);border-radius:99px;font-size:.9rem;text-decoration:none;background:var(--surface)}
:where(#g7) .rel a:hover{border-color:var(--accent);color:var(--accent)}
@media (max-width:860px){:where(#g7) .sense,:where(#g7) .order{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){:where(#g7) .tx{grid-template-columns:minmax(0,1fr)}}
/* ── 고민 8 ── */
:where(#g8){
  --paper:#F3F6F5; --surface:#FFFFFF; --soft:#E6EDEB; --ink:#12232B; --muted:#53656C; --rule:#D2DCDA;
  --accent:#0F7B6C; --on-accent:#FFFFFF; --alert:#C2532B;
  --xr-bg:#0D1B23; --xr-line:#CFE3E0; --xr-dim:#86A3A1; --xr-hi:#6FE3CF; --xr-alert:#FF9A73;
  --f-display:'Nanum Myeongjo','Noto Serif KR',serif;
  --f-body:'IBM Plex Sans KR','Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) :where(#g8){
    --paper:#0A1317; --surface:#101D23; --soft:#13232A; --ink:#E5EEEC; --muted:#9DB1AE; --rule:#24353B;
    --accent:#4FD1BC; --on-accent:#04201B; --alert:#F08A62;
    --xr-bg:#050D11; color-scheme:dark;
  }}
:root[data-theme="dark"] :where(#g8){
  --paper:#0A1317; --surface:#101D23; --soft:#13232A; --ink:#E5EEEC; --muted:#9DB1AE; --rule:#24353B;
  --accent:#4FD1BC; --on-accent:#04201B; --alert:#F08A62;
  --xr-bg:#050D11; color-scheme:dark;
}
:where(#g8) *{box-sizing:border-box}
:where(#g8){scroll-behavior:smooth}
:where(#g8){background:var(--paper);color:var(--ink);font:400 16.5px/1.75 var(--f-body);word-break:keep-all;overflow-wrap:break-word;margin:0}
:where(#g8) body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--paper);z-index:30}
:where(#g8) h1,:where(#g8) h2,:where(#g8) h3,:where(#g8) p,:where(#g8) ul,:where(#g8) ol,:where(#g8) figure,:where(#g8) blockquote{margin:0}
:where(#g8) a{color:inherit}
:where(#g8) :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
:where(#g8) .wrap{max-width:1120px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
:where(#g8) .read{max-width:34em}
:where(#g8) .mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
:where(#g8) .eyebrow{font:500 12px var(--f-mono);letter-spacing:.14em;color:var(--accent);text-transform:uppercase}
:where(#g8) .muted{color:var(--muted)}
:where(#g8) .small{font-size:.875rem}
:where(#g8) .head{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--paper);border-bottom:1px solid var(--rule)}
:where(#g8) .head-in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px}
:where(#g8) .brand{display:flex;align-items:center;gap:10px;text-decoration:none}
:where(#g8) .brand b{display:block;font:800 1.2rem/1.1 var(--f-display)}
:where(#g8) .brand small{display:block;margin-top:3px;font:500 10.5px/1 var(--f-mono);letter-spacing:.12em;color:var(--muted)}
:where(#g8) .nav ul{list-style:none;padding:0;display:flex;align-items:center;gap:2px}
:where(#g8) .nav a{display:block;padding:9px 13px;border-radius:6px;text-decoration:none;font-weight:500;font-size:15px;white-space:nowrap}
:where(#g8) .nav a:hover{background:var(--soft)}
:where(#g8) .nav a[aria-current="page"]{color:var(--accent);font-weight:600}
:where(#g8) .nav a.cta{background:var(--accent);color:var(--on-accent);margin-left:6px;font-weight:600}
:where(#g8) .burger{display:none;width:44px;height:44px;border:1px solid var(--rule);background:none;color:inherit;border-radius:6px;cursor:pointer;place-items:center}
:where(#g8) .burger i{display:block;width:18px;height:2px;background:currentColor;box-shadow:0 6px 0 currentColor,0 -6px 0 currentColor}
:where(#g8) .steps{border-bottom:1px solid var(--rule);background:var(--surface)}
:where(#g8) .steps-in{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-block:10px;scrollbar-width:none}
:where(#g8) .steps-in::-webkit-scrollbar{display:none}
:where(#g8) .crumb{font-size:13px;color:var(--muted);white-space:nowrap;margin-right:6px}
:where(#g8) .step{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:6px 12px;border:1px solid var(--rule);border-radius:99px;font-size:13.5px;text-decoration:none;color:var(--muted)}
:where(#g8) .step b{font:500 12px var(--f-mono)}
:where(#g8) .step[aria-current="step"]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}
:where(#g8) .hero{padding-block:56px 48px}
:where(#g8) .hero h1{font:800 clamp(1.95rem,5.2vw,3.25rem)/1.3 var(--f-display);letter-spacing:-.015em;text-wrap:balance;margin:14px 0 18px;max-width:15em}
:where(#g8) .hero .lead{font-size:1.1rem;color:var(--muted)}
:where(#g8) .try{display:flex;gap:12px;align-items:flex-start;margin-top:26px;padding:14px 16px;border:1px dashed var(--accent);border-radius:8px;max-width:34em;font-size:.95rem}
:where(#g8) .try .mono{color:var(--accent);font-size:12px;letter-spacing:.1em;padding-top:3px;white-space:nowrap}
:where(#g8) .btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
:where(#g8) .btn{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:6px;font:600 15px var(--f-body);text-decoration:none;border:1px solid var(--ink);cursor:pointer;background:none;color:inherit}
:where(#g8) .btn.fill{background:var(--ink);color:var(--paper)}
:where(#g8) .btn:hover{filter:brightness(1.1)}
:where(#g8) .play{width:0;height:0;border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}
:where(#g8) .sec{padding-block:72px;border-top:1px solid var(--rule)}
:where(#g8) .sec.tint{background:var(--surface)}
:where(#g8) .sec-head{display:grid;gap:12px;margin-bottom:34px}
:where(#g8) .num{font:500 clamp(2.6rem,9vw,4.4rem)/1 var(--f-mono);letter-spacing:-.03em;color:var(--accent);font-variant-numeric:tabular-nums}
:where(#g8) .num small{font-size:.38em;letter-spacing:0;margin-left:4px;color:var(--muted)}
:where(#g8) h2{font:700 clamp(1.5rem,3.6vw,2.1rem)/1.38 var(--f-display);letter-spacing:-.01em;text-wrap:balance}
:where(#g8) .body{display:grid;gap:14px}
:where(#g8) .grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
:where(#g8) .tag{display:inline-block;font:500 11.5px/1 var(--f-mono);letter-spacing:.06em;padding:6px 10px;border:1px solid var(--rule);border-radius:99px;color:var(--muted);background:var(--surface);justify-self:start}
:where(#g8) .src{font:500 12px var(--f-mono);color:var(--muted);text-decoration:none;border-bottom:1px dotted var(--muted)}
:where(#g8) .src:hover{color:var(--accent);border-color:var(--accent)}
:where(#g8) .panel{background:var(--surface);border:1px solid var(--rule);border-radius:8px;padding:22px 20px;display:grid;gap:16px;min-width:0}
:where(#g8) .panel h3{font:500 12px var(--f-mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
:where(#g8) .bars{display:grid;gap:10px}
:where(#g8) .bar{display:grid;grid-template-columns:5.2em minmax(0,1fr) 5.4em;gap:12px;align-items:center;font-size:.92rem}
:where(#g8) .bar .track{height:16px;background:var(--soft);border-radius:3px;overflow:hidden}
:where(#g8) .bar .fill{height:100%;background:var(--muted);opacity:.55;border-radius:3px}
:where(#g8) .bar.on .fill{background:var(--accent);opacity:1}
:where(#g8) .bar .v{font-family:var(--f-mono);font-variant-numeric:tabular-nums;text-align:right;font-size:.85rem}
:where(#g8) .bar.on b,:where(#g8) .bar.on .v{color:var(--accent);font-weight:600}
:where(#g8) .note{font-size:.82rem;color:var(--muted);line-height:1.6}
:where(#g8) .callout{border-left:3px solid var(--accent);padding:4px 0 4px 16px;font-weight:500}
:where(#g8) .seg{display:inline-flex;border:1px solid var(--rule);border-radius:99px;padding:3px;gap:3px;justify-self:start;flex-wrap:wrap}
:where(#g8) .seg button{border:0;background:none;color:var(--muted);font:500 13.5px var(--f-body);padding:7px 14px;border-radius:99px;cursor:pointer}
:where(#g8) .seg button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
:where(#g8) .bite svg{display:block;width:100%;height:auto}
:where(#g8) .t-up{fill:var(--soft);stroke:var(--ink);stroke-width:1.5}
:where(#g8) .t-lo{fill:var(--surface);stroke:var(--ink);stroke-width:1.5}
:where(#g8) .gum{fill:var(--rule)}
:where(#g8) .hit{fill:var(--alert)}
:where(#g8) .arr{stroke:var(--alert);stroke-width:2.5;fill:none;marker-end:url(#ah)}
:where(#g8) .arr-h{fill:var(--alert)}
:where(#g8) .lbl{font:500 12.5px var(--f-body);fill:var(--ink)}
:where(#g8) .lbl-m{font:400 11px var(--f-mono);fill:var(--muted)}
:where(#g8) #lower{transition:transform .5s ease}
:where(#g8) .xr{background:var(--xr-bg);color:var(--xr-line);border-radius:10px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
:where(#g8) .xr-fig{padding:18px 10px 6px;border-right:1px solid rgba(207,227,224,.12);display:grid;gap:8px;align-content:start}
:where(#g8) .xr-fig svg{display:block;width:100%;max-width:300px;height:auto;margin-inline:auto}
:where(#g8) .xr-top{display:flex;justify-content:space-between;gap:10px;padding:0 8px;font:500 10.5px var(--f-mono);letter-spacing:.14em;color:var(--xr-dim)}
:where(#g8) .xr-ctl{display:grid;gap:6px;padding:4px 10px 14px}
:where(#g8) .xr-ctl label{font-size:13px;color:var(--xr-dim);display:flex;justify-content:space-between}
:where(#g8) .xr-ctl input{width:100%;accent-color:var(--xr-hi);margin:0}
:where(#g8) .xr-steps{list-style:none;padding:22px 22px 24px;margin:0;display:grid;gap:0;counter-reset:s}
:where(#g8) .xr-steps li{display:grid;grid-template-columns:2.2em minmax(0,1fr);gap:4px 10px;padding:12px 0;border-bottom:1px solid rgba(207,227,224,.12);counter-increment:s}
:where(#g8) .xr-steps li:last-child{border-bottom:0}
:where(#g8) .xr-steps li::before{content:counter(s);font:500 12px/1.9 var(--f-mono);color:var(--xr-hi);text-align:center;border:1px solid rgba(111,227,207,.4);border-radius:99px;height:1.9em}
:where(#g8) .xr-steps b{font-weight:600;color:#fff}
:where(#g8) .xr-steps span{grid-column:2;font-size:.9rem;color:var(--xr-dim);line-height:1.6}
:where(#g8) .xr-foot{grid-column:1/-1;border-top:1px solid rgba(207,227,224,.12);padding:12px 18px;font-size:12px;color:var(--xr-dim)}
:where(#g8) .sk{fill:none;stroke:var(--xr-line);stroke-width:1.6;stroke-linecap:round}
:where(#g8) .sk-dim{fill:none;stroke:var(--xr-dim);stroke-width:1;stroke-dasharray:3 4}
:where(#g8) .sp{fill:none;stroke:var(--xr-hi);stroke-width:3;stroke-linecap:round}
:where(#g8) .lv{stroke:var(--xr-line);stroke-width:2;stroke-linecap:round}
:where(#g8) .lv-hi{stroke:var(--xr-alert);stroke-width:2.4;stroke-linecap:round}
:where(#g8) .eye{fill:var(--xr-line)}
:where(#g8) .xl{font:500 10.5px var(--f-body);fill:var(--xr-dim)}
:where(#g8) .xl-hi{fill:var(--xr-alert)}
:where(#g8) .load{fill:var(--xr-alert);opacity:.85}
:where(#g8) .chain{list-style:none;padding:0;display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}
:where(#g8) .chain li{flex:1 1 7.5em;border:1px solid var(--rule);border-radius:8px;padding:12px 12px 10px;background:var(--surface);display:grid;gap:2px;position:relative}
:where(#g8) .chain li b{font-size:.98rem}
:where(#g8) .chain li span{font:400 11.5px var(--f-mono);color:var(--muted)}
:where(#g8) .chain li:last-child{border-color:var(--accent)}
:where(#g8) .chain li:last-child b{color:var(--accent)}
:where(#g8) .sig svg{display:block;width:100%;height:auto}
:where(#g8) .s-in{stroke:var(--ink);stroke-width:2;fill:none;marker-end:url(#ah2)}
:where(#g8) .s-out{stroke:var(--alert);stroke-width:1.8;fill:none;stroke-dasharray:5 4;marker-end:url(#ah3)}
:where(#g8) .s-col{fill:var(--soft);stroke:var(--accent);stroke-width:1.5}
:where(#g8) .s-t{font:600 13px var(--f-body);fill:var(--ink)}
:where(#g8) .s-m{font:400 11px var(--f-mono);fill:var(--muted)}
:where(#g8) .s-a{font:500 12.5px var(--f-body);fill:var(--alert)}
:where(#g8) .ah2{fill:var(--ink)}
:where(#g8) .ah3{fill:var(--alert)}
:where(#g8) .three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
:where(#g8) .three a{display:grid;gap:4px;padding:14px;border:1px solid var(--rule);border-radius:8px;text-decoration:none;background:var(--surface)}
:where(#g8) .three a b{font-weight:600}
:where(#g8) .three a span{font-size:.85rem;color:var(--muted);line-height:1.55}
:where(#g8) .three a:hover{border-color:var(--accent)}
:where(#g8) .three a:hover b{color:var(--accent)}
:where(#g8) .clear{display:grid;gap:10px;padding:24px 22px;border:1px solid var(--accent);border-radius:10px;background:var(--surface);max-width:46em}
:where(#g8) .clear h3{font:700 clamp(1.15rem,2.6vw,1.4rem)/1.45 var(--f-display);text-wrap:balance}
:where(#g8) .overview{background:var(--paper)}
:where(#g8) .flow{position:relative;display:grid;gap:0}
:where(#g8) .wire{display:flex;align-items:center;gap:12px;font:500 12px var(--f-mono);letter-spacing:.06em;color:var(--accent);margin-bottom:12px}
:where(#g8) .wire::before,:where(#g8) .wire::after{content:"";flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--accent) 0 8px,transparent 8px 13px)}
:where(#g8) .wire span{white-space:nowrap}
:where(#g8) .phases{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;counter-reset:none}
:where(#g8) .phases a{display:grid;gap:6px;height:100%;padding:18px 18px 20px;border:1px solid var(--rule);border-top:3px solid var(--accent);border-radius:8px;background:var(--surface);text-decoration:none}
:where(#g8) .phases a:hover{border-color:var(--accent)}
:where(#g8) .ph-n{font:500 12px var(--f-mono);letter-spacing:.1em;color:var(--accent)}
:where(#g8) .phases b{font:700 1.12rem/1.4 var(--f-display)}
:where(#g8) .phases a>span:last-child{font-size:.9rem;color:var(--muted);line-height:1.6}
:where(#g8) .named{margin-top:22px;font-size:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
:where(#g8) .named b{color:var(--accent);font-weight:700}
:where(#g8) .next{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:24px;border:1px solid var(--ink);border-radius:10px;text-decoration:none;background:var(--surface);margin-top:30px}
:where(#g8) .next small{font:500 12px var(--f-mono);letter-spacing:.1em;color:var(--accent)}
:where(#g8) .next b{display:block;font:700 1.3rem/1.4 var(--f-display);margin-top:4px}
:where(#g8) .next span{color:var(--muted);font-size:.92rem}
:where(#g8) .next i{font-style:normal;font-size:1.6rem;color:var(--accent)}
:where(#g8) .next:hover{border-color:var(--accent)}
:where(#g8) .quote{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:start}
:where(#g8) .ph{width:84px;height:84px;border-radius:50%;background:repeating-linear-gradient(135deg,var(--soft) 0 8px,var(--rule) 8px 9px);display:grid;place-items:center;font:500 10px var(--f-mono);color:var(--muted);text-align:center}
:where(#g8) blockquote p{font:700 clamp(1.15rem,2.6vw,1.45rem)/1.6 var(--f-display);text-wrap:balance}
:where(#g8) blockquote footer{margin-top:12px;font-size:.9rem;color:var(--muted)}
:where(#g8) details{border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#g8) summary{cursor:pointer;padding:16px 18px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
:where(#g8) summary::-webkit-details-marker{display:none}
:where(#g8) summary::after{content:"+";font:500 18px/1 var(--f-mono);color:var(--accent)}
:where(#g8) details[open] summary::after{content:"−"}
:where(#g8) .refs{list-style:none;margin:0;padding:0 18px 18px;display:grid;gap:10px;font-size:.88rem}
:where(#g8) .refs li{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:12px;border-top:1px solid var(--rule);padding-top:10px}
:where(#g8) .refs li span:first-child{font:500 12px/1.9 var(--f-mono);color:var(--accent)}
:where(#g8) .end{display:flex;flex-wrap:wrap;gap:10px}
:where(#g8) .foot{border-top:1px solid var(--rule);padding-block:40px 48px;font-size:.86rem;color:var(--muted)}
:where(#g8) .foot-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 40px}
:where(#g8) .foot b{color:var(--ink)}
:where(#g8) .foot p+p{margin-top:4px}
:where(#g8) .fine{grid-column:1/-1;border-top:1px solid var(--rule);padding-top:16px;font-size:.8rem}
:where(#g8) .mbar{display:none}
@media (max-width:860px){:where(#g8) .grid2{grid-template-columns:minmax(0,1fr);gap:32px}:where(#g8) .xr{grid-template-columns:minmax(0,1fr)}:where(#g8) .xr-fig{border-right:0;border-bottom:1px solid rgba(207,227,224,.12)}}
@media (max-width:760px){:where(#g8) .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--rule);padding:8px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px))}:where(#g8) .nav.open{display:block}:where(#g8) .nav ul{flex-direction:column;align-items:stretch}:where(#g8) .nav a{padding:13px 8px}:where(#g8) .nav a.cta{margin:8px 0 0;text-align:center}:where(#g8) .burger{display:inline-grid}:where(#g8) .sec{padding-block:56px}:where(#g8) .hero{padding-block:40px 40px}:where(#g8) .three,:where(#g8) .phases{grid-template-columns:minmax(0,1fr)}:where(#g8) .mbar{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:15;background:var(--paper);border-top:1px solid var(--rule);padding:9px max(16px,env(safe-area-inset-right,0px)) calc(9px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}:where(#g8) .mbar a{display:grid;place-items:center;padding:11px 6px;border:1px solid var(--rule);border-radius:6px;text-decoration:none;font-weight:600;font-size:14px}:where(#g8) .mbar a:last-child{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}:where(#g8){padding-bottom:72px}:where(#g8) .foot-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){:where(#g8) .quote{grid-template-columns:minmax(0,1fr)}:where(#g8) .refs li{grid-template-columns:minmax(0,1fr);gap:2px}:where(#g8) .next{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){:where(#g8){scroll-behavior:auto}:where(#g8) #lower{transition:none}}
:where(#g8) .timeline{list-style:none;padding:0;margin:0;display:grid;gap:0;border-left:2px solid var(--rule);margin-left:6px}
:where(#g8) .timeline li{position:relative;display:grid;gap:3px;padding:0 0 22px 22px}
:where(#g8) .timeline li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--muted)}
:where(#g8) .timeline li.now::before{background:var(--accent);border-color:var(--accent)}
:where(#g8) .timeline .yr{font-size:12px;color:var(--accent);letter-spacing:.08em}
:where(#g8) .timeline b{font-weight:600}
:where(#g8) .timeline li>span:last-child{font-size:.92rem;color:var(--muted);line-height:1.6}
:where(#g8) .timeline li.now b{color:var(--accent)}
:where(#g8) .stats{display:grid;gap:12px;margin:0}
:where(#g8) .stats div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 16px;padding:16px 18px;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#g8) .stats dt{font-size:.9rem;color:var(--muted)}
:where(#g8) .stats dd{margin:0;grid-row:1/3;grid-column:2;font-size:2rem;font-weight:500;color:var(--accent);letter-spacing:-.02em;align-self:center}
:where(#g8) .stats dd small{font-size:.45em;color:var(--muted);margin-left:3px;letter-spacing:0}
:where(#g8) .stats span{font-size:.85rem;color:var(--muted)}
:where(#g8) .base svg{display:block;width:100%;height:auto}
:where(#g8) .skull{fill:var(--soft);stroke:var(--rule);stroke-width:1.5}
:where(#g8) .bone{fill:none;stroke:var(--muted);stroke-width:1.6;transition:fill .25s,stroke .25s}
:where(#g8) .bone.fillb{fill:var(--surface)}
:where(#g8) .bone[data-g="man"]{stroke-dasharray:6 5}
:where(#g8) .bone.on{stroke:var(--accent);stroke-width:2.4}
:where(#g8) .bone.fillb.on{fill:color-mix(in srgb,var(--accent) 22%,var(--surface))}
:where(#g8) .hole{fill:var(--paper);stroke:var(--muted);stroke-width:1.2}
:where(#g8) .tmj{fill:var(--surface);stroke:var(--muted);stroke-width:1.6}
:where(#g8) .tmj.on{fill:var(--accent);stroke:var(--accent)}
:where(#g8) .bl{font:600 12.5px var(--f-body);fill:var(--ink)}
:where(#g8) .bs{font:400 10.5px var(--f-mono);fill:var(--muted)}
:where(#g8) .dir{font:400 10.5px var(--f-mono);fill:var(--muted);letter-spacing:.08em}
:where(#g8) .cap{min-height:4.8em;font-size:.9rem;color:var(--ink)}
:where(#g8) .big{margin:0;padding:22px 0 0;border-top:2px solid var(--ink)}
:where(#g8) .big p{font:800 clamp(1.4rem,3.4vw,2rem)/1.45 var(--f-display);text-wrap:balance}
:where(#g8) .big footer{margin-top:10px;font-size:.9rem;color:var(--muted)}
:where(#g8) .compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:36px}
:where(#g8) .compare div{display:grid;gap:6px;padding:18px 20px;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
:where(#g8) .compare .mono{font-size:12px;color:var(--muted);letter-spacing:.06em}
:where(#g8) .compare b{font:700 1.1rem/1.45 var(--f-display)}
:where(#g8) .compare p{font-size:.92rem;color:var(--muted)}
:where(#g8) .compare .on{border-color:var(--accent);border-top:3px solid var(--accent)}
:where(#g8) .compare .on .mono{color:var(--accent)}
:where(#g8) .two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
:where(#g8) .half{display:grid;gap:10px;align-content:start;padding:22px;border:1px solid var(--rule);border-radius:10px;background:var(--paper)}
:where(#g8) .half.on{border-color:var(--accent)}
:where(#g8) .half .mono{font-size:12px;letter-spacing:.08em;color:var(--accent)}
:where(#g8) .half h3{font:700 1.2rem/1.45 var(--f-display)}
:where(#g8) .half p{font-size:.95rem}
:where(#g8) .checks{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:.93rem}
:where(#g8) .checks li{position:relative;padding-left:20px;line-height:1.6}
:where(#g8) .checks li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--accent)}
@media (max-width:760px){:where(#g8) .compare,:where(#g8) .two{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){:where(#g8) .bone{transition:none}}
:where(#g8) .hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:center}
:where(#g8) .moments{list-style:none;padding:0;margin:0;display:grid;gap:8px}
:where(#g8) .moments li{display:grid;grid-template-columns:2.4em minmax(0,1fr);gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--rule);border-radius:8px;background:var(--surface);font-size:.95rem;line-height:1.5}
:where(#g8) .moments li span{font:500 12px var(--f-mono);color:var(--accent);text-align:center;border:1px solid var(--rule);border-radius:99px;padding:3px 0}
:where(#g8) .ab{display:grid;gap:14px}
:where(#g8) .ab svg{display:block;width:100%;height:auto}
:where(#g8) .ab-ref{stroke:var(--rule);stroke-width:1;stroke-dasharray:4 4}
:where(#g8) .ab-body{fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:where(#g8) .ab-head{fill:var(--surface);stroke:var(--ink);stroke-width:2}
:where(#g8) .ab-line{stroke:var(--accent);stroke-width:3;stroke-linecap:round}
:where(#g8) .ab-dot{fill:var(--accent)}
:where(#g8) .ab-sep{stroke:var(--rule);stroke-width:1}
:where(#g8) #perf-ab[data-s="a"] .ab-line{stroke:var(--alert)}
:where(#g8) #perf-ab[data-s="a"] .only-b,:where(#g8) #perf-ab[data-s="b"] .only-a{display:none}
:where(#g8) #perf-lower,:where(#g8) #perf-headg,:where(#g8) #perf-sh,:where(#g8) #perf-hip{transition:transform .5s ease}
:where(#g8) #perf-ab[data-s="a"] #perf-lower{transform:rotate(-4deg);transform-origin:80px 104px}
:where(#g8) #perf-ab[data-s="a"] #perf-headg{transform:rotate(-7deg);transform-origin:270px 104px}
:where(#g8) #perf-ab[data-s="a"] #perf-sh{transform:rotate(5deg);transform-origin:270px 112px}
:where(#g8) #perf-ab[data-s="a"] #perf-hip{transform:rotate(-3deg);transform-origin:270px 186px}
:where(#g8) .f-arr{stroke-width:3;fill:none;stroke-linecap:round}
:where(#g8) .f-a{stroke:var(--alert)}
:where(#g8) .f-b{stroke:var(--accent)}
:where(#g8) .chain.six li:last-child{border-color:var(--alert)}
:where(#g8) .chain.six li:last-child b{color:var(--alert)}
:where(#g8) .chain.six li.me{border-color:var(--accent);border-width:2px}
:where(#g8) .chain.six li.me b{color:var(--accent)}
:where(#g8) .roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
:where(#g8) .role{display:grid;gap:10px;align-content:start;padding:20px;border:1px solid var(--rule);border-radius:10px;background:var(--surface)}
:where(#g8) .role.main{border-color:var(--accent);border-top:3px solid var(--accent)}
:where(#g8) .role .mono{font-size:12px;letter-spacing:.08em;color:var(--accent)}
:where(#g8) .role h3{font:700 1.15rem/1.45 var(--f-display)}
:where(#g8) .role p{font-size:.94rem}
:where(#g8) .role .muted{font-size:.86rem}
:where(#g8) .daybar{display:grid;gap:6px}
:where(#g8) .daybar .track{position:relative;display:grid;grid-template-columns:repeat(24,minmax(0,1fr));height:18px;border-radius:3px;overflow:hidden;background:var(--soft)}
:where(#g8) .daybar .use{grid-column:17/20;background:var(--accent)}
:where(#g8) .daybar .no{grid-column:20/23;background:repeating-linear-gradient(135deg,transparent 0 4px,color-mix(in srgb,var(--alert) 55%,transparent) 4px 6px)}
:where(#g8) .daybar .lab{display:flex;justify-content:space-between;font:400 11px var(--f-mono);color:var(--muted)}
:where(#g8) .route{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.86rem}
:where(#g8) .route i{font-style:normal;padding:4px 10px;border:1px solid var(--rule);border-radius:99px;background:var(--surface)}
:where(#g8) .route i.me{border-color:var(--accent);color:var(--accent);font-weight:600}
:where(#g8) .route s{text-decoration:none;color:var(--muted)}
:where(#g8) .route .rk{font:500 11.5px var(--f-mono);color:var(--muted);margin-right:4px}
:where(#g8) .exam{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:0}
:where(#g8) .exam li{display:grid;gap:4px;padding:16px;border:1px solid var(--rule);border-radius:8px;background:var(--paper)}
:where(#g8) .exam b{font-weight:600}
:where(#g8) .exam span{font-size:.88rem;color:var(--muted);line-height:1.6}
:where(#g8) .warnline{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border:1px solid var(--alert);border-radius:8px;font-size:.93rem;background:var(--surface)}
:where(#g8) .warnline b{color:var(--alert)}
:where(#g8) .other{display:grid;gap:10px;align-content:start;padding:22px;border:1px dashed var(--muted);border-radius:10px}
:where(#g8) .other h3{font:700 1.1rem/1.45 var(--f-display)}
:where(#g8) .other dl{margin:0;display:grid;gap:10px;font-size:.92rem}
:where(#g8) .other dt{font-weight:600}
:where(#g8) .other dd{margin:0;color:var(--muted)}
:where(#g8) .faq{display:grid;gap:10px;max-width:46em}
:where(#g8) .faq details p{padding:0 18px 18px;font-size:.95rem}
:where(#g8) .rel{display:flex;flex-wrap:wrap;gap:8px}
:where(#g8) .rel a{padding:8px 14px;border:1px solid var(--rule);border-radius:99px;text-decoration:none;font-size:.9rem;background:var(--surface)}
:where(#g8) .rel a:hover{border-color:var(--accent);color:var(--accent)}
@media (max-width:860px){:where(#g8) .hero-grid{grid-template-columns:minmax(0,1fr);gap:28px}:where(#g8) .roles,:where(#g8) .exam{grid-template-columns:minmax(0,1fr)}}
:where(#g8) .routes .rrow{display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--rule)}
:where(#g8) .routes .rrow p{font-size:.93rem}
:where(#g8) .routes .rrow b{display:block;font-weight:600}
@media (max-width:760px){:where(#g8) .moments{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}:where(#g8) .moments li{grid-template-columns:minmax(0,1fr);gap:4px;padding:10px 12px;font-size:.88rem}:where(#g8) .moments li span{justify-self:start;padding:2px 8px}:where(#g8) .exam li{padding:0 0 10px;border:0;border-bottom:1px solid var(--rule);border-radius:0;background:none}:where(#g8) .role{padding:18px}:where(#g8) .sec{padding-block:44px}}
@media (max-width:480px){:where(#g8) .quote .ph{width:56px;height:56px;font-size:9px}:where(#g8) .quote{grid-template-columns:auto minmax(0,1fr);gap:14px}:where(#g8) .quote blockquote p{font-size:1.08rem}}
@media (prefers-reduced-motion:reduce){:where(#g8) #perf-lower,:where(#g8) #perf-headg,:where(#g8) #perf-sh,:where(#g8) #perf-hip{transition:none}}

/* ── 홈피 수정 원고 반영 (nx) ── */
.nx-obs{display:grid;gap:8px;padding:18px 20px;border:1px dashed var(--accent);border-radius:10px;background:var(--paper)}
.nx-obs .eyebrow{font-size:11px}
.nx-warn{display:grid;gap:6px;padding:16px 18px;border-left:3px solid var(--alert);background:var(--surface);border-radius:0 8px 8px 0;font-size:.93rem}
.nx-warn b{color:var(--alert)}
.nx-cards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.nx-cards.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.nx-cards>li{display:grid;gap:6px;align-content:start;padding:18px 18px 20px;border:1px solid var(--rule);border-radius:10px;background:var(--surface)}
.sec.tint .nx-cards>li{background:var(--paper)}
.nx-cards .k{font:500 12px var(--f-mono);letter-spacing:.08em;color:var(--accent)}
.nx-cards h3{font:700 1.08rem/1.45 var(--f-display)}
.nx-cards p{font-size:.93rem;color:var(--muted);line-height:1.65}
.nx-steps{list-style:none;padding:0;margin:0;display:grid;gap:0;counter-reset:nx}
.nx-steps>li{display:grid;grid-template-columns:2.4em minmax(0,1fr);gap:4px 14px;padding:16px 0;border-top:1px solid var(--rule);counter-increment:nx}
.nx-steps>li::before{content:counter(nx);grid-row:span 2;font:500 13px/2 var(--f-mono);color:var(--accent);text-align:center;border:1px solid var(--accent);border-radius:99px;height:2em}
.nx-steps>li.step-lbl::before{content:attr(data-k);font-size:11px}
.nx-steps b{font-weight:600}
.nx-steps span{grid-column:2;font-size:.94rem;color:var(--muted);line-height:1.65}
.nx-chain{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.nx-chain li{position:relative;padding:12px 16px;border:1px solid var(--rule);border-radius:8px;background:var(--surface);font-size:.95rem}
.sec.tint .nx-chain li{background:var(--paper)}
.nx-chain li+li::before{content:"↓";position:absolute;top:-17px;left:22px;font:500 13px var(--f-mono);color:var(--accent)}
.nx-chain li.on{border-color:var(--accent);font-weight:600}
.nx-chain small{display:block;font-size:.85rem;color:var(--muted);font-weight:400;margin-top:2px}
.nx-tbl{overflow-x:auto;border:1px solid var(--rule);border-radius:10px;background:var(--surface)}
.nx-tbl table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:520px}
.nx-tbl caption{text-align:left;padding:14px 16px 0;font:500 12px var(--f-mono);color:var(--muted)}
.nx-tbl th,.nx-tbl td{padding:12px 16px;border-bottom:1px solid var(--rule);text-align:left;vertical-align:top}
.nx-tbl thead th{font-weight:600;font-size:.85rem;color:var(--muted)}
.nx-tbl tbody th{font-weight:600}
.nx-tbl tr:last-child>*{border-bottom:0}
.nx-tbl .amt{font-family:var(--f-mono);white-space:nowrap;text-align:right}
.nx-tbl .hi{color:var(--accent)}
.nx-tbl small{display:block;font-weight:400;color:var(--muted);font-size:.82rem}
.nx-faq{display:grid;gap:10px;max-width:46em}
.nx-faq .ans{padding:0 18px 18px;font-size:.95rem}
.nx-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.nx-two>div{display:grid;gap:8px;align-content:start;padding:18px;border:1px solid var(--rule);border-radius:10px;background:var(--surface)}
.nx-two>div.on{border-color:var(--accent)}
.nx-two h3{font:700 1.05rem/1.45 var(--f-display)}
.nx-two p{font-size:.93rem;color:var(--muted)}
.nx-meter{display:grid;gap:6px}
.nx-meter .tr{position:relative;height:14px;background:var(--soft);border-radius:3px;overflow:hidden}
.nx-meter .tr i{position:absolute;top:0;bottom:0;background:var(--alert);opacity:.8}
.nx-meter .tr i.ok{background:var(--accent);opacity:1}
.nx-meter .lb{display:flex;justify-content:space-between;font:400 11px var(--f-mono);color:var(--muted)}
.nx-rot{display:grid;gap:12px}
.nx-rot svg{display:block;width:100%;height:auto;max-width:560px}
.nx-rot .bone{fill:none;stroke:var(--xr-line);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.nx-rot .tooth{fill:rgba(207,227,224,.16);stroke:var(--xr-line);stroke-width:1.4}
.nx-rot .add{fill:var(--xr-hi)}
.nx-rot .bad{fill:var(--xr-alert)}
.nx-rot .ref{stroke:var(--xr-dim);stroke-width:1;stroke-dasharray:3 4;fill:none}
.nx-rot .tx{font:500 11px var(--f-body);fill:var(--xr-dim)}
.nx-rot .tx-hi{fill:var(--xr-hi)}
.nx-rot .tx-bad{fill:var(--xr-alert)}
.nx-rot g{transition:transform .6s ease}
.nx-rot .seg button{color:var(--xr-dim)}
.nx-rot .seg{border-color:rgba(207,227,224,.25)}
.nx-rot .seg button[aria-pressed="true"]{background:var(--xr-hi);color:var(--xr-bg)}
.nx-rot .cap{font-size:.93rem;color:var(--xr-line);min-height:4.8em}
.nx-dark{background:var(--xr-bg);color:var(--xr-line);border-radius:12px;padding:22px 20px}
.nx-go{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:0}
.nx-go a{display:grid;gap:4px;height:100%;padding:16px;border:1px solid var(--rule);border-top:3px solid var(--accent);border-radius:8px;background:var(--surface);text-decoration:none}
.nx-go a:hover{border-color:var(--accent)}
.nx-go b{font:700 1.02rem/1.4 var(--f-display)}
.nx-go span{font-size:.86rem;color:var(--muted);line-height:1.55}
.nx-go small{font:500 11.5px var(--f-mono);color:var(--accent)}
.nx-chips{display:flex;flex-wrap:wrap;gap:8px}
.nx-chips a{padding:9px 14px;border:1px solid var(--rule);border-radius:99px;text-decoration:none;font-size:.93rem;background:var(--surface)}
.nx-chips a:hover{border-color:var(--accent);color:var(--accent)}
.nx-home h1{max-width:14em}
.nx-hero2{margin-top:30px;display:grid;gap:8px;padding:20px 22px;border-left:3px solid var(--accent);background:var(--surface);border-radius:0 10px 10px 0;max-width:40em}
.nx-hero2 b{font:700 clamp(1.1rem,2.6vw,1.35rem)/1.5 var(--f-display)}
.nx-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.nx-info dl{margin:0;display:grid;gap:0}
.nx-info dl div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:10px;padding:12px 0;border-top:1px solid var(--rule)}
.nx-info dt{font-weight:600}
.nx-info dd{margin:0;color:var(--muted)}
.nx-map{display:grid;place-items:center;min-height:220px;border:1px dashed var(--muted);border-radius:10px;font:500 12px var(--f-mono);color:var(--muted);background:repeating-linear-gradient(135deg,transparent 0 10px,var(--soft) 10px 11px)}
[role="tabpanel"] .nx-head{padding-block:48px 8px}
.nx-head h1{font:800 clamp(1.8rem,4.6vw,2.8rem)/1.32 var(--f-display);letter-spacing:-.015em;text-wrap:balance;margin:12px 0 14px;max-width:16em}
.nx-head .lead{font-size:1.05rem;color:var(--muted)}
#view-h .steps .step[aria-selected="true"]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}
#view-h [role="tabpanel"]:focus{outline:none}
#view-h .intro{padding-block:22px 0}
#view-h .intro p{font-size:.95rem;color:var(--muted)}
@media (max-width:860px){
  .nx-cards,.nx-cards.c3,.nx-two,.nx-info{grid-template-columns:minmax(0,1fr)}
  .nx-go{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media (max-width:480px){.nx-go{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.nx-rot g{transition:none}}

/* ── 리디자인 ── */
:root{
  --j-navy:#1B3594; --j-navy-2:#162B7A; --j-blue:#5378D1; --j-blue-2:#7A9BF5; --j-sky:#EAF3FE; --j-gray:#F2F4F8;
  --j-teal:#14CFC6; --j-ink:#1F2430; --j-sub:#5B6475; --j-line:#E3E7EE; --j-white:#fff;
  --j-font:'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  --j-r-xl:40px; --j-r-lg:24px; --j-r-md:16px; --j-wrap:1400px;
  color-scheme:light;
}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--j-ink);font:400 16px/1.6 var(--j-font);word-break:keep-all}
/* fonts: <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;800&display=swap"> */
/* ═════════ jt: 레퍼런스 톤 리스킨 (site.html 스타일 블록 끝에 덧붙임) ═════════ */
:root{
  --j-navy:#1B3594; --j-navy-2:#162B7A; --j-blue:#5378D1; --j-blue-2:#7A9BF5; --j-sky:#EAF3FE; --j-gray:#F2F4F8;
  --j-teal:#14CFC6; --j-ink:#1F2430; --j-sub:#5B6475; --j-line:#E3E7EE; --j-white:#fff;
  --j-font:'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  --j-r-xl:40px; --j-r-lg:24px; --j-r-md:16px; --j-wrap:1400px;
  --j-eyebrow:#3E5BC4;
  --jt-h:90px;
}
@media (max-width:860px){:root{--jt-h:64px}}

/* 토큰 덮어쓰기: id 선택자로 :where(#..) 와 다크 모드 블록보다 우선 */
:root:not(#jt-x),
#view-m,#view-r,#view-g,#view-c,#view-h,
#r1,#r2,#r3,#r4,#g1,#g2,#g3,#g4,#g5,#g6,#g7,#g8,#p1,#p2,#p3,#p4,#h1,#h2,#h3,#h4,#h5,#h6{
  --paper:#FFFFFF; --surface:var(--j-gray); --soft:#E9EDF4; --ink:var(--j-ink); --muted:var(--j-sub); --rule:var(--j-line);
  --accent:var(--j-navy); --on-accent:#FFFFFF; --alert:#D2552D;
  --xr-bg:#14225E; --xr-line:#DCE4F8; --xr-dim:#9BAAD6; --xr-hi:#5FE3DA; --xr-alert:#FF9F7A;
  --f-display:var(--j-font); --f-body:var(--j-font);
  --f-mono:'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  color-scheme:light;
}
html body{background:#fff;color:var(--j-ink);font-family:var(--j-font);font-size:16.5px;line-height:1.75}
body::before{background:#fff}
#view-m,#view-r,#view-g,#view-c,#view-h,
#r1,#r2,#r3,#r4,#g1,#g2,#g3,#g4,#g5,#g6,#g7,#g8,#p1,#p2,#p3,#p4,#h1,#h2,#h3,#h4,#h5,#h6{background:#fff;color:var(--j-ink);font-family:var(--j-font)}
main#top{zoom:var(--jt-z,1)}
body .wrap{max-width:1200px;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}

/* ── 타이포 ── */
body h1,body h2{font-family:var(--j-font);font-weight:800;letter-spacing:-.025em}
body h2{font-size:clamp(1.625rem,3.2vw,2.5rem);line-height:1.35}
body h3{font-family:var(--j-font);letter-spacing:-.01em}
body .eyebrow{font:700 17px/1.4 var(--j-font);letter-spacing:0;text-transform:none;color:var(--j-eyebrow)}
body .nx-obs .eyebrow{font-size:15px}
body .xr .eyebrow,body .nx-dark .eyebrow{color:var(--xr-hi)}
body .mono{letter-spacing:0}
body .lead{color:var(--j-sub)}
body .muted{color:var(--j-sub)}
body .note{color:#6B7385}
body .tag{font:500 13px/1 var(--j-font);letter-spacing:0;padding:7px 12px;border:0;border-radius:99px;background:var(--j-sky);color:var(--j-navy)}
body .src{font:500 13px var(--j-font);color:var(--j-blue);border-bottom-color:var(--j-blue-2)}
body .callout{border-left:4px solid var(--j-navy);padding:6px 0 6px 18px;font-weight:700;color:var(--j-ink)}
body .num{font-family:var(--j-font);font-weight:800;color:var(--j-navy)}

/* ── 공통 구역 ── */
body .sec{padding-block:110px;border-top:0}
body .sec.tint{background:var(--j-gray)}
body .sec-head{gap:14px;margin-bottom:44px}
body .overview{background:#fff}
body .intro{padding-block:28px 0}

/* 하위 페이지 상단: 연한 그라디언트 띠 */
body [role="tabpanel"] .hero,body [role="tabpanel"] .nx-head{
  position:relative;overflow:hidden;padding-block:84px 76px;
  background:
    radial-gradient(520px 340px at 92% 18%,rgba(122,155,245,.22),transparent 70%),
    radial-gradient(420px 300px at 70% 110%,rgba(20,207,198,.12),transparent 70%),
    linear-gradient(120deg,var(--j-sky) 0%,#F4F8FF 48%,#FFFFFF 100%);
}
body [role="tabpanel"] .hero h1,body [role="tabpanel"] .nx-head h1{font:800 clamp(2rem,4.4vw,3.25rem)/1.3 var(--j-font);letter-spacing:-.03em;margin:16px 0 20px;color:var(--j-ink)}
body [role="tabpanel"] .hero .lead,body [role="tabpanel"] .nx-head .lead{font-size:1.125rem;color:#3C4558}
body .try{border:0;border-radius:var(--j-r-md);background:rgba(255,255,255,.8);box-shadow:0 6px 24px rgba(27,53,148,.08);padding:16px 20px}
body .try .mono{color:var(--j-navy);font-weight:800;letter-spacing:.04em}

/* ── 버튼 ── */
body .btns{gap:12px;margin-top:30px}
body .btn{border-radius:99px;padding:14px 26px;font:500 16px/1.2 var(--j-font);border:1px solid #3A4050;background:#fff;color:var(--j-ink);transition:background .2s,color .2s,border-color .2s}
body .btn:hover{filter:none;border-color:var(--j-navy);color:var(--j-navy)}
body .btn.fill{background:var(--j-navy);border-color:var(--j-navy);color:#fff;font-weight:700}
body .btn.fill:hover{background:var(--j-navy-2);color:#fff}
body .xr .btn,body .nx-dark .btn{background:transparent;color:var(--xr-line);border-color:rgba(220,228,248,.5)}

/* 세그먼트 토글(그림 위 버튼): 알약 칩 */
body .seg{border:1px solid var(--j-line);background:#fff;padding:4px;gap:4px}
body .seg button{font:500 14.5px var(--j-font);color:var(--j-sub);padding:8px 16px}
body .seg button[aria-pressed="true"]{background:var(--j-navy);color:#fff;font-weight:700}
body .xr .seg,body .nx-dark .seg,body .nx-rot .seg{background:transparent;border-color:rgba(220,228,248,.28)}

/* ── 단계 탭(알약 칩) ── */
body .steps{top:calc(var(--jt-h) / var(--jt-z,1));background:rgba(255,255,255,.96);border-bottom:1px solid var(--j-line);backdrop-filter:saturate(1.4) blur(6px);-webkit-backdrop-filter:saturate(1.4) blur(6px)}
body .steps-in{gap:10px;padding-block:14px}
body .crumb{font:800 17px var(--j-font);color:var(--j-navy);margin-right:12px;letter-spacing:-.01em}
body .step,body button.step{border:0;border-radius:99px;padding:10px 20px;background:var(--j-gray);color:#4A5263;font:500 15px/1.2 var(--j-font);gap:6px;transition:background .2s,color .2s}
body .step b{font:700 14px var(--j-font);color:var(--j-blue)}
body button.step:hover{background:#E6EAF2;color:var(--j-ink)}
body button.step[aria-selected="true"],#view-h .steps .step[aria-selected="true"],body .step[aria-current="step"]{background:var(--j-navy);color:#fff;font-weight:700;box-shadow:0 6px 16px rgba(27,53,148,.22)}
body button.step[aria-selected="true"] b,#view-h .steps .step[aria-selected="true"] b{color:var(--j-teal)}

/* ── 카드 · 패널 ── */
body .panel{border:0;border-radius:var(--j-r-lg);padding:28px 26px;background:var(--j-gray)}
body .sec.tint .panel{background:#fff}
body .panel h3{font:700 15px var(--j-font);letter-spacing:0;text-transform:none;color:var(--j-navy)}
body .xr,body .nx-dark{border-radius:var(--j-r-lg)}
body .xr-top{font-family:var(--j-font);letter-spacing:.06em}
body .three a,body .phases a,body .nx-go a,body .compare div,body .stats div,body .chain li,body .role,body .exam li,
body .nx-cards>li,body .nx-two>div,body .half,body .clear,body .moments li{border-radius:20px}
body .phases a,body .nx-go a{border:1px solid var(--j-line);background:#fff;box-shadow:0 8px 28px rgba(31,36,48,.05);transition:transform .2s,box-shadow .2s}
body .phases a:hover,body .nx-go a:hover,body .three a:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(27,53,148,.12)}
body .three a{border:0;background:#fff;box-shadow:0 8px 28px rgba(31,36,48,.06);padding:20px;transition:transform .2s,box-shadow .2s}
body .sec.tint .three a{background:#fff}
body .ph-n,body .nx-cards .k,body .half .mono,body .nx-go small{font-family:var(--j-font);font-weight:700;letter-spacing:0;color:var(--j-blue)}
body .phases b,body .nx-go b,body .compare b,body .half h3,body .nx-cards h3,body .nx-two h3{font-weight:800;letter-spacing:-.015em}
body .nx-cards>li{padding:24px 24px 26px;border-color:transparent}
body .clear{border:2px solid var(--j-navy);background:#fff;padding:30px 28px}
body .clear h3{font-weight:800}
body .nx-hero2{border-left:4px solid var(--j-navy);border-radius:0 var(--j-r-md) var(--j-r-md) 0}
body .nx-obs{border:1px dashed var(--j-blue-2);border-radius:var(--j-r-md);background:var(--j-sky)}
body .nx-warn{border-radius:0 var(--j-r-md) var(--j-r-md) 0}
body .nx-chips a,body .rel a{border:1px solid var(--j-line);background:#fff;padding:10px 18px;font-weight:500}
body .nx-chips a:hover,body .rel a:hover{border-color:var(--j-navy);color:var(--j-navy)}
body .named b{color:var(--j-navy);font-weight:800}
body .wire{font-family:var(--j-font);font-weight:700;letter-spacing:0;color:var(--j-navy)}

/* 다음 페이지 카드 */
body .next{border:0;border-radius:var(--j-r-lg);background:linear-gradient(120deg,var(--j-navy) 0%,#2A4BC0 100%);color:#fff;padding:30px 32px;box-shadow:0 14px 34px rgba(27,53,148,.22)}
body .next small{font-family:var(--j-font);letter-spacing:0;color:#A9BCF7;font-weight:700}
body .next b{font-weight:800;color:#fff}
body .next span{color:#D3DCF7}
body .next i{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fff;color:var(--j-navy);font-size:1.3rem}
body .next:hover{filter:brightness(1.06)}

/* 인용 */
body blockquote p{font-family:var(--j-font);font-weight:700;letter-spacing:-.015em}
body .big{border-top:3px solid var(--j-navy)}
body .big p{font-weight:800}
body .quote .ph{background:radial-gradient(circle at 50% 38%,#fff 0 18%,transparent 19%),linear-gradient(150deg,var(--j-blue-2),var(--j-navy));color:#fff;font-family:var(--j-font)}

/* details · FAQ */
body details{border:1px solid var(--j-line);border-radius:var(--j-r-md);background:#fff;transition:box-shadow .2s}
body .sec.tint details{border-color:transparent}
body details[open]{box-shadow:0 10px 28px rgba(31,36,48,.07);border-color:transparent}
body summary{padding:20px 22px;font-weight:700;font-size:1.02rem;align-items:center}
body summary::after{content:"+";flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--j-gray);color:var(--j-navy);font:500 20px/1 var(--j-font)}
body details[open] summary::after{content:"−";background:var(--j-navy);color:#fff}
body .refs li span:first-child{font-family:var(--j-font);font-weight:700;color:var(--j-blue)}

/* 표 */
body .nx-tbl{border:0;border-radius:var(--j-r-md);background:#fff;box-shadow:0 0 0 1px var(--j-line)}
body .nx-tbl thead th,body thead th{font-family:var(--j-font);letter-spacing:0;background:var(--j-gray);color:#3C4558;font-weight:700}
body .nx-tbl caption{font-family:var(--j-font);font-weight:500}
body .nx-tbl .hi{color:var(--j-navy);font-weight:700}

/* 막대 · 체크 */
body .bar .track{border-radius:99px}
body .bar .fill{border-radius:99px}
body .checks li::before{border-radius:50%;background:var(--j-blue)}
body .nx-steps>li::before{font-family:var(--j-font);font-weight:700;background:var(--j-navy);border-color:var(--j-navy);color:#fff}

/* ═════════ 헤더 ═════════ */
.jt-head{position:sticky;top:0;z-index:40;background:#fff;height:var(--jt-h);border-bottom:1px solid transparent;transition:box-shadow .25s,border-color .25s;font-family:var(--j-font)}
.jt-head.is-scrolled{box-shadow:0 6px 20px rgba(20,30,60,.08);border-bottom-color:var(--j-line)}
.jt-head-in{max-width:var(--j-wrap);margin-inline:auto;height:100%;padding-inline:max(20px,env(safe-area-inset-left,0px));display:flex;align-items:center;gap:24px}
.jt-logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--j-navy);flex:none}
.jt-logo svg{display:block;width:34px;height:34px}
.jt-logo-t{display:flex;align-items:baseline;gap:3px;white-space:nowrap;line-height:1}
.jt-logo-t b{font:800 26px/1 var(--j-font);letter-spacing:-.06em;color:var(--j-navy)}
.jt-logo-t em{font:700 19px/1 var(--j-font);font-style:normal;letter-spacing:-.04em;color:var(--j-navy)}
.jt-nav{flex:1;display:flex;justify-content:center;min-width:0}
.jt-menu{list-style:none;margin:0;padding:0;display:flex;gap:6px}
.jt-menu a{position:relative;display:block;padding:10px 20px;font:700 18px/1.2 var(--j-font);color:var(--j-ink);text-decoration:none;letter-spacing:-.02em;white-space:nowrap}
.jt-menu a::after{content:"";position:absolute;left:20px;right:20px;bottom:-2px;height:3px;border-radius:2px;background:var(--j-navy);transform:scaleX(0);transition:transform .25s}
.jt-menu a:hover,.jt-menu a[aria-current="page"]{color:var(--j-navy)}
.jt-menu a:hover::after,.jt-menu a[aria-current="page"]::after{transform:scaleX(1)}
.jt-tools{display:flex;align-items:center;gap:10px;flex:none}
.jt-fs{display:flex;align-items:center;gap:6px}
.jt-fs button{width:26px;height:26px;display:grid;place-items:center;padding:0;border:1px solid #D4D9E2;background:#fff;color:var(--j-ink);border-radius:3px;cursor:pointer}
.jt-fs button:hover{border-color:var(--j-navy);color:var(--j-navy)}
.jt-fs button:disabled{opacity:.35;cursor:default}
.jt-fs button svg{width:12px;height:12px}
.jt-fs span{font:500 17px/1 var(--j-font);color:var(--j-ink);min-width:1.1em;text-align:center}
.jt-ico{width:44px;height:44px;display:grid;place-items:center;border:0;background:none;color:var(--j-ink);border-radius:50%;cursor:pointer;text-decoration:none;padding:0}
.jt-ico:hover{background:var(--j-gray);color:var(--j-navy)}
.jt-ico svg{width:24px;height:24px}
.jt-cta{display:inline-flex;align-items:center;height:42px;padding:0 18px;border-radius:99px;background:var(--j-navy);color:#fff;font:700 15px var(--j-font);text-decoration:none;white-space:nowrap}
.jt-cta:hover{background:var(--j-navy-2)}
.jt-burger{width:44px;height:44px;display:grid;place-items:center;border:0;background:none;color:var(--j-ink);cursor:pointer;padding:0;border-radius:50%}
.jt-burger:hover{background:var(--j-gray)}
.jt-burger i{position:relative;display:block;width:22px;height:2.5px;border-radius:2px;background:currentColor;transition:background .2s}
.jt-burger i::before,.jt-burger i::after{content:"";position:absolute;left:0;width:22px;height:2.5px;border-radius:2px;background:currentColor;transition:transform .25s,top .25s}
.jt-burger i::before{top:-7px}.jt-burger i::after{top:7px}
.jt-burger[aria-expanded="true"] i{background:transparent}
.jt-burger[aria-expanded="true"] i::before{top:0;transform:rotate(45deg)}
.jt-burger[aria-expanded="true"] i::after{top:0;transform:rotate(-45deg)}

/* 전체 메뉴(사이트맵): 햄버거 → #gnb.open */
.jt-map{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--j-line);box-shadow:0 24px 40px rgba(20,30,60,.12);max-height:calc(100vh - var(--jt-h));max-height:calc(100dvh - var(--jt-h));overflow-y:auto;overscroll-behavior:contain}
#gnb.open .jt-map{display:block;animation:jt-drop .25s ease}
@keyframes jt-drop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.jt-map-in{max-width:var(--j-wrap);margin-inline:auto;padding:44px max(20px,env(safe-area-inset-left,0px)) 40px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 40px}
.jt-map-t{display:block;font:800 20px/1.3 var(--j-font);color:var(--j-navy);letter-spacing:-.02em;padding-bottom:14px;margin:0 0 12px;border-bottom:2px solid var(--j-navy)}
.jt-map-t a{text-decoration:none;color:inherit}
.jt-map-g ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.jt-map-g li a{display:block;padding:8px 0;font:500 16px/1.4 var(--j-font);color:#3C4558;text-decoration:none}
.jt-map-g li a:hover{color:var(--j-navy);font-weight:700}
.jt-map-foot{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:22px 26px;border-radius:var(--j-r-md);background:var(--j-gray);font:500 15px var(--j-font);color:var(--j-sub)}
.jt-map-foot b{color:var(--j-ink);font-weight:800;font-size:18px}
.jt-map-foot a.jt-map-tel{font:800 20px var(--j-font);color:var(--j-navy);text-decoration:none}
.jt-map-foot .jt-cta{margin-left:auto}

/* ═════════ 푸터 ═════════ */
.jt-foot{background:#F7F8FA;color:var(--j-sub);font:400 15px/1.7 var(--j-font);margin-top:0;padding:0 0 56px}
.jt-wrap{max-width:var(--j-wrap);margin-inline:auto;padding-inline:max(20px,env(safe-area-inset-left,0px))}
.jt-foot-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:26px;border-bottom:1px solid #E1E4EA}
.jt-foot-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 26px}
.jt-foot-links a{font:500 17px var(--j-font);color:#4A5263;text-decoration:none}
.jt-foot-links li:first-child a{font-weight:800;color:var(--j-ink)}
.jt-foot-links a:hover{color:var(--j-navy)}
.jt-sns{display:flex;gap:10px}
.jt-sns a{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;text-decoration:none}
.jt-sns svg{width:22px;height:22px}
.jt-sns .yt{background:#FF0000;color:#fff}
.jt-sns .kk{background:#FEE500;color:#3A1D1D}
.jt-foot-mid{padding-top:34px;display:grid;gap:18px}
.jt-foot .jt-logo{color:var(--j-navy)}
.jt-foot .jt-logo-t b{font-size:24px}
.jt-foot .jt-logo-t em{font-size:17px}
.jt-info{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 22px;color:#3C4558}
.jt-info b{font-weight:700;color:var(--j-ink);margin-right:6px}
.jt-foot .fine{grid-column:auto;border-top:0;padding-top:0;margin-top:22px;display:grid;gap:3px;font-size:13px;line-height:1.65;color:#7A8294;max-width:62em}
.jt-copy{margin:18px 0 0;font-size:13px;color:#7A8294}

@media (min-width:861px){.jt-foot .jt-wrap{padding-right:170px}}
/* ═════════ 떠 있는 버튼 ═════════ */
.jt-float{position:fixed;right:20px;bottom:24px;z-index:35;display:grid;gap:10px;justify-items:end;font-family:var(--j-font)}
.jt-fl{width:120px;display:grid;justify-items:center;align-content:center;gap:8px;padding:16px 8px;border-radius:12px;text-decoration:none;text-align:center;font:700 15px/1.2 var(--j-font);border:0;cursor:pointer;box-shadow:0 10px 24px rgba(20,30,60,.16);transition:transform .2s}
.jt-fl:hover{transform:translateY(-2px)}
.jt-fl svg{width:38px;height:38px}
.jt-fl small{display:block;font:500 12px/1 var(--j-font);opacity:.9;margin-top:-2px}
.jt-fl-book{background:var(--j-navy);color:#fff;height:118px}
.jt-fl-tel{background:var(--j-teal);color:#fff;height:118px}
.jt-fl-tel b{font-weight:700;color:#fff;text-shadow:0 1px 1px rgba(0,80,80,.25)}
.jt-fl-top{background:#fff;color:var(--j-ink);height:62px;grid-auto-flow:column;gap:12px;font:700 14px var(--j-font);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s,transform .2s}
.jt-fl-top svg{width:22px;height:22px}
.jt-fl-top.on{opacity:1;visibility:visible}
.jt-mbar{display:none}
@media (max-width:1360px){
  .jt-fl{width:88px;font-size:13px;gap:6px;padding:12px 6px}
  .jt-fl svg{width:28px;height:28px}
  .jt-fl-book,.jt-fl-tel{height:92px}
  .jt-fl-tel small{display:none}
  .jt-fl-top{height:48px;font-size:12px;gap:6px}
  .jt-fl-top svg{width:18px;height:18px}
}

/* ═════════ 반응형 ═════════ */
@media (max-width:1180px){
  .jt-menu a{padding:10px 14px;font-size:17px}
  .jt-menu a::after{left:14px;right:14px}
  .jt-fs{display:none}
}
@media (max-width:860px){
  body .sec{padding-block:72px}
  body [role="tabpanel"] .hero,body [role="tabpanel"] .nx-head{padding-block:52px 48px}
  body .steps-in{padding-block:10px;gap:8px}
  body .step,body button.step{padding:8px 15px;font-size:14px}
  body .crumb{font-size:15px}
  body .next{padding:24px 22px}
  .jt-head-in{gap:8px}
  .jt-logo svg{width:28px;height:28px}
  .jt-logo-t b{font-size:22px}
  .jt-logo-t em{font-size:16px}
  .jt-nav{flex:0;justify-content:flex-start}
  .jt-menu{display:none}
  .jt-tools{margin-left:auto;gap:2px}
  .jt-tools .jt-cta{display:none}
  .jt-map{position:fixed;top:var(--jt-h);bottom:0;max-height:none;box-shadow:none}
  .jt-map-in{grid-template-columns:minmax(0,1fr);gap:26px;padding-top:26px;padding-bottom:110px}
  .jt-map-t{display:block;font-size:19px;padding-bottom:10px;margin-bottom:6px}
  .jt-map-g ul{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 14px}
  .jt-map-g li a{font-size:15px;padding:9px 0}
  .jt-map-foot{padding:18px 20px}
  .jt-map-foot .jt-cta{display:inline-flex;margin-left:0}
  .jt-float{right:14px;bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  .jt-fl-book,.jt-fl-tel{display:none}
  .jt-fl-top{width:48px;height:48px;border-radius:50%;padding:0;grid-auto-flow:row;gap:0;font-size:10px}
  .jt-fl-top span{display:none}
  .jt-mbar{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:36;background:#fff;box-shadow:0 -6px 20px rgba(20,30,60,.08);padding:10px max(14px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px));font-family:var(--j-font)}
  .jt-mbar a{display:flex;align-items:center;justify-content:center;gap:6px;height:48px;border-radius:12px;text-decoration:none;font:700 15px var(--j-font);color:var(--j-ink);background:var(--j-gray)}
  .jt-mbar a svg{width:20px;height:20px;flex:none}
  .jt-mbar .m-tel{background:var(--j-teal);color:#fff}
  .jt-mbar .m-kk{background:#FEE500;color:#3A1D1D}
  .jt-mbar .m-book{background:var(--j-navy);color:#fff}
  html body{padding-bottom:0}
  .jt-foot{padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))}
  .jt-foot-top{flex-direction:column;align-items:flex-start}
  .jt-foot-links{gap:4px 18px}
  .jt-foot-links a{font-size:15px}
  .jt-info{display:grid;gap:4px}
}
@media (max-width:480px){
  .jt-head-in{padding-inline:14px 8px}
  .jt-ico,.jt-burger{width:40px;height:40px}
}
@media (prefers-reduced-motion:reduce){
  .jt-head,.jt-fl,.jt-fl-top,.jt-menu a::after,.jt-burger i::before,.jt-burger i::after{transition:none}
  #gnb.open .jt-map{animation:none}
  body .phases a,body .nx-go a,body .three a{transition:none}
}
@media print{.jt-float,.jt-mbar,.jt-map{display:none!important}.jt-head{position:static}}

/* GNB 마우스 오버 메가 메뉴 (PC) */
@media (min-width:861px){
  .jt-head.jt-hover .jt-map{display:block;animation:jt-drop .2s ease}
  .jt-head.jt-hover .jt-map-foot{display:none}
  .jt-head.jt-hover .jt-map-in{padding-block:28px 34px;gap:16px}
  .jt-map-g{padding:20px 22px 16px;border-radius:var(--j-r-md);transition:background .2s}
  .jt-head.jt-hover .jt-map-g.is-on{background:var(--j-sky)}
  .jt-menu li.is-on>a{color:var(--j-navy)}
  .jt-menu li.is-on>a::after{transform:scaleX(1)}
}
@media (min-width:861px) and (prefers-reduced-motion:reduce){.jt-head.jt-hover .jt-map{animation:none}}
/* ===== jh1 · 홈 구역 1(히어로 슬라이더+퀵바) · 2(브랜드) ===== */
.jh1-wrap{max-width:var(--j-wrap);margin-inline:auto;padding-inline:max(20px,env(safe-area-inset-left));width:100%}
.jh1-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* --- 히어로 --- */
.jh1-hero{position:relative;height:810px;overflow:hidden;background:#151C2B;color:#fff;font-family:var(--j-font);isolation:isolate}
.jh1-slides{position:absolute;inset:0}
.jh1-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s linear .9s}
.jh1-slide.is-on{opacity:1;visibility:visible;transition:opacity .9s ease,visibility 0s}
/* 슬라이드마다 색감을 다르게: 네이비 / 딥틸 / 보라빛 네이비 / 먹색 */
.jh1-s1{background:radial-gradient(120% 90% at 78% 40%,#2B4196 0,#18286A 52%,#0D1640 100%)}
.jh1-s2{background:radial-gradient(110% 90% at 75% 45%,#156A72 0,#0C4249 55%,#062429 100%)}
.jh1-s3{background:radial-gradient(110% 90% at 75% 45%,#4A3D8F 0,#2A2160 56%,#140F36 100%)}
.jh1-s4{background:radial-gradient(110% 90% at 75% 40%,#3A3D45 0,#22252B 58%,#121317 100%)}
.jh1-s2 .jh1-art{filter:hue-rotate(-42deg) saturate(1.1)}
.jh1-s3 .jh1-art{filter:hue-rotate(18deg)}
.jh1-s4 .jh1-art{filter:saturate(.35) brightness(1.08)}
.jh1-s1::after{background:linear-gradient(90deg,rgba(10,18,52,.7) 0,rgba(10,18,52,.32) 38%,rgba(10,18,52,0) 62%),linear-gradient(0deg,rgba(10,18,52,.55) 0,rgba(10,18,52,0) 34%)}
.jh1-s2::after{background:linear-gradient(90deg,rgba(4,30,34,.72) 0,rgba(4,30,34,.34) 38%,rgba(4,30,34,0) 62%),linear-gradient(0deg,rgba(4,30,34,.55) 0,rgba(4,30,34,0) 34%)}
.jh1-s3::after{background:linear-gradient(90deg,rgba(18,12,46,.72) 0,rgba(18,12,46,.34) 38%,rgba(18,12,46,0) 62%),linear-gradient(0deg,rgba(18,12,46,.55) 0,rgba(18,12,46,0) 34%)}
.jh1-slide::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(9,13,24,.72) 0,rgba(9,13,24,.35) 38%,rgba(9,13,24,0) 62%),linear-gradient(0deg,rgba(9,13,24,.55) 0,rgba(9,13,24,0) 34%)}
.jh1-art{position:absolute;inset:0;width:100%;height:100%;display:block;transform:scale(1.06);transition:transform 7s ease-out}
.jh1-slide.is-on .jh1-art{transform:scale(1)}
.jh1-pulse{animation:jh1-pulse 3.6s ease-in-out infinite}
@keyframes jh1-pulse{0%,100%{opacity:.6}50%{opacity:1}}
.jh1-draw path{stroke-dasharray:900;stroke-dashoffset:900}
.jh1-slide.is-on .jh1-draw path{animation:jh1-draw 2.4s ease-out .3s forwards}
@keyframes jh1-draw{to{stroke-dashoffset:0}}

.jh1-cap{position:absolute;left:0;right:0;bottom:262px;z-index:2}
.jh1-title{margin:0;font-size:56px;line-height:1.24;font-weight:800;letter-spacing:-.03em;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.jh1-sub{margin:26px 0 0;font-size:21px;line-height:1.5;font-weight:500;color:rgba(255,255,255,.92)}
.jh1-more{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:8px 18px;border:1px solid rgba(255,255,255,.45);border-radius:999px;color:#fff;font-size:15px;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s}
.jh1-more:hover,.jh1-more:focus-visible{background:rgba(255,255,255,.14);border-color:#fff}
.jh1-slide .jh1-title,.jh1-slide .jh1-sub,.jh1-slide .jh1-more{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.jh1-slide.is-on .jh1-title{opacity:1;transform:none;transition-delay:.25s}
.jh1-slide.is-on .jh1-sub{opacity:1;transform:none;transition-delay:.4s}
.jh1-slide.is-on .jh1-more{opacity:1;transform:none;transition-delay:.5s}

.jh1-ctrl{position:absolute;left:0;right:0;bottom:162px;z-index:3;display:flex;align-items:center;gap:6px}
.jh1-count{margin:0 26px 0 0;font-size:20px;font-weight:500;color:rgba(255,255,255,.6);letter-spacing:.02em;font-variant-numeric:tabular-nums}
.jh1-count b{color:#fff;font-weight:700}
.jh1-bar{position:relative;width:240px;height:2px;background:rgba(255,255,255,.28);margin-right:18px;overflow:hidden}
.jh1-bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:#fff}
.jh1-bar i.is-run{animation:jh1-prog 6s linear forwards}
.jh1-hero.is-paused .jh1-bar i.is-run{animation-play-state:paused}
@keyframes jh1-prog{from{width:0}to{width:100%}}
.jh1-btn{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;transition:background .2s}
.jh1-btn:hover,.jh1-btn:focus-visible{background:rgba(255,255,255,.14)}
.jh1-btn:focus-visible,.jh1-more:focus-visible,.jh1-q:focus-visible{outline:2px solid var(--j-teal);outline-offset:2px}
.jh1-btn svg{width:20px;height:20px}
.jh1-ic-play{display:none}
.jh1-hero.is-paused .jh1-ic-play{display:block}
.jh1-hero.is-paused .jh1-ic-pause{display:none}

.jh1-quick-wrap{position:absolute;left:0;right:0;bottom:24px;z-index:3}
.jh1-quick{display:grid;grid-template-columns:repeat(4,1fr);height:86px;border-radius:12px;background:rgba(255,255,255,.93);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 10px 30px rgba(5,10,25,.18);overflow:hidden}
.jh1-q{display:flex;align-items:center;justify-content:center;gap:18px;color:var(--j-ink);font-size:20px;font-weight:700;letter-spacing:-.02em;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s}
.jh1-q + .jh1-q{box-shadow:inset 1px 0 0 rgba(31,36,48,.1)}
.jh1-q svg{width:44px;height:44px;flex:none}
.jh1-q:hover{background:var(--j-sky);color:var(--j-navy)}

/* --- 브랜드 --- */
.jh1-brand{position:relative;overflow:hidden;background:var(--j-gray);padding:150px 0 140px;font-family:var(--j-font);color:var(--j-ink)}
.jh1-brand-in{position:relative;z-index:1}
.jh1-mark{margin:0;font-size:144px;line-height:.9;font-weight:800;letter-spacing:-.02em;color:var(--j-navy)}
.jh1-lead{margin:34px 0 0;font-size:21px;font-weight:700;color:var(--j-navy);letter-spacing:-.02em}
.jh1-chips{list-style:none;margin:62px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 10px;max-width:740px}
.jh1-chip{display:inline-flex;align-items:center;gap:14px;height:44px;padding:0 14px 0 18px;border-radius:999px;background:#fff;color:var(--j-navy);font-size:16px;font-weight:700;letter-spacing:-.02em;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s}
.jh1-chip::after{content:"";width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);margin-left:-2px}
.jh1-chip.is-fill{background:var(--j-navy);color:#fff}
.jh1-chip:hover{box-shadow:0 0 0 2px var(--j-navy) inset}
.jh1-chip.is-fill:hover{background:var(--j-navy-2)}
.jh1-chip:focus-visible,.jh1-card-h:focus-visible{outline:2px solid var(--j-blue);outline-offset:3px}

.jh1-card{margin-top:80px;width:600px;max-width:100%;padding:40px 20px 30px;border-radius:var(--j-r-xl);background:#fff;box-shadow:0 20px 50px rgba(27,53,148,.06)}
.jh1-card-h{display:inline-flex;align-items:center;gap:4px;margin-left:20px;color:var(--j-ink);font-size:22px;font-weight:700;letter-spacing:-.03em;text-decoration:none}
.jh1-card-h svg{width:20px;height:20px}
.jh1-card-h:hover{color:var(--j-navy)}
.jh1-doc{display:flex;gap:28px;align-items:stretch;margin:24px 20px 0}
.jh1-photo{flex:none;width:200px;height:236px;margin:0;overflow:hidden;background:#EEF1F6}
.jh1-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.jh1-doc-tx{display:flex;flex-direction:column;min-width:0;padding-top:4px}
.jh1-doc-name{margin:0;font-size:24px;font-weight:800;letter-spacing:-.03em;color:var(--j-ink)}
.jh1-doc-name span{font-size:16px;font-weight:700;color:var(--j-blue);margin-right:4px}
.jh1-doc-role{margin:6px 0 0;font-size:15px;font-weight:500;color:var(--j-sub)}
.jh1-doc-q{margin:18px 0 0;padding-top:18px;border-top:1px solid var(--j-line);font-size:17px;line-height:1.6;font-weight:500;color:var(--j-ink);letter-spacing:-.02em}
.jh1-doc-tags{margin:auto 0 0;padding-top:14px;display:flex;flex-wrap:wrap;gap:6px}
.jh1-doc-tags span{padding:3px 10px;border-radius:999px;background:var(--j-sky);color:var(--j-navy);font-size:13px;font-weight:700}
.jh1-card-bar{display:block;position:relative;width:350px;max-width:70%;height:3px;margin:34px auto 0;background:#DCE3F2;border-radius:2px;overflow:hidden}
.jh1-card-bar i{position:absolute;left:0;top:0;bottom:0;width:14%;background:var(--j-navy);border-radius:2px}

.jh1-map{position:absolute;z-index:0;opacity:.9;top:110px;right:max(-40px,calc((100% - 1440px)/2 - 40px));width:820px;height:820px;pointer-events:none}
.jh1-map svg{position:absolute;inset:0;width:100%;height:100%}
.jh1-pin{position:absolute;left:250px;top:430px;color:var(--j-navy)}
.jh1-pin strong{display:block;font-size:34px;font-weight:800;letter-spacing:-.04em;line-height:1}
.jh1-pin em{position:absolute;left:160px;top:62px;font-style:normal;font-size:13px;font-weight:700;color:var(--j-blue)}
.jh1-dots{position:relative;display:block;width:200px;height:120px}
.jh1-dots i{position:absolute;width:12px;height:12px;border-radius:50%;background:#A9B6D6}
.jh1-d0{left:112px;top:20px;width:26px!important;height:26px!important;background:var(--j-navy)!important;box-shadow:0 0 0 8px rgba(27,53,148,.12)}
.jh1-d1{left:20px;top:22px}.jh1-d2{left:62px;top:12px}.jh1-d3{left:80px;top:40px}.jh1-d4{left:4px;top:52px}
.jh1-d5{left:166px;top:46px}.jh1-d6{left:44px;top:88px}.jh1-d7{left:142px;top:98px}

/* --- 반응형 --- */
@media (max-width:1200px){
  .jh1-map{right:-200px;opacity:.85}
}
@media (max-width:860px){
  .jh1-hero{height:780px}
  .jh1-title{font-size:30px;line-height:1.3}
  .jh1-sub{margin-top:14px;font-size:16px}
  .jh1-more{margin-top:16px;font-size:14px;padding:6px 14px}
  .jh1-cap{bottom:210px}
  .jh1-ctrl{bottom:128px;gap:0}
  .jh1-count{font-size:16px;margin-right:18px}
  .jh1-bar{flex:1;width:auto;margin-right:8px}
  .jh1-slide::after{background:linear-gradient(0deg,rgba(9,13,24,.85) 0,rgba(9,13,24,.55) 40%,rgba(9,13,24,0) 70%)}
  .jh1-quick-wrap{bottom:20px;padding-right:0}
  .jh1-quick{display:flex;height:76px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:12px 0 0 12px}
  .jh1-quick::-webkit-scrollbar{display:none}
  .jh1-q{flex:0 0 auto;min-width:190px;padding:0 22px;gap:12px;font-size:16px;scroll-snap-align:start}
  .jh1-q svg{width:36px;height:36px}

  .jh1-brand{padding:80px 0 0;display:flex;flex-direction:column}
  .jh1-map{order:2}
  .jh1-art{left:calc(68% - 963px);width:1387px;right:auto}
  .jh1-mark{font-size:84px}
  .jh1-lead{margin-top:20px;font-size:17px}
  .jh1-chips{margin-top:36px;gap:8px}
  .jh1-chip{height:40px;font-size:15px;gap:10px;padding:0 12px 0 16px}
  .jh1-card{margin-top:44px;width:100%;padding:30px 16px 24px;border-radius:var(--j-r-lg)}
  .jh1-card-h{margin-left:8px;font-size:19px}
  .jh1-doc{margin:18px 8px 0;gap:18px}
  .jh1-photo{width:132px;height:164px}
  .jh1-doc-name{font-size:20px}
  .jh1-doc-role{font-size:13px}
  .jh1-doc-q{margin-top:12px;padding-top:12px;font-size:15px}
  .jh1-map{position:relative;top:auto;right:auto;margin:10px auto -60px;width:min(560px,100%);height:auto;aspect-ratio:1/1;opacity:1}
  .jh1-pin{left:31%;top:54%;transform:scale(.8);transform-origin:0 0}
}
@media (max-width:420px){
  .jh1-title{font-size:26px}
  .jh1-mark{font-size:68px}
  .jh1-doc{flex-direction:column}
  .jh1-photo{width:100%;height:220px}
}
@media (prefers-reduced-motion:reduce){
  .jh1-slide,.jh1-slide.is-on,.jh1-art,.jh1-slide .jh1-title,.jh1-slide .jh1-sub,.jh1-slide .jh1-more{transition:none!important}
  .jh1-art{transform:none}
  .jh1-pulse{animation:none}
  .jh1-draw path{stroke-dasharray:none;stroke-dashoffset:0}
  .jh1-slide.is-on .jh1-draw path{animation:none}
}
/* ===== jh2: 홈 구역 3(진료분야 / MCB 진료법) · 4(바로가기 흐름 줄) ===== */
.jh2-sec{background:var(--j-white);padding:140px 0 0}
.jh2-wrap{max-width:var(--j-wrap);margin-inline:auto;padding-inline:max(20px,env(safe-area-inset-left))}
.jh2-grid{display:grid;grid-template-columns:minmax(0,630fr) minmax(0,740fr);gap:30px;align-items:stretch}

.jh2-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.jh2-eyebrow{margin:0 0 6px;color:#3E5BC4;font:700 18px/1.4 var(--j-font)}
.jh2-eyebrow--w{color:var(--j-white)}
.jh2-title{margin:0;color:var(--j-ink);font:800 40px/1.25 var(--j-font);letter-spacing:-.02em}
.jh2-title--w{color:var(--j-white)}

.jh2-more{display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 24px;border:1px solid #3A3F4B;border-radius:999px;
  background:var(--j-white);color:var(--j-ink);font:500 16px/1 var(--j-font);text-decoration:none;white-space:nowrap;
  transition:background .2s,color .2s,border-color .2s}
.jh2-more:hover{background:var(--j-navy);border-color:var(--j-navy);color:var(--j-white)}
.jh2-more--onblue{border-color:var(--j-white)}
.jh2-more--onblue:hover{background:var(--j-navy-2);border-color:var(--j-navy-2)}
.jh2-more:focus-visible,.jh2-chip:focus-visible,.jh2-pane:focus-visible,.jh2-card a:focus-visible,.jh2-pill:focus-visible{outline:3px solid var(--j-teal);outline-offset:3px}

/* ---- 왼쪽: 파란 진료분야 패널 ---- */
.jh2-fields{position:relative;overflow:hidden;background:var(--j-blue);border-radius:var(--j-r-xl);padding:55px 40px 150px;color:var(--j-white);isolation:isolate}
.jh2-hint{display:flex;align-items:center;gap:6px;margin:0 0 4px;color:rgba(255,255,255,.85);font:500 18px/1.4 var(--j-font)}
.jh2-hint svg{width:20px;height:20px;flex:none;color:rgba(255,255,255,.85)}
.jh2-chips{display:flex;flex-wrap:wrap;gap:6px;margin:40px 0 0}
.jh2-chip{position:relative;height:64px;min-width:64px;padding:0 18px 6px;border:0;border-radius:12px;background:transparent;color:var(--j-white);
  font:700 18px/1 var(--j-font);cursor:pointer;transition:background .2s,color .2s;white-space:nowrap}
.jh2-chip:hover{background:rgba(255,255,255,.14)}
.jh2-chip[aria-selected="true"]{background:var(--j-white);color:var(--j-ink)}
.jh2-chip[aria-selected="true"]::after{content:"";position:absolute;left:50%;bottom:11px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--j-teal)}

.jh2-pane{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;align-items:center;margin-top:32px;border-radius:var(--j-r-md);animation:jh2-fade .4s ease both}
.jh2-pane[hidden]{display:none}
.jh2-art{width:200px;height:160px;color:var(--j-white)}
.jh2-pane-name{margin:0 0 8px;font:800 24px/1.35 var(--j-font)}
.jh2-pane-desc{margin:0 0 22px;color:rgba(255,255,255,.9);font:400 17px/1.65 var(--j-font)}
.jh2-wave{position:absolute;left:0;right:0;bottom:0;width:100%;height:180px;z-index:-1;pointer-events:none}
@keyframes jh2-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ---- 오른쪽: 연회색 MCB 진료법 패널 ---- */
.jh2-tx{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--j-gray);border-radius:var(--j-r-xl);padding:55px 40px 40px}
.jh2-track{display:flex;gap:30px;margin:35px -40px 40px 0;padding:0 40px 0 0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab}
.jh2-track::-webkit-scrollbar{display:none}
.jh2-track.is-drag{cursor:grabbing;scroll-snap-type:none}
.jh2-track.is-drag a{pointer-events:none}
.jh2-card{flex:0 0 calc((100% - 70px) / 2);scroll-snap-align:start}
.jh2-card a{display:block;color:var(--j-ink);text-decoration:none;border-radius:var(--j-r-md)}
.jh2-card-img{display:block;aspect-ratio:1/1;overflow:hidden;border-radius:var(--j-r-md);background:var(--j-sky)}
.jh2-card-img img,.jh2-card-img svg{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease;user-select:none}
.jh2-card a:hover .jh2-card-img img,.jh2-card a:hover .jh2-card-img svg{transform:scale(1.05)}
.jh2-card-name{display:block;margin-top:18px;font:700 24px/1.4 var(--j-font);letter-spacing:-.01em}
.jh2-card-desc{display:block;margin-top:6px;color:var(--j-sub);font:400 15px/1.6 var(--j-font)}
.jh2-card-img img.jh2-img-r{object-position:100% 50%}
.jh2-prog{position:relative;width:350px;max-width:70%;height:3px;margin:auto auto 0;background:#D3D9EA;border-radius:3px;overflow:hidden}
.jh2-prog-bar{position:absolute;left:0;top:0;height:100%;width:50%;background:var(--j-navy);border-radius:3px;transition:transform .15s linear}

/* ---- 구역 4: 흐르는 알약형 링크 ---- */
.jh2-links{background:var(--j-white);padding:100px 0 140px;overflow:hidden}
.jh2-mq{overflow:hidden}
.jh2-mq-track{display:flex;width:max-content;animation:jh2-mq 45s linear infinite}
.jh2-mq:hover .jh2-mq-track,.jh2-mq:focus-within .jh2-mq-track{animation-play-state:paused}
.jh2-mq-group{display:flex;gap:20px;margin:0;padding:0 20px 0 0;list-style:none;flex:none}
.jh2-pill{display:flex;align-items:center;gap:24px;height:100px;padding:15px 20px 15px 15px;border-radius:50px;background:var(--j-gray);
  color:var(--j-ink);text-decoration:none;white-space:nowrap;transition:background .2s,box-shadow .2s}
.jh2-pill:hover{background:var(--j-sky);box-shadow:inset 0 0 0 1px #CFDDF7}
.jh2-pill-ico{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;flex:none;overflow:hidden}
.jh2-pill-ico svg{width:70px;height:70px}
.jh2-pill-name{font:700 20px/1 var(--j-font);letter-spacing:-.01em}
.jh2-pill-arr{display:grid;place-items:center;width:28px;height:28px;margin-left:4px;border-radius:50%;background:#3366E8;flex:none;transition:transform .2s}
.jh2-pill-arr svg{width:18px;height:18px}
.jh2-pill:hover .jh2-pill-arr{transform:translateX(3px)}
@keyframes jh2-mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

@media (prefers-reduced-motion:reduce){
  .jh2-mq{overflow-x:auto;scrollbar-width:thin;padding-inline:max(20px,env(safe-area-inset-left))}
  .jh2-mq-track{animation:none}
  .jh2-mq-group[aria-hidden="true"]{display:none}
  .jh2-pane{animation:none}
  .jh2-card-img img,.jh2-card-img svg,.jh2-prog-bar{transition:none}
}

/* ---- 반응형 ---- */
@media (max-width:1100px){
  .jh2-pane{grid-template-columns:150px minmax(0,1fr);gap:24px}
  .jh2-art{width:150px;height:120px}
}
@media (max-width:860px){
  .jh2-sec{padding-top:80px}
  .jh2-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .jh2-title{font-size:26px}
  .jh2-eyebrow{font-size:15px}
  .jh2-fields{border-radius:30px;padding:40px 24px 170px}
  .jh2-hint{font-size:14px;width:100%}
  .jh2-chips{flex-wrap:nowrap;overflow-x:auto;margin:28px -24px 0;padding:0 24px;scrollbar-width:none}
  .jh2-chips::-webkit-scrollbar{display:none}
  .jh2-chip{flex:none;height:56px;padding:0 15px 6px;font-size:16px}
  .jh2-chip[aria-selected="true"]::after{bottom:8px}
  .jh2-pane{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:28px}
  .jh2-art{width:140px;height:112px}
  .jh2-pane-name{font-size:20px}
  .jh2-pane-desc{font-size:15px}
  .jh2-wave{height:160px}
  .jh2-tx{border-radius:30px;padding:40px 24px 32px}
  .jh2-track{gap:16px;margin:24px -24px 0 0;padding-right:24px}
  .jh2-card{flex-basis:72%}
  .jh2-card-name{font-size:18px;margin-top:12px}
  .jh2-card-desc{font-size:14px}
  .jh2-more{height:44px;padding:0 20px;font-size:15px}
  .jh2-track{margin-bottom:28px}
  .jh2-links{padding:56px 0 80px}
  .jh2-mq-group{gap:12px;padding-right:12px}
  .jh2-pill{height:72px;gap:14px;padding:10px 14px 10px 10px;border-radius:36px}
  .jh2-pill-ico,.jh2-pill-ico svg{width:52px;height:52px}
  .jh2-pill-name{font-size:16px}
  .jh2-pill-arr{width:24px;height:24px}
}
/* jh3: 홈 구역 5(치료 원리 + 진료실 노트) · 6(주목하는 키워드) */
.jh3-wrap{max-width:var(--j-wrap);margin-inline:auto;padding-inline:max(20px,env(safe-area-inset-left))}
.jh3-eyebrow{margin:0 0 6px;color:#3E5BC4;font:700 18px/1.4 var(--j-font)}
.jh3-title{margin:0;color:var(--j-ink);font:800 40px/1.25 var(--j-font);letter-spacing:-.02em}
.jh3-more{display:inline-flex;align-items:center;gap:10px;flex:none;height:50px;padding:0 22px;border:1px solid #2A2F3A;border-radius:999px;background:var(--j-white);color:var(--j-ink);font:500 16px/1 var(--j-font);text-decoration:none;transition:background .2s,color .2s}
.jh3-more:hover{background:var(--j-ink);color:var(--j-white)}
.jh3-more svg{width:18px;height:18px}

/* ---------- 구역 5 ---------- */
.jh3-s5{background:var(--j-sky);padding:140px 0}
.jh3-duo{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:40px;align-items:stretch}
.jh3-panel{background:var(--j-white);border-radius:var(--j-r-xl);padding:56px 40px 48px;min-width:0;display:flex;flex-direction:column}
.jh3-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:36px}
.jh3-head .jh3-title{font-size:32px}
.jh3-head .jh3-eyebrow{font-size:18px}

/* 치료 원리 슬라이더 */
.jh3-slider{margin-bottom:48px;display:flex;gap:30px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;padding-bottom:2px}
.jh3-slider::-webkit-scrollbar{display:none}
.jh3-slider.jh3-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.jh3-pc{flex:0 0 calc((100% - 30px)/2);scroll-snap-align:start;background:#F7F8FA;border-radius:var(--j-r-lg);padding:26px 24px 24px;display:flex;flex-direction:column;color:inherit;text-decoration:none;min-width:0}
.jh3-pc-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}
.jh3-pc-no{font:800 22px/1.2 var(--j-font);color:var(--j-ink);letter-spacing:-.01em}
.jh3-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:8px;background:#E4ECFB;color:var(--j-navy);font:700 13px/1 var(--j-font);white-space:nowrap}
.jh3-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--j-teal)}
.jh3-fig{display:grid;grid-template-columns:1fr 1fr;border-radius:10px;overflow:hidden;position:relative;aspect-ratio:268/190;background:#fff}
.jh3-fig > div{display:flex;flex-direction:column;min-width:0}
.jh3-fig b{display:block;text-align:center;font:700 13px/32px var(--j-font);color:#fff}
.jh3-fig .jh3-now b{background:#A3A8B3}
.jh3-fig .jh3-fit b{background:var(--j-navy)}
.jh3-fig .jh3-now{background:#E9EBEF}
.jh3-fig .jh3-fit{background:linear-gradient(160deg,#2B47A8,#162B7A)}
.jh3-fig svg{flex:1;width:100%;height:auto;min-height:0;display:block}
.jh3-fig i{position:absolute;left:50%;top:calc(50% + 16px);transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:var(--j-navy);border:2px solid #fff;display:grid;place-items:center}
.jh3-fig i svg{width:14px;height:14px;flex:none}
.jh3-pc h3{margin:22px 0 8px;font:800 20px/1.35 var(--j-font);color:var(--j-ink)}
.jh3-pc p{margin:0;color:var(--j-sub);font:400 16px/1.65 var(--j-font)}
.jh3-pc-foot{margin-top:auto;padding-top:22px;display:flex;justify-content:space-between;color:#8A92A3;font:500 14px/1 var(--j-font)}
.jh3-pc-foot span:last-child{color:var(--j-navy);font-weight:700}
.jh3-bar{width:min(350px,70%);height:3px;background:#D9DDF0;margin:auto auto 0;flex:none;border-radius:2px;position:relative;overflow:hidden}
.jh3-bar span{position:absolute;left:0;top:0;height:100%;width:50%;background:var(--j-navy);border-radius:2px;transition:left .15s linear}

/* 진료실 노트 */
.jh3-notes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.jh3-note a{display:block;background:#F7F8FA;border-radius:var(--j-r-lg);padding:22px 28px 22px;color:inherit;text-decoration:none;transition:background .2s}
.jh3-note a:hover{background:#EFF2F8}
.jh3-note-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.jh3-note-top strong{font:800 19px/1.3 var(--j-font);color:var(--j-ink)}
.jh3-note-top em{font-style:normal;color:#8A92A3;font:400 15px/1.3 var(--j-font);display:inline-flex;align-items:center;gap:10px}
.jh3-note-top em::before{content:"";width:4px;height:4px;border-radius:50%;background:#B5BBC7}
.jh3-note-top em b{color:var(--j-ink);font-weight:700}
.jh3-note-top .jh3-chip{margin-left:auto}
.jh3-quote{margin:14px 0 0;background:var(--j-white);border-radius:12px;padding:16px 20px;display:flex;gap:12px;align-items:flex-start;color:#2E3BA0;font:500 15.5px/1.65 var(--j-font)}
.jh3-quote svg{flex:none;width:18px;height:18px;margin-top:3px}
.jh3-note-date{margin:14px 0 0;color:#8A92A3;font:500 14px/1 var(--j-font)}
.jh3-note-date b{color:var(--j-ink);font-weight:700;margin-left:12px}

/* ---------- 구역 6 ---------- */
.jh3-s6{background:var(--j-white);padding:140px 0}
.jh3-kh{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.jh3-tag{display:inline-flex;align-items:center;height:70px;padding:0 24px;border-radius:10px;background:var(--j-navy-2);color:#fff;font:700 21px/1 var(--j-font);text-decoration:none;white-space:nowrap}
.jh3-hash{margin:80px 0 14px;color:var(--j-navy);font:800 30px/1.3 var(--j-font);letter-spacing:-.02em}
.jh3-hash-sub{margin:0 0 44px;color:var(--j-ink);font:500 18px/1.6 var(--j-font)}
.jh3-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:20px}
.jh3-k{position:relative;overflow:hidden;height:326px;border-radius:var(--j-r-lg);padding:50px 40px;color:#fff;text-decoration:none;display:block;isolation:isolate}
.jh3-k.jh3-w{grid-column:span 3}
.jh3-k.jh3-n{grid-column:span 2}
.jh3-k h3{margin:0;font:800 30px/1.3 var(--j-font);letter-spacing:-.02em;position:relative;z-index:2}
.jh3-k p{margin:12px 0 0;font:700 16px/1.5 var(--j-font);position:relative;z-index:2;max-width:22em}
.jh3-arrow{position:absolute;left:40px;bottom:40px;width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.3);display:grid;place-items:center;z-index:2;transition:transform .25s,background .25s}
.jh3-arrow svg{width:26px;height:26px}
.jh3-k:hover .jh3-arrow{transform:translateX(6px);background:rgba(255,255,255,.45)}
.jh3-ill{position:absolute;right:24px;bottom:16px;width:min(46%,230px);height:auto;z-index:1;transition:transform .35s}
.jh3-k:hover .jh3-ill{transform:scale(1.04)}
.jh3-c1{background:linear-gradient(110deg,#9FA5B0 0%,#C4C8CF 55%,#E6E8EC 100%)}
.jh3-c2{background:#7EA2FB}
.jh3-c3{background:#ECF4FF;color:var(--j-navy-2)}
.jh3-c3 .jh3-arrow{background:rgba(27,53,148,.16)}
.jh3-c3:hover .jh3-arrow{background:rgba(27,53,148,.26)}
.jh3-c3 p{color:var(--j-ink)}
.jh3-c4{background:#5AA6FB}
.jh3-c5{background:linear-gradient(110deg,#5D6474 0%,#7B818D 60%,#9A9FA9 100%)}
.jh3-c6{background:#1C2E74}

/* ---------- 반응형 ---------- */
@media (max-width:1100px){
  .jh3-pc{flex-basis:calc((100% - 20px)/1.4)}
  .jh3-slider{gap:20px}
}
@media (max-width:860px){
  .jh3-s5,.jh3-s6{padding:80px 0}
  .jh3-title{font-size:26px}
  .jh3-eyebrow{font-size:15px}
  .jh3-duo{grid-template-columns:minmax(0,1fr);gap:20px}
  .jh3-panel{padding:36px 20px 32px;border-radius:var(--j-r-lg)}
  .jh3-head{margin-bottom:24px}
  .jh3-head .jh3-title{font-size:24px}
  .jh3-head .jh3-eyebrow{font-size:15px}
  .jh3-more{height:40px;padding:0 16px;font-size:14px;gap:6px}
  .jh3-more svg{width:15px;height:15px}
  .jh3-pc{flex-basis:78%;padding:20px 18px}
  .jh3-pc h3{font-size:18px;margin-top:18px}
  .jh3-pc p{font-size:15px}
  .jh3-bar{margin-top:0}
  .jh3-slider{margin-bottom:28px}
  .jh3-note a{padding:20px 18px}
  .jh3-quote{padding:16px;font-size:15px}
  .jh3-kh{flex-direction:column;align-items:flex-start;gap:20px}
  .jh3-tag{height:48px;font-size:16px;padding:0 18px}
  .jh3-hash{margin-top:44px;font-size:22px}
  .jh3-hash-sub{font-size:15px;margin-bottom:28px}
  .jh3-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .jh3-k.jh3-w,.jh3-k.jh3-n{grid-column:span 1}
  .jh3-k{height:260px;padding:30px 24px}
  .jh3-k h3{font-size:22px}
  .jh3-k p{font-size:14px}
  .jh3-arrow{left:24px;bottom:24px;width:46px;height:46px}
  .jh3-arrow svg{width:20px;height:20px}
  .jh3-ill{width:52%;right:14px;bottom:12px}
}
@media (max-width:560px){
  .jh3-grid{grid-template-columns:minmax(0,1fr)}
  .jh3-k{height:220px}
  .jh3-ill{width:42%}
  .jh3-pc{flex-basis:86%}
  .jh3-note-top .jh3-chip{display:none}
}
@media (prefers-reduced-motion:reduce){
  .jh3-k .jh3-arrow,.jh3-ill,.jh3-bar span{transition:none}
}
/* 왼쪽 패널 높이를 오른쪽에 맞춰 도해를 키움 (PC) */
@media (min-width:861px){
  .jh3-slider{flex:1 1 auto}
  .jh3-fig{aspect-ratio:auto;flex:1 1 auto;min-height:190px}
}
/* ===== jh4: 홈 7·8·9 (자가 체크 / 턱톡 / 정보와 소식) ===== */
.jh4-wrap{max-width:var(--j-wrap);margin-inline:auto;padding-inline:max(20px,env(safe-area-inset-left))}
.jh4-test,.jh4-ch,.jh4-news{padding-block:140px;font-family:var(--j-font);color:var(--j-ink)}
.jh4-test{background:var(--j-gray)}
.jh4-ch{background:var(--j-white)}
.jh4-news{background:var(--j-white);padding-top:0}
.jh4-eyebrow{margin:0 0 8px;color:#3E5BC4;font-weight:700;font-size:18px;line-height:1.4}
.jh4-title{margin:0;font-weight:800;font-size:40px;line-height:1.3;letter-spacing:-.02em;color:var(--j-ink)}
.jh4-more{display:inline-flex;align-items:center;gap:10px;flex:none;height:50px;padding:0 22px;border:1px solid #2B3040;border-radius:999px;background:var(--j-white);color:var(--j-ink);font-size:16px;font-weight:500;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s}
.jh4-more:hover{background:var(--j-ink);color:#fff}
.jh4-more:focus-visible,.jh4-tcard:focus-visible,.jh4-panel a:focus-visible,.jh4-tpanel button:focus-visible{outline:3px solid var(--j-teal);outline-offset:3px}

/* ---------- 7. 자가 체크 ---------- */
.jh4-test-in{display:grid;grid-template-columns:minmax(0,968px) minmax(0,1fr);gap:40px;align-items:end}
.jh4-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:40px}
.jh4-tgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.jh4-tcard{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;aspect-ratio:178/210;min-height:150px;padding:16px 8px;border:2px solid transparent;border-radius:var(--j-r-md);background:var(--j-white);color:var(--j-ink);font:700 20px/1.5 var(--j-font);letter-spacing:-.02em;text-align:center;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}
.jh4-tcard:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(27,53,148,.10)}
.jh4-tcard[aria-expanded="true"]{border-color:var(--j-blue);box-shadow:0 12px 28px rgba(27,53,148,.14)}
.jh4-ticon{width:64px;height:64px;flex:none}
.jh4-tname{display:block}

.jh4-tpanel{grid-column:1/-1;position:relative;padding:36px 40px 32px;border-radius:var(--j-r-lg);background:var(--j-white);box-shadow:0 10px 30px rgba(27,53,148,.08);animation:jh4-drop .28s ease}
.jh4-tpanel[hidden]{display:none}
@keyframes jh4-drop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.jh4-tp-head{display:flex;flex-direction:column;gap:4px;padding-right:48px;margin-bottom:20px}
.jh4-tp-kicker{margin:0;color:#3E5BC4;font-size:14px;font-weight:700}
.jh4-tp-title{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em}
.jh4-tp-close{position:absolute;top:24px;right:24px;width:40px;height:40px;border:1px solid var(--j-line);border-radius:50%;background:var(--j-white);color:var(--j-sub);font-size:22px;line-height:1;cursor:pointer}
.jh4-tp-qs{list-style:none;margin:0;padding:0;counter-reset:jh4q}
.jh4-tp-q{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--j-line);counter-increment:jh4q}
.jh4-tp-q:last-child{border-bottom:1px solid var(--j-line)}
.jh4-tp-qt{font-size:17px;font-weight:500;line-height:1.5}
.jh4-tp-qt::before{content:"Q" counter(jh4q) ". ";color:var(--j-blue);font-weight:800}
.jh4-tp-yn{display:flex;gap:8px;flex:none}
.jh4-tp-btn{min-width:72px;height:40px;padding:0 14px;border:1px solid var(--j-line);border-radius:999px;background:var(--j-gray);color:var(--j-sub);font:700 15px/1 var(--j-font);cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.jh4-tp-btn[aria-pressed="true"]{background:var(--j-navy);border-color:var(--j-navy);color:#fff}
.jh4-tp-btn.jh4-no[aria-pressed="true"]{background:var(--j-sub);border-color:var(--j-sub)}
.jh4-tp-res{display:grid;grid-template-columns:auto 1fr;gap:6px 24px;align-items:center;margin-top:22px;padding:22px 24px;border-radius:var(--j-r-md);background:var(--j-sky)}
.jh4-tp-count{margin:0;font-size:16px;color:var(--j-sub);white-space:nowrap}
.jh4-tp-count b{font-size:34px;font-weight:800;color:var(--j-navy)}
.jh4-tp-msg{margin:0;font-size:17px;font-weight:700;line-height:1.55;color:var(--j-ink)}
.jh4-tp-acts{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.jh4-tp-link,.jh4-tp-cta{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px;border-radius:999px;font-size:15px;font-weight:700;text-decoration:none}
.jh4-tp-link{background:var(--j-white);border:1px solid #2B3040;color:var(--j-ink)}
.jh4-tp-cta{background:var(--j-navy);color:#fff}
.jh4-tp-note{grid-column:1/-1;margin:6px 0 0;font-size:13px;color:var(--j-sub)}

.jh4-char{align-self:end;display:flex;justify-content:center}
.jh4-char svg{width:100%;max-width:340px;height:auto;animation:jh4-bob 4s ease-in-out infinite}
@keyframes jh4-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (prefers-reduced-motion:reduce){.jh4-char svg,.jh4-tpanel{animation:none}}

/* ---------- 공통 패널 ---------- */
.jh4-panel{border-radius:var(--j-r-xl);padding:40px}
.jh4-phead{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px}
.jh4-ptitle{display:flex;align-items:center;gap:12px;margin:0;font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1.2}
.jh4-yticon{width:28px;height:20px;flex:none}
.jh4-shicon{width:24px;height:28px}
.jh4-ex{position:absolute;top:10px;right:10px;padding:2px 7px;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;font:500 11px/1.4 var(--j-font);font-style:normal;letter-spacing:0}

/* ---------- 8. 턱톡 ---------- */
.jh4-ch-grid{display:grid;grid-template-columns:minmax(0,854fr) minmax(0,506fr);gap:40px;margin-top:40px}
.jh4-yt{background:var(--j-sky)}
.jh4-sh{background:#F6F7F9;overflow:hidden}
.jh4-yt-body{display:grid;grid-template-columns:minmax(0,426fr) minmax(0,318fr);gap:30px}
.jh4-yt-main{display:block;color:var(--j-ink);text-decoration:none}
.jh4-yt-mt{margin:18px 0 0;font-size:21px;font-weight:500;line-height:1.6;letter-spacing:-.01em}
.jh4-yt-main:hover .jh4-yt-mt,.jh4-yt-list a:hover .jh4-st{text-decoration:underline;text-underline-offset:4px}
.jh4-thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:6px}
.jh4-th-art{position:absolute;right:-6%;top:-4%;width:62%;height:auto}
.jh4-th-chip{position:absolute;left:5%;top:44%;padding:2px 10px;border-radius:4px;background:#FFE14D;color:#1B3594;font-size:15px;font-weight:800}
.jh4-th-big{position:absolute;left:5%;bottom:8%;color:#fff;font-size:clamp(20px,2.4vw,34px);font-weight:800;line-height:1.15;letter-spacing:-.04em;text-shadow:0 3px 0 rgba(10,20,70,.55)}
.jh4-th-big em,.jh4-vthumb strong em{font-style:normal;color:#FFE14D}
.jh4-play{position:absolute;right:5%;bottom:8%;width:48px;height:34px;border-radius:9px;background:#FF0000}
.jh4-play::after{content:"";position:absolute;left:19px;top:10px;border-left:13px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}
.jh4-th-a{background:radial-gradient(circle at 80% 20%,#5378D1 0,transparent 55%),linear-gradient(135deg,#0E1E63 0%,#1B3594 60%,#2C55C9 100%)}
.jh4-th-b{background:linear-gradient(135deg,#2C3A66,#5378D1)}
.jh4-th-c{background:linear-gradient(135deg,#0E7C86,#14CFC6)}
.jh4-th-d{background:linear-gradient(135deg,#1F2430,#3B4560)}
.jh4-th-e{background:linear-gradient(135deg,#E06A3B,#F6B042)}
.jh4-th-f{background:linear-gradient(180deg,#1B3594,#5378D1)}
.jh4-th-g{background:linear-gradient(180deg,#0E7C86,#14CFC6)}
.jh4-th-h{background:linear-gradient(180deg,#2B3040,#5B6475)}
.jh4-yt-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:22px}
.jh4-yt-list a{display:grid;grid-template-columns:96px 1fr;gap:20px;align-items:center;color:var(--j-ink);text-decoration:none}
.jh4-sthumb{position:relative;display:flex;align-items:center;padding-left:8px;aspect-ratio:16/9;overflow:hidden;border-radius:4px;color:#fff}
.jh4-sthumb b{font-size:13px;font-weight:800;line-height:1.15;letter-spacing:-.03em;text-shadow:0 2px 0 rgba(0,0,0,.3)}
.jh4-sthumb b small{font-size:9px}
.jh4-sthumb .jh4-ex{top:3px;right:3px;padding:0 4px;font-size:9px}
.jh4-st{font-size:16px;font-weight:500;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.jh4-sh-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.jh4-vthumb{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;aspect-ratio:9/16;padding:14px 12px;border-radius:6px;overflow:hidden;color:#fff;text-decoration:none;transition:transform .2s}
.jh4-vthumb:hover{transform:translateY(-4px)}
.jh4-vthumb strong{font-size:21px;font-weight:800;line-height:1.2;letter-spacing:-.04em;text-shadow:0 2px 0 rgba(0,0,0,.3)}
.jh4-vthumb small{font-size:12px;opacity:.85}

/* ---------- 9. 정보와 소식 ---------- */
.jh4-news-grid{display:grid;grid-template-columns:minmax(0,700fr) minmax(0,660fr);gap:40px;margin-top:40px;align-items:start}
.jh4-nw{background:#E8EEFD}
.jh4-nw-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:40px}
.jh4-nw-list a{display:grid;grid-template-columns:174px 1fr;gap:30px;align-items:center;color:var(--j-ink);text-decoration:none}
.jh4-nw-list a:hover b{text-decoration:underline;text-underline-offset:4px}
.jh4-nthumb{display:block;aspect-ratio:174/114;border-radius:var(--j-r-md);overflow:hidden}
.jh4-nthumb svg{display:block;width:100%;height:100%}
.jh4-nt-a{background:linear-gradient(135deg,#7A9BF5,#1B3594)}
.jh4-nt-b{background:linear-gradient(135deg,#2B3040,#5B6475)}
.jh4-nt-c{background:linear-gradient(135deg,#5378D1,#14CFC6)}
.jh4-nt-d{background:linear-gradient(135deg,#C9D8FA,#7A9BF5)}
.jh4-ntx{display:flex;flex-direction:column;gap:10px}
.jh4-ntx b{font-size:20px;font-weight:500;line-height:1.6;letter-spacing:-.01em}
.jh4-ntx time{font-size:14px;color:var(--j-sub)}
.jh4-news-side{display:flex;flex-direction:column;gap:40px;min-width:0}
.jh4-hi{background:#F6F7F9}
.jh4-hi-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.jh4-hcard{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;aspect-ratio:1;padding:16px;border-radius:var(--j-r-md);overflow:hidden;color:#fff;text-decoration:none;transition:transform .2s}
.jh4-hcard:hover{transform:translateY(-4px)}
.jh4-hcard svg{position:absolute;right:-6%;top:-6%;width:62%;height:auto}
.jh4-hc-a{background:linear-gradient(160deg,#5378D1,#1B3594)}
.jh4-hc-b{background:linear-gradient(160deg,#14CFC6,#0E7C86)}
.jh4-hc-c{background:linear-gradient(160deg,#7A9BF5,#3E5BC4)}
.jh4-hc-tag{align-self:flex-start;padding:1px 8px;border-radius:4px;background:rgba(255,255,255,.22);font-size:11px;font-weight:700}
.jh4-hcard strong{font-size:17px;font-weight:800;line-height:1.3;letter-spacing:-.03em}
.jh4-nt{background:var(--j-navy);color:#fff}
.jh4-nt .jh4-ptitle{color:#fff}
.jh4-phead .jh4-more-inv{background:transparent;border-color:rgba(255,255,255,.6);color:#fff}
.jh4-phead .jh4-more-inv:hover{background:#fff;color:var(--j-navy)}
.jh4-nt .jh4-phead{margin-bottom:12px}
.jh4-nt-list{list-style:none;margin:0;padding:0}
.jh4-nt-list a{display:flex;align-items:center;gap:14px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.22);color:#fff;text-decoration:none;font-size:19px;font-weight:700;min-width:0}
.jh4-nt-list a:hover .jh4-ntt{text-decoration:underline;text-underline-offset:4px}
.jh4-ntt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.jh4-chip{flex:none;padding:3px 12px;border-radius:4px;background:#5378D1;font-size:13px;font-weight:700}

/* ---------- 반응형 ---------- */
@media (max-width:1180px){
  .jh4-test-in{grid-template-columns:minmax(0,1fr) 220px}
  .jh4-tgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .jh4-yt-body{grid-template-columns:1fr}
}
@media (max-width:860px){
  .jh4-test,.jh4-ch,.jh4-news{padding-block:80px}
  .jh4-news{padding-top:0}
  .jh4-title{font-size:26px}
  .jh4-eyebrow{font-size:15px}
  .jh4-more{height:42px;padding:0 16px;font-size:14px}
  .jh4-test-in{grid-template-columns:1fr;position:relative}
  .jh4-head{margin-bottom:24px}
  .jh4-char{position:absolute;top:-56px;right:max(12px,env(safe-area-inset-right));width:96px;pointer-events:none}
  .jh4-head .jh4-more{display:none}
  .jh4-tgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .jh4-tcard{font-size:15px;gap:10px;aspect-ratio:1;min-height:0;padding:10px 4px}
  .jh4-ticon{width:44px;height:44px}
  .jh4-tpanel{padding:26px 20px 22px}
  .jh4-tp-title{font-size:20px}
  .jh4-tp-close{top:16px;right:16px}
  .jh4-tp-q{flex-direction:column;align-items:stretch;gap:10px}
  .jh4-tp-qt{font-size:15px}
  .jh4-tp-yn .jh4-tp-btn{flex:1}
  .jh4-tp-res{grid-template-columns:1fr;padding:18px}
  .jh4-tp-msg{font-size:15px}
  .jh4-panel{padding:28px 20px;border-radius:var(--j-r-lg)}
  .jh4-phead{margin-bottom:20px}
  .jh4-ptitle{font-size:22px}
  .jh4-ch-grid,.jh4-news-grid{grid-template-columns:1fr;gap:20px;margin-top:28px}
  .jh4-news-side{gap:20px}
  .jh4-yt-mt{font-size:17px;margin-top:12px}
  .jh4-st{font-size:14px;line-height:1.6}
  .jh4-yt-list{gap:14px}
  .jh4-yt-list a{grid-template-columns:110px 1fr;gap:14px}
  .jh4-sh-row,.jh4-hi-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:-20px;padding-inline:20px;scrollbar-width:none}
  .jh4-sh-row::-webkit-scrollbar,.jh4-hi-row::-webkit-scrollbar{display:none}
  .jh4-sh-row li{flex:0 0 42%;scroll-snap-align:start}
  .jh4-hi-row li{flex:0 0 46%;scroll-snap-align:start}
  .jh4-vthumb strong{font-size:18px}
  .jh4-nw-list{gap:22px}
  .jh4-nw-list a{grid-template-columns:120px 1fr;gap:16px}
  .jh4-ntx{gap:4px}
  .jh4-ntx b{font-size:16px}
  .jh4-ntx b br{display:none}
  .jh4-ntx time{font-size:13px}
  .jh4-nt-list a{font-size:16px;padding:16px 0}
}

/* --- 준비 중(빈 상태) 카드: 영상·소식이 올라오기 전 --- */
.jh4-soon{flex:none;display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:999px;background:#fff;color:var(--j-sub);font-size:14px;font-weight:700;box-shadow:inset 0 0 0 1px var(--j-line)}
.jh4-soon-inv{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.jh4-empty{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:40px 36px;border-radius:var(--j-r-lg);background:#fff;border:1.5px dashed #C9D3E8;color:var(--j-ink)}
.jh4-sh .jh4-empty{background:#fff}
.jh4-empty-ic{display:grid;place-items:center;width:72px;height:72px;border-radius:20px;background:var(--j-gray)}
.jh4-empty-ic svg{width:48px;height:48px}
.jh4-empty-t{margin:6px 0 0;font-size:24px;font-weight:800;letter-spacing:-.025em;line-height:1.4}
.jh4-empty-d{margin:0;font-size:16px;line-height:1.7;color:var(--j-sub)}
.jh4-empty-d b{color:var(--j-navy)}
.jh4-empty-info{list-style:none;margin:8px 0 0;padding:16px 0 0;border-top:1px solid var(--j-line);display:grid;gap:8px;width:100%;font-size:15.5px}
.jh4-empty-info li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:baseline}
.jh4-empty-info span{color:var(--j-sub);font-weight:500}
.jh4-empty-info b,.jh4-empty-info a{font-weight:700;color:var(--j-ink);text-decoration:none;overflow-wrap:anywhere}
.jh4-empty-info a{color:var(--j-navy)}
.jh4-empty-info a:hover{text-decoration:underline;text-underline-offset:3px}
.jh4-empty-go{display:inline-flex;align-items:center;gap:8px;margin-top:8px;height:46px;padding:0 20px;border:1px solid #2B3040;border-radius:999px;background:#fff;color:var(--j-ink);font-size:15px;font-weight:500;text-decoration:none;transition:background .2s,color .2s}
.jh4-empty-go:hover{background:var(--j-ink);color:#fff}
.jh4-empty-go:focus-visible{outline:3px solid var(--j-teal);outline-offset:3px}
.jh4-nt-empty{margin:4px 0 6px;font-size:16px;line-height:1.6;color:rgba(255,255,255,.82)}
.jh4-nt .jh4-chip{background:rgba(255,255,255,.16)}
@media (max-width:860px){
  .jh4-empty{padding:26px 20px;gap:10px}
  .jh4-empty-ic{width:60px;height:60px;border-radius:16px}
  .jh4-empty-ic svg{width:40px;height:40px}
  .jh4-empty-t{font-size:19px}
  .jh4-empty-d{font-size:15px}
  .jh4-empty-d br{display:none}
  .jh4-empty-info{font-size:14.5px}
  .jh4-empty-info li{grid-template-columns:64px minmax(0,1fr)}
  .jh4-soon{height:28px;font-size:13px;padding:0 11px}
}

/* jt2.css */
/* ═════════ jt2 · 하위 페이지 공통 템플릿 (2차) ═════════ */
:root{
  --jt-art-r:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 420' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M118 214C96 176 98 120 136 82C180 38 262 26 330 52C392 76 428 132 424 196C422 230 410 256 392 276C380 290 372 302 352 312'/><path d='M118 214C108 222 98 236 101 248C93 256 88 265 92 273L103 281C99 290 103 298 111 300L112 312'/><path d='M112 312C110 332 115 351 129 362C165 378 222 368 262 348C276 330 282 304 286 278'/><path d='M262 348C250 320 238 300 226 286'/><circle cx='166' cy='212' r='30'/><path d='M196 252C228 247 262 249 292 257'/><circle cx='305' cy='266' r='8'/><path d='M250 34C238 80 236 130 248 178' stroke-dasharray='2 8'/><path d='M366 70C352 120 360 170 388 222' stroke-dasharray='2 8'/><path d='M300 212C330 220 360 236 384 262' stroke-dasharray='2 8'/><path d='M120 304H236'/><path d='M130 296V312M146 296V312M162 296V312M178 297V311M194 298V310M210 298V310'/><circle cx='286' cy='278' r='5' fill='white'/><circle cx='166' cy='212' r='3' fill='white'/></svg>");
  --jt-art-g:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 460' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M210 40C290 40 340 100 340 180C340 260 310 330 262 372C240 392 224 400 210 400C196 400 180 392 158 372C110 330 80 260 80 180C80 100 130 40 210 40Z'/><path d='M210 22V440' stroke-dasharray='3 9'/><path d='M96 186L324 206' stroke-dasharray='3 9'/><ellipse cx='160' cy='191' rx='22' ry='10'/><ellipse cx='262' cy='200' rx='22' ry='10'/><path d='M210 214L202 270Q210 276 222 271'/><path d='M174 318Q212 332 250 320'/><path d='M100 262C118 338 168 392 214 404C258 394 302 344 320 270' stroke-width='3.5'/><circle cx='100' cy='256' r='7' fill='white'/><circle cx='320' cy='266' r='7' fill='white'/><path d='M120 430H300' stroke-dasharray='3 9'/></svg>");
  --jt-art-c:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 460 400' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M78 110C78 270 150 352 230 352C310 352 382 270 382 110'/><path d='M126 110C126 240 172 294 230 294C288 294 334 240 334 110'/><path d='M78 110Q102 94 126 110M334 110Q358 94 382 110'/><g stroke-width='1.6'><ellipse cx='101' cy='136' rx='13' ry='9' transform='rotate(-83 101 136)'/><ellipse cx='108' cy='182' rx='13' ry='9' transform='rotate(-70 108 182)'/><ellipse cx='121' cy='224' rx='13' ry='9' transform='rotate(-57 121 224)'/><ellipse cx='139' cy='260' rx='13' ry='9' transform='rotate(-45 139 260)'/><ellipse cx='161' cy='289' rx='10' ry='8' transform='rotate(-32 161 289)'/><ellipse cx='187' cy='309' rx='10' ry='8' transform='rotate(-19 187 309)'/><ellipse cx='216' cy='319' rx='10' ry='8' transform='rotate(-6 216 319)'/><ellipse cx='244' cy='319' rx='10' ry='8' transform='rotate(6 244 319)'/><ellipse cx='273' cy='309' rx='10' ry='8' transform='rotate(19 273 309)'/><ellipse cx='299' cy='289' rx='10' ry='8' transform='rotate(32 299 289)'/><ellipse cx='321' cy='260' rx='13' ry='9' transform='rotate(45 321 260)'/><ellipse cx='339' cy='224' rx='13' ry='9' transform='rotate(57 339 224)'/><ellipse cx='352' cy='182' rx='13' ry='9' transform='rotate(70 352 182)'/><ellipse cx='359' cy='136' rx='13' ry='9' transform='rotate(83 359 136)'/></g><path d='M30 382H430' stroke-dasharray='3 9'/><circle cx='339' cy='224' r='4' fill='white'/></svg>");
  --jt-art-h:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none' stroke='rgb(27,53,148)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='200' cy='196' r='170'/><circle cx='200' cy='196' r='138' stroke-dasharray='2 9'/><path d='M132 118C152 94 181 102 200 114C219 102 248 94 268 118C288 144 282 188 268 218C260 238 256 260 250 288C246 308 234 314 226 298C218 278 213 254 200 254C187 254 182 278 174 298C166 314 154 308 150 288C144 260 140 238 132 218C118 188 112 144 132 118Z' stroke-width='3'/><path d='M168 132Q200 148 232 132'/><path d='M136 330Q200 362 264 330' stroke='rgb(20,207,198)' stroke-width='4'/></svg>");
}

/* ── 1. 폭 통일: 홈·헤더와 같은 1400px ── */
body .wrap{max-width:var(--j-wrap)}
body .view>.wrap.intro{display:none}

/* ── 2. 상단 비주얼 배너 ── */
body [role="tabpanel"]>section.hero:first-of-type,
body [role="tabpanel"]>section.nx-head:first-of-type{
  --bn-bg:linear-gradient(118deg,#13297A 0%,var(--j-navy) 48%,#2B4CC2 100%);
  --bn-art:var(--jt-art-r);
  --bn-ink:#fff; --bn-sub:rgba(255,255,255,.84); --bn-eye:#8FEBE5; --bn-line:rgba(255,255,255,.28);
  --bn-art-o:.2;
  position:relative;isolation:isolate;overflow:hidden;color:var(--bn-ink);
  padding-block:30px 108px;min-height:440px;
  background:var(--bn-bg);
}
body [role="tabpanel"]>section.hero:first-of-type::before,
body [role="tabpanel"]>section.nx-head:first-of-type::before{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  right:max(-60px,calc((100% - var(--j-wrap)) / 2 - 40px));top:50%;transform:translateY(-46%);
  width:min(620px,58vw);aspect-ratio:1/1;
  background:var(--bn-art) center/contain no-repeat;opacity:var(--bn-art-o);
}
body [role="tabpanel"]>section.hero:first-of-type::after,
body [role="tabpanel"]>section.nx-head:first-of-type::after{
  content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:radial-gradient(640px 420px at 82% 40%,rgba(255,255,255,.12),transparent 70%),radial-gradient(520px 360px at 8% 120%,rgba(20,207,198,.16),transparent 70%);
}
#view-g [role="tabpanel"]>section.hero:first-of-type,
#view-g [role="tabpanel"]>section.nx-head:first-of-type{
  --bn-bg:linear-gradient(118deg,#3F62C2 0%,var(--j-blue) 52%,#7093EE 100%);
  --bn-art:var(--jt-art-g); --bn-eye:#D9FBF8; --bn-sub:rgba(255,255,255,.9); --bn-art-o:.24;
}
#view-c [role="tabpanel"]>section.hero:first-of-type,
#view-c [role="tabpanel"]>section.nx-head:first-of-type{
  --bn-bg:linear-gradient(118deg,#172F86 0%,var(--j-navy) 30%,#1A63A6 68%,#13A3AE 100%);
  --bn-art:var(--jt-art-c); --bn-art-o:.22;
}
#view-h [role="tabpanel"]>section.hero:first-of-type,
#view-h [role="tabpanel"]>section.nx-head:first-of-type{
  --bn-bg:linear-gradient(118deg,#E3EEFD 0%,var(--j-sky) 45%,#F5F9FF 100%);
  --bn-art:var(--jt-art-h); --bn-ink:var(--j-ink); --bn-sub:#3C4558; --bn-eye:var(--j-eyebrow); --bn-line:rgba(27,53,148,.2);
  --bn-art-o:.16;
}
#view-h [role="tabpanel"]>section.nx-head:first-of-type::after{background:radial-gradient(560px 380px at 84% 40%,rgba(255,255,255,.7),transparent 70%)}
/* 요약 카드가 겹쳐 올라올 때 아래 여백을 더 */
body [role="tabpanel"]>section:first-of-type:has(+ .jt-sum-sec){padding-bottom:132px}

/* 배너 안 글자 */
body [role="tabpanel"]>section:first-of-type.jt-banner .eyebrow,
body [role="tabpanel"]>section.hero:first-of-type .eyebrow,
body [role="tabpanel"]>section.nx-head:first-of-type .eyebrow{color:var(--bn-eye)}
body [role="tabpanel"]>section.hero:first-of-type h1,
body [role="tabpanel"]>section.nx-head:first-of-type h1{color:var(--bn-ink);text-shadow:none}
body [role="tabpanel"]>section.hero:first-of-type .lead,
body [role="tabpanel"]>section.nx-head:first-of-type .lead,
body [role="tabpanel"]>section.hero:first-of-type>.wrap .note,
body [role="tabpanel"]>section.hero:first-of-type>.wrap>div>.note{color:var(--bn-sub)}
body [role="tabpanel"]>section.hero:first-of-type .acro{color:var(--bn-sub)}
/* TRY 상자 */
body [role="tabpanel"]>section.hero:first-of-type .try{background:rgba(255,255,255,.1);border:1px solid var(--bn-line);box-shadow:none;color:var(--bn-ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
body [role="tabpanel"]>section.hero:first-of-type .try .mono{color:var(--bn-eye)}
body [role="tabpanel"]>section.hero:first-of-type .try b{color:inherit}
/* 버튼 */
body [role="tabpanel"]>section.hero:first-of-type .btn{background:transparent;color:#fff;border-color:rgba(255,255,255,.62)}
body [role="tabpanel"]>section.hero:first-of-type .btn:hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff}
body [role="tabpanel"]>section.hero:first-of-type .btn.fill{background:#fff;border-color:#fff;color:var(--j-navy)}
body [role="tabpanel"]>section.hero:first-of-type .btn.fill:hover{background:#EAF3FE;color:var(--j-navy-2)}
body [role="tabpanel"]>section.hero:first-of-type .btn .play{border-left-color:currentColor}
/* 배너 안 카드·그림(오른쪽 단, 보조 상자)은 흰 카드로 띄워 원래 색을 유지 */
body [role="tabpanel"]>section.hero:first-of-type>.wrap.hero-grid>:not(:first-child),
body [role="tabpanel"]>section.hero:first-of-type>.wrap.grid2>:not(:first-child){
  color:var(--j-ink);background:#fff;border-radius:var(--j-r-lg);box-shadow:0 24px 50px rgba(8,18,60,.22);padding:22px;margin:0;align-self:center
}
body [role="tabpanel"]>section.hero:first-of-type>.wrap.hero-grid>.panel:not(:first-child){padding:28px 26px}
body [role="tabpanel"]>section.hero:first-of-type>.wrap.grid2>figure.photo:not(:first-child){padding:10px}
body [role="tabpanel"]>section.hero:first-of-type>.wrap>div:first-child .who,
body [role="tabpanel"]>section.hero:first-of-type>.wrap>div:first-child .urgent,
body [role="tabpanel"]>section.hero:first-of-type>.wrap>div:first-child .warn,
body [role="tabpanel"]>section.hero:first-of-type>.wrap>div:first-child .first,
body [role="tabpanel"]>section.hero:first-of-type>.wrap .units,
body [role="tabpanel"]>section.hero:first-of-type>.wrap .tm,
body [role="tabpanel"]>section.hero:first-of-type>.wrap .duo{color:var(--bn-ink)}
body [role="tabpanel"]>section.hero:first-of-type .checks li{color:var(--bn-sub)}
body [role="tabpanel"]>section.hero:first-of-type .checks li::before{background:var(--j-teal)}
body [role="tabpanel"]>section.hero:first-of-type .who .mono{color:var(--bn-eye)}
body [role="tabpanel"]>section.hero:first-of-type .flag{color:var(--j-sub)}

/* 경로 표시 */
.jt-bc-w{margin-bottom:46px}
.jt-bc ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;font:500 14px/1.4 var(--j-font);color:var(--bn-sub,var(--j-sub))}
.jt-bc li{display:inline-flex;align-items:center}
.jt-bc li+li::before{content:"";width:6px;height:6px;margin:0 12px 0 10px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);opacity:.7}
.jt-bc a{display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:none;border-radius:6px;padding:2px 2px}
.jt-bc a:hover{color:var(--bn-ink,var(--j-ink));text-decoration:underline;text-underline-offset:3px}
.jt-bc a:focus-visible{outline:2px solid var(--j-teal);outline-offset:2px}
.jt-bc svg{width:16px;height:16px;flex:none}
.jt-bc [aria-current="page"]{color:var(--bn-ink,var(--j-ink));font-weight:700}

/* ── 3-1. 한눈에 요약 ── */
.jt-sum-sec{position:relative;z-index:2;margin-top:-76px;padding-bottom:36px;background:transparent}
.jt-sum{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:none}
.jt-sum>li{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:30px 30px 26px;border-radius:var(--j-r-lg);background:#fff;box-shadow:0 18px 44px rgba(20,34,90,.12);font-family:var(--j-font);transition:transform .2s,box-shadow .2s}
.jt-sum>li:hover{transform:translateY(-3px);box-shadow:0 22px 50px rgba(20,34,90,.16)}
.jt-sum-k{font:800 15px/1 var(--j-font);letter-spacing:.04em;color:var(--j-teal)}
.jt-sum>li>b{font:800 21px/1.4 var(--j-font);letter-spacing:-.025em;color:var(--j-ink)}
.jt-sum>li>p{margin:0;font-size:15.5px;line-height:1.65;color:var(--j-sub)}
.jt-sum>li>a{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding-top:8px;font:700 15px var(--j-font);color:var(--j-navy);text-decoration:none}
.jt-sum>li>a::after{content:"→";transition:transform .2s}
.jt-sum>li>a:hover::after{transform:translateX(3px)}
.jt-sum>li>a::before{content:"";position:absolute;inset:0;border-radius:inherit}
.jt-sum>li>a:focus-visible{outline:none}
.jt-sum>li:has(>a:focus-visible){outline:2px solid var(--j-blue);outline-offset:3px}

/* ── 3-2. 접기 ── */
body details.jt-more{margin-block:18px;border:0;border-radius:20px;background:var(--j-gray);box-shadow:none;overflow:hidden;interpolate-size:allow-keywords}
body .sec.tint details.jt-more{background:#fff}
body details.jt-more[open]{box-shadow:none;background:var(--j-gray)}
body .sec.tint details.jt-more[open]{background:#fff}
body details.jt-more>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;list-style:none;cursor:pointer;padding:20px 22px 20px 26px;font:700 16.5px/1.5 var(--j-font);color:var(--j-ink)}
body details.jt-more>summary::-webkit-details-marker{display:none}
body details.jt-more>summary::before{content:none}
body details.jt-more>summary::after{content:"";flex:none;width:34px;height:34px;border-radius:50%;background:#fff url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M5 10h10M10 5v10' stroke='rgb(27,53,148)' stroke-width='2' stroke-linecap='round'/></svg>") center/16px no-repeat;box-shadow:0 2px 8px rgba(20,34,90,.08);transition:transform .3s,background-color .2s}
body .sec.tint details.jt-more>summary::after{background-color:var(--j-gray)}
body details.jt-more[open]>summary::after,body .sec.tint details.jt-more[open]>summary::after{background:var(--j-navy) url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M5 10h10' stroke='white' stroke-width='2' stroke-linecap='round'/></svg>") center/16px no-repeat;transform:rotate(180deg)}
body details.jt-more>summary:hover{color:var(--j-navy)}
body details.jt-more>summary:focus-visible{outline:2px solid var(--j-blue);outline-offset:-2px;border-radius:20px}
.jt-more-b{padding:2px 26px 26px;color:#3C4558}
.jt-more-b>:first-child{margin-top:0}
.jt-more-b>:last-child{margin-bottom:0}
details.jt-more[open]>.jt-more-b{animation:jt-more-in .35s ease}
@keyframes jt-more-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@supports selector(::details-content){
  details.jt-more::details-content{block-size:0;overflow:hidden;transition:block-size .35s ease,content-visibility .35s allow-discrete}
  details.jt-more[open]::details-content{block-size:auto}
}

/* ── 3-3. 함께 보면 좋은 페이지 ── */
.jt-rel-sec{padding-block:110px 40px;background:#fff}
.jt-rel-sec h2{margin:10px 0 36px}
.jt-rel{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px}
.jt-rel>li{min-width:0}
.jt-rel a{position:relative;height:100%;display:flex;flex-direction:column;gap:8px;padding:26px 26px 64px;border-radius:var(--j-r-lg);border:1px solid var(--j-line);background:#fff;color:var(--j-ink);text-decoration:none;font-family:var(--j-font);box-shadow:0 8px 26px rgba(31,36,48,.04);transition:transform .2s,box-shadow .2s,border-color .2s}
.jt-rel a:hover{transform:translateY(-3px);border-color:transparent;box-shadow:0 16px 36px rgba(27,53,148,.13)}
.jt-rel a:focus-visible{outline:2px solid var(--j-blue);outline-offset:3px}
.jt-rel small{align-self:flex-start;padding:5px 11px;border-radius:99px;background:var(--j-sky);color:var(--j-navy);font:700 12.5px/1.2 var(--j-font)}
.jt-rel b{margin-top:6px;font:800 19px/1.4 var(--j-font);letter-spacing:-.02em}
.jt-rel span{font-size:15px;line-height:1.6;color:var(--j-sub)}
.jt-rel a::after{content:"";position:absolute;right:22px;bottom:20px;width:36px;height:36px;border-radius:50%;background:var(--j-navy) url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 10h10M11 6l4 4-4 4'/></svg>") center/16px no-repeat;transition:transform .2s}
.jt-rel a:hover::after{transform:translateX(3px)}

/* ── 3-4. 상담 띠 ── */
.jt-cta-sec{padding-block:50px 120px;background:#fff}
body .wrap.jt-cta-band{
  display:flex;align-items:center;justify-content:space-between;gap:28px 40px;flex-wrap:wrap;
  width:calc(100% - 40px);max-width:calc(var(--j-wrap) - 40px);margin-inline:auto;
  padding:52px 60px;border-radius:var(--j-r-xl);color:#fff;font-family:var(--j-font);
  background:radial-gradient(420px 260px at 92% 0%,rgba(20,207,198,.28),transparent 70%),linear-gradient(118deg,#13297A 0%,var(--j-navy) 60%,#2A48BC 100%);
  box-shadow:0 24px 50px rgba(27,53,148,.22)
}
.jt-cta-band>div:first-child{min-width:0;flex:1 1 380px}
.jt-cta-band b{display:block;font:800 clamp(1.4rem,2.4vw,1.85rem)/1.4 var(--j-font);letter-spacing:-.025em;color:#fff}
.jt-cta-band p{margin:10px 0 0;font-size:16px;line-height:1.6;color:rgba(255,255,255,.8)}
.jt-cta-btns{display:flex;align-items:center;gap:14px 26px;flex-wrap:wrap}
.jt-cta-call{display:inline-flex;align-items:center;gap:10px;font:800 clamp(1.6rem,2.8vw,2.25rem)/1 var(--j-font);letter-spacing:-.01em;color:#fff;text-decoration:none;white-space:nowrap}
.jt-cta-call::before{content:"";width:44px;height:44px;flex:none;border-radius:50%;background:rgba(255,255,255,.14) url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6.6 3.5h2.6l1.4 4-2 1.6a12 12 0 0 0 6.3 6.3l1.6-2 4 1.4v2.6a2 2 0 0 1-2.1 2A16.5 16.5 0 0 1 4.6 5.6a2 2 0 0 1 2-2.1z' fill='white'/></svg>") center/22px no-repeat}
.jt-cta-call:hover{color:#D9FBF8}
.jt-cta-go{display:inline-flex;align-items:center;gap:8px;height:56px;padding:0 30px;border-radius:99px;background:var(--j-teal);color:#06265A;font:800 17px var(--j-font);text-decoration:none;white-space:nowrap;box-shadow:0 10px 24px rgba(20,207,198,.3);transition:background .2s,transform .2s}
.jt-cta-go::after{content:"→"}
.jt-cta-go:hover{background:#3FE0D8;transform:translateY(-2px)}
.jt-cta-call:focus-visible,.jt-cta-go:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* 앵커 이동 시 헤더·탭에 가리지 않게 */
[role="tabpanel"] [id]{scroll-margin-top:calc(var(--jt-h) + 92px)}

/* ── 4. 구역 목차 ── */
.jt-toc{position:fixed;z-index:30;font-family:var(--j-font);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s,transform .25s}
.jt-toc.is-on{opacity:1;visibility:visible}
.jt-toc[hidden]{display:none}
.jt-toc ol{list-style:none;margin:0;padding:0}
.jt-toc a{text-decoration:none;color:inherit}
@media (min-width:1500px){
  .jt-toc{left:max(16px,calc((100vw - var(--j-wrap)) / 2 - 170px));top:50%;transform:translateY(-50%);width:150px}
  .jt-toc-t{margin:0 0 12px 2px;font:800 12px/1 var(--j-font);letter-spacing:.12em;color:var(--j-blue)}
  .jt-toc ol{position:relative;display:grid;gap:4px}
  .jt-toc ol::before{content:"";position:absolute;left:5px;top:12px;bottom:12px;width:2px;background:var(--j-line);border-radius:2px}
  .jt-toc a{position:relative;display:flex;align-items:center;gap:12px;padding:6px 0;font:500 14px/1.35 var(--j-font);color:#7A8294;transition:color .2s}
  .jt-toc a i{position:relative;z-index:1;flex:none;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px #C3CADA;transition:box-shadow .2s,background .2s,transform .2s}
  .jt-toc a:hover{color:var(--j-navy)}
  .jt-toc a[aria-current="true"]{color:var(--j-navy);font-weight:800}
  .jt-toc a[aria-current="true"] i{background:var(--j-navy);box-shadow:0 0 0 4px rgba(27,53,148,.14);transform:scale(1.1)}
  .jt-toc a:focus-visible{outline:2px solid var(--j-blue);outline-offset:2px;border-radius:6px}
}
/* 여백이 좁은 1500~1659px: 점만, 이름은 마우스·포커스 때 말풍선 */
@media (min-width:1500px) and (max-width:1659.98px){
  .jt-toc{left:22px;width:auto}
  .jt-toc-t{display:none}
  .jt-toc a span{position:absolute;left:24px;top:50%;transform:translateY(-50%);white-space:nowrap;padding:5px 11px;border-radius:99px;background:var(--j-navy);color:#fff;font-size:13px;font-weight:700;box-shadow:0 6px 16px rgba(27,53,148,.25);opacity:0;visibility:hidden;transition:opacity .15s}
  .jt-toc a:hover span,.jt-toc a:focus-visible span{opacity:1;visibility:visible}
}
@media (max-width:1499.98px){
  .jt-toc{left:0;right:0;top:calc(var(--jt-h) + 64px);transform:translateY(-6px);background:rgba(255,255,255,.97);border-bottom:1px solid var(--j-line);box-shadow:0 8px 18px rgba(20,30,60,.06);-webkit-backdrop-filter:saturate(1.4) blur(6px);backdrop-filter:saturate(1.4) blur(6px)}
  .jt-toc.is-on{transform:none}
  .jt-toc-t{display:none}
  .jt-toc ol{max-width:var(--j-wrap);margin-inline:auto;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:9px max(20px,env(safe-area-inset-left,0px));scroll-padding-inline:20px}
  .jt-toc ol::-webkit-scrollbar{display:none}
  .jt-toc li{flex:none}
  .jt-toc a{display:inline-flex;align-items:center;height:34px;padding:0 15px;border-radius:99px;border:1px solid var(--j-line);background:#fff;font:500 14px/1 var(--j-font);color:#4A5263;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
  .jt-toc a i{display:none}
  .jt-toc a:hover{border-color:var(--j-navy);color:var(--j-navy)}
  .jt-toc a[aria-current="true"]{background:var(--j-sky);border-color:var(--j-blue-2);color:var(--j-navy);font-weight:700}
  .jt-toc a:focus-visible{outline:2px solid var(--j-blue);outline-offset:-2px}
}

/* ── 5. 모바일 ── */
@media (max-width:860px){
  /* 헤더: 로고 + 상담 예약 + 햄버거 */
  .jt-head .jt-fs,.jt-head .jt-tools .jt-ico{display:none}
  .jt-head .jt-tools{gap:6px}
  .jt-head .jt-tools .jt-cta{display:inline-flex;height:36px;padding:0 14px;font-size:14px}
  /* 떠 있는 상자 → 아래 고정 바 */
  .jt-float{display:none}
  html body{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}
  .jt-foot{padding-bottom:40px}
  .jt-mbar{z-index:38}
  .jt-mbar a{min-width:0}

  body [role="tabpanel"]>section.hero:first-of-type,
  body [role="tabpanel"]>section.nx-head:first-of-type{padding-block:18px 64px;min-height:0}
  body [role="tabpanel"]>section:first-of-type:has(+ .jt-sum-sec){padding-bottom:88px}
  body [role="tabpanel"]>section.hero:first-of-type::before,
  body [role="tabpanel"]>section.nx-head:first-of-type::before{width:min(360px,82vw);right:-18%;top:30%;--bn-art-o:.14;opacity:.14}
  #view-h [role="tabpanel"]>section.nx-head:first-of-type::before{opacity:.12}
  .jt-bc-w{margin-bottom:26px}
  .jt-bc ol{font-size:13px}
  .jt-bc li+li::before{margin:0 9px 0 7px}
  body [role="tabpanel"]>section.hero:first-of-type>.wrap.hero-grid>:not(:first-child),
  body [role="tabpanel"]>section.hero:first-of-type>.wrap.grid2>:not(:first-child){padding:16px}

  .jt-sum-sec{margin-top:-50px;padding-bottom:20px}
  .jt-sum{grid-template-columns:minmax(0,1fr);gap:12px}
  .jt-sum>li{padding:22px 22px 18px;gap:6px;border-radius:20px}
  .jt-sum>li>b{font-size:18px}
  .jt-sum>li>p{font-size:15px}

  body details.jt-more>summary{padding:16px 16px 16px 20px;font-size:15.5px}
  .jt-more-b{padding:0 20px 22px}

  .jt-rel-sec{padding-block:72px 24px}
  .jt-rel-sec h2{margin-bottom:24px}
  .jt-rel{gap:12px}
  .jt-rel a{padding:18px 64px 18px 20px;gap:6px}
  .jt-rel b{margin-top:2px;font-size:17.5px}
  .jt-rel a::after{right:16px;bottom:auto;top:50%;margin-top:-16px;width:32px;height:32px}
  .jt-rel a:hover::after{transform:translateX(3px)}

  .jt-cta-sec{padding-block:36px 72px}
  body .wrap.jt-cta-band{padding:34px 24px;border-radius:28px;gap:22px}
  .jt-cta-btns{width:100%;gap:12px}
  .jt-cta-go{flex:1;justify-content:center;height:52px}

  .jt-toc{top:calc(var(--jt-h) + 54px)}
  .jt-toc ol{padding-block:8px}
  .jt-toc a{height:32px;padding:0 13px;font-size:13.5px}
}
@media (max-width:480px){
  .jt-head .jt-tools .jt-cta{padding:0 12px;font-size:13.5px}
  .jt-head .jt-logo-t b{font-size:20px}
  .jt-head .jt-logo-t em{font-size:15px}
}
@media (prefers-reduced-motion:reduce){
  .jt-sum>li,.jt-rel a,.jt-toc,.jt-cta-go{transition:none}
  details.jt-more[open]>.jt-more-b{animation:none}
  details.jt-more::details-content{transition:none}
}
@media print{.jt-toc,.jt-bc-w{display:none!important}}

/* ga.css */
/* 고민별 g1~g4 공통 부품 (ga-) */
:is(#g1,#g2,#g3,#g4) .ga-roles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
:is(#g1,#g2,#g3,#g4) .ga-roles li{display:flex;flex-direction:column;gap:8px;padding:22px 20px 18px;border:1px solid var(--j-line,#E3E7EE);border-radius:var(--j-r-md,16px);background:#fff;min-width:0}
:is(#g1,#g2,#g3,#g4) .ga-roles li.on{border-color:var(--j-navy,#1B3594);box-shadow:inset 0 3px 0 var(--j-navy,#1B3594)}
:is(#g1,#g2,#g3,#g4) .ga-roles li.ga-opt{background:var(--j-gray,#F2F4F8);border-style:dashed}
:is(#g1,#g2,#g3,#g4) .ga-k{font:700 12.5px/1.4 var(--j-font);color:#3E5BC4;letter-spacing:.01em}
:is(#g1,#g2,#g3,#g4) .ga-opt .ga-k{color:var(--j-sub,#5B6475)}
:is(#g1,#g2,#g3,#g4) .ga-roles b{font:700 1.05rem/1.45 var(--j-font);color:var(--j-ink,#1F2430);text-wrap:balance}
:is(#g1,#g2,#g3,#g4) .ga-roles p{font-size:.92rem;line-height:1.65;color:var(--j-sub,#5B6475);margin:0;flex:1}
:is(#g1,#g2,#g3,#g4) .ga-roles a{align-self:flex-start;margin-top:4px;padding:7px 14px;border:1px solid #3a3f4a;border-radius:99px;font:500 13.5px/1 var(--j-font);color:var(--j-ink,#1F2430);text-decoration:none;background:#fff}
:is(#g1,#g2,#g3,#g4) .ga-roles a:hover{background:var(--j-navy,#1B3594);border-color:var(--j-navy,#1B3594);color:#fff}
:is(#g1,#g2,#g3,#g4) .ga-roles .flag{white-space:normal;margin-top:6px}

:is(#g1,#g2,#g3,#g4) .ga-h3{font:700 1.15rem/1.45 var(--j-font);color:var(--j-ink,#1F2430);margin:0 0 12px}
:is(#g2,#g4) .ga-habits-wrap{margin-top:36px}
:is(#g2,#g4) .ga-habits{list-style:none;margin:0 0 10px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;counter-reset:gah}
:is(#g2,#g4) .ga-habits li{counter-increment:gah;display:grid;grid-template-columns:30px minmax(0,1fr);gap:4px 12px;padding:18px;border-radius:var(--j-r-md,16px);background:var(--j-sky,#EAF3FE)}
:is(#g2,#g4) .ga-habits li::before{content:counter(gah);grid-row:1/3;width:30px;height:30px;border-radius:99px;background:var(--j-navy,#1B3594);color:#fff;font:700 14px/30px var(--j-font);text-align:center}
:is(#g2,#g4) .ga-habits b{font:700 1rem/1.4 var(--j-font)}
:is(#g2,#g4) .ga-habits span{font-size:.88rem;line-height:1.6;color:var(--j-sub,#5B6475)}
#g2 .sec.tint .ga-habits li{background:#fff}

#g4 .ga-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 8px}
#g4 .ga-paths p{margin:0;padding:14px 18px;border-radius:12px;background:var(--j-gray,#F2F4F8);font-size:.92rem;line-height:1.6;color:var(--j-sub,#5B6475)}
#g4 .ga-paths p:first-child{background:var(--j-sky,#EAF3FE)}
#g4 .ga-paths b{display:block;color:var(--j-navy,#1B3594);font-weight:700;margin-bottom:2px}
#g4 .ga-check{margin-top:48px;padding:32px;border-radius:var(--j-r-lg,24px);background:#fff;border:1px solid var(--j-line,#E3E7EE)}

@media (max-width:1100px){:is(#g1,#g2,#g3,#g4) .ga-roles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){
  :is(#g2,#g4) .ga-habits,#g4 .ga-paths{grid-template-columns:minmax(0,1fr)}
  #g4 .ga-check{padding:22px 18px}
}
@media (max-width:560px){:is(#g1,#g2,#g3,#g4) .ga-roles{grid-template-columns:minmax(0,1fr)}}
:is(#g2,#g3,#g4) .view-tag{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
:is(#g2,#g3,#g4) .view-tag .eyebrow{margin:0}

/* gb.css */
/* 고민별 g5~g8 (gb) */
/* g7 히어로: 다른 진료과 안내·응급 신호는 눈에 띄게 */
#g7>section.hero .first{background:#fff;border:1px solid #fff;border-left:4px solid #E8603C;border-radius:16px;padding:16px 20px;box-shadow:none}
#g7>section.hero .first p{color:var(--j-ink,#1F2430)}
#g7>section.hero .first p.strong{color:#B4441F;font-weight:700}
#g7>section.hero .first b{color:var(--j-ink,#1F2430)}
#g7>section.hero .warn .eyebrow{color:#C94A26}
/* g5: 함께 보는 진료 목록 간격 */
#g5 .roles .role .checks{margin-top:4px}
#g5 .roles .role .checks li{font-size:14.5px}

/* h.css */
/* 병원 안내 h1~h6 */

/* ---------- h1 진료 철학 ---------- */
#h1 .h1-greet{display:grid;grid-template-columns:280px minmax(0,1fr);gap:56px;align-items:start}
#h1 .h1-doc{margin:0;background:#fff;border-radius:var(--j-r-lg);overflow:hidden;box-shadow:0 1px 0 var(--j-line),0 18px 40px -24px rgba(27,53,148,.35);position:sticky;top:120px}
#h1 .h1-doc img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%;background:#EEF2FA}
#h1 .h1-doc figcaption{display:grid;gap:2px;padding:18px 22px 22px;border-top:3px solid var(--j-teal)}
#h1 .h1-doc-role{font:700 13px/1.4 var(--j-font);color:var(--j-blue)}
#h1 .h1-doc-name{font:800 26px/1.3 var(--j-font);letter-spacing:-.02em;color:var(--j-ink)}
#h1 .h1-doc-meta{font:500 14px/1.5 var(--j-font);color:var(--j-sub);margin-top:4px}
#h1 .h1-letter{display:grid;gap:16px;max-width:40em}
#h1 .h1-letter h2{font:800 clamp(1.4rem,2.6vw,2rem)/1.4 var(--j-font);letter-spacing:-.02em;color:var(--j-ink);margin:0 0 6px}
#h1 .h1-letter p{margin:0;line-height:1.85}
#h1 .h1-sign{text-align:right;color:var(--j-sub);margin-top:8px!important}
#h1 .h1-sign b{color:var(--j-ink);font-size:1.15em;margin-left:6px}
#h1 .h1-look{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#h1 .h1-look li{display:grid;gap:6px;align-content:start;padding:26px 24px;border-radius:20px;background:var(--j-gray)}
#h1 .h1-look svg{width:48px;height:48px;margin-bottom:8px;fill:none;stroke:var(--j-navy);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#h1 .h1-look svg .t{stroke:var(--j-teal)}
#h1 .h1-look svg .w{stroke:#E8603C;fill:#fff}
#h1 .h1-look b{font:800 17px/1.4 var(--j-font);color:var(--j-ink)}
#h1 .h1-look span{font-size:14.5px;line-height:1.6;color:var(--j-sub)}

/* ---------- h2 검사·진료 과정: 타임라인 ---------- */
#h2 .h2-phase{display:grid;grid-template-columns:4fr 1fr 2fr;gap:14px;margin-bottom:12px}
#h2 .h2-phase span{font:700 13px/1 var(--j-font);color:var(--j-navy);padding:10px 14px;border-radius:99px;background:var(--j-sky);text-align:center}
#h2 .h2-phase span:nth-child(2){background:var(--j-navy);color:#fff}
#h2 .h2-phase span:nth-child(3){background:#DDF7F5;color:#0B7F79}
#h2 .h2-tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;position:relative}
#h2 .h2-tl::before{content:"";position:absolute;left:24px;right:24px;top:40px;height:2px;background:linear-gradient(90deg,var(--j-blue-2),var(--j-navy) 60%,var(--j-teal))}
#h2 .h2-tl li{position:relative;display:grid;grid-template-rows:auto auto auto 1fr;gap:6px;align-content:start;padding:0 0 4px}
#h2 .h2-n{position:relative;z-index:1;display:grid;place-items:center;width:52px;height:52px;margin:14px 0 14px;border-radius:50%;background:#fff;border:2px solid var(--j-navy);font:800 16px/1 var(--j-font);color:var(--j-navy)}
#h2 .h2-tl li.is-key .h2-n{background:var(--j-navy);color:#fff}
#h2 .h2-tl li:nth-child(n+6) .h2-n{border-color:var(--j-teal);color:#0B7F79}
#h2 .h2-tl small{font:700 12px/1 var(--j-font);color:var(--j-blue)}
#h2 .h2-tl b{font:800 16.5px/1.4 var(--j-font);letter-spacing:-.02em;color:var(--j-ink);min-height:2.8em}
#h2 .h2-tl p{margin:0;padding:16px 16px 18px;border-radius:16px;background:#fff;font-size:14px;line-height:1.65;color:var(--j-sub);box-shadow:0 0 0 1px var(--j-line)}
#h2 .h2-tl li.is-key p{box-shadow:0 0 0 2px var(--j-navy)}
#h2 .h2-goal{margin-top:36px;max-width:40em}
@media (max-width:1180px){
  #h2 .h2-phase{display:none}
  #h2 .h2-tl{grid-template-columns:minmax(0,1fr);gap:0}
  #h2 .h2-tl::before{left:25px;right:auto;top:20px;bottom:20px;width:2px;height:auto;background:linear-gradient(180deg,var(--j-blue-2),var(--j-navy) 60%,var(--j-teal))}
  #h2 .h2-tl li{grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto;column-gap:18px;row-gap:4px;padding:0 0 22px}
  #h2 .h2-n{grid-row:1/span 3;margin:0}
  #h2 .h2-tl small{grid-column:2;padding-top:6px}
  #h2 .h2-tl b{grid-column:2;min-height:0}
  #h2 .h2-tl p{grid-column:2;margin-top:6px}
}

/* ---------- h4 진료비 ---------- */
#h4 .h4-tbl tbody th{font-size:1rem}
#h4 .h4-tbl .amt{font:800 1.05rem var(--j-font);color:var(--j-navy)}
#h4 .h4-tag{display:inline-block;margin-right:8px;padding:3px 9px;border-radius:99px;background:var(--j-sky);color:var(--j-navy);font:700 11.5px/1.4 var(--j-font);vertical-align:2px}
#h4 .h4-notes{margin:18px 0 0;padding-left:1.2em;display:grid;gap:4px}
#h4 .h4-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:stretch}
#h4 .h4-incl{padding:28px 30px;align-content:start}
#h4 .h4-more{display:grid;gap:10px;align-content:start;padding:28px 30px;border-radius:var(--j-r-md);background:var(--j-gray)}
#h4 .h4-more h2{font:800 22px/1.4 var(--j-font);letter-spacing:-.02em;color:var(--j-ink);margin:0 0 6px}
@media (max-width:860px){#h4 .h4-two{grid-template-columns:minmax(0,1fr)}#h4 .h4-incl,#h4 .h4-more{padding:22px 20px}}

/* ---------- h5 FAQ ---------- */
#h5 .h5-jump{margin-top:22px}
#h5 .h5-jump a span{display:inline-grid;place-items:center;min-width:1.6em;height:1.6em;margin-left:6px;border-radius:99px;background:var(--j-sky);color:var(--j-navy);font-size:12px;font-weight:700}
#h5 .h5-grp{padding-block:88px}
#h5 .h5-row{display:grid;grid-template-columns:300px minmax(0,1fr);gap:48px;align-items:start}
#h5 .h5-row .sec-head{margin:0;position:sticky;top:120px}
#h5 .h5-row .sec-head .lead{font-size:15px;color:var(--j-sub)}
#h5 .h5-row .nx-faq{max-width:none}
@media (max-width:860px){
  #h5 .h5-grp{padding-block:56px}
  #h5 .h5-row{grid-template-columns:minmax(0,1fr);gap:20px}
  #h5 .h5-row .sec-head{position:static}
}

/* ---------- h6 상담 예약 ---------- */
#h6 .h6-head{padding-block:40px 28px}
#h6 .h6-head h1{margin:10px 0 10px}
#h6 .h6-book{padding-block:48px 96px}
#h6 .h6-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
#h6 .h6-form,#h6 .h6-done{grid-column:1;grid-row:1;background:#fff;border-radius:var(--j-r-lg);padding:36px 40px 40px;box-shadow:0 0 0 1px var(--j-line),0 24px 48px -32px rgba(27,53,148,.35)}
#h6 .h6-form{display:grid;gap:22px}
#h6 .h6-form[hidden],#h6 .h6-done[hidden]{display:none}
#h6 .h6-side{grid-column:2;grid-row:1;display:grid;gap:14px}
#h6 .h6-form-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
#h6 .h6-form-top h2,#h6 .h6-done h2{font:800 26px/1.3 var(--j-font);letter-spacing:-.02em;color:var(--j-ink);margin:0}
#h6 .h6-draft{display:inline-block;justify-self:start;padding:6px 12px;border-radius:99px;background:#FFF1EC;color:#B6411E;font:700 12.5px/1.3 var(--j-font)}
#h6 .h6-req-note{margin:-12px 0 0;font-size:13.5px;color:var(--j-sub)}
#h6 .h6-req{color:#D2462A}
#h6 .h6-row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
#h6 .h6-f{display:grid;gap:8px;align-content:start;min-width:0;margin:0;padding:0;border:0}
#h6 .h6-f>label,#h6 .h6-f legend{font:700 15.5px/1.4 var(--j-font);color:var(--j-ink);padding:0;margin-bottom:8px}
#h6 .h6-f>label{margin-bottom:0}
#h6 .h6-f legend small,#h6 .h6-f>label small{font-weight:500;font-size:13px;color:var(--j-sub);margin-left:6px}
#h6 .h6-f input[type=text],#h6 .h6-f input[type=tel],#h6 .h6-f textarea{width:100%;box-sizing:border-box;font:500 16px/1.5 var(--j-font);color:var(--j-ink);background:#fff;border:1.5px solid #CBD3E1;border-radius:12px;padding:12px 14px;transition:border-color .15s,box-shadow .15s}
#h6 .h6-f textarea{resize:vertical;min-height:96px}
#h6 .h6-f input:focus,#h6 .h6-f textarea:focus{outline:none;border-color:var(--j-navy);box-shadow:0 0 0 3px rgba(83,120,209,.25)}
#h6 .h6-f [aria-invalid=true]{border-color:#D2462A!important}
#h6 .h6-hint{margin:0;font-size:13px;color:var(--j-sub)}
#h6 .h6-count{text-align:right}
#h6 .h6-err{margin:0;font:600 13.5px/1.4 var(--j-font);color:#C23B20}
#h6 .h6-err:empty{display:none}
#h6 .h6-chips{display:flex;flex-wrap:wrap;gap:8px}
#h6 .h6-chips label{position:relative;cursor:pointer}
#h6 .h6-chips input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
#h6 .h6-chips span{display:inline-flex;align-items:center;gap:6px;min-height:44px;box-sizing:border-box;padding:0 16px;border-radius:99px;border:1.5px solid #CBD3E1;background:#fff;font:500 15px/1 var(--j-font);color:var(--j-ink);transition:background .15s,border-color .15s,color .15s}
#h6 .h6-chips.h6-sm span{min-width:48px;justify-content:center;padding:0 14px}
#h6 .h6-chips label:hover span{border-color:var(--j-navy)}
#h6 .h6-chips input:checked+span{background:var(--j-navy);border-color:var(--j-navy);color:#fff}
#h6 .h6-chips input[type=checkbox]:checked+span::before{content:"";width:10px;height:6px;border:2px solid var(--j-teal);border-top:0;border-right:0;transform:rotate(-45deg) translateY(-2px)}
#h6 .h6-chips input:focus-visible+span{outline:3px solid var(--j-blue-2);outline-offset:2px}
#h6 fieldset[aria-invalid=true] .h6-chips span{border-color:#E9A898}
#h6 .h6-consent{padding:18px 20px;border-radius:16px;background:var(--j-gray)}
#h6 .h6-agree{display:flex;align-items:center;gap:10px}
#h6 .h6-agree input{width:22px;height:22px;margin:0;accent-color:var(--j-navy);flex:none}
#h6 .h6-agree label{font:700 15.5px/1.4 var(--j-font);color:var(--j-ink);cursor:pointer}
#h6 .h6-terms summary{cursor:pointer;font-size:14px;color:var(--j-navy);font-weight:500;padding:4px 0 4px 32px}
#h6 .h6-terms-b{margin:8px 0 0 32px;padding:14px 16px;border-radius:12px;background:#fff;font-size:14px}
#h6 .h6-terms dl{margin:0;display:grid;gap:8px}
#h6 .h6-terms dl div{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:10px}
#h6 .h6-terms dt{font-weight:700;color:var(--j-ink)}
#h6 .h6-terms dd{margin:0;color:var(--j-sub);line-height:1.6}
#h6 .h6-todo{display:inline-block;justify-self:start;margin:0 0 10px;padding:3px 10px;border-radius:6px;border:1px dashed #E8603C;color:#B6411E;font:700 12.5px/1.5 var(--j-font);background:#FFF8F5}
#h6 .h6-submit{justify-self:start;min-width:240px;min-height:56px;padding:0 32px;border:0;border-radius:99px;background:var(--j-navy);color:#fff;font:700 17px/1 var(--j-font);cursor:pointer;transition:background .15s}
#h6 .h6-submit:hover{background:var(--j-navy-2)}
#h6 .h6-submit:focus-visible,#h6 .h6-btn-back:focus-visible{outline:3px solid var(--j-blue-2);outline-offset:3px}
#h6 .h6-errsum{padding:14px 18px;border-radius:12px;background:#FFF1EC;border:1px solid #F3C2B3;color:#9F3218;font-size:14.5px}
#h6 .h6-errsum[hidden]{display:none}
#h6 .h6-errsum ul{margin:6px 0 0;padding-left:1.2em}
#h6 .h6-errsum a{color:inherit}
#h6 .h6-done{display:grid;gap:16px;border-top:6px solid var(--j-teal)}
#h6 .h6-done:focus{outline:none}
#h6 .h6-done-msg{margin:0;padding:18px 20px;border-radius:14px;background:var(--j-sky);line-height:1.75;color:var(--j-ink)}
#h6 .h6-done-msg a{color:var(--j-navy);font-weight:700}
#h6 .h6-done-sum{margin:0;display:grid;gap:0;border-top:1px solid var(--j-line)}
#h6 .h6-done-sum div{display:grid;grid-template-columns:7em minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid var(--j-line);font-size:15px}
#h6 .h6-done-sum dt{font-weight:700}
#h6 .h6-done-sum dd{margin:0;color:var(--j-sub);overflow-wrap:anywhere;white-space:pre-wrap}
#h6 .h6-done-btns{display:flex;flex-wrap:wrap;gap:10px}
#h6 .h6-btn-call,#h6 .h6-btn-back{display:inline-flex;align-items:center;min-height:50px;padding:0 24px;border-radius:99px;font:700 15.5px/1 var(--j-font);text-decoration:none;cursor:pointer}
#h6 .h6-btn-call{background:var(--j-teal);color:#04302E;border:0}
#h6 .h6-btn-back{background:#fff;color:var(--j-ink);border:1px solid #5B6475}
#h6 .h6-card{display:grid;gap:6px;padding:22px 24px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--j-line)}
#h6 .h6-card p{margin:0;font-size:14.5px;line-height:1.65;color:var(--j-sub)}
#h6 .h6-card .eyebrow{font-size:13px;color:var(--j-blue)}
#h6 .h6-card b{font-size:16px;color:var(--j-ink)}
#h6 .h6-call{background:var(--j-navy);box-shadow:none}
#h6 .h6-call .eyebrow{color:var(--j-teal)}
#h6 .h6-call p{color:#C9D4F5}
#h6 .h6-tel{font:800 30px/1.2 var(--j-font);letter-spacing:-.01em;color:#fff;text-decoration:none}
#h6 .h6-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px!important}
#h6 .h6-links a{padding:7px 14px;border-radius:99px;border:1px solid var(--j-line);font-size:13.5px;color:var(--j-ink);text-decoration:none}
#h6 .h6-links a:hover{border-color:var(--j-navy);color:var(--j-navy)}
#h6 .h6-hours-sec{padding-block:96px}
#h6 .h6-hours table{min-width:640px}
#h6 .h6-hours th,#h6 .h6-hours td{text-align:center}
#h6 .h6-hours tbody th{text-align:left}
#h6 .h6-hours td{color:#9AA3B5;font-size:14px}
#h6 .h6-note{margin-top:18px}
#h6 .h6-info{gap:40px;align-items:start}
#h6 .h6-info dd a{color:inherit}
#h6 .h6-mapbox{margin:0;display:grid;gap:10px}
#h6 .h6-mapbox svg{display:block;width:100%;height:auto;border-radius:var(--j-r-lg);box-shadow:0 0 0 1px var(--j-line)}
#h6 .h6-mapbox .rd path{fill:none;stroke:#fff;stroke-width:14;stroke-linecap:round}
#h6 .h6-mapbox .rdc path{fill:none;stroke:#D5DCEB;stroke-width:1.5;stroke-dasharray:6 8}
#h6 .h6-mapbox .st{fill:#8E5BBF}
#h6 .h6-mapbox .stt{fill:#fff;font:800 15px var(--j-font);text-anchor:middle}
#h6 .h6-mapbox .bd{fill:#fff;stroke:var(--j-navy);stroke-width:2}
#h6 .h6-mapbox .pin{fill:var(--j-navy)}
#h6 .h6-mapbox .lb{fill:var(--j-sub);font:500 13px var(--j-font)}
#h6 .h6-mapbox .lbb{fill:var(--j-ink);font-weight:800;font-size:14px}
#h6 .h6-mapbox figcaption{font-size:13px;color:var(--j-sub);text-align:center}
@media (max-width:1080px){
  #h6 .h6-grid{grid-template-columns:minmax(0,1fr)}
  #h6 .h6-side{grid-column:1;grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:860px){
  #h1 .h1-greet{grid-template-columns:minmax(0,1fr);gap:28px}
  #h1 .h1-doc{position:static;display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;max-width:460px}
  #h1 .h1-doc img{height:100%}
  #h1 .h1-doc figcaption{border-top:0;border-left:3px solid var(--j-teal);padding:16px 18px}
  #h1 .h1-doc-name{font-size:22px}
  #h1 .h1-look{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  #h1 .h1-look li{padding:20px 18px}
  #h6 .h6-head{padding-block:28px 16px}
  #h6 .h6-book{padding-block:24px 64px}
  #h6 .h6-form,#h6 .h6-done{padding:24px 18px 28px;border-radius:20px}
  #h6 .h6-row2{grid-template-columns:minmax(0,1fr)}
  #h6 .h6-side{grid-template-columns:minmax(0,1fr)}
  #h6 .h6-submit{justify-self:stretch}
  #h6 .h6-hours-sec{padding-block:64px}
  #h6 .h6-terms-b{margin-left:0}
  #h6 .h6-terms summary{padding-left:0}
  #h6 .h6-terms dl div{grid-template-columns:minmax(0,1fr);gap:2px}
}
@media (max-width:520px){
  #h1 .h1-look{grid-template-columns:minmax(0,1fr)}
  #h1 .h1-doc{grid-template-columns:112px minmax(0,1fr)}
}
#h6 .h6-hours td{text-align:center;font-weight:600;white-space:nowrap}
#h6 .h6-hours th{text-align:center}
#h6 .h6-hours td.h6-off{color:#E8603C}
/* 원장 약력·학술 */
#h1 .h1-cv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
#h1 .h1-cv-card{background:#fff;border:1px solid var(--j-line);border-radius:var(--j-r-lg);padding:28px 26px;display:grid;gap:14px;min-width:0}
#h1 .h1-cv-card h3{font:800 1.15rem/1.3 var(--j-font);color:var(--j-navy);padding-bottom:12px;border-bottom:2px solid var(--j-navy)}
#h1 .h1-cv-list{list-style:none;margin:0;padding:0;display:grid;gap:0}
#h1 .h1-cv-list li{display:grid;gap:2px;padding:11px 0;border-bottom:1px solid var(--j-line)}
#h1 .h1-cv-list li:last-child{border-bottom:0}
#h1 .h1-cv-list b{font:700 .98rem/1.45 var(--j-font);color:var(--j-ink)}
#h1 .h1-cv-list span{font-size:.88rem;line-height:1.55;color:var(--j-sub)}
#h1 .h1-paper{margin:0;display:grid;gap:12px}
#h1 .h1-paper img{width:100%;height:auto;border-radius:12px;border:1px solid var(--j-line)}
#h1 .h1-paper figcaption{display:grid;gap:6px}
#h1 .h1-paper b{font:700 1rem/1.45 var(--j-font);color:var(--j-ink)}
#h1 .h1-paper span{font-size:.9rem;color:var(--j-sub)}
#h1 .h1-paper small{font-size:.82rem;color:var(--j-sub)}
#h1 .h1-tag{justify-self:start;font:700 12px var(--j-font)!important;color:var(--j-navy)!important;background:var(--j-sky);padding:4px 10px;border-radius:99px}
@media (max-width:1100px){#h1 .h1-cv{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:760px){#h1 .h1-cv{grid-template-columns:minmax(0,1fr)}#h1 .h1-cv-card{padding:22px 18px}}

/* r.css */
/* 치료 원리 r1~r4 재편집 보조 */
#r1 .sec > .wrap > .jt-more,#r2 .sec > .wrap > .jt-more,#r3 .sec > .wrap > .jt-more,#r4 .sec > .wrap > .jt-more,
#r1 .sec > .wrap > div > .jt-more,#r3 .sec > .wrap > div > .jt-more{margin-top:28px}
#r1 [id$="-refs"],#r2 [id$="-refs"],#r3 [id$="-refs"],#r4 [id$="-refs"]{padding-block:28px !important}
#r1 #r1-video,#r2 #r2-video,#r4 #r4-video,#r3 #r3-words{padding-block:64px}
#r1 .jt-more-b > * + *,#r2 .jt-more-b > * + *,#r3 .jt-more-b > * + *,#r4 .jt-more-b > * + *{margin-top:14px}
#r3 .tf-block .jt-more{margin-top:14px}
@media (max-width:860px){
  #r1 #r1-video,#r2 #r2-video,#r4 #r4-video,#r3 #r3-words{padding-block:44px}
}
#r4 #nx-r4-lock{align-items:start}
#r4 #nx-r4-lock .chainv{grid-template-columns:minmax(0,1fr)}
#r4 #nx-r4-lock .chainv li{grid-template-columns:auto 1fr;padding:14px 18px;border-top-width:1px;border-left:3px solid var(--alert)}
#r4 #nx-r4-lock .chainv b{margin-bottom:2px}
#r1 .note.read,#r2 .note.read,#r3 .note.read,#r4 .note.read{max-width:56em}

/* zz-final.css */
/* 최종: 1700px 미만 PC에서는 떠 있는 버튼을 작은 아이콘형으로 (본문 가림 줄이기) */
@media (min-width:861px) and (max-width:1699px){
  .jt-float .jt-fl{width:64px;height:64px;padding:0;border-radius:50%;gap:0}
  .jt-float .jt-fl svg{width:30px;height:30px}
  .jt-float .jt-fl b,.jt-float .jt-fl small,.jt-float .jt-fl-top span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .jt-float .jt-fl-top{grid-auto-flow:row}
  .jt-float .jt-fl-top svg{width:22px;height:22px}
  .jt-float .jt-fl{position:relative}
  .jt-float .jt-fl::after{content:attr(aria-label);position:absolute;right:76px;top:50%;transform:translateY(-50%);padding:6px 10px;border-radius:8px;background:var(--j-ink);color:#fff;font:600 13px var(--j-font);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}
  .jt-float .jt-fl:hover::after,.jt-float .jt-fl:focus-visible::after{opacity:1}
}

.seo-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.seo-byline{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;padding-block:18px 0;font-size:.88rem;color:var(--j-sub,#5B6475)}

.seo-mem{font:700 11px var(--j-font);color:#fff;background:var(--j-navy,#1B3594);padding:2px 7px;border-radius:99px;margin-left:4px;vertical-align:2px}
.seo-byline b{color:var(--j-ink,#1F2430)}.seo-byline a{color:var(--j-navy,#1B3594)}