:root{color-scheme:light;--color-bg: #f7f7f9;--color-surface: #ffffff;--color-text: #1f2328;--color-muted: #5c6470;--color-border: #dfe2e6;--color-primary: #2f6feb;--color-safe: #1a7f37;--color-caution: #9a6700;--color-risk: #cf222e;--color-insufficient: #57606a;--color-warning-bg: #fff8c5;--color-warning-border: #d4a72c;font-family:-apple-system,Apple SD Gothic Neo,Noto Sans KR,Pretendard,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text)}#app{max-width:640px;margin:0 auto;padding:24px 16px 64px}h1{font-size:1.4rem;margin:16px 0 4px}h2{font-size:1.1rem;margin:24px 0 8px}.lead{color:var(--color-muted);margin-bottom:24px}.disclaimer{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:8px;padding:10px 14px;font-size:.85rem;font-weight:600;margin:0 0 16px}fieldset{border:1px solid var(--color-border);border-radius:10px;padding:16px;margin:0 0 16px;background:var(--color-surface)}legend{font-weight:700;padding:0 6px}.mortgage-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end;margin-bottom:12px}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}label{font-size:.85rem;font-weight:600;color:var(--color-muted)}input,select{padding:8px 10px;border:1px solid var(--color-border);border-radius:6px;font-size:1rem;background:#fff;width:100%}.hint{font-size:.78rem;color:var(--color-muted);margin:2px 0 0}button{cursor:pointer;border-radius:6px;border:1px solid var(--color-border);background:var(--color-surface);padding:8px 14px;font-size:.9rem}button.primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary);width:100%;padding:12px;font-size:1rem;font-weight:700;margin-top:8px}.remove-mortgage{color:var(--color-risk);border-color:var(--color-risk);background:transparent;height:fit-content}#add-mortgage{margin-top:4px}.form-error{color:var(--color-risk);font-weight:600;margin:8px 0}.grade-badge{display:inline-block;padding:8px 20px;border-radius:999px;font-size:1.3rem;font-weight:800;color:#fff;margin:8px 0}.grade-safe{background:var(--color-safe)}.grade-caution{background:var(--color-caution)}.grade-risk{background:var(--color-risk)}.grade-insufficient{background:var(--color-insufficient)}.headline{font-weight:700;font-size:1.05rem;margin:4px 0}.summary{color:var(--color-muted)}.reason-list{padding-left:20px;line-height:1.6}.reason-list li{margin-bottom:8px}.raw-table{width:100%;border-collapse:collapse;font-size:.9rem}.raw-table th,.raw-table td{border:1px solid var(--color-border);padding:8px 10px;text-align:left}.raw-table th{background:#f0f1f3}#back-button{display:block;width:100%;margin:24px 0 8px;padding:12px;font-weight:700}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.site-header-inner{max-width:640px;margin:0 auto;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 16px}.brand{font-weight:800;color:var(--color-text);text-decoration:none;font-size:1rem;white-space:nowrap}.site-nav{display:flex;gap:14px;flex-wrap:wrap}.site-nav a{color:var(--color-muted);text-decoration:none;font-size:.85rem;font-weight:600}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--color-primary)}.site-footer{max-width:640px;margin:32px auto 0;padding:16px;border-top:1px solid var(--color-border);font-size:.8rem;color:var(--color-muted);line-height:1.6}.footer-nav{margin:10px 0;display:flex;gap:6px 10px;flex-wrap:wrap}.footer-nav a{color:var(--color-muted)}.copyright{margin-top:8px;color:var(--color-muted)}.page{max-width:640px;margin:0 auto;padding:24px 16px 64px;line-height:1.75}.page h1{margin:8px 0 4px}.page h2{font-size:1.15rem;margin:32px 0 10px;padding-left:10px;border-left:4px solid var(--color-primary)}.page h3{font-size:1rem;margin:18px 0 6px}.page p{margin:8px 0}.page ul,.page ol{padding-left:22px;margin:8px 0}.page li{margin-bottom:6px}.page section{margin-bottom:8px}.toc{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:14px 20px;margin:20px 0}.toc p{margin:0 0 6px;font-weight:700}.toc ol{margin:0}.toc a{color:var(--color-primary);text-decoration:none}.toc a:hover{text-decoration:underline}.callout{background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:8px;padding:12px 16px;margin:14px 0}.faq-item{border-bottom:1px solid var(--color-border);padding:14px 0}.faq-item:last-child{border-bottom:none}.faq-q{font-weight:700;margin-bottom:6px}.faq-q:before{content:"Q. ";color:var(--color-primary)}.faq-a:before{content:"A. ";color:var(--color-muted);font-weight:700}.cta-button{display:inline-block;background:var(--color-primary);color:#fff;text-decoration:none;padding:10px 18px;border-radius:6px;font-weight:700;margin-top:8px}
