/* 밸류체크 v3.1 — 네이비·크림·애프리콧
   글자: 11 / 12 / 13 / 15 / 17 / 20 / 24 / 32 / 42
   곡률: 카드 20 · 내부 블록 14 · 입력 12 · 버튼·칩 pill
   애프리콧: 주 버튼 바탕, 14일 이내 마감 숫자(--pt-text)에만 */
:root{--navy:#2b3a67;--navy-2:#1f2b50;--navy-tint:#e9ecf5;--cream:#f7f4ee;--cream-2:#ece8dc;--line:#ddd8ca;--ink:#1f2742;--gray:#4f5560;--gray-2:#6f7681;--pt:#e8963a;--pt-text:#a65c10;--pt-tint:#fcefdf;--ok:#2f7d5b;--ok-tint:#e7f0ea;--card:#fff;--sh:0 10px 30px -16px rgba(43,58,103,.35);--num:Outfit,"Pretendard Variable",sans-serif;--tab:84px}
*{box-sizing:border-box}
html,body{margin:0;background:var(--cream);color:var(--ink);font-family:"Pretendard Variable",Pretendard,-apple-system,"Noto Sans KR",sans-serif;-webkit-text-size-adjust:100%;overflow-x:hidden;word-break:keep-all;overflow-wrap:anywhere}
body{min-height:100dvh;font-size:16px;line-height:1.5}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}input,select,textarea{font:inherit;color:inherit}
[hidden]{display:none!important}
.num{font-family:var(--num);font-weight:700;letter-spacing:-.02em}
.wrap{max-width:560px;margin:0 auto;padding:0 18px}
:focus-visible{outline:2px solid var(--navy);outline-offset:2px}

/* 헤더 */
.hd{background:var(--navy);color:#fff;padding:calc(env(safe-area-inset-top) + 12px) 0 0}
.hd .wrap{padding-bottom:64px}.hd.flow .wrap{padding-bottom:44px}
.hd .row{display:flex;justify-content:space-between;align-items:center;min-height:48px}.rowl{display:flex;align-items:center;gap:8px}
.wm{display:flex;align-items:center;gap:10px}.wm .txt{display:inline-flex;flex-direction:column;width:max-content}
.wm .brand{font-weight:900;font-size:20px;letter-spacing:-.045em;line-height:1;margin-right:-.045em}
.en{font-family:var(--num);font-weight:700;font-size:11px;line-height:1;margin-top:4px;display:flex;justify-content:space-between;width:100%;position:relative;padding-bottom:3px;opacity:.92}
.en b{color:var(--pt);font-weight:700}.en::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;opacity:.45}
.ic{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;position:relative}
.ic::before{content:"";position:absolute;inset:4px;border-radius:50%;background:rgba(255,255,255,.16)}.ic svg{position:relative}
.hd .greet{font-size:14.5px;opacity:.8;margin-top:14px}
.hd h1{font-weight:900;font-size:24px;line-height:1.3;letter-spacing:-.03em;margin:4px 0 0}
.hd .sub{font-size:14.5px;opacity:.85;margin:6px 0 0}.hd .sub b{color:#fff}
.hd .ttl{font-size:16px;font-weight:700}.hd .meta{font-size:13.5px;opacity:.8}

/* 본문 */
main{padding-bottom:calc(var(--tab) + 24px)}
.lift{margin-top:-44px}.lift>.card:first-child{box-shadow:var(--sh)}
.card{background:var(--card);border-radius:20px;padding:18px 18px;margin-top:12px}
.card h3{margin:0 0 12px;font-size:14.5px;font-weight:700;color:var(--gray);display:flex;justify-content:space-between;align-items:center;gap:8px}
.hint{font-size:13.5px;color:var(--gray);font-weight:500}
.lnk{font-size:14.5px;font-weight:700;color:var(--navy);display:inline-flex;align-items:center;min-height:44px}
.body{font-size:14.5px;line-height:1.6;margin:0}
.empty{font-size:14.5px;color:var(--gray);margin:0 0 12px}
.foot-note{font-size:13.5px;color:var(--gray);text-align:center;margin:12px 0}.foot-note.left{text-align:left;margin-bottom:0}
.sec{font-size:14.5px;font-weight:700;color:var(--gray);margin:20px 4px 0}

/* 버튼: 주 행동은 애프리콧 pill 하나 */
.btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border-radius:999px;background:var(--pt);color:var(--ink);font-weight:900;font-size:16px;width:100%;transition:transform .1s}
.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5}
.btn.line{background:#fff;border:1.5px solid var(--line);font-weight:700;font-size:14.5px;min-height:48px}
.btn.ghost{background:none;font-weight:700;font-size:14.5px;color:var(--navy);margin-top:4px}
.btn.sm{width:auto;min-height:44px;padding:0 16px;font-size:14.5px;flex:none}
.row2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.row3{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) minmax(0,1fr);gap:8px;margin-top:12px}

