@import 강아지책임분양 url('

:root {
--primary: #1b7fc4;
--primary-dark: #0f5a8f;
--primary-light: #eaf4fc;
--primary-mid: #5aaee0;
--teal: #2a9d8f;
--teal-light: #e8f6f3;
--green: #4a9e6b;
--green-light: #edf7f1;
--amber: #d4830a;
--amber-light: #fff8ee;
--red: #d95f3b;
--red-light: #fdf1ee;
--text-dark: #0d1e2e;
--text-mid: #2a3e58;
--text-light: #7890aa;
--border: #ccdaee;
--bg-soft: #f4f8fc;
--bg-white: #ffffff;
}

/* ── 툴팁 ── */
.tt { font-weight:700color:var(--amber)border-bottom:2px dotted var(--amber)cursor:helpwhite-space:nowrap}
#tt-popup { position:fixedbackground:#0d1e2ecolor:#ffffont-size:12.5pxline-height:1.7padding:11px 15pxborder-radius:10pxwidth:260pxword-break:keep-allbox-shadow:0 6px 26px rgba(0,0,0,0.35)pointer-events:nonez-index:99999opacity:0transition:opacity 0.15s ease}
#tt-popup.visible { opacity:1}
#tt-popup::after { content:''position:absolutetop:100%left:50%transform:translateX(-50%)border:7px solid transparentborder-top-color:#0d1e2e}

/* ── B안 히어로 — 웜 앰버 ── */
.hero { background:linear-gradient(135deg,#5c2600 0%,#a84800 55%,#e07828 100%)border-radius:20pxpadding:56px 48pxcolor:whitemargin-bottom:48pxposition:relativeoverflow:hidden}
.hero::before { content:'