/* 홈 (main/index.html) 전용 — 브랜드: 청록 #0f766e · 금색 별 #f59e0b · 잉크 #0b2e33 */
:root{--hm-teal:#0f766e;--hm-gold:#f59e0b;--hm-ink:#0b2e33;--hm-tint:rgba(15,118,110,.08)}
:root[data-theme="dark"]{--hm-teal:#2dd4bf;--hm-ink:#e6edf3;--hm-tint:rgba(45,212,191,.10)}
.hm-search{margin:.6rem 0 0}
.hm-search .sbox-hero{max-width:820px;margin:0 auto;border-width:2px;border-color:var(--hm-teal)}
.hm-search .sbox-hero .btn.primary{background:var(--hm-teal);border-color:var(--hm-teal);box-shadow:0 6px 16px rgba(15,118,110,.25)}
.hm-try{text-align:center;margin:.55rem 0 0}
.hm-try a{display:inline-block;margin:0 .2rem;padding:.08rem .55rem;border-radius:999px;background:var(--hm-tint);color:var(--hm-teal);font-weight:600}
.hm-try a:hover{text-decoration:none;background:rgba(15,118,110,.16)}
.hm-hero h1{color:var(--hm-ink)}
.hm-hero h1 em{color:var(--hm-teal)}
.hm-kicker{font-size:.8rem;font-weight:700;letter-spacing:.03em;color:var(--hm-teal);margin:0 0 .6rem}
.hm-star{color:var(--hm-gold)}
.hm-hero .thb-points li::before{background-color:var(--hm-teal)}
.hm-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:1.2rem;max-width:560px}
.hm-nums a{display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.7rem .8rem;color:var(--text)}
.hm-nums a:hover{border-color:var(--hm-teal);text-decoration:none}
.hm-nums b{display:block;font-size:1.5rem;font-weight:800;color:var(--hm-teal);font-variant-numeric:tabular-nums;line-height:1.1}
.hm-nums span{font-size:.78rem;color:var(--muted)}
.hm-finder .chips input:checked+label{border-color:var(--hm-teal);background:var(--hm-tint);color:var(--hm-teal)}
.hm-finder .chips input:focus-visible+label{outline-color:var(--hm-teal)}
.hm-finder .btn.primary{background:var(--hm-teal);border-color:var(--hm-teal);box-shadow:0 6px 16px rgba(15,118,110,.25)}
.hm-check{display:flex;gap:.5rem;align-items:flex-start;margin:1rem 0 0;font-size:.86rem;cursor:pointer}
.hm-check input{width:auto;margin-top:.2rem;accent-color:var(--hm-teal)}
.answer{border-left-color:var(--hm-teal)}
.hm-regions{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.9rem}
.hm-region{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem;transition:border-color .15s}
.hm-region:hover{border-color:var(--hm-teal)}
.hm-region-h{display:block;color:var(--text)}
.hm-region-h:hover{text-decoration:none}
.hm-region-h h3{margin:0 0 .3rem;font-size:1.05rem}
.hm-region-h .low{font-size:1.45rem;font-weight:800;color:var(--hm-teal);font-variant-numeric:tabular-nums}
.hm-region-h .low small{font-size:.75rem;color:var(--muted);font-weight:500;margin-left:.3rem}
.hm-states{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.7rem;padding-top:.6rem;border-top:1px dashed var(--line)}
.hm-states a{font-size:.75rem;font-weight:700;padding:.1rem .45rem;border-radius:6px;background:var(--soft);color:var(--text)}
.hm-states a small{font-weight:400;color:var(--muted)}
.hm-states a:hover{background:var(--hm-tint);color:var(--hm-teal);text-decoration:none}
.hm-facets .chip{font-size:.82rem;padding:.25rem .65rem}
.hm-trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.hm-trust .card h3{margin:.2rem 0 .4rem;font-size:1.02rem}
.hm-trust .card p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.6}
.hm-ic{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--hm-ink);color:var(--hm-gold);font-weight:800}
:root[data-theme="dark"] .hm-ic{background:#13323a}
.how-steps .card .n{background:var(--hm-teal)}
@media(max-width:560px){.hm-nums b{font-size:1.2rem}.hm-try a{margin:.15rem}}