/* 세그먼트·칩 */
.seg{display:flex;background:var(--cream-2);border-radius:999px;padding:3px;position:relative}
.seg label{flex:1;text-align:center;padding:11px 0;border-radius:999px;font-weight:700;font-size:14.5px;color:var(--gray);position:relative;z-index:1;cursor:pointer}
.seg input{position:absolute;opacity:0;pointer-events:none}.seg input:checked+label{color:var(--ink);font-weight:900}
.seg .thumb{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);background:#fff;border-radius:999px;box-shadow:0 1px 4px rgba(0,0,0,.08);transition:transform .2s cubic-bezier(.2,.7,.2,1)}
.seg.r .thumb{transform:translateX(100%)}
.seg.mini{width:120px;padding:2px}.seg.mini .thumb{top:2px;bottom:2px;left:2px;width:calc(50% - 2px)}.seg.mini label{padding:8px 0;font-size:13.5px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chips label{min-height:40px;display:inline-flex;align-items:center;padding:0 14px;border-radius:999px;background:var(--cream);font-size:14.5px;font-weight:700;color:var(--gray);cursor:pointer}
.chips input{position:absolute;opacity:0;pointer-events:none}.chips input:checked+label{background:var(--navy);color:#fff}

/* 홈 */
.datebig{display:flex;align-items:center;gap:8px;position:relative;background:var(--cream);border-radius:14px;padding:12px 14px;min-height:52px;margin-bottom:10px}
.datebig .k{font-size:13.5px;font-weight:700;color:var(--gray)}.datebig .num{font-size:20px;margin-left:auto}.datebig svg{color:var(--gray)}
.datebig input{position:absolute;inset:0;opacity:0;width:100%}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}
.tile{background:var(--cream);border-radius:14px;padding:12px 10px}
.tile .k{font-size:12.5px;font-weight:700;color:var(--gray)}.tile .v{font-family:var(--num);font-size:16px;font-weight:700;letter-spacing:-.02em;margin-top:2px;white-space:nowrap}
.tile .s{font-size:12.5px;color:var(--gray);margin-top:2px}.tile .v.pt{color:var(--pt-text)}.tile .v.neg{color:var(--gray-2)}
.list .it{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--cream-2);min-height:52px}
.list .it:first-child{border-top:0;padding-top:0}.list .it:last-child{padding-bottom:0}
.list b{display:block;font-size:16px;font-weight:700;letter-spacing:-.01em}.list span{display:block;font-size:13.5px;color:var(--gray);margin-top:2px}
.dd{font-family:var(--num);font-size:20px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.dd.pt{color:var(--pt-text)}.dd.sm{font-size:14.5px;color:var(--gray);font-family:inherit}

/* 3단계 체인 */
.chain{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.chain li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;position:relative}
.chain li+li::before{content:"";position:absolute;left:-50%;right:50%;top:13px;height:2px;background:var(--cream-2)}
.chain i{width:28px;height:28px;border-radius:50%;background:#fff;border:2px solid var(--cream-2);color:var(--gray-2);font-style:normal;font-family:var(--num);font-weight:700;font-size:13.5px;display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:1}
.chain li.done i{background:var(--navy);border-color:var(--navy);color:#fff}.chain li.now i{border-color:var(--navy);color:var(--navy)}
.chain li.done+li::before{background:var(--navy)}
.chain b{font-size:14.5px;font-weight:700}.chain span{font-size:12.5px;color:var(--gray);line-height:1.3;min-height:14px}
.hd-chain{margin-top:12px;background:rgba(255,255,255,.08);border-radius:14px;padding:12px 6px}
.hd-chain i{background:transparent;border-color:rgba(255,255,255,.3);color:rgba(255,255,255,.7)}.hd-chain li+li::before{background:rgba(255,255,255,.2)}
.hd-chain li.done i{background:#fff;border-color:#fff;color:var(--navy)}.hd-chain li.now i{border-color:#fff;color:#fff}.hd-chain li.done+li::before{background:#fff}
.hd-chain b{color:#fff}.hd-chain span{color:rgba(255,255,255,.75)}

/* 입력 */
.f{display:flex;flex-direction:column;gap:6px;margin-top:14px}.card>h3+.f,.f:first-child{margin-top:0}
.row2>.f{margin-top:0}.row2{margin-top:14px}.card>h3+.row2{margin-top:0}.row2>.f>label{min-height:18px}
.f label,.lab{font-size:13.5px;font-weight:700;color:var(--gray)}
.in{min-height:48px;border-radius:12px;background:var(--cream);padding:0 14px;font-size:16px;font-weight:700;border:0;width:100%;outline:none}
.in:focus{box-shadow:0 0 0 2px var(--navy)}.in::placeholder{color:var(--gray-2);font-weight:500;font-size:14.5px}
input[type=date].in{-webkit-appearance:none;appearance:none}
.hint.mv{min-height:14px;color:var(--navy);font-weight:700}
.hint.mv.bad{color:var(--pt-text)}
.card>.hint:last-child{display:block;margin-top:10px}
details.more>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;min-height:44px}details.more>summary::-webkit-details-marker{display:none}
details.more>summary b{display:block;font-size:16px}details.more>summary span{display:block;font-size:13.5px;color:var(--gray)}
details.more[open]>summary{margin-bottom:12px}details.more[open]>summary .chev{transform:rotate(90deg)}.chev{transition:transform .2s;color:var(--gray-2)}
.yns{margin-top:14px;border-top:1px solid var(--cream-2)}
.yn{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--cream-2);font-size:14.5px}
.ynb{display:flex;gap:4px;flex:none}.ynb input{position:absolute;opacity:0;pointer-events:none}
.ynb label{min-height:36px;min-width:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--cream);font-size:13.5px;font-weight:700;color:var(--gray);cursor:pointer;padding:0 10px}
.ynb input:checked+label{background:var(--navy);color:#fff}
.err{background:var(--pt-tint);color:var(--pt-text);border-radius:12px;padding:12px 14px;font-size:14.5px;font-weight:700;margin-top:12px}
.or{display:flex;align-items:center;gap:12px;margin:16px 0 4px;color:var(--gray);font-size:13.5px;font-weight:700}.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}

/* 받은 내용 넣기 */
.collect{border:1.5px dashed #c9c3b4}
.srcs{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.srcs:empty{display:none}
.src{display:flex;align-items:center;gap:10px;padding:4px 4px 4px 12px;border-radius:14px;background:var(--cream);font-size:14.5px}
.src .ic2{width:28px;height:28px;border-radius:8px;background:#fff;display:inline-flex;align-items:center;justify-content:center;color:var(--navy);flex:none}
.src .t{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.src .st{font-size:12.5px;color:var(--gray);white-space:nowrap}.src .st.busy{color:var(--navy);font-weight:700}.src .st.bad{color:var(--pt-text);font-weight:700}
.src .x{width:44px;height:44px;border-radius:50%;color:var(--gray);display:inline-flex;align-items:center;justify-content:center;flex:none}
.colacts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.colacts button,.colacts label{display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;border-radius:999px;background:var(--cream);font-weight:700;font-size:14.5px;cursor:pointer;color:var(--ink)}
.collect textarea{width:100%;min-height:110px;border:0;background:var(--cream);border-radius:12px;padding:12px;resize:vertical;outline:none;margin-top:10px;font-size:16px;line-height:1.6}
.collect .act{display:flex;gap:8px;margin-top:8px}.collect .act button{flex:1;min-height:44px;border-radius:999px;font-weight:900;font-size:14.5px}.collect .act .go{background:var(--navy);color:#fff}.collect .act .x{background:var(--cream)}
#colGo{margin-top:12px}

/* 읽은 내용 확인 */
.raw{font-size:16px;line-height:1.7}.raw mark{background:var(--pt-tint);color:var(--ink);padding:1px 3px;border-radius:4px;font-weight:700}.raw mark.q{background:#fff;outline:2px dashed var(--pt)}
.raw .sep{display:block;height:1px;background:var(--cream-2);margin:10px 0}
.ex{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:14px;background:#fff;border:1.5px solid var(--cream-2);margin-top:8px;cursor:text}
.ex .k{font-size:13.5px;font-weight:700;color:var(--gray)}.ex.q{border-color:var(--pt)}.ex.q .k{color:var(--pt-text)}
.ex .hn{font-size:13.5px;color:var(--pt-text);font-weight:700}
.ex input,.ex select{border:0;background:transparent;font-size:17px;font-weight:900;width:100%;outline:none;padding:2px 0;min-height:32px;-webkit-appearance:none;appearance:none}
.ex input.num{font-family:var(--num)}

/* 결과 */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:14px}
.hero>div{border-radius:14px;padding:14px;background:rgba(255,255,255,.1)}.hero>div.w{background:#fff;color:var(--ink)}
.hero .k{font-size:13.5px;font-weight:700;opacity:.85}.hero .w .k{color:var(--gray);opacity:1}
.hero .n{font-family:var(--num);font-size:42px;font-weight:700;letter-spacing:-.03em;line-height:1.1}.hero .n em{font-style:normal;font-family:"Pretendard Variable",sans-serif;font-size:16px;font-weight:700;margin-left:4px;letter-spacing:0}
.hero .n.pt{color:var(--pt-text)}.hero .n .small{font-size:24px}
.hero .s{font-size:13.5px;opacity:.9}.hero .w .s{color:var(--gray);opacity:1}.hero .warn{color:#ffd29a;font-weight:700}
.todo{list-style:none;margin:0;padding:0}.todo li{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--cream-2)}.todo li:first-child{border-top:0;padding-top:0}.todo li:last-child{padding-bottom:0}
.todo i{width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;font-style:normal;font-size:13.5px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;flex:none;margin-top:2px;font-family:var(--num)}
.todo i.ok{background:var(--ok)}.todo i.info{background:var(--gray-2)}.todo i.need{background:var(--pt);color:var(--ink)}
.todo b{display:block;font-size:16px;line-height:1.4}.todo span{display:block;font-size:14.5px;color:var(--gray);margin-top:3px;line-height:1.5}
.fix,.fixbtn{display:inline-flex;align-items:center;gap:6px;margin-top:8px;min-height:40px;padding:0 14px;border-radius:999px;background:var(--navy-tint);font-size:14.5px;font-weight:700;color:var(--navy);position:relative;cursor:pointer}
.fix input{position:absolute;inset:0;opacity:0;width:100%}.fix .num{background:#fff;padding:2px 8px;border-radius:999px}
.tag{font-size:12.5px;font-weight:900;padding:4px 9px;border-radius:999px;white-space:nowrap}
.tag.bad{background:var(--pt-tint);color:var(--pt-text)}.tag.warn{background:var(--navy-tint);color:var(--navy)}.tag.ok{background:var(--ok-tint);color:var(--ok)}.tag.info{background:var(--cream-2);color:var(--gray)}
.scrub .top{display:flex;justify-content:space-between;align-items:center;font-size:14.5px}.scrub .gray{color:var(--gray)}
.scrub .st{font-size:14.5px;margin:6px 0 0;min-height:20px}.scrub .st.ok{color:var(--ok)}.scrub .st.bad{color:var(--pt-text)}
.track{position:relative;height:6px;border-radius:3px;background:var(--line);margin:34px 12px 10px}
.track .span{position:absolute;top:0;bottom:0;border-radius:3px;background:var(--navy)}
.track .tick{position:absolute;top:-4px;width:2px;height:14px;background:var(--gray-2)}.track .tick.pt{background:var(--pt)}.track .tick.today{background:var(--ink);top:-7px;height:20px;width:3px;border-radius:2px}
.track .lab{position:absolute;top:-24px;font-size:12.5px;color:var(--gray);transform:translateX(-50%);white-space:nowrap}.track .lab.pt{color:var(--pt-text);font-weight:700}
.track input[type=range]{position:absolute;left:-12px;right:-12px;top:-19px;width:calc(100% + 24px);height:44px;margin:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}
.track input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;border:3px solid var(--navy);box-shadow:0 3px 10px rgba(43,58,103,.3)}
.track input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--navy)}
.scrub .ends{display:flex;justify-content:space-between;font-size:12.5px;color:var(--gray);padding:0 2px}
.scrub .apply{margin-top:12px}.scrub .apply button{width:100%;min-height:44px;border-radius:999px;background:var(--navy-tint);color:var(--navy);font-weight:700;font-size:14.5px}
.scrub .list{margin-top:14px}
.grp{font-size:13.5px;font-weight:800;color:var(--gray);margin:16px 0 0;padding-bottom:6px;border-bottom:1px solid var(--cream-2)}.grp:first-of-type{margin-top:4px}.grp.bad{color:var(--pt-text)}.grp.warn{color:var(--pt-text)}
.iss{border-top:1px solid var(--cream-2)}.grp+.iss{border-top:0}
.iss summary b::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gray-2);margin:0 8px 3px 0}.iss.bad summary b::before{background:var(--pt-text)}.iss.warn summary b::before{background:var(--pt)}
.iss summary .chev{flex:none;color:var(--gray-2);transition:transform .2s}.iss[open]>summary .chev{transform:rotate(90deg)}
.iss summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;cursor:pointer;min-height:44px}.iss summary::-webkit-details-marker{display:none}
.iss summary b{display:block;font-size:16px;font-weight:700;line-height:1.4}.iss summary .f{display:block;font-size:13.5px;color:var(--gray);margin-top:2px;line-height:1.5}
.iss .body{padding:0 0 14px;font-size:14.5px;line-height:1.6}.iss .body p{margin:0 0 8px}.iss .lab{display:inline-block;font-size:12.5px;font-weight:900;color:var(--gray);margin-right:6px}
.iss blockquote{margin:8px 0 0;padding:10px 12px;background:var(--cream);border-radius:12px;font-size:13.5px;color:var(--gray);line-height:1.6}.iss cite{display:block;font-style:normal;font-size:12.5px;margin-top:4px}
.iss details.src summary{padding:6px 0;font-size:13.5px;color:var(--gray);min-height:auto}
.oklist{list-style:none;margin:0;padding:0;font-size:14.5px}.oklist li{display:flex;gap:10px;padding:8px 0;border-top:1px solid var(--cream-2)}.oklist li:first-child{border-top:0}
.oklist i{width:18px;height:18px;border-radius:50%;background:var(--ok-tint);color:var(--ok);flex:none;margin-top:1px;display:inline-flex;align-items:center;justify-content:center}.oklist i.gray{background:var(--cream-2)}
.oklist small{display:block;font-size:13.5px;color:var(--gray);margin-top:2px}
details.fold{margin-top:6px}details.fold>summary{list-style:none;font-size:14.5px;font-weight:700;color:var(--navy);cursor:pointer;min-height:44px;display:flex;align-items:center}details.fold>summary::-webkit-details-marker{display:none}
details.fold>summary::after,.pastwrap>summary::after{content:"";width:7px;height:7px;margin-left:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
details.fold[open]>summary::after,.pastwrap[open]>summary::after{transform:rotate(225deg) translateY(-2px)}
.calc{font-size:13.5px;color:var(--gray);line-height:1.6}.calc ol{margin:0;padding-left:18px}
.diff{list-style:none;margin:0;padding:0}.diff li{display:flex;gap:10px;font-size:14.5px;padding:6px 0}.diff .ok{color:var(--ok);font-weight:700;flex:none}.diff .new{color:var(--pt-text);font-weight:700;flex:none}
.legal{font-size:12.5px;color:var(--gray);line-height:1.6;margin:16px 4px 0}
#report{padding-bottom:110px}

/* 도크 */
.dock{position:fixed;left:0;right:0;bottom:0;padding:14px 18px calc(env(safe-area-inset-bottom) + 16px);background:linear-gradient(180deg,rgba(247,244,238,0),var(--cream) 35%);z-index:20}
.dock .inner{max-width:560px;margin:0 auto}.dock .btn{box-shadow:0 8px 24px -10px rgba(166,92,16,.5)}
.dockinfo{display:flex;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:6px 6px 6px 18px;box-shadow:var(--sh);min-height:56px}
.dockinfo>div{flex:1;min-width:0}.dockinfo b{display:block;font-size:14.5px}.dockinfo span{display:block;font-size:13.5px;color:var(--gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 시트 */
.veil{position:fixed;inset:0;background:rgba(31,39,66,.45);opacity:0;pointer-events:none;transition:opacity .25s;z-index:30}.veil.on{opacity:1;pointer-events:auto}
.sheet{position:fixed;left:0;right:0;bottom:0;background:#fff;border-radius:24px 24px 0 0;padding:10px 20px calc(env(safe-area-inset-bottom) + 20px);transform:translateY(105%);transition:transform .3s cubic-bezier(.2,.7,.2,1);z-index:31;max-width:600px;margin:0 auto;max-height:92dvh;overflow:auto}
.sheet.on{transform:none}#ask{z-index:33}.sheet .grip{width:40px;height:4px;border-radius:2px;background:var(--line);margin:0 auto 14px}
.sheet h3{margin:0;font-size:20px;font-weight:900}.sheet .sub{font-size:14.5px;color:var(--gray);margin:6px 0 14px;line-height:1.5}
.sheet .row2:last-of-type{margin-top:14px}
.agree{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.5;padding:10px 0;border-top:1px solid var(--cream-2);cursor:pointer}.agree:first-of-type{margin-top:14px}
.agree input{width:22px;height:22px;flex:none;accent-color:var(--navy);margin:1px 0 0}.agree a{color:var(--navy);font-weight:700;text-decoration:underline}
.sheet .msg{font-size:14.5px;margin:10px 0 0;min-height:20px;font-weight:700}.sheet .msg.bad{color:var(--pt-text)}
.nextsteps{list-style:none;margin:0 0 4px;padding:0}.nextsteps li{display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--cream-2)}.nextsteps li:first-child{border-top:0}
.nextsteps i{width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;font-style:normal;font-family:var(--num);font-size:13.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none;margin-top:2px}
.nextsteps b{display:block;font-size:16px}.nextsteps span{display:block;font-size:14.5px;color:var(--gray);margin-top:2px;line-height:1.5}

/* 내 건 */
.hero3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 1fr;gap:10px;margin-top:14px}.hero3>div{border-radius:14px;padding:12px;background:rgba(255,255,255,.1)}.hero3>div.w{background:#fff;color:var(--ink)}
.hero3 .k{font-size:13.5px;font-weight:700;opacity:.85}.hero3 .w .k{color:var(--gray);opacity:1}
.hero3 .n{font-family:var(--num);font-size:32px;font-weight:700;letter-spacing:-.03em;line-height:1.1}.hero3 .n em{font-style:normal;font-family:"Pretendard Variable",sans-serif;font-size:14.5px;font-weight:700;margin-left:3px}.hero3 .n.pt{color:var(--pt-text)}
.case{padding-top:6px}.case.flash{box-shadow:0 0 0 2px var(--navy)}
.case .hdr{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:56px;padding:6px 0}.case .hdr:active{opacity:.7}
.case .hdr-r{display:flex;align-items:center;gap:6px;flex:none;color:var(--gray-2)}
.case .t{font-size:17px;font-weight:900;letter-spacing:-.02em}.case .m{font-size:13.5px;color:var(--gray);margin-top:2px}.case .hist{color:var(--navy);font-weight:700;margin-left:4px}
.pill{font-size:12.5px;font-weight:900;padding:5px 10px;border-radius:999px;white-space:nowrap;background:var(--navy-tint);color:var(--navy)}.pill.local{background:var(--cream-2);color:var(--gray)}.pill.done{background:var(--ok-tint);color:var(--ok)}
.case .next{display:flex;justify-content:space-between;align-items:center;padding:12px 0 2px;border-top:1px solid var(--cream-2);margin-top:6px}.case .next .k{font-size:13.5px;color:var(--gray)}.case .next .v{font-size:16px;font-weight:700}
.case .stmsg{font-size:14.5px;color:var(--gray);margin-top:8px}
.case .acts{display:flex;gap:8px;margin-top:12px}.case .acts>*{flex:1;min-height:44px;border-radius:999px;font-weight:700;font-size:14.5px;background:var(--cream);display:inline-flex;align-items:center;justify-content:center}
.case .acts .pri{background:var(--pt);color:var(--ink);font-weight:900}.case .acts .del{flex:none;width:44px;color:var(--gray)}.case .acts button:disabled{opacity:.6;background:var(--cream-2)}
.tl{margin-top:6px;position:relative}
.track2{position:absolute;left:16.6%;right:16.6%;top:37px;height:4px;border-radius:2px;background:var(--cream-2)}.track2 .fill{height:100%;border-radius:2px;background:var(--navy)}
.tl-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.tl-steps li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;position:relative}
.tl-steps .d{font-family:var(--num);font-size:12.5px;color:var(--gray);height:16px;line-height:16px}
.tl-steps i{width:30px;height:30px;border-radius:50%;background:#fff;border:2px solid var(--cream-2);color:var(--gray-2);font-style:normal;font-family:var(--num);font-size:13.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:1;margin:2px 0}
.tl-steps b{font-size:13.5px;font-weight:700;color:var(--gray)}.tl-steps small{font-size:12.5px;color:var(--gray-2);line-height:1.3}
.tl-steps li.done i{background:var(--navy);border-color:var(--navy);color:#fff}
.tl-steps li.now i{border-color:var(--navy);color:var(--navy);box-shadow:0 0 0 4px var(--navy-tint)}.tl-steps li.now b{color:var(--ink);font-size:14.5px}.tl-steps li.now small{color:var(--navy);font-weight:700}
.flags{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;margin-top:12px}
.flag{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;row-gap:2px;background:var(--cream);border-radius:12px;padding:10px 12px;min-width:0}
.flag b{font-size:13.5px;font-weight:700;color:var(--gray)}.flag em{font-style:normal;font-family:var(--num);font-size:14.5px;font-weight:700;color:var(--ink)}
.flag .dt{grid-column:1/-1;font-family:var(--num);font-size:14.5px;font-weight:600;color:var(--ink)}
.flag.pt{background:var(--pt-tint)}.flag.pt b,.flag.pt em{color:var(--pt-text)}.flag.past{opacity:.6}
.leftline{display:flex;align-items:center;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--cream-2);font-size:14.5px;color:var(--gray)}.leftline b{color:var(--ink);font-family:var(--num);font-size:16px}
.pastwrap{margin-top:20px}.pastwrap>summary{list-style:none;font-size:14.5px;font-weight:700;color:var(--gray);min-height:44px;display:flex;align-items:center;padding:0 4px;cursor:pointer}.pastwrap>summary::-webkit-details-marker{display:none}

/* 내 정보 */
.sw{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--cream-2);font-size:16px;position:relative;min-height:48px}.sw:first-child{border-top:0}
.sw .tg{width:44px;height:26px;border-radius:13px;background:var(--line);position:relative;flex:none}.sw .tg::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .15s}
.sw input{position:absolute;opacity:0}.sw input:checked+.tg{background:var(--navy)}.sw input:checked+.tg::after{left:21px}
.dimmed{opacity:.5;pointer-events:none}
.kv{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--cream-2);font-size:14.5px}.kv:first-of-type{border-top:0}.kv span{color:var(--gray)}
#meClear{margin-top:8px}

/* 탭바 */
.tabs{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--cream-2);padding:8px 18px calc(env(safe-area-inset-bottom) + 10px);display:grid;grid-template-columns:repeat(4,1fr);gap:4px;z-index:20}
.tabs a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:12.5px;font-weight:700;color:var(--gray);min-height:48px}.tabs a.on{color:var(--navy)}

/* 스플래시 */
.splash{position:fixed;inset:0;background:var(--navy);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:100;transition:opacity .3s;cursor:pointer}
.splash.out{opacity:0;pointer-events:none}
.splash .mark .b1{animation:drop .35s .05s cubic-bezier(.2,.9,.25,1) both}.splash .mark .b2{stroke-dasharray:60;animation:sweep .35s .3s cubic-bezier(.2,.9,.25,1) both}.splash .mark{animation:press .2s .62s ease-out both}
@keyframes drop{from{transform:translateY(-18px);opacity:0}to{transform:none;opacity:1}}@keyframes sweep{from{stroke-dashoffset:60}to{stroke-dashoffset:0}}@keyframes press{50%{transform:scale(.94)}}
@keyframes up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.splash .txt2{display:inline-flex;flex-direction:column;width:max-content;animation:up .35s .55s ease-out backwards}
.splash .w{font-size:32px;font-weight:900;letter-spacing:-.045em;margin-right:-.045em;line-height:1}
.splash .s2{font-size:13.5px;margin-top:7px;padding-bottom:4px}.splash .s2::after{height:1.5px}

/* 토스트 · 전환 */
.toast{position:fixed;left:50%;bottom:calc(var(--tab) + 20px);transform:translate(-50%,20px);background:var(--ink);color:#fff;font-size:14.5px;font-weight:700;padding:12px 18px;border-radius:999px;opacity:0;pointer-events:none;transition:.25s;z-index:40;max-width:90vw}.toast.on{opacity:1;transform:translate(-50%,0)}
.view{animation:fade .2s ease-out}@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media print{.tabs,.dock,.hd .ic,.splash{display:none!important}body{background:#fff}.card{box-shadow:none;border:1px solid #ddd}}
.lift>.sec:first-child{color:rgba(255,255,255,.85);margin-top:0;margin-bottom:-2px}
.crash{position:fixed;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 96px);z-index:200;background:var(--ink);color:#fff;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:6px;font-size:14.5px;box-shadow:var(--sh)}.crash b{font-size:16px}.crash div{display:flex;gap:8px;margin-top:8px}.crash button{flex:1;min-height:44px;border-radius:999px;background:#fff;color:var(--ink);font-weight:700}.crash button+button{background:var(--pt)}
/* 고객 안내문 */
.sheet textarea.note{width:100%;min-height:46vh;max-height:60vh;border:0;background:var(--cream);border-radius:14px;padding:14px;resize:vertical;font:inherit;font-size:15px;line-height:1.6;color:var(--ink);outline:none;margin-top:12px}
.scrub .apply.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.scrub .apply.two button{width:100%}
/* 의뢰서 첨삭 */
.form .fsec{padding:6px 0 4px;border-top:1px solid var(--cream-2)}.form .fsec:first-of-type{border-top:0;padding-top:0}.form h4{margin:8px 0 4px;font-size:13.5px;font-weight:800;color:var(--gray);letter-spacing:.01em}
.form .fr{display:grid;grid-template-columns:84px minmax(0,1fr);gap:8px;padding:6px 0}.form h4+.fr{border-top:0}
.form .fk{font-size:14.5px;color:var(--gray);padding-top:2px}.form .fv{font-size:15px;font-weight:600;min-width:0}.form .fv .num{display:block}
.form .fr.empty{padding:4px 0}.form .fr.empty .fk{font-size:14px;color:var(--gray-2)}.form .miss{background:none;border:0;padding:0;font-size:14.5px;font-weight:600;color:var(--gray-2);text-decoration:underline dotted;text-underline-offset:3px;cursor:pointer}.form .miss small{font-size:12.5px;font-weight:500;text-decoration:none;margin-left:4px}
.form .more{display:block;font-size:12.5px;color:var(--gray-2);margin-top:3px}
.pen{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-top:5px;padding:6px 10px;border-radius:10px;background:var(--cream)}.pen b{font-weight:800;margin-right:4px}.pen i{display:block;font-style:normal;margin-top:2px}
.pen.bad{background:var(--pt-tint);color:var(--pt-text)}.pen.warn{background:#fff;border:1px solid var(--pt);color:var(--pt-text)}.pen.info{background:var(--navy-tint);color:var(--navy)}.pen.ok{background:transparent;padding:2px 0;color:var(--ok,#2f7d5b);font-size:14px}.pen.ok svg{margin-right:5px;vertical-align:-1px}
button.pen.wait,.pen.wait{background:transparent;border:1.5px dashed var(--line);color:var(--gray);font-size:14px;text-align:left;width:100%;cursor:pointer}
.scrub .pens{margin-top:10px}
/* v4.3 날짜 정렬: 숫자 폭을 고정한다(Outfit은 1이 좁아 오른쪽 정렬이 들쭉날쭉) */
.dd,.tile .v,.tile .s,.flag .dt,.flag em,.form .fv .num,#scrubDate,.hero .s,.ends span,.lab,.op .opb li,.sub,.m{font-variant-numeric:tabular-nums}
.dd,.tile .v,.flag .dt,.flag em,.form .fv .num,#scrubDate{font-family:"Pretendard Variable",Pretendard,sans-serif;letter-spacing:-.01em}
.dd{font-size:18px;min-width:6.2em;text-align:right}.list .it>div:first-child{min-width:0}
/* v4.2 */
.startbtn{margin-bottom:12px}
.form .fr.empty .fv{display:flex;flex-wrap:wrap;gap:4px 12px}.form .fr.empty .miss{font-size:14.5px}
.lnks{display:flex;justify-content:center;gap:20px;margin:10px 0 4px}.lnks button{background:none;border:0;padding:10px 4px;font-size:15px;font-weight:700;color:var(--navy);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#docBtn{width:100%;margin-top:12px}
.op .grade small+small{margin-top:2px}
/* 확인표: 축 6줄 */
details.axis{border-top:1px solid var(--cream-2)}details.axis:first-of-type{border-top:0}
details.axis>summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto 16px;grid-template-areas:"ax v chev" "cnt cnt chev";align-items:center;column-gap:10px;row-gap:2px;padding:12px 0;min-height:52px;cursor:pointer}details.axis>summary::-webkit-details-marker{display:none}
details.axis .ax{grid-area:ax;font-size:16px;font-weight:800}details.axis .cnt{grid-area:cnt;font-size:14.5px;color:var(--ink);line-height:1.45}details.axis .cnt em{display:block;font-style:normal;font-size:12.5px;color:var(--gray-2);margin-top:2px}details.axis .chev{grid-area:chev;color:var(--gray-2);transition:transform .2s}details.axis[open]>summary .chev{transform:rotate(90deg)}
details.axis .v{grid-area:v;font-size:13.5px;font-weight:800;padding:4px 10px;border-radius:999px;background:var(--cream);color:var(--gray)}
details.axis .v.bad{background:var(--pt-tint);color:var(--pt-text)}details.axis .v.warn{background:var(--pt-tint);color:var(--pt-text)}details.axis .v.info{background:var(--navy-tint);color:var(--navy)}details.axis .v.ok{background:var(--ok-tint);color:var(--ok,#2f7d5b)}
.axbody{padding:0 0 10px}.axbody .iss{border-top:1px dashed var(--cream-2)}.axbody .iss:first-child{border-top:0}.axbody .oklist{margin-top:4px}
.op .grade small{display:block;font-size:12.5px;color:var(--gray-2);margin-top:4px}
/* 종합 의견 */
.op .grade{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;margin-bottom:12px;background:var(--cream)}
.op .grade b{font-size:19px;font-weight:900;letter-spacing:-.02em}.op .grade span{font-size:14.5px;color:var(--gray);line-height:1.5}
.op .grade.lv-요건{background:var(--pt-tint)}.op .grade.lv-요건 b{color:var(--pt-text)}
.op .grade.lv-기준{background:var(--navy-tint)}.op .grade.lv-기준 b{color:var(--navy)}
.op .grade.lv-밖{background:var(--ok-tint)}.op .grade.lv-밖 b{color:var(--ok,#2f7d5b)}
.op .grade.lv-보류 b{color:var(--gray)}
.op .fixbtn{margin:0 0 12px}.fixbtn.sm{padding:8px 12px;font-size:14.5px;margin:0;flex:none}
.opb{padding:10px 0;border-top:1px solid var(--cream-2)}.opb .k{display:block;font-size:13.5px;font-weight:800;color:var(--gray);margin-bottom:6px}
.opb ul{list-style:none;margin:0;padding:0}.opb li{font-size:15px;line-height:1.55;padding:3px 0 3px 14px;position:relative}.opb li::before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:var(--navy);opacity:.35}
.opb li small{display:block;font-size:12.5px;color:var(--gray-2);margin-top:2px;line-height:1.4}
.op .morebtn{display:block;width:100%;margin-top:6px;padding:10px 0;border:0;border-top:1px solid var(--cream-2);background:transparent;color:var(--navy);font-weight:700;font-size:14.5px;text-align:left;cursor:pointer}.op .morebtn::after{content:" →"}
.op .fold.basisf{margin-top:2px}.op .fold.basisf>summary{min-height:36px;color:var(--gray);font-size:14px}
.op .fixed{font-size:13.5px;color:var(--gray);margin:10px 0 0;padding-top:10px;border-top:1px solid var(--cream-2);line-height:1.5}
.gr{font-weight:800}.gr.lv-요건{color:var(--pt-text)}.gr.lv-기준{color:var(--navy)}.gr.lv-밖{color:var(--ok,#2f7d5b)}
/* 읽은 내용 확인: 짧은 항목은 두 칸, 확인 필요·안내가 붙은 항목과 지역은 한 줄 */
#exChips{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-flow:row dense;gap:8px;margin-top:8px}
#exChips .ex{margin-top:0;min-width:0}#exKindWrap{display:contents}#exKindWrap[hidden]{display:none}
#exChips .ex.q,#exChips .ex:has(.hn),#exChips .ex[for=exRegion]{grid-column:1/-1}
.ex select{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%238a8f98' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") right 2px center/12px no-repeat;padding-right:18px}
.nextsteps li.done i{background:var(--ok,#2f7d5b);color:#fff}

/* ── v4.6 일정: 단계형 타임라인 ── */
.scrub h3{align-items:center}
.hlink{background:none;border:0;padding:6px 0;font-size:14.5px;font-weight:700;color:var(--navy);cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.hlink::before{content:"+";font-size:16px;line-height:1;font-weight:500}
.steps{list-style:none;margin:6px 0 4px;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));position:relative}
.steps::before,.steps::after{content:"";position:absolute;top:7px;height:2px;left:calc(50% / var(--n));right:calc(50% / var(--n));background:var(--cream-2);border-radius:1px}
.steps::after{right:auto;width:calc((100% - 100% / var(--n)) * var(--fill) / 100%);background:var(--navy)}
.steps li{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
.steps i{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--line);box-sizing:border-box}
.steps li.past i{background:var(--navy);border-color:var(--navy)}
.steps li.next i{border-color:var(--navy);box-shadow:0 0 0 4px var(--navy-tint)}
.steps li.pt i{border-color:var(--pt)}.steps li.pt.next i{box-shadow:0 0 0 4px var(--pt-tint)}
.steps .k{font-size:12.5px;color:var(--gray);margin-top:8px;white-space:nowrap}
.steps .d{font-size:15px;font-weight:700;margin-top:2px;font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap}
.steps .dl{font-size:12.5px;color:var(--gray-2);margin-top:1px;font-variant-numeric:tabular-nums}
.steps li.pt .k,.steps li.pt .d{color:var(--pt-text)}.steps li.past .d,.steps li.past .k{color:var(--gray-2)}
.steps li.next .dl{color:var(--navy);font-weight:700}.steps li.pt.next .dl{color:var(--pt-text)}
.scrub>.list{margin-top:14px;padding-top:12px;border-top:1px solid var(--cream-2)}
.fold.sim{margin-top:10px;border-top:1px solid var(--cream-2)}.fold.sim[open]{padding-bottom:6px}
.fold.sim .top{margin-top:4px}
.fold.sim .track{margin:22px 10px 8px;height:4px;border-radius:2px}
.fold.sim .track .span{border-radius:2px}.fold.sim .track .tick{top:-4px;height:12px;width:2px}.fold.sim .track .tick.today{top:-6px;height:16px;width:2px;background:var(--ink)}
.fold.sim .track input[type=range]::-webkit-slider-thumb{width:22px;height:22px;border:0;background:var(--navy);box-shadow:0 0 0 4px #fff,0 2px 8px rgba(43,58,103,.35)}
.fold.sim .track input[type=range]::-moz-range-thumb{width:20px;height:20px;border:0;background:var(--navy)}
.fold.sim .ends{font-size:12.5px;color:var(--gray-2)}.fold.sim .btn.sm{margin-top:12px;width:100%;min-height:42px;font-size:14.5px}
.scrub>details.fold:not(.sim){border-top:1px solid var(--cream-2)}

.steps .d{font-size:14px;letter-spacing:-.03em}.steps .k{font-size:12px}.steps .dl{font-size:12px}
.scrub .pens{margin:12px 0 2px}
.sheet .fine{font-size:13.5px;color:var(--gray);line-height:1.55;margin:6px 0 2px;padding:10px 12px;background:var(--cream);border-radius:10px}
/* ── v4.7 디테일: 모서리·숫자·테두리·그림자 정돈 ── */
.card{border-radius:16px;padding:18px}
.hero .n{font-size:36px}
.collect{border:0}
.ex{border-radius:12px;border-width:1px}
.dock .btn{box-shadow:0 6px 16px -8px rgba(43,58,103,.35)}
.btn{font-weight:800;letter-spacing:-.01em}
.btn:active{transform:scale(.985)}
.in{font-weight:600;line-height:48px}
.in[type=date],.in[type=tel],.in[type=text]{padding-top:0;padding-bottom:0}
.agree input[type=checkbox]{-webkit-appearance:none;appearance:none;width:20px;height:20px;border:1.5px solid var(--navy);border-radius:5px;background:#fff;display:inline-grid;place-content:center;margin-top:2px}
.agree input[type=checkbox]:checked{background:var(--navy)}
.agree input[type=checkbox]:checked::after{content:"";width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
.tile,.datebig{border-radius:12px}
.sheet{border-radius:20px 20px 0 0}

/* v5.3 */
.seg.none .thumb{opacity:0}
.row2{align-items:start}
.hint.mv{font-weight:500;color:var(--gray-2)}.hint.mv:not(:empty)[data-for]{font-weight:700;color:var(--navy)}
.sublink{display:block;margin:12px auto 0;background:none;border:0;padding:6px 8px;font-size:14.5px;font-weight:700;color:var(--navy);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.hd h1{line-height:1.25}
/* ── v6 레퍼런스 원칙: 옅은 회색 바탕 + 흰 면, 큰 왼쪽 제목, 라벨-숫자, 평평한 주 버튼(네이비), 살구는 핵심 숫자만 ── */
:root{--bg:#f3f3f1}
html,body{background:var(--bg)}
.hd{background:#fff;color:var(--ink);--mk1:#2b3a67}
.hd .wrap,.hd.flow .wrap{padding-bottom:20px}
.hd h1{font-size:26px;letter-spacing:-.035em}
.hd .sub,.hd .meta,.hd .greet{opacity:1;color:var(--gray)}.hd .sub b{color:var(--ink)}
.ic{color:var(--ink)}.ic::before{background:#f1f1ee}
.lift{margin-top:12px}.lift>.card:first-child{box-shadow:0 1px 2px rgba(31,39,66,.04),0 8px 24px -12px rgba(31,39,66,.14)}
.lift>.sec:first-child{color:var(--gray)}
.card{border-radius:16px;box-shadow:0 1px 2px rgba(31,39,66,.04),0 8px 24px -14px rgba(31,39,66,.12)}
.card h3{font-size:16px;font-weight:800;color:var(--ink)}
.btn{background:var(--navy);color:#fff;border-radius:12px;font-weight:700}
.btn.line{background:#fff;color:var(--ink);border:1px solid #dcdcd8;border-radius:12px}
.btn:disabled{opacity:.4}
.dock{padding:0 0 env(safe-area-inset-bottom);background:var(--navy);border:0}.dock .inner{max-width:none}
.dock .btn{border-radius:0;min-height:58px;box-shadow:none}
.dock .dockinfo{border-radius:0;box-shadow:none;background:#fff;border-top:1px solid #ececea}
.hero>div,.hero3>div{background:var(--navy);color:#fff}
.hero>div.w,.hero3>div.w{background:#fff;color:var(--ink);border:1px solid #ececea}
.hd-chain{background:#f6f6f4}
.hd-chain i{background:#fff;border-color:var(--cream-2);color:var(--gray-2)}.hd-chain li+li::before{background:var(--cream-2)}
.hd-chain li.done i{background:var(--navy);border-color:var(--navy);color:#fff}.hd-chain li.now i{border-color:var(--navy);color:var(--navy)}.hd-chain li.done+li::before{background:var(--navy)}
.hd-chain b{color:var(--ink)}.hd-chain span{color:var(--gray)}
#report>.card{border-radius:0;box-shadow:none;margin:8px -18px 0;padding:24px}
.tile,.datebig{background:#f6f6f4}

/* ── v6.1 정돈: 세로 일정·한 줄 확인 목록·네이비 홈 카드·입력 높이 ── */
.vt{list-style:none;margin:4px 0 0;padding:0}
.vt li{display:grid;grid-template-columns:22px minmax(0,1fr) auto 56px;align-items:center;column-gap:10px;padding:13px 0;position:relative}
.vt li::before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:var(--cream-2)}
.vt li:first-child::before{top:50%}.vt li:last-child::before{bottom:50%}
.vt li.past::before{background:var(--navy)}
.vt i{position:relative;z-index:1;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--line);box-sizing:border-box}
.vt li.past i{background:var(--navy);border-color:var(--navy)}
.vt li.next i{border-color:var(--navy);box-shadow:0 0 0 4px var(--navy-tint)}
.vt li.pt i{border-color:var(--pt)}.vt li.pt.next i{box-shadow:0 0 0 4px var(--pt-tint)}
.vt .k{font-size:15px;color:var(--ink);font-weight:600}
.vt .d{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em;text-align:right;white-space:nowrap}.vt .d small{font-size:13.5px;font-weight:500;color:var(--gray-2);margin-left:2px}
.vt .dl{font-size:13.5px;color:var(--gray-2);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.vt li.past .k,.vt li.past .d{color:var(--gray-2)}
.vt li.next .dl{color:var(--navy);font-weight:700}
.vt li.pt .k,.vt li.pt .d{color:var(--pt-text)}.vt li.pt .dl{color:var(--pt-text);font-weight:700}

/* 읽은 내용 확인: 라벨 | 값 한 줄씩 */
#exChips{display:block;background:#fff;border-radius:16px;padding:2px 18px;margin-top:12px;box-shadow:0 1px 2px rgba(31,39,66,.04),0 8px 24px -14px rgba(31,39,66,.12)}
#exChips .ex{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;column-gap:10px;margin:0;padding:12px 0;min-height:56px;background:transparent;border:0;border-bottom:1px solid #efefec;border-radius:0}
#exChips>.ex:last-child,#exChips>div:last-child .ex{border-bottom:0}
#exChips .ex .k{font-size:14.5px;font-weight:600;color:var(--gray)}
#exChips .ex input,#exChips .ex select{font-size:16px;font-weight:700;min-height:32px;padding:0 18px 0 0}
#exChips .ex .hn{grid-column:2;font-size:13.5px;margin-top:2px}
#exChips .ex.q{box-shadow:inset 3px 0 0 var(--pt);padding-left:12px;margin-left:-18px;padding-right:0}
#exChips .ex.q .k{color:var(--pt-text)}
#exKindWrap,#exConWrap{display:contents}

/* 홈: 기한 카드를 네이비 면으로 */
.qcard{background:var(--navy);color:#fff}
.qcard h3{color:rgba(255,255,255,.78)}
.qcard .seg{background:rgba(255,255,255,.12)}.qcard .seg label{color:rgba(255,255,255,.75)}.qcard .seg input:checked+label{color:var(--navy)}
.qcard .datebig{background:rgba(255,255,255,.08)}.qcard .datebig .k,.qcard .datebig svg{color:rgba(255,255,255,.7)}.qcard .datebig .num{color:#fff}
.qcard .tile{background:rgba(255,255,255,.08)}.qcard .tile .k,.qcard .tile .s{color:rgba(255,255,255,.7)}.qcard .tile .v{color:#fff}.qcard .tile .v.pt{color:#f6b46a}
.qcard .btn{background:var(--pt);color:var(--ink);font-weight:800}
.qcard .sublink{color:#fff;opacity:.85}

/* 입력 높이·세로 가운데 */
.in{height:52px;line-height:normal;padding:0 16px}
.in[type=date]{display:block;line-height:50px}
.card{padding:20px}
.f{margin-top:16px}.f label,.lab{margin-bottom:2px}
#exChips .ex.q{padding-left:18px}
.in[type=date]::-webkit-calendar-picker-indicator{margin-left:auto}
.hero>div:not(.w) .n.pt,.hero3>div:not(.w) .n.pt{color:#f6b46a}
.in[type=date]::-webkit-datetime-edit{flex:1}

/* ── v6.3 모션 킥: 결과 도착 · 일정 · 숫자 · 누름. 평소엔 조용히 ── */
:root{--ease:cubic-bezier(.2,.8,.2,1)}
.btn,.tile,.chain i{transition:transform .12s var(--ease)}
.btn:active,.qcard .tile:active{transform:scale(.97)}
/* 홈: 날짜를 바꾸면 세 기한이 차례로 다시 놓인다 */
.qcard .tile{animation:up .4s var(--ease) both}.qcard .tile:nth-child(2){animation-delay:.06s}.qcard .tile:nth-child(3){animation-delay:.12s}
/* 결과: 상단 두 장 → 체크 도장 → 연결선 */
#v-result .hero>div,#v-result .hero3>div{animation:up .45s var(--ease) both}#v-result .hero>div:nth-child(2),#v-result .hero3>div:nth-child(2){animation-delay:.08s}
.chain li.done i{animation:pop .4s .25s var(--ease) both}
.chain li.done+li::before{transform-origin:left;animation:grow .45s .45s var(--ease) both}
@keyframes pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.14);opacity:1}100%{transform:none}}
@keyframes grow{from{transform:scaleX(0)}to{transform:none}}
/* 결과 카드: 스크롤로 만날 때 올라온다 */
.rv{opacity:0;transform:translateY(16px)}.rv.seen{opacity:1;transform:none;transition:opacity .5s ease-out,transform .55s var(--ease)}
@media print{.rv{opacity:1!important;transform:none!important}}
/* 일정: 줄이 차례로, 다음 기한 점이 두 번 울린다 */
.rv.seen .vt li{animation:up .4s var(--ease) both}
.vt li:nth-child(2){animation-delay:.07s}.vt li:nth-child(3){animation-delay:.14s}.vt li:nth-child(4){animation-delay:.21s}.vt li:nth-child(5){animation-delay:.28s}.vt li:nth-child(6){animation-delay:.35s}
.vt li.next i{color:var(--navy)}.vt li.pt.next i{color:var(--pt)}
.rv.seen .vt li.next i::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid currentColor;animation:ring 1.1s .75s ease-out 2 both}
@keyframes ring{from{transform:scale(1);opacity:.7}to{transform:scale(2.4);opacity:0}}
/* 읽은 내용 확인: 줄이 차례로, 확인 필요 막대는 아래로 그어진다 */
#exChips .ex{animation:up .35s var(--ease) both}
#exChips .ex.q{animation:up .35s var(--ease) both,qbar .5s .4s var(--ease) both}
@keyframes qbar{from{box-shadow:inset 0 0 0 var(--pt)}to{box-shadow:inset 3px 0 0 var(--pt)}}

/* ── v6.5 카톡 값 칸별 확인: 라벨 꼬리표 + 확인 동그라미 + 진행 막대 ── */
.mksum{position:sticky;top:8px;z-index:6;display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:13px 16px 15px;border-radius:14px;background:var(--navy);color:#fff;font-size:14.5px;font-weight:600;overflow:hidden;box-shadow:0 10px 24px -14px rgba(31,39,66,.55);animation:up .35s var(--ease) both}
.mksum span{flex:1;min-width:0}
.mksum b{font-family:var(--num);font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.mksum b em{font-style:normal;font-size:14.5px;opacity:.6;margin-left:1px}
.mksum i{position:absolute;left:0;bottom:0;height:3px;background:#f6b46a;border-radius:0 2px 2px 0;transition:width .4s var(--ease)}
.mksum.ok{background:var(--ok)}.mksum.ok i{background:rgba(255,255,255,.7)}
.f[data-mk]{position:relative}
.f[data-mk]>label,.f[data-mk]>.lab{display:flex;align-items:center;gap:6px;padding-right:34px;min-height:24px}
.f[data-mk]>label::after,.f[data-mk]>.lab::after{font-size:12px;font-weight:800;letter-spacing:.01em;line-height:1;padding:4px 6px 3px;border-radius:5px;flex:none}
.m-read>label::after,.m-read>.lab::after{content:"카톡";background:var(--navy-tint);color:var(--navy)}
.m-need>label::after,.m-need>.lab::after{content:"직접 입력";background:var(--pt-tint);color:var(--pt-text)}
.m-done>label::after,.m-done>.lab::after{content:"확인";background:var(--ok-tint);color:var(--ok)}
.mkc{position:absolute;top:0;right:0;width:24px;height:24px;padding:0;border-radius:50%;border:1.5px solid #c9ccd4;background:#fff;color:transparent;display:grid;place-items:center;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.mkc::after{content:"";position:absolute;inset:-10px}
.mkc svg{width:13px;height:13px}
.m-read .mkc{border-color:var(--navy)}
.m-done .mkc{background:var(--navy);border-color:var(--navy);color:#fff;animation:pop .3s var(--ease)}
.m-read .in,.m-read .seg{box-shadow:0 0 0 1.5px var(--navy)}
.m-need .in,.m-need .seg{box-shadow:0 0 0 1.5px var(--pt)}.m-need .chips label{box-shadow:inset 0 0 0 1.5px var(--pt)}
.mk{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin-top:8px;font-size:13.5px;font-weight:600;line-height:1.4;color:var(--gray)}
.m-need .mk{color:var(--pt-text)}
.mk span{flex:1 1 110px;min-width:0}
.sug{flex:none;height:28px;padding:0 10px;border-radius:8px;border:1px solid var(--pt);background:#fff;color:var(--pt-text);font:inherit;font-weight:800;cursor:pointer;transition:transform .12s var(--ease)}.sug:active{transform:scale(.96)}
.exraw{margin-top:14px;padding:14px 16px;background:#fff;border:1px solid #ececea;border-radius:12px;font-size:15px;line-height:1.7}
.exraw>b{display:block;font-size:13.5px;color:var(--gray);margin-bottom:4px}
.row2:has(#stdPriceTotal){grid-template-columns:1fr;gap:0}
.row2:has(#stdPriceTotal)>.f+.f{margin-top:16px}.hint.mv:empty{display:none}

/* ── v6.7 시작(카카오)·가입 동의·운영자 입장 ── */
.auth{min-height:100dvh;display:flex;flex-direction:column;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 56px) 24px calc(env(safe-area-inset-bottom) + 28px);background:#fff;max-width:600px;margin:0 auto}
.auth-mark{border:0;background:var(--navy);width:84px;height:84px;border-radius:24px;display:grid;place-items:center;padding:0;cursor:default;-webkit-touch-callout:none;user-select:none;box-shadow:0 14px 30px -16px rgba(31,39,66,.6);animation:up .5s var(--ease) both}
.auth-brand{margin-top:22px;font-size:16px;font-weight:800;color:var(--navy);letter-spacing:-.01em;animation:up .5s .06s var(--ease) both}
.auth h1{margin:6px 0 0;font-size:30px;line-height:1.28;font-weight:900;letter-spacing:-.03em;color:var(--ink);animation:up .5s .12s var(--ease) both}
.auth-pts{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:12px;animation:up .5s .2s var(--ease) both}
.auth-pts li{position:relative;padding-left:26px;font-size:16px;color:var(--gray);font-weight:600}
.auth-pts li::before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:var(--navy-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-4.9' fill='none' stroke='%232b3a67' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.auth-bot{animation:up .5s .28s var(--ease) both}
.kakao{display:flex;align-items:center;justify-content:center;gap:8px;height:56px;border-radius:12px;background:#FEE500;color:rgba(0,0,0,.85);font-size:16px;font-weight:800;text-decoration:none;transition:transform .12s var(--ease)}
.kakao:active{transform:scale(.98)}.kakao svg{color:#000}
.auth .fine{margin:12px 0 0;text-align:center;font-size:13.5px;color:var(--gray-2);line-height:1.5}
.auth .err{margin:0 0 12px}
.agrees{padding:6px 20px}
.agrees label{display:flex;align-items:center;gap:12px;min-height:56px;font-size:16px;font-weight:600;cursor:pointer}
.agall{font-weight:800!important;font-size:16px!important;border-bottom:1px solid #efefec}
.agone span{flex:1}.agone em{font-style:normal;font-size:13.5px;font-weight:800;color:var(--navy);margin-left:4px}
.agone a{font-size:14.5px;color:var(--gray);text-decoration:underline;text-underline-offset:3px}
.agrees input[type=checkbox]{appearance:none;-webkit-appearance:none;width:24px;height:24px;margin:0;border-radius:50%;border:1.5px solid #c9ccd4;background:#fff center/14px no-repeat;flex:none;transition:background-color .15s,border-color .15s}
.agrees input[type=checkbox]:checked{background-color:var(--navy);border-color:var(--navy);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.8 8.3l2.7 2.7 5.7-6' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.agsum{margin:4px 0 16px;padding:14px 16px;background:var(--cream);border-radius:12px;display:grid;gap:8px}
.agsum div{display:grid;grid-template-columns:72px 1fr;gap:8px;font-size:14.5px}.agsum dt{color:var(--gray)}.agsum dd{margin:0;font-weight:700;color:var(--ink)}
#v-signup .btn{margin-top:16px}#v-signup .btn:disabled{opacity:.35}
.acts{margin-top:14px}.btn.danger{color:#b3261e}
#gate .in{margin-top:4px}
.card>.fine{font-size:13.5px;color:var(--gray-2);margin:12px 0 0;line-height:1.55}
/* 설치 앱 시작: 휴대폰 시작 화면의 큰 체크(실측 1.97배, 문구 포함 68px 아래)에서 이어받아 작아지며 자리 잡는다. 다시 그리지 않는다 */
.splash.pwa .mark .b1,.splash.pwa .mark .b2{animation:none;stroke-dasharray:none}
.splash.pwa .mark{animation:settle .55s .08s cubic-bezier(.2,.8,.2,1) both}
.splash.pwa .txt2{animation:up .4s .38s ease-out backwards}
@keyframes settle{from{transform:translate(-6px,68px) scale(1.97)}to{transform:none}}
/* 시작 화면 한 줄 문구: 브랜드 아래, 가장 늦게 올라온다 */
.splash .slogan{margin:2px 0 0;font-size:15px;font-weight:600;letter-spacing:-.01em;color:rgba(255,255,255,.72);animation:up .45s .8s ease-out backwards}
.splash.pwa .slogan{animation-delay:.62s}

/* ── v7.1 일러스트: 화면마다 하나, 사물 위주, 우리 색 ── */
.ill{display:block;height:auto;user-select:none;-webkit-user-drag:none;pointer-events:none}
.ill-start{width:min(78%,300px);margin:28px auto 0;animation:up .6s .3s var(--ease) both}
.auth-top{display:flex;flex-direction:column}
.ill-home{width:150px;margin:-4px auto 8px}
#homeIntro h3{text-align:center}
.ill-sent{width:150px;margin:2px auto 6px;animation:pop .5s .1s var(--ease) both}
#sheetDone h3{text-align:center}#sheetDone #doneNo{text-align:center}
.emptyc{text-align:center;padding:28px 20px}.ill-empty{width:170px;margin:0 auto 14px}.emptyc .empty{font-size:15px;line-height:1.6;margin-bottom:18px}
.crash .ill-off{width:140px;margin:0 auto 8px}
/* v7.2 입체 일러스트에 맞춘 크기·배치: 삼성·토스처럼 작게, 살짝 */
.auth-mark{width:56px;height:56px;border-radius:16px}.auth-mark svg{width:36px;height:36px}
.ill-start{width:min(70%,260px);margin:24px auto 0}
.ill-home{width:120px}
.ill-sent{width:120px}
.ill-empty{width:150px}
.crash .ill-off{width:110px}
/* v7.3 카드 제목 옆 작은 사물 그림 + 큰 그림은 은은하게 떠 있게 */
.ttl-ic{display:inline-flex;align-items:center;gap:8px}
.tic{height:26px;width:auto;flex:none;pointer-events:none;user-select:none;animation:tic-in .5s .15s var(--ease) both}
@keyframes tic-in{0%{opacity:0;transform:translateY(4px) rotate(-12deg) scale(.7)}70%{opacity:1;transform:rotate(6deg) scale(1.06)}100%{transform:none}}
.ill-home{width:130px}
.ill-start,.ill-home,.ill-empty,.ill-sent{animation:ill-in .6s var(--ease) both,float 4.2s 1s ease-in-out infinite alternate}
@keyframes ill-in{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
@keyframes float{from{transform:translateY(0)}to{transform:translateY(-6px)}}

/* v7.4 홈 제목 오른쪽 빈자리에 건물 그림 · 글자 한 단계 키움(작은 글자 위주) · 회색 글자 진하게 */
#homeIntro h3{text-align:left}
.hd-ttl{position:relative}
.ill-hd{position:absolute;right:-6px;bottom:-10px;width:86px;animation:ill-in .6s .15s var(--ease) both,float 4.2s 1s ease-in-out infinite alternate}
@media (max-width:374px){.ill-hd{width:74px;right:-8px}}

/* v7.5 주소 찾기 */
.inbtn{position:relative}.inbtn .in{padding-right:96px}
.addr-go{position:absolute;right:8px;top:50%;transform:translateY(-50%);height:36px;padding:0 12px;border:0;border-radius:10px;background:var(--navy);color:#fff;font:inherit;font-size:13.5px;font-weight:800;cursor:pointer}
.addr-go:active{transform:translateY(-50%) scale(.96)}
.sheet.addr{z-index:34;height:86dvh;display:flex;flex-direction:column}
.addr-hd{display:flex;align-items:center;justify-content:space-between}
.addr-hd .x{border:0;background:var(--cream);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;cursor:pointer}
#addrBox{flex:1;min-height:0;margin-top:6px;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #ececea}
.addr-wait{padding:24px 16px;color:var(--gray);font-size:14.5px;text-align:center}
#paddrHint{display:block;margin-top:6px}

/* v7.6 날짜 칸 얼굴 */
.dp{position:relative}
.dp-face{display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none;color:var(--ink)}
.dp-face b{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}
.dp-face svg{color:var(--navy);flex:none}
.dp.empty .dp-face b{color:var(--gray-2);font-weight:600}
.dp>input[type=date]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}
.dp>input[type=date]::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.m-read .dp-face{box-shadow:0 0 0 1.5px var(--navy)}.m-need .dp-face{box-shadow:0 0 0 1.5px var(--pt)}.m-done .dp-face{box-shadow:none}
.dp>input:focus-visible+.dp-face,.dp:focus-within .dp-face{box-shadow:0 0 0 2px var(--navy)}
#kindWrap .hint b{color:var(--ink)}
/* v7.7 단계 내비: 지금 위치는 살구색 고리(숨 쉬듯 퍼짐), 다음 단계는 살구 점선 */
.chain li.now i{border-color:var(--pt);color:var(--pt-text);background:#fff;box-shadow:0 0 0 4px var(--pt-tint);overflow:visible}
.chain li.now i::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--pt);animation:here 1.9s ease-out infinite;pointer-events:none}
@keyframes here{0%{transform:scale(.9);opacity:.75}100%{transform:scale(1.55);opacity:0}}
.chain li.now b{color:var(--ink)}.chain li.now span{color:var(--pt-text);font-weight:800}
.chain li.next i{border:2px dashed var(--pt);color:var(--pt-text);background:#fff}
.chain li.next span{color:var(--pt-text);font-weight:700}
.chain li:not(.done):not(.now):not(.next) b{color:var(--gray)}

/* v7.8 보조 정보는 제목보다 낮게 */
.meta{font-size:13px;font-weight:500;color:var(--gray-2);letter-spacing:0}
.card h3 .meta:empty{display:none}
.chain li.now span,.chain li.next span{color:var(--gray);font-weight:500}

/* v7.9 신고 준비 카드 */
.prep h3{align-items:baseline}
.prl{list-style:none;margin:6px 0 0;padding:0}
.pr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:13px 0;border-bottom:1px solid #efefec}
.prl .pr:last-child{border-bottom:0}
.pr-l{display:flex;flex-direction:column;gap:3px;min-width:0}
.pr-l b{font-size:15px;font-weight:700;color:var(--ink)}
.pr-rule{font-size:13.5px;color:var(--gray);line-height:1.45}
.pr-c{font-size:12.5px;color:var(--pt-text);line-height:1.45}
.pr-b{font-size:12px;color:var(--gray-2)}
.pr-r{text-align:right;white-space:nowrap}
.pr-r b{display:block;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.pr-r small{font-size:12.5px;color:var(--gray-2)}
.pr.soon .pr-r b{color:var(--pt-text)}.pr.past .pr-r b,.pr.past .pr-l b{color:var(--gray-2)}
.pr-h{margin:18px 0 0;font-size:14.5px;font-weight:800;color:var(--ink)}
.pr-note{margin:10px 0 0;font-size:12.5px;color:var(--gray-2);line-height:1.5}
.pr{cursor:pointer;-webkit-tap-highlight-color:transparent}
.pr .pr-rule,.pr .pr-c,.pr .pr-b{display:none}
.pr.open .pr-rule,.pr.open .pr-c,.pr.open .pr-b{display:block}
.pr-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--pt);margin-left:6px;vertical-align:middle}
.pr-l b{display:flex;align-items:center}
.pr-r{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}
/* v8.0 법령 개정 감지 */
.lawband{margin:12px 0 0;padding:14px 16px;border-radius:14px;background:var(--pt-tint);color:var(--pt-text);display:flex;flex-direction:column;gap:4px;font-size:13.5px;line-height:1.5}
.lawband b{font-size:14.5px}
.pr.law .pr-r b{color:var(--gray-2);text-decoration:line-through 1px}
.lawtag{grid-column:1/-1;justify-self:start;font-size:12px;font-weight:800;color:var(--pt-text);background:var(--pt-tint);border-radius:6px;padding:3px 7px}

.pr-r em{font-style:normal;font-size:12px;font-weight:800;margin-top:3px;padding:2px 6px;border-radius:5px}
.pr-r em.w-in{color:var(--ok);background:var(--ok-tint)}.pr-r em.w-out{color:var(--pt-text);background:var(--pt-tint)}
.pr-r em{flex:none;align-self:flex-end;line-height:1.4;height:auto}