/* Cost of Living drop-in styles */
.col-hero{padding:42px 0 24px}
.col-hero .hero-panel{background:linear-gradient(135deg,#eff6ff,#ffffff);border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow)}
.eyebrow{display:inline-flex;gap:8px;align-items:center;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--brand);margin-bottom:8px}
.col-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}
.col-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.col-stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:var(--shadow)}
.col-stat .icon{font-size:24px;display:block;margin-bottom:8px}
.col-stat strong{font-size:22px;display:block}
.col-tool-result{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.col-result-box{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:14px}
.col-result-box span{display:block;color:var(--muted);font-size:13px}
.col-result-box strong{font-size:20px;color:var(--ink)}
.state-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.state-list .card{min-height:150px}
.pill-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 12px;color:var(--ink-2);font-weight:700;font-size:14px}
.pill:hover{text-decoration:none;border-color:#bfdbfe;background:#eff6ff}
.note-box{background:#fff7ed;border:1px solid #fed7aa;border-left:4px solid #f97316;border-radius:12px;padding:14px 16px;color:#7c2d12;margin:18px 0}
.comparison-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
.comparison-table th,.comparison-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left}
.comparison-table th{background:#f8fafc;color:var(--ink)}
@media(max-width:820px){.col-grid{grid-template-columns:1fr}.col-tool-result{grid-template-columns:1fr}}
