/* 소유권·인수인계 (handover) · page styles, every selector scoped to .pg-handover */

/* kit pieces that live only in landing.css */
.pg-handover .pill{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;background:var(--blue-50);color:#1557c0;font-size:14px;font-weight:600}
.pg-handover .pill i{width:6px;height:6px;border-radius:50%;background:var(--blue)}
.pg-handover .checklist{margin:0;padding:0;list-style:none}
.pg-handover .checklist li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;padding:16px 0;border-bottom:1px solid var(--g200)}
.pg-handover .checklist li:last-child{border-bottom:0;padding-bottom:0}
.pg-handover .check{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;font-size:15px}
.pg-handover .check .ico{stroke-width:3}
.pg-handover .checklist b{display:block;padding-top:1px;font-size:17px;font-weight:600;line-height:1.55}

/* status tags (text + tint, never tint alone) */
.pg-handover .hv-st{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;border-radius:7px;font-size:12px;font-weight:700;line-height:1;white-space:nowrap;flex:none}
.pg-handover .hv-st::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.pg-handover .hv-st.ok{background:var(--green-50);color:#027a4a}
.pg-handover .hv-st.wait{background:var(--orange-50);color:#b35300}
.pg-handover .hv-st.done{background:var(--blue-50);color:var(--blue-700)}
.pg-handover .hv-st.need{background:var(--red-50);color:#c01f2e}

/* hero · composed card stack */
.pg-handover .hv-stack{position:relative;width:min(440px,100%);padding:92px 0 48px}
.pg-handover .hv-stack::before{content:"";position:absolute;inset:44px -28px 22px;border-radius:40px;background:var(--g50)}
.pg-handover .hv-back{position:absolute;left:50%;z-index:1;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:14px 18px;border-radius:20px;background:#fff;box-shadow:var(--shadow-card);transform-origin:top center}
.pg-handover .hv-back .ic{width:36px;height:36px;border-radius:12px;font-size:17px}
.pg-handover .hv-back b{font-size:15px;font-weight:700}
.pg-handover .hv-back-2{top:0;transform:translateX(-50%) scale(.88);opacity:.75}
.pg-handover .hv-back-1{top:40px;transform:translateX(-50%) scale(.94)}
.pg-handover .hv-card{position:relative;z-index:2;padding:26px 24px 24px;border-radius:28px;background:#fff;box-shadow:var(--shadow-float)}
.pg-handover .hv-card-top{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px}
.pg-handover .hv-card-top .ic{width:48px;height:48px;border-radius:15px;font-size:22px}
.pg-handover .hv-card-top small{display:block;font-size:13px;font-weight:600;color:var(--g600)}
.pg-handover .hv-card-top b{display:block;font-size:22px;font-weight:800;line-height:1.3;letter-spacing:-.02em}
.pg-handover .hv-four{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:20px 0 0}
.pg-handover .hv-four>div{padding:14px 14px 12px;border-radius:16px;background:var(--g50)}
.pg-handover .hv-four dt{font-size:12px;font-weight:700;color:var(--blue-700)}
.pg-handover .hv-four dd{margin:4px 0 0;font-size:14px;font-weight:600;line-height:1.45;color:var(--g800)}
.pg-handover .hv-card-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--g100);font-size:13px;color:var(--g600)}
.pg-handover .hv-toast{position:absolute;right:-12px;bottom:0;z-index:3;display:flex;align-items:center;gap:12px;max-width:300px;padding:14px 18px 14px 14px;border-radius:18px;background:var(--g900);color:#fff;box-shadow:var(--shadow-float)}
.pg-handover .hv-dot{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--orange);font-size:14px;font-weight:800;flex:none}
.pg-handover .hv-toast b{display:block;font-size:14px;font-weight:700;line-height:1.4}
.pg-handover .hv-toast small{display:block;font-size:12.5px;line-height:1.45;color:var(--g300)}
@media (max-width:560px){
  .pg-handover .hv-stack::before{inset:44px -8px 22px}
  .pg-handover .hv-toast{left:12px;right:12px;max-width:none}
  .pg-handover .hv-stack{padding-bottom:64px}
}

/* first statement · three different things */
.pg-handover .hv-neq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:clamp(48px,6vw,72px)}
.pg-handover .hv-neq .mcard{background:#fff}
.pg-handover .hv-neq .mcard:not(:last-child)::after{display:grid;right:-28px;left:auto;top:50%;bottom:auto;margin:-16px 0 0;box-shadow:0 0 0 4px var(--g50)}
.pg-handover .hv-lead{margin:20px auto 0;max-width:640px;text-align:center}
@media (max-width:860px){
  .pg-handover .hv-neq{grid-template-columns:minmax(0,1fr);gap:32px}
  .pg-handover .hv-neq .mcard:not(:last-child)::after{right:auto;left:50%;top:auto;bottom:-32px;margin:0 0 0 -16px}
}

/* principles */
.pg-handover .hv-num-s{display:block;margin-top:22px;font-size:13px;font-weight:800;letter-spacing:.04em;color:var(--blue-700)}
.pg-handover .hv-num-s+h3{margin-top:6px}
.pg-handover .card ul.tags{margin-top:16px}

/* asset table */
.pg-handover .hv-asset{display:flex;align-items:center;gap:10px;white-space:nowrap}
.pg-handover .hv-ti{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--blue-50);color:var(--blue);font-size:16px;flex:none}
.pg-handover .hv-tbl tbody th{width:176px}
.pg-handover .hv-tbl tbody td:last-child{color:var(--g800)}
@media (max-width:760px){.pg-handover .hv-tbl tbody th{width:100%}}

/* tabs that wrap instead of scrolling sideways */
.pg-handover .tabs2{flex-wrap:wrap}
@media (max-width:520px){
  .pg-handover .tabs2[role="tablist"]:has(>[role="tab"]){grid-template-columns:repeat(2,minmax(0,1fr))}
  /* keep this page's 2-column layout: cancel the kit's 5-tab span 2 / span 3 so tabs don't stack one per row */
  .pg-handover .tabs2 [role="tab"]{grid-column:auto;height:auto;min-height:44px;padding:8px 10px;white-space:normal;line-height:1.35;text-overflow:clip;word-break:keep-all}
  .pg-handover .tabs2 [role="tab"]:last-child:nth-child(odd){grid-column:1 / -1}
}
.pg-handover .hv-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:16px;margin-top:24px}
.pg-handover .hv-panel[hidden]{display:none}
.pg-handover .hv-why,.pg-handover .hv-box{padding:32px 30px;border-radius:24px;background:var(--g50)}
.pg-handover .grey .hv-why,.pg-handover .grey .hv-box{background:#fff}
.pg-handover .hv-why h3,.pg-handover .hv-why h4{margin:20px 0 10px;font-size:21px;font-weight:700;line-height:1.4;letter-spacing:-.02em}
.pg-handover .hv-why p{margin:0;font-size:17px;line-height:1.7;color:var(--g700)}
.pg-handover .hv-why .note{margin-top:18px}
.pg-handover .hv-box>h3,.pg-handover .hv-box-head h4{margin:0 0 6px;font-size:21px;font-weight:700;letter-spacing:-.02em}
@media (max-width:860px){
  .pg-handover .hv-panel{grid-template-columns:minmax(0,1fr)}
  .pg-handover .hv-why,.pg-handover .hv-box{padding:26px 22px}
}

/* platform cards + sheet key-value */
.pg-handover .hv-plat .card>p.hv-sub{margin-top:-4px;font-size:15px;color:var(--g600)}
.pg-handover .hv-plat .kv,.pg-handover .hv-sheet .kv{grid-template-columns:96px minmax(0,1fr)}
.pg-handover .hv-plat .kv{margin-top:20px}
@media (max-width:560px){
  .pg-handover .hv-plat .kv dt,.pg-handover .hv-sheet .kv dt{padding-bottom:14px;border-bottom:1px solid var(--g100)}
  .pg-handover .hv-plat .kv dd,.pg-handover .hv-sheet .kv dd{padding-top:14px}
}
.pg-handover .hv-after{margin-top:16px}

/* example · detail sheet */
.pg-handover .hv-sheet{margin-top:36px;padding:14px 24px 24px;border-radius:28px;background:#fff;box-shadow:var(--shadow-card)}
.pg-handover .hv-sheet::before{content:"";display:block;width:40px;height:4px;margin:0 auto 18px;border-radius:4px;background:var(--g200)}
.pg-handover .hv-sheet-top{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:14px}
.pg-handover .hv-sheet-top .ic{width:44px;height:44px;border-radius:14px;font-size:20px}
.pg-handover .hv-sheet-top small{display:block;font-size:13px;font-weight:600;color:var(--g600)}
.pg-handover .hv-sheet-top h3{margin:0;font-size:20px;font-weight:700;letter-spacing:-.02em}
.pg-handover .hv-sheet-btns{display:grid;grid-template-columns:1.3fr 1fr;gap:8px;margin-top:18px}
.pg-handover .hv-fbtn{display:grid;place-items:center;min-height:50px;padding:0 10px;border-radius:14px;background:var(--g100);color:var(--g800);font-size:15px;font-weight:600;text-align:center}
.pg-handover .hv-fbtn.primary{background:var(--blue-btn);color:#fff}
.pg-handover .hv-points{margin-top:28px}

/* example · phone list */
.pg-handover .hv-fig{margin:0}
.pg-handover .hv-phone .app-in{height:auto;min-height:700px}
.pg-handover .hv-phone .app-body{padding:4px 18px 0}
.pg-handover .hv-clinic{display:flex;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:800;letter-spacing:-.02em}
.pg-handover .hv-ex{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:var(--g100);font-size:12px;font-weight:700;color:var(--g700)}
.pg-handover .hv-guide{margin:6px 0 10px;font-size:13.5px;line-height:1.55;color:var(--g600)}
.pg-handover .hv-list{margin:0;padding:0;list-style:none}
.pg-handover .hv-list li{display:grid;grid-template-columns:34px minmax(0,1fr) 14px;align-items:center;gap:10px;padding:9px 6px;border-radius:14px}
.pg-handover .hv-list li+li{box-shadow:0 -1px 0 var(--g100)}
.pg-handover .hv-list li.on{background:var(--blue-50);box-shadow:none}
.pg-handover .hv-list li.on+li{box-shadow:none}
.pg-handover .hv-li-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--g100);color:var(--g700);font-size:16px}
.pg-handover .hv-list li.on .hv-li-ic{background:#fff;color:var(--blue)}
.pg-handover .hv-li-line{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}
.pg-handover .hv-li-line b{overflow:hidden;font-size:14.5px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}
.pg-handover .hv-list small{display:block;margin-top:2px;font-size:12px;line-height:1.45;color:var(--g600)}
.pg-handover .hv-list em{display:block;margin-top:2px;font-size:12px;font-style:normal;font-weight:600;line-height:1.45;color:#c01f2e}
.pg-handover .hv-chev{font-size:14px;color:var(--g400)}
.pg-handover .hv-bottom{flex:none;padding:12px 18px 26px}
.pg-handover .hv-bottom small{display:block;margin-bottom:8px;text-align:center;font-size:12.5px;font-weight:600;color:#b35300}
.pg-handover .hv-bottom>span{display:grid;place-items:center;height:54px;border-radius:14px;background:#c9e2ff;color:#fff;font-size:17px;font-weight:600}
.pg-handover .hv-fig .app-cap{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:360px;margin-inline:auto;line-height:1.6}

/* training cards */
.pg-handover .hv-kicker{margin:22px 0 0;font-size:14px;font-weight:700;color:var(--blue-700)}
.pg-handover .card>.hv-kicker+h3{margin-top:6px}
.pg-handover .fine .link{font-size:14px}

/* exit types */
.pg-handover .hv-exits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pg-handover .hv-exit{display:flex;flex-direction:column;padding:30px 26px 26px;border-radius:26px;background:var(--g50)}
.pg-handover .hv-exit-top{display:flex;align-items:center;gap:12px}
.pg-handover .hv-num{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--g900);color:#fff;font-size:16px;font-weight:800;flex:none}
.pg-handover .hv-exit h3{margin:0;font-size:21px;font-weight:700;line-height:1.4;letter-spacing:-.02em}
.pg-handover .hv-exit dl{display:grid;gap:10px;margin:20px 0 0}
.pg-handover .hv-exit dl>div{padding:16px 16px 14px;border-radius:18px;background:#fff}
.pg-handover .hv-exit dt{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--g700)}
.pg-handover .hv-exit dt .ico{font-size:15px}
.pg-handover .hv-exit .keep dt{color:#027a4a}
.pg-handover .hv-exit .stop dt{color:var(--g700)}
.pg-handover .hv-exit .prep dt{color:var(--blue-700)}
.pg-handover .hv-exit dd{margin:8px 0 0}
.pg-handover .hv-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.pg-handover .hv-chips li{padding:5px 10px;border-radius:8px;background:var(--g100);font-size:14px;font-weight:600;line-height:1.45;color:var(--g800)}
.pg-handover .keep .hv-chips li{background:var(--green-50)}
.pg-handover .prep .hv-chips li{background:var(--blue-50)}
.pg-handover .hv-subh{margin:clamp(64px,8vw,96px) 0 8px;font-size:clamp(22px,2.4vw,28px);font-weight:800;line-height:1.4;letter-spacing:-.025em}
.pg-handover .hv-subdesc{margin:0 0 24px;font-size:16px;color:var(--g700)}
@media (max-width:1000px){.pg-handover .hv-exits{grid-template-columns:minmax(0,1fr)}}

/* interactive self-check */
.pg-handover .hv-box-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin-bottom:6px}
.pg-handover .hv-count{font-size:14px;font-weight:700;color:var(--blue-700)}
.pg-handover .hv-checks{margin:0;padding:0;list-style:none}
.pg-handover .hv-checks li+li{border-top:1px solid var(--g200)}
.pg-handover .hv-checks label{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;padding:16px 0;cursor:pointer;font-size:17px;font-weight:600;line-height:1.55;color:var(--g900)}
.pg-handover .hv-checks input{position:absolute;left:0;top:16px;width:28px;height:28px;margin:0;opacity:0;cursor:pointer}
.pg-handover .hv-cb{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px var(--g300);color:transparent;font-size:15px;transition:background .2s,box-shadow .2s,color .2s}
.pg-handover .hv-cb .ico{stroke-width:3}
.pg-handover .hv-checks input:checked+.hv-cb{background:var(--blue);box-shadow:none;color:#fff}
.pg-handover .hv-checks input:focus-visible+.hv-cb{outline:2px solid var(--blue);outline-offset:3px}
.pg-handover .hv-checks input:checked~.hv-ct{color:var(--g600)}
.pg-handover .hv-box-fine{margin:12px 0 0;font-size:13px;color:var(--g600)}

/* migration steps */
.pg-handover .hv-who{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px}
.pg-handover .hv-who b{padding:3px 8px;border-radius:7px;background:var(--g100);font-size:12px;font-weight:700;color:var(--g700)}
.pg-handover .hv-who span{font-size:14px;font-weight:600;color:var(--g800)}
.pg-handover .step .get{line-height:1.45;text-align:left}
.pg-handover .step .get small{display:block;font-size:12px;font-weight:600;color:var(--g600)}
.pg-handover .hv-after .link{font-size:15px}

/* questions before contract */
.pg-handover .hv-qsplit{align-items:start}
.pg-handover .hv-qtools{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:32px}
.pg-handover .hv-qtools [hidden]{display:none}
.pg-handover .hv-copied{flex-basis:100%;margin:0;font-size:14px;font-weight:600;color:#027a4a}
.pg-handover .hv-copied:empty{display:none}
.pg-handover .hv-qs{display:grid;gap:10px;margin:0;padding:0;list-style:none;counter-reset:q}
.pg-handover .hv-qs li{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:14px;padding:16px 20px 16px 16px;border-radius:20px;background:var(--g50);font-size:17px;font-weight:600;line-height:1.55;counter-increment:q}
.pg-handover .hv-qs li::before{content:"Q" counter(q);display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#fff;color:var(--blue-700);font-size:15px;font-weight:800}
@media (min-width:961px){.pg-handover .hv-qsplit>:first-child{position:sticky;top:150px}}
.pg-handover .faq details p .link{margin-left:4px}

/* motion */
@media (prefers-reduced-motion:no-preference){
  .pg-handover .hv-toast{animation:pg-handover-float 6s ease-in-out infinite}
  .pg-handover .hv-panel.swap{animation:pg-handover-up .45s var(--ease)}
}
@media (prefers-reduced-motion:reduce){.pg-handover .hv-cb{transition:none}}
@keyframes pg-handover-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes pg-handover-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}