/* Rent Check shared presentation layer — original tool structure and calculation logic stay intact. */
body.v2-tool-page{--navy:#0d1f3c;--navy2:#153154;--blue:#1565c0;--blue-light:#eef5fc;--blue-50:#f5f9fd;--gold:#d4a73a;--gold-bright:#e2bd62;--gold-deep:#9f7b20;--ink:#111111;--muted:#667085;--sub:#667085;--line:#d7dce3;--border:#d7dce3;--bg:#f5f7fa;--card:#fff;--paper:#fff;--soft:#f7f8fa;--gray:#52606e;--gray-lite:#667085;--gray-bg:#f2f4f7;--shadow:0 10px 30px rgba(13,31,60,.07);--shadow-lg:0 22px 55px rgba(13,31,60,.12);--v2-card-radius:18px;background:var(--bg)!important;color:var(--ink);font-size:16px;line-height:1.65}body[data-tool-id="youth-score"]>.v2-toolbar{width:100%;margin-left:0}body.v2-tool-page>:is(.wrap,.container),.v2-tool-main{width:min(calc(100% - 32px),760px);max-width:760px;min-height:0;margin:0 auto;padding:16px 0 0;background:transparent}
body[data-tool-id="redevelopment"] .hero,body[data-tool-id="youth-score"]>.wrap>header,body[data-tool-id="rent-check"]>.container>header,body[data-tool-id="apartment"] .hd,.v2-tool-hero{position:relative;isolation:isolate;box-sizing:border-box;min-height:172px;overflow:hidden;margin:0 0 16px;padding:24px 30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border:0;border-radius:var(--v2-card-radius);background:linear-gradient(135deg,#0d1f3c 0%,#16385f 100%);box-shadow:0 18px 45px rgba(13,31,60,.16);color:#fff;text-align:left}body[data-tool-id="redevelopment"] .hero::after,body[data-tool-id="youth-score"]>.wrap>header::after,body[data-tool-id="rent-check"]>.container>header::after,body[data-tool-id="apartment"] .hd::after,.v2-tool-hero::after{content:"";position:absolute;z-index:-1;top:-120px;right:-80px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(212,167,58,.18),transparent 67%)}body.v2-tool-page :is(.hero,.wrap>header,.container>header,.hd) h1,.v2-tool-hero h1{margin:0;color:#fff;font-size:clamp(24px,4vw,30px)!important;line-height:1.35!important}body.v2-tool-page :is(.hero,.wrap>header,.container>header,.hd) :is(p,.sub,.subtitle),.v2-tool-hero p{max-width:620px;margin:8px 0 0;color:#d6dde6;font-size:14px!important;line-height:1.7!important}body.v2-tool-page :is(.hero,.wrap>header,.container>header,.hd) :is(.g,b,strong),.v2-tool-hero :is(b,strong){color:var(--gold)}body[data-tool-id="redevelopment"] .hero .badge,body[data-tool-id="youth-score"]>.wrap>header .badge{display:inline-flex;align-items:center;width:fit-content;margin:0 0 14px;padding:5px 10px;border:1px solid rgba(212,167,58,.55);border-radius:7px;background:rgba(255,255,255,.07);color:#f0d68d;font-size:11px;letter-spacing:.02em}body[data-tool-id="youth-score"]>.wrap>header .badge{margin:14px 0 0}body[data-tool-id="youth-score"]>.wrap>header .trust{display:none}body[data-tool-id="youth-score"]>.wrap>header .sub br{display:none}body[data-tool-id="rent-check"]>.container>header .brand{margin-bottom:8px;color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.02em}body[data-tool-id="rent-check"]>.container>header .owner-info{margin-top:10px;color:#d6dde6;font-size:11px}
.v2-tool-card,body[data-tool-id="rent-check"] .card,body[data-tool-id="apartment"] :is(.card,.det){border:1px solid var(--line);border-radius:var(--v2-card-radius);background:#fff;box-shadow:var(--shadow)}body.v2-tool-page :is(input:not([type="radio"]):not([type="checkbox"]):not([type="range"]),select,textarea){min-height:50px;border:1px solid var(--line);border-radius:11px;outline:none;background:#fff;color:var(--ink);font-size:16px;transition:border-color .15s,box-shadow .15s}body.v2-tool-page :is(input:not([type="radio"]):not([type="checkbox"]):not([type="range"]),select,textarea):focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(21,101,192,.12)}body.v2-tool-page :is(.field label,.step-t,.step-label,.sub-label){color:var(--navy)}body.v2-tool-page :is(.field label .hint,.field .unit,.eok,.cd,.rd,.meta,.mi){color:var(--muted)}body.v2-tool-page :is(.calc-btn,.btn-primary,.calculate,.m-cta){border:0;border-radius:11px;background:var(--navy)!important;box-shadow:0 10px 24px rgba(13,31,60,.14);color:#fff!important;transition:transform .15s,box-shadow .15s}body.v2-tool-page :is(.calc-btn,.btn-primary,.calculate,.m-cta):hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(13,31,60,.2)}
body[data-tool-id="redevelopment"]>.wrap{width:min(calc(100% - 32px),760px)}body[data-tool-id="redevelopment"] .tabs{gap:10px;margin:0;padding:22px 24px 0;border:1px solid var(--line);border-bottom:0;border-radius:var(--v2-card-radius) var(--v2-card-radius) 0 0;background:#fff}body[data-tool-id="redevelopment"] .tabs button{padding:12px 10px;border:1px solid var(--line);border-radius:10px;background:#f8f9fa;color:#52606e;font-size:14px}body[data-tool-id="redevelopment"] .tabs button.on{border-color:var(--navy);background:var(--navy);color:#fff;box-shadow:none}body[data-tool-id="redevelopment"] .tabs button :is(.sub),body[data-tool-id="redevelopment"] .tabs button.on .sub{color:#858e99}body[data-tool-id="redevelopment"] .body{padding:22px 24px 28px;border:1px solid var(--line);border-top:0;border-radius:0 0 var(--v2-card-radius) var(--v2-card-radius);background:#fff;box-shadow:var(--shadow)}body[data-tool-id="redevelopment"] .step-label{margin:3px 0 13px;color:var(--blue);font-size:12px}body[data-tool-id="redevelopment"] .field{margin-bottom:17px}body[data-tool-id="redevelopment"] .field label{margin-bottom:7px;font-size:14px}body[data-tool-id="redevelopment"] .inwrap input{padding:13px 64px 13px 14px;color:var(--navy);font-size:18px}body[data-tool-id="redevelopment"] .calc-btn{margin-top:6px;padding:15px;font-size:16px}body[data-tool-id="redevelopment"] :is(.rcard,.slider-box){border:1px solid var(--line);border-radius:13px;background:#fff}body[data-tool-id="redevelopment"] .rcard.main{border-color:#e0c978;background:#fffaf0}body[data-tool-id="redevelopment"] .rcard.main :is(.cap,.val .g),body[data-tool-id="redevelopment"] .sens{color:#7d6118}body[data-tool-id="redevelopment"] .sens{border-color:#e5d49a;background:#fffaf0}body[data-tool-id="redevelopment"] .notice,body[data-tool-id="youth-score"] .rank-warn,body[data-tool-id="rent-check"] :is(.notice,.basis-box){border:1px solid #e5d49a;border-left:3px solid var(--gold);border-radius:10px;background:#fffaf0;color:#62501f}body[data-tool-id="redevelopment"] .cta.primary{background:var(--navy)}body[data-tool-id="redevelopment"] .cta.sub{border-color:var(--line);color:var(--blue)}
body[data-tool-id="youth-score"]{padding:0 0 90px}body[data-tool-id="youth-score"]>.wrap{width:min(calc(100% - 32px),760px);padding-top:16px}body[data-tool-id="youth-score"]>.wrap>header{border-radius:var(--v2-card-radius)}body[data-tool-id="youth-score"] .body{padding:24px;border:1px solid var(--line);border-radius:var(--v2-card-radius);background:#fff;box-shadow:var(--shadow)}body[data-tool-id="youth-score"] .rank-warn{margin-bottom:12px;padding:13px 14px}body[data-tool-id="youth-score"] .step{margin-top:28px}body[data-tool-id="youth-score"] .step-t{margin-bottom:14px;font-size:15px}body[data-tool-id="youth-score"] .step-t .n{width:24px;height:24px;background:var(--navy)}body[data-tool-id="youth-score"] :is(.rank label,.chk,.payq label){border:1px solid var(--line);border-radius:11px;background:#fff}body[data-tool-id="youth-score"] :is(.rank label.sel,.chk.picked,.payq label.sel){border-color:#d7bd67;background:#fff8e7;color:var(--navy);box-shadow:0 0 0 2px rgba(212,167,58,.10)}body[data-tool-id="youth-score"] .rtag{background:#eef5fc;color:var(--blue)}body[data-tool-id="youth-score"] .help-btn{border:1px dashed #b9c2cc;border-radius:10px;color:var(--blue)}body[data-tool-id="youth-score"] :is(.help-box,.info3,.m-break,.rescred){background:#f6f7f9}body[data-tool-id="youth-score"] .sticky{max-width:560px;padding:12px 16px;border-radius:14px 14px 0 0;background:rgba(13,31,60,.98)}body[data-tool-id="youth-score"] .sticky .sc b{color:var(--gold)}body[data-tool-id="youth-score"] .sticky button{border-radius:9px;background:var(--gold);color:var(--navy)}body[data-tool-id="youth-score"] .modal{border:1px solid var(--line);border-radius:var(--v2-card-radius);box-shadow:var(--shadow-lg)}body[data-tool-id="youth-score"] .m-top{border-radius:var(--v2-card-radius) var(--v2-card-radius) 0 0;background:var(--navy)!important}
body[data-tool-id="rent-check"]>.container{width:min(calc(100% - 32px),760px)}body[data-tool-id="rent-check"] .card{margin-bottom:14px;padding:24px}body[data-tool-id="rent-check"] .card h2{margin-bottom:18px;padding-left:11px;border-left:3px solid var(--gold);color:var(--navy);font-size:16px}body[data-tool-id="rent-check"] .form-grid{gap:16px}body[data-tool-id="rent-check"] .field{gap:7px}body[data-tool-id="rent-check"] .field :is(select,input){padding:12px 14px;background:#fff}body[data-tool-id="rent-check"] .seg{gap:7px}body[data-tool-id="rent-check"] .seg button{min-height:43px;border:1px solid var(--line);border-radius:9px;background:#f8f9fa;color:#52606e}body[data-tool-id="rent-check"] .seg button.active{border-color:var(--navy);background:var(--navy);color:#fff}body[data-tool-id="rent-check"] .btn-primary{padding:15px}body[data-tool-id="rent-check"] .stat{border:1px solid var(--line);border-radius:11px;background:#f7f8fa}body[data-tool-id="rent-check"] .deals-table{overflow:hidden;border:1px solid var(--line);border-radius:10px}body[data-tool-id="rent-check"] .deals-table th{background:var(--navy)}body[data-tool-id="rent-check"] .card.apt-shortcut-card,body[data-tool-id="rent-check"] .card.blog-recommend{border:1px solid var(--line);background:#fff}body[data-tool-id="rent-check"] .apt-card,body[data-tool-id="rent-check"] .blog-link-btn{border:1px solid var(--line);border-radius:10px;background:#f8f9fa}body[data-tool-id="rent-check"] :is(.apt-card,.blog-link-btn):hover{border-color:#d5bd6b;background:#fff8e7;color:var(--navy)}body[data-tool-id="rent-check"] .next-step-banner{border-radius:var(--v2-card-radius);background:var(--navy)}body[data-tool-id="rent-check"] footer{margin-top:6px;padding:24px 20px;border-top:1px solid var(--line);color:var(--muted)}
body[data-tool-id="apartment"]>.wrap{width:min(calc(100% - 32px),760px)}body[data-tool-id="apartment"] .crumbbar{top:64px;margin:0 0 14px;padding:10px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.97);box-shadow:0 8px 24px rgba(13,31,60,.06);backdrop-filter:blur(12px)}body[data-tool-id="apartment"] .crumb a{min-height:34px;padding:6px 11px;border:1px solid #d8c273;background:#fff8e7;color:var(--navy)}body[data-tool-id="apartment"] .crumb :is(.sep,.cur){color:var(--muted)}body[data-tool-id="apartment"] .search{margin:0 0 14px}body[data-tool-id="apartment"] .search input{min-height:52px;border-color:var(--line);border-radius:12px;box-shadow:0 8px 24px rgba(13,31,60,.05)}body[data-tool-id="apartment"] .sres{border-color:var(--line);background:#fff;box-shadow:var(--shadow)}body[data-tool-id="apartment"] .sortbtn{border-color:var(--line)!important;background:#fff!important;color:#52606e!important}body[data-tool-id="apartment"] .sortbtn.on{border-color:var(--navy)!important;background:var(--navy)!important;color:#fff!important}body[data-tool-id="apartment"] .card{margin-bottom:10px;padding:15px 16px}body[data-tool-id="apartment"] .card:hover{border-color:#d6bd68;box-shadow:0 12px 28px rgba(13,31,60,.09)}body[data-tool-id="apartment"] .sumline{border:1px solid #e3cc7d;border-radius:11px;background:#fff8e7;color:#5f4e20}body[data-tool-id="apartment"] .rank,body[data-tool-id="apartment"] .rank.gold{background:var(--navy)!important;color:var(--gold)!important}body[data-tool-id="apartment"] .more,body[data-tool-id="apartment"] .back,body[data-tool-id="apartment"] .bands button,body[data-tool-id="apartment"] .tabs button{border-color:var(--line)!important;background:#fff!important;color:#52606e!important}body[data-tool-id="apartment"] :is(.bands button.on,.tabs button.on){border-color:var(--navy)!important;background:var(--navy)!important;color:#fff!important}body[data-tool-id="apartment"] .det{padding:20px}body[data-tool-id="apartment"] .fixbar.on{border-color:var(--line);background:rgba(247,248,250,.97);backdrop-filter:blur(12px)}body[data-tool-id="apartment"] .fixbar .db{background:var(--navy);color:#fff}body[data-tool-id="apartment"] .foot,body[data-tool-id="redevelopment"] .foot,body[data-tool-id="youth-score"] .foot{margin-top:24px;padding:22px 12px 0;border-top:1px solid var(--line);background:transparent;color:var(--muted);font-size:11px;text-align:center}body[data-tool-id="apartment"] .foot :is(.logo,b),body[data-tool-id="redevelopment"] .foot :is(.logo,b),body[data-tool-id="youth-score"] .foot :is(.logo,b){color:var(--navy)}body.v2-tool-page .v2-tool-notes{width:100%;margin:22px 0 0;padding:18px 24px;border:1px solid var(--line);border-radius:12px;background:#f7f8fa;box-shadow:none;color:var(--muted);font-size:11px;line-height:1.75;text-align:center}body.v2-tool-page .v2-tool-notes p{margin:2px 0}
@media(max-width:768px){body.v2-tool-page>:is(.wrap,.container),.v2-tool-main{width:min(calc(100% - 24px),760px)!important;padding:18px 0 48px}body[data-tool-id="redevelopment"] .hero,body[data-tool-id="youth-score"]>.wrap>header,body[data-tool-id="rent-check"]>.container>header,body[data-tool-id="apartment"] .hd,.v2-tool-hero{min-height:170px;margin-bottom:12px;padding:20px;border-radius:15px}body.v2-tool-page :is(.hero,.wrap>header,.container>header,.hd) h1,.v2-tool-hero h1{font-size:23px!important}body[data-tool-id="redevelopment"] .tabs{padding:16px 16px 0;border-radius:15px 15px 0 0}body[data-tool-id="redevelopment"] .body,body[data-tool-id="youth-score"] .body,body[data-tool-id="rent-check"] .card,body[data-tool-id="apartment"] .det{padding:18px 16px}body[data-tool-id="apartment"] .crumbbar{top:62px}}
@media(max-width:520px){body[data-tool-id="redevelopment"] .tabs button{padding-inline:5px;font-size:13px}body[data-tool-id="rent-check"] .stat-grid{grid-template-columns:1fr}body[data-tool-id="rent-check"] .stat{padding:12px}body[data-tool-id="apartment"] .ac .grid{grid-template-columns:repeat(2,1fr)}body.v2-tool-page .v2-tool-notes{font-size:11px}}
/* Youth-score result: current calculated score stays separate from the old 2021 SH benchmark. */
body[data-tool-id="youth-score"] .mjudge{font-size:0!important;line-height:1.55!important}body[data-tool-id="youth-score"] .mjudge::after{content:"과거 자료 비교 · 2021 SH 기준";font-size:15px;font-weight:800;color:#fff}body[data-tool-id="youth-score"] .mdesc{font-size:0!important;line-height:1.65!important}body[data-tool-id="youth-score"] .mdesc::after{content:"현재 회차의 당첨 가능성을 뜻하지 않습니다. 2021년 SH 청년매입임대 공개 커트라인과 단순 비교한 참고 표시입니다.";font-size:12.5px;color:rgba(255,255,255,.92)}