/* Cost of living guide. The shared site header and footer keep their own styles. */
main.cr-site {
  --cr-blue:#0068f5; --cr-ink:#092c72; --cr-muted:#57739b; --cr-line:#dce9fa;
  --cr-pale:#f3f8ff; --cr-teal:#00a58d; width:100%; max-width:none; margin:0;
  padding:0; color:var(--cr-ink); background:#fff; font:14px/1.4 Arial,Helvetica,sans-serif;
}
main.cr-site .cr-page, main.cr-site .cr-page *, main.cr-site .cr-page *::before, main.cr-site .cr-page *::after { box-sizing:border-box; }
main.cr-site .cr-page { width:100%; margin:0; padding:0; background:#fff; }
main.cr-site .cr-page :is(section,article,aside,nav,div,form,fieldset,figure) { min-width:0; }
main.cr-site .cr-page :is(h1,h2,h3,h4,p,ul,ol,dl,figure,fieldset) { margin:0; }
main.cr-site .cr-page :is(h1,h2,h3,h4) { font-family:Arial,Helvetica,sans-serif; font-weight:800; font-style:normal; text-transform:none; letter-spacing:-.035em; }
main.cr-site .cr-page :is(h1,h2,h3,p,a,strong,small,span,label,dd,dt) { overflow-wrap:break-word; }
main.cr-site .cr-page a { color:#0054e3; text-decoration:none; text-underline-offset:3px; }
main.cr-site .cr-page a:hover { text-decoration:underline; }
main.cr-site .cr-page img { display:block; max-width:100%; }
main.cr-site .cr-page :is(button,input,select,textarea) { min-width:0; max-width:100%; font-family:inherit; }
main.cr-site .cr-page :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible { outline:3px solid #d99000; outline-offset:3px; }
main.cr-site .cr-page [id] { scroll-margin-top:100px; }
main.cr-site .cr-page [hidden] { display:none!important; }
main.cr-site .cr-icon { display:block; flex:0 0 24px; width:24px; height:24px; color:var(--cr-blue); }
main.cr-site .cr-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 17px; border:1px solid var(--cr-blue); border-radius:5px; background:var(--cr-blue); color:#fff; font-size:13px; font-weight:700; line-height:1.3; text-align:center; text-decoration:none; cursor:pointer; }
main.cr-site .cr-page a.cr-button { color:#fff; }
main.cr-site .cr-button:hover, main.cr-site .cr-page a.cr-button:hover { background:#0059d8; border-color:#0059d8; color:#fff; text-decoration:none; }
main.cr-site .cr-button-outline { color:#0054e3; background:#fff; border-color:#8cb8f7; }
main.cr-site .cr-page a.cr-button-outline { color:#0054e3; }
main.cr-site .cr-button-outline:hover, main.cr-site .cr-page a.cr-button-outline:hover { color:#0046c4; background:#edf6ff; border-color:#4a9af8; }
main.cr-site .cr-button svg { flex:0 0 18px; width:18px; height:18px; }

/* A wide waterfront header follows the reference without changing the site shell. */
main.cr-site .cr-hero { position:relative; isolation:isolate; overflow:hidden; color:#fff; background:#143650; }
main.cr-site .cr-hero::before { content:''; position:absolute; z-index:-2; inset:0; background-image:var(--cr-hero-image,none); background-size:cover; background-position:center 52%; }
main.cr-site .cr-hero::after { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,#02243de6,#052a487d 48%,#0829410a 82%),linear-gradient(0deg,#001c3969,transparent 70%); }
main.cr-site .cr-hero-inner { width:min(1370px,calc(100% - 80px)); min-height:315px; margin-inline:auto; padding:24px 0 19px; }
main.cr-site .cr-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:11px; font-size:12px; line-height:1.4; }
main.cr-site .cr-hero .cr-breadcrumb, main.cr-site .cr-hero .cr-breadcrumb a { color:#fff; }
main.cr-site .cr-hero h1 { max-width:760px; color:#fff; font-size:clamp(42px,5.2vw,72px); line-height:.98; letter-spacing:-.05em; text-shadow:0 2px 15px #00264744; }
main.cr-site .cr-hero h1 span { display:block; }
main.cr-site .cr-subtitle { max-width:800px; margin-top:7px!important; color:#fff; font-size:clamp(19px,1.9vw,27px); line-height:1.2; font-weight:750; letter-spacing:-.025em; }
main.cr-site .cr-description { max-width:680px; margin-top:8px!important; color:#fff; font-size:17px; line-height:1.4; }
main.cr-site .cr-hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:15px; }
main.cr-site .cr-hero-actions .cr-button { min-width:215px; border-color:#fff; }
main.cr-site .cr-hero-actions .cr-button-outline { color:#fff; background:#061d3099; }
main.cr-site .cr-hero-actions a.cr-button-outline { color:#fff; }
main.cr-site .cr-hero-actions .cr-button-outline:hover { color:#fff; background:#123b5fe6; }
main.cr-site .cr-perks { display:flex; flex-wrap:wrap; align-items:center; gap:8px 23px; margin-top:17px!important; padding:0; list-style:none; }
main.cr-site .cr-perks > * { display:flex; align-items:center; gap:7px; color:#fff; font-size:12px; line-height:1.35; }
main.cr-site .cr-perks svg { display:block; width:24px; height:24px; padding:4px; border-radius:50%; background:#fff; color:#0066ec; }

main.cr-site .cr-wrap { width:min(1370px,calc(100% - 64px)); margin:13px auto 18px; }
main.cr-site .cr-layout { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:14px; align-items:start; }
main.cr-site .cr-main, main.cr-site .cr-sidebar { display:flex; flex-direction:column; gap:12px; min-width:0; }
main.cr-site .cr-panel, main.cr-site .cr-side-card { min-width:0; padding:12px; border:1px solid var(--cr-line); border-radius:7px; background:#fff; }
main.cr-site .cr-heading { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 11px; margin-bottom:10px; }
main.cr-site .cr-heading > div { min-width:0; }
main.cr-site .cr-heading h2 { color:#0031e8; font-size:25px; line-height:1.15; }
main.cr-site .cr-heading p, main.cr-site .cr-section-copy { color:var(--cr-muted); font-size:12px; line-height:1.4; }
main.cr-site .cr-heading > a { margin-left:auto; color:#0054e3; font-size:12px; line-height:1.35; }
main.cr-site .cr-note { margin-top:7px!important; color:#607b9c; font-size:11px; line-height:1.45; }
main.cr-site .cr-text-button { display:inline-flex; align-items:center; min-height:34px; margin-top:6px; padding:4px 0; border:0; border-radius:3px; color:#0054e3; background:transparent; font-size:11px; line-height:1.35; text-align:left; cursor:pointer; }
main.cr-site .cr-text-button:hover { color:#003cb1; text-decoration:underline; }

/* Neighborhood overview: categories, local map and four concise area previews. */
main.cr-site .cr-map-layout { display:grid; grid-template-columns:112px minmax(0,1fr) 210px; gap:11px; align-items:start; }
main.cr-site .cr-map-filters { display:grid; align-content:start; gap:7px; }
main.cr-site .cr-map-filters h3, main.cr-site .cr-map-filters > strong { display:block; margin-bottom:1px; color:#193d78; font-size:12px; line-height:1.3; }
main.cr-site .cr-map-filters :is(a,button) { display:flex; align-items:center; gap:8px; min-height:44px; padding:8px; border:1px solid #d6e5f8; border-radius:5px; color:#184383; background:#fff; font-size:11px; line-height:1.3; text-align:left; cursor:pointer; }
main.cr-site .cr-map-filters :is(a,button):hover { background:#edf6ff; border-color:#8cb8f7; text-decoration:none; }
main.cr-site .cr-map-filters [aria-current=true], main.cr-site .cr-map-filters [aria-pressed=true] { color:#004fd8; border-color:#a2c7fc; background:#dcecff; font-weight:700; }
main.cr-site .cr-map-filters svg { display:block; width:24px; height:24px; flex:0 0 24px; }
main.cr-site .cr-map-viewport { position:relative; width:100%; overflow:hidden; border:1px solid #d6e5ef; border-radius:6px; background:#e6f4fa; }
main.cr-site .cr-map-viewport > svg { display:block; width:100%; height:auto; max-width:100%; margin:0; }
main.cr-site .cr-map-viewport svg a { cursor:pointer; }
main.cr-site .cr-map-viewport svg a:focus-visible { outline:none; filter:drop-shadow(0 0 3px #0031dd); }
main.cr-site .cr-map-viewport .is-muted { opacity:.2; }
main.cr-site .cr-map-viewport a.is-muted:focus-visible { opacity:1; }
main.cr-site .cr-map-viewport a:hover .sk-map-label rect, main.cr-site .cr-map-viewport a:focus-visible .sk-map-label rect { stroke:#005be7; stroke-width:2.5px; }
main.cr-site .cr-map-legend { display:flex; flex-wrap:wrap; align-items:center; gap:5px 11px; margin-top:6px; color:#547294; font-size:10px; line-height:1.4; }
main.cr-site .cr-map-legend > span { display:inline-flex; align-items:center; gap:5px; }
main.cr-site .cr-map-legend i { display:inline-block; width:19px; border-top:3px solid var(--cr-line-color,#9e83c5); border-radius:3px; }
main.cr-site .cr-map-caption { margin-top:6px!important; color:#607b9c; font-size:10px; line-height:1.4; }
main.cr-site .cr-area-list { display:grid; gap:7px; }
main.cr-site .cr-area-list h3 { color:#0036d8; font-size:17px; line-height:1.2; }
main.cr-site .cr-area-list > :is(a,article) { display:grid; grid-template-columns:70px minmax(0,1fr); align-items:stretch; gap:8px; min-height:76px; padding:0 6px 0 0; border:1px solid #e8f0fb; border-radius:5px; overflow:hidden; background:#f1f7ff; }
main.cr-site .cr-area-list > a:hover { background:#e7f1ff; border-color:#bad7f9; text-decoration:none; }
main.cr-site .cr-area-list img { width:70px; height:100%; min-height:76px; object-fit:cover; }
main.cr-site .cr-area-list > :is(a,article) > div { min-width:0; padding:7px 0; }
main.cr-site .cr-area-list strong, main.cr-site .cr-area-list h4 { display:block; color:#0033bb; font-size:12px; font-weight:750; line-height:1.2; }
main.cr-site .cr-area-list b { display:block; margin-top:3px; color:#072a6f; font-size:13px; line-height:1.2; }
main.cr-site .cr-area-list p, main.cr-site .cr-area-list small { display:block; margin-top:3px; color:var(--cr-muted); font-size:10px; line-height:1.25; }

/* Seven real household options stay together rather than becoming tall cards. */
main.cr-site .cr-households { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:7px; }
main.cr-site .cr-household { display:flex; flex-direction:column; min-width:0; padding:10px 8px; border:1px solid #d5e5fa; border-radius:6px; background:linear-gradient(150deg,#fff,#f3f8ff); }
main.cr-site .cr-household.is-selected, main.cr-site .cr-household:has([aria-pressed=true]) { border-color:#0068f5; box-shadow:inset 0 0 0 1px #0068f51a; background:#f1f7ff; }
main.cr-site .cr-household > svg, main.cr-site .cr-household .cr-icon { width:28px; height:28px; margin-bottom:5px; }
main.cr-site .cr-household h3 { color:#103479; font-size:12px; line-height:1.3; letter-spacing:-.025em; }
main.cr-site .cr-household strong { display:block; margin-top:auto; padding-top:10px; color:#062d75; font-size:15px; line-height:1.25; letter-spacing:-.035em; }
main.cr-site .cr-household small, main.cr-site .cr-household p { display:block; margin-top:4px; color:var(--cr-muted); font-size:10px; line-height:1.35; }
main.cr-site .cr-household a { display:block; margin-top:7px; color:#0054e3; font-size:10px; line-height:1.35; }
main.cr-site .cr-household button { width:100%; min-height:44px; padding:0; border:0; color:#123678; background:transparent; font-weight:700; font-size:12px; line-height:1.3; text-align:left; cursor:pointer; }
main.cr-site .cr-household [data-cost-shekou-alex] { padding-top:6px; border-top:1px solid #dbe9fa; }

/* The editable dashboard uses one line per category and keeps its total nearby. */
main.cr-site .cr-dashboard-layout { display:grid; grid-template-columns:minmax(0,1fr) 220px; gap:12px; align-items:start; }
main.cr-site .cr-dashboard-controls { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-bottom:10px; }
main.cr-site .cr-tabs { display:flex; align-items:stretch; gap:3px; padding:3px; border-radius:5px; background:#edf5ff; }
main.cr-site .cr-tabs button { flex:1; min-width:0; min-height:36px; padding:7px 10px; border:0; border-radius:4px; color:#174386; background:transparent; font-size:11px; line-height:1.25; cursor:pointer; }
main.cr-site .cr-tabs button[aria-pressed=true], main.cr-site .cr-tabs button[aria-selected=true] { color:#fff; background:var(--cr-blue); }
main.cr-site .cr-tabs button:hover { background:#dcecff; }
main.cr-site .cr-tabs button[aria-pressed=true]:hover, main.cr-site .cr-tabs button[aria-selected=true]:hover { background:#005bdc; }
main.cr-site .cr-cost-row { display:grid; grid-template-columns:minmax(110px,1.45fr) minmax(78px,1fr) minmax(40px,1fr) 79px; gap:8px; align-items:center; min-height:38px; padding:5px 0; border-bottom:1px solid #e7eff9; }
main.cr-site .cr-cost-row:last-child { border-bottom:0; }
main.cr-site .cr-cost-row > :first-child, main.cr-site .cr-cost-row .cr-cost-label, main.cr-site .cr-cost-row .cr-expense-name { display:flex; align-items:center; gap:7px; min-width:0; color:#173c7a; font-size:12px; line-height:1.3; }
main.cr-site .cr-cost-row svg { flex:0 0 16px; width:16px; height:16px; color:#4c6b9c; }
main.cr-site .cr-cost-row .cr-range, main.cr-site .cr-cost-range { color:#5574a0; font-size:11px; line-height:1.3; font-variant-numeric:tabular-nums; }
main.cr-site .cr-cost-header { color:#5574a0; font-size:10px; line-height:1.3; }
main.cr-site .cr-cost-header > :first-child { font-size:10px; color:#5574a0; }
main.cr-site .cr-bar, main.cr-site .cr-bar-track { display:block; height:9px; overflow:hidden; border-radius:3px; background:#dce4f2; }
main.cr-site .cr-bar > *, main.cr-site .cr-bar-track > * { display:block; height:100%; max-width:100%; border-radius:3px; background:linear-gradient(90deg,#0067ff,#69a1ff); }
main.cr-site .cr-page input[type=number], main.cr-site .cr-page select { width:100%; min-height:35px; padding:7px 8px; border:1px solid #c9dcf7; border-radius:4px; color:#133675; background:#fff; font-size:12px; line-height:1.3; }
main.cr-site .cr-page input[type=number] { text-align:right; font-variant-numeric:tabular-nums; }
main.cr-site .cr-page input[aria-invalid=true] { border-color:#d82441; background:#fff7f8; }
main.cr-site .cr-total-card { padding:14px; border:1px solid #e2edf9; border-radius:6px; background:linear-gradient(140deg,#f4f8ff,#e9f2ff); }
main.cr-site .cr-total-card h3, main.cr-site .cr-total-card > p:first-child { color:#1a3b79; font-size:13px; line-height:1.3; font-weight:700; }
main.cr-site .cr-total-card > strong, main.cr-site .cr-total-value { display:block; margin-top:5px; color:#042f89; font-size:34px; font-weight:800; line-height:1.12; letter-spacing:-.05em; font-variant-numeric:tabular-nums; }
main.cr-site .cr-total-card p, main.cr-site .cr-total-card small { margin-top:7px; color:#52729c; font-size:11px; line-height:1.4; }
main.cr-site .cr-total-card p > b { display:block; margin-top:3px; color:#003bb2; font-size:15px; line-height:1.3; font-variant-numeric:tabular-nums; }
main.cr-site .cr-total-card a { display:block; margin-top:10px; font-size:12px; line-height:1.4; }
main.cr-site .cr-total-meter { display:flex; height:11px; margin-top:12px; overflow:hidden; border-radius:5px; background:linear-gradient(90deg,#09ac96,#cce5d6,#f4bda6,#ef6975); }
main.cr-site .cr-tip { margin-top:12px; padding:12px; border-radius:5px; color:#95622b; background:#fff2e6; font-size:11px; line-height:1.45; }
main.cr-site .cr-tip > svg { display:inline-block; width:17px; height:17px; margin:0 5px 2px 0; vertical-align:middle; color:#e07825; }
main.cr-site .cr-tip h3, main.cr-site .cr-tip strong { display:block; margin-bottom:4px; color:#cf671c; font-size:14px; line-height:1.3; }
main.cr-site .cr-error { margin-top:7px!important; color:#b4213d; font-size:12px; line-height:1.4; }

/* Up-front cash and profile comparison use the same compact paired row. */
main.cr-site .cr-split { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
main.cr-site .cr-movein-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(135px,.9fr); gap:12px; align-items:start; }
main.cr-site .cr-movein-fields, main.cr-site .cr-movein-grid > div:first-child { display:grid; gap:8px; }
main.cr-site .cr-movein-fields label, main.cr-site .cr-movein-grid label { display:grid; grid-template-columns:minmax(0,1fr) 84px; gap:8px; align-items:center; color:#315388; font-size:11px; line-height:1.3; }
main.cr-site .cr-movein-total { min-width:0; padding:12px; border-radius:5px; background:#edf6ff; }
main.cr-site .cr-movein-total p, main.cr-site .cr-movein-total h3 { color:#254984; font-size:12px; line-height:1.3; }
main.cr-site .cr-movein-total > strong { display:block; margin-top:6px; color:#082e79; font-size:31px; font-weight:800; line-height:1.15; letter-spacing:-.045em; }
main.cr-site .cr-movein-total dl { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 7px; margin-top:13px; padding-top:9px; border-top:1px solid #d6e6f8; }
main.cr-site .cr-movein-total dt { color:#4d6e99; font-size:10px; line-height:1.4; }
main.cr-site .cr-movein-total dl > div { display:flex; align-items:baseline; justify-content:space-between; gap:7px; font-size:10px; line-height:1.4; }
main.cr-site .cr-movein-total dd { margin:0; color:#153b78; font-size:10px; line-height:1.4; font-weight:700; text-align:right; font-variant-numeric:tabular-nums; }
main.cr-site .cr-movein-total > small { display:block; margin-top:9px; color:#5c7c9f; font-size:10px; line-height:1.4; }
main.cr-site .cr-budget-bars { display:grid; gap:9px; padding:2px 0 0; list-style:none; }
main.cr-site .cr-budget-bars > li { display:grid; grid-template-columns:minmax(85px,1.4fr) minmax(50px,1.6fr) 62px; gap:8px; align-items:center; }
main.cr-site .cr-budget-bars > li > a { display:block; min-width:0; color:#174385; font-size:11px; line-height:1.3; }
main.cr-site .cr-budget-bars :is(span,small) { font-size:11px; line-height:1.3; }
main.cr-site .cr-budget-bars strong { color:#325691; font-size:11px; font-weight:500; line-height:1.3; text-align:right; font-variant-numeric:tabular-nums; }
main.cr-site .cr-budget-bars .cr-bar, main.cr-site .cr-budget-bars .cr-bar-track { height:13px; background:#eef3fb; }
main.cr-site .cr-budget-bars li:nth-child(2n) .cr-bar > *, main.cr-site .cr-budget-bars li:nth-child(2n) .cr-bar-track > * { background:linear-gradient(90deg,#b6a7ec,#7c87ea); }
main.cr-site .cr-budget-bars li:nth-child(6) .cr-bar > *, main.cr-site .cr-budget-bars li:nth-child(6) .cr-bar-track > * { background:linear-gradient(90deg,#00b898,#6edac8); }
main.cr-site .cr-budget-bars li:nth-child(7) .cr-bar > *, main.cr-site .cr-budget-bars li:nth-child(7) .cr-bar-track > * { background:linear-gradient(90deg,#b75aff,#d1a5f3); }

main.cr-site .cr-category-grid { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:7px; }
main.cr-site .cr-category-grid > a { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid #e1ecfa; border-radius:5px; background:#f4f8ff; }
main.cr-site .cr-category-grid > a:hover { background:#eaf3ff; text-decoration:none; }
main.cr-site .cr-category-grid img { display:block; width:100%; height:auto; aspect-ratio:1.35/1; object-fit:cover; }
main.cr-site .cr-category-grid > a > div { padding:7px; }
main.cr-site .cr-category-grid h3, main.cr-site .cr-category-grid strong { display:block; color:#0034c7; font-size:12px; line-height:1.2; }
main.cr-site .cr-category-grid p, main.cr-site .cr-category-grid small { display:block; margin-top:3px; color:#55749e; font-size:10px; line-height:1.35; }
main.cr-site .cr-drivers { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:6px; padding:0; list-style:none; }
main.cr-site .cr-drivers > * { min-width:0; padding:8px 7px; border:1px solid #e2edf9; border-radius:5px; background:#edf7ff; }
main.cr-site .cr-drivers b, main.cr-site .cr-driver-number { display:flex; align-items:center; justify-content:center; width:23px; height:23px; margin-bottom:5px; border-radius:50%; background:#0068f5; color:#fff; font-size:12px; font-weight:700; }
main.cr-site .cr-drivers > :nth-child(2) b, main.cr-site .cr-drivers > :nth-child(5) b { background:#ff761a; }
main.cr-site .cr-drivers > :nth-child(3) b { background:#e74a76; }
main.cr-site .cr-drivers > :nth-child(4) b { background:#00a58d; }
main.cr-site .cr-drivers > :nth-child(6) b { background:#a64ee8; }
main.cr-site .cr-drivers h3, main.cr-site .cr-drivers strong { display:block; color:#234984; font-size:11px; line-height:1.25; }
main.cr-site .cr-drivers p, main.cr-site .cr-drivers small { display:block; margin-top:3px; color:#5e7da1; font-size:10px; line-height:1.3; }
main.cr-site .cr-city-fields { display:grid; grid-template-columns:minmax(0,1fr) 90px; gap:8px; }
main.cr-site .cr-city-fields label { display:grid; gap:4px; color:#315388; font-size:11px; line-height:1.3; }
main.cr-site .cr-city-chart, main.cr-site .cr-city-bars { display:flex; align-items:flex-end; gap:12px; min-height:100px; margin-top:12px; }
main.cr-site .cr-city-bars > * { flex:1; min-width:0; color:#50709a; font-size:10px; line-height:1.3; text-align:center; }
main.cr-site .cr-city-chart svg { display:block; width:100%; max-width:100%; height:auto; }
main.cr-site .cr-city-key { display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin-top:8px; color:#52729a; font-size:10px; }
main.cr-site .cr-city-key > span { display:inline-flex; align-items:center; gap:5px; }
main.cr-site .cr-city-key i { display:block; width:9px; height:9px; border-radius:2px; background:#a7b2cc; }
main.cr-site .cr-city-key > :last-child i { background:#2f79ff; }
main.cr-site .cr-city-controls { display:grid; grid-template-columns:minmax(0,1.2fr) 73px minmax(82px,.8fr); gap:7px; margin-bottom:10px; }
main.cr-site .cr-city-controls label { display:grid; gap:4px; color:#315388; font-size:10px; line-height:1.3; }
main.cr-site .cr-city-controls input[type=text] { width:100%; min-height:35px; padding:7px 8px; border:1px solid #c9dcf7; border-radius:4px; color:#133675; background:#fff; font-family:inherit; font-size:12px; line-height:1.3; }
main.cr-site .cr-city-controls input[readonly] { color:#6481a3; background:#f0f5fb; }
main.cr-site .cr-city-rows { display:grid; gap:7px; }
main.cr-site .cr-city-row { display:grid; grid-template-columns:minmax(76px,1fr) 73px minmax(40px,1.25fr) 67px; gap:7px; align-items:center; min-width:0; color:#32568b; font-size:10px; line-height:1.3; }
main.cr-site .cr-city-row > span:first-child { min-width:0; }
main.cr-site .cr-city-bar-track { display:grid; align-content:center; gap:3px; min-width:0; height:23px; }
main.cr-site .cr-city-bar-track > i { display:block; max-width:100%; height:8px; min-width:0; border-radius:2px; background:#a7b2cc; }
main.cr-site .cr-city-bar-track > .cr-city-sz-bar { background:#2f79ff; }
main.cr-site .cr-city-values { display:grid; gap:3px; min-width:0; font-size:10px; line-height:1.2; font-variant-numeric:tabular-nums; text-align:right; }
main.cr-site .cr-city-values b { color:#7889a9; font-weight:500; }
main.cr-site .cr-city-values strong { color:#1766dc; font-weight:600; }
main.cr-site .cr-city-legend { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px 13px; margin-top:8px; color:#52729a; font-size:10px; line-height:1.3; }
main.cr-site .cr-city-legend > span { display:inline-flex; align-items:center; gap:5px; }
main.cr-site .cr-city-legend > span::before { content:''; display:block; width:9px; height:9px; border-radius:2px; background:#a7b2cc; }
main.cr-site .cr-city-legend > span:last-child::before { background:#2f79ff; }

/* Short utility cards stay in a single vertical rail on wide screens. */
main.cr-site .cr-side-card { padding:11px; }
main.cr-site .cr-side-card h2 { display:flex; align-items:center; gap:7px; margin-bottom:9px; color:#0034df; font-size:17px; line-height:1.2; }
main.cr-site .cr-side-card h2 svg { flex:0 0 25px; width:25px; height:25px; color:#0067ff; }
main.cr-site .cr-side-card p { color:#56739d; font-size:11px; line-height:1.45; }
main.cr-site .cr-side-card ul { display:grid; gap:6px; padding:0; list-style:none; }
main.cr-site .cr-side-card li { display:flex; align-items:flex-start; gap:6px; color:#52729a; font-size:11px; line-height:1.4; }
main.cr-site .cr-side-card li > svg { flex:0 0 14px; width:14px; height:14px; margin-top:1px; color:#00a58d; }
main.cr-site .cr-side-card dl { display:grid; gap:7px; }
main.cr-site .cr-side-card dl > div { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:9px; align-items:start; }
main.cr-site .cr-side-card dt, main.cr-site .cr-side-card dd { color:#537398; font-size:10px; line-height:1.4; }
main.cr-site .cr-side-card dd { margin:0; color:#153e80; text-align:right; }
main.cr-site .cr-side-card > img, main.cr-site .cr-snapshot img { width:100%; height:auto; aspect-ratio:2.1/1; margin-bottom:9px; border-radius:5px; object-fit:cover; }
main.cr-site .cr-save-actions { display:grid; gap:7px; }
main.cr-site .cr-save-actions h2 { margin-bottom:2px; }
main.cr-site .cr-save-actions > .cr-button { margin:0; }
main.cr-site .cr-save-actions > .cr-note { margin-top:0!important; }
main.cr-site .cr-checklist { display:grid; gap:7px; }
main.cr-site .cr-checklist label { display:flex; align-items:flex-start; gap:7px; color:#456a99; font-size:11px; line-height:1.4; cursor:pointer; }
main.cr-site .cr-checklist input { flex:0 0 15px; width:15px; height:15px; margin:1px 0 0; accent-color:#0068f5; }
main.cr-site .cr-side-actions { display:grid; gap:6px; }
main.cr-site .cr-side-actions > :is(a,button), main.cr-site .cr-side-card > .cr-button { display:flex; align-items:center; justify-content:flex-start; gap:7px; width:100%; min-height:38px; padding:8px; border:1px solid #b8d4fc; border-radius:4px; color:#0058e8; background:#fff; font-size:11px; font-weight:500; line-height:1.3; text-align:left; cursor:pointer; }
main.cr-site .cr-side-actions > :is(a,button):hover { border-color:#71aafa; background:#edf6ff; text-decoration:none; }
main.cr-site .cr-side-actions svg { flex:0 0 18px; width:18px; height:18px; color:#0068f5; }
main.cr-site .cr-help .cr-button, main.cr-site .cr-side-card .cr-button-primary { justify-content:center; margin-top:10px; border-color:#0068f5; color:#fff; background:#0068f5; font-weight:700; }
main.cr-site .cr-sources { display:grid; gap:6px; }
main.cr-site .cr-sources a { display:flex; align-items:flex-start; gap:7px; min-height:25px; color:#0054e3; font-size:11px; line-height:1.35; }
main.cr-site .cr-sources svg { display:block; flex:0 0 15px; width:15px; height:15px; }
main.cr-site .cr-report { padding:9px 10px; border:1px solid #f9d9dd; border-radius:5px; background:#fff1f2; }
main.cr-site .cr-report a { display:flex; align-items:center; gap:7px; color:#df2542; font-size:11px; line-height:1.35; }
main.cr-site :is(.cr-read-list,.cr-read-next,.cr-next-links) { display:grid; gap:6px; }
main.cr-site :is(.cr-read-list,.cr-read-next,.cr-next-links) > a { display:grid; grid-template-columns:56px minmax(0,1fr); gap:7px; min-height:48px; overflow:hidden; border-radius:4px; color:#0049d8; background:#edf5ff; }
main.cr-site :is(.cr-read-list,.cr-read-next,.cr-next-links) img { width:56px; height:48px; object-fit:cover; }
main.cr-site :is(.cr-read-list,.cr-read-next,.cr-next-links) > a > div { padding:5px 5px 5px 0; }
main.cr-site :is(.cr-read-list,.cr-read-next,.cr-next-links) strong { display:block; color:#0044c9; font-size:11px; line-height:1.25; }
main.cr-site .cr-read-list > a > strong { align-self:center; padding:6px 6px 6px 0; }
main.cr-site :is(.cr-read-list,.cr-read-next,.cr-next-links) small { display:block; margin-top:3px; color:#5c7da5; font-size:10px; line-height:1.3; }

main.cr-site .cr-details { margin-top:11px; overflow:hidden; border:1px solid var(--cr-line); border-radius:6px; background:#fff; }
main.cr-site .cr-details > summary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:46px; padding:11px 12px; color:#0047ca; background:#f4f8ff; font-size:14px; font-weight:700; line-height:1.35; cursor:pointer; list-style:none; }
main.cr-site .cr-details > summary::-webkit-details-marker { display:none; }
main.cr-site .cr-details > summary::after { content:'+'; flex:none; font-size:20px; font-weight:400; }
main.cr-site .cr-details[open] > summary::after { content:'−'; }
main.cr-site .cr-details > :not(summary) { padding:12px; }
main.cr-site .cr-details p { color:#53739a; font-size:12px; line-height:1.5; }
main.cr-site .cr-details p + p { margin-top:9px; }
main.cr-site .cr-details :is(ul,ol) { padding-left:20px; color:#53739a; font-size:12px; line-height:1.5; }
main.cr-site .cr-cta { position:relative; isolation:isolate; overflow:hidden; margin-top:17px; color:#fff; background:#164569; }
main.cr-site .cr-cta::before { content:''; position:absolute; inset:0; z-index:-2; background-image:var(--cr-cta-image,var(--cr-hero-image,none)); background-size:cover; background-position:center 57%; }
main.cr-site .cr-cta::after { content:''; position:absolute; inset:0; z-index:-1; background:#06365e9c; }
main.cr-site .cr-cta-inner { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:13px 25px; width:min(1370px,calc(100% - 64px)); min-height:107px; margin-inline:auto; padding:18px 0; }
main.cr-site .cr-cta h2 { color:#fff; font-size:25px; line-height:1.15; }
main.cr-site .cr-cta p { margin-top:5px; color:#fff; font-size:13px; line-height:1.35; }
main.cr-site .cr-cta-actions { display:flex; flex-wrap:wrap; gap:8px; }
main.cr-site .cr-cta .cr-button { border-color:#fff; }
main.cr-site .cr-cta .cr-button-outline { color:#0054e3; background:#fff; }

@media (max-width:1250px) {
  main.cr-site .cr-layout { grid-template-columns:minmax(0,1fr) 235px; gap:11px; }
  main.cr-site .cr-map-layout { grid-template-columns:100px minmax(0,1fr); gap:9px; }
  main.cr-site .cr-area-list { grid-column:1/-1; grid-template-columns:repeat(4,minmax(0,1fr)); }
  main.cr-site .cr-area-list > h3 { grid-column:1/-1; }
  main.cr-site .cr-area-list > :is(a,article) { display:flex; flex-direction:column; padding:0; }
  main.cr-site .cr-area-list img { width:100%; height:auto; min-height:0; aspect-ratio:1.8/1; }
  main.cr-site .cr-area-list > :is(a,article) > div { padding:7px; }
  main.cr-site .cr-households { grid-template-columns:repeat(4,minmax(0,1fr)); }
  main.cr-site .cr-household strong { font-size:16px; }
  main.cr-site .cr-dashboard-layout { grid-template-columns:minmax(0,1fr) 185px; gap:10px; }
  main.cr-site .cr-cost-row { grid-template-columns:minmax(95px,1.4fr) minmax(65px,1fr) 72px; gap:7px; }
  main.cr-site .cr-cost-row > .cr-bar, main.cr-site .cr-cost-row > .cr-bar-track { display:none; }
  main.cr-site .cr-cost-header > span:nth-child(3) { display:none; }
  main.cr-site .cr-split { grid-template-columns:1fr; }
  main.cr-site .cr-category-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  main.cr-site .cr-drivers { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:950px) {
  main.cr-site .cr-hero-inner { width:calc(100% - 48px); min-height:300px; }
  main.cr-site .cr-description { max-width:610px; font-size:16px; }
  main.cr-site .cr-wrap { width:calc(100% - 36px); }
  main.cr-site .cr-layout { grid-template-columns:1fr; }
  main.cr-site .cr-sidebar { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; gap:10px; }
  main.cr-site .cr-map-layout { grid-template-columns:112px minmax(0,1fr) 195px; }
  main.cr-site .cr-area-list { grid-column:auto; grid-template-columns:1fr; }
  main.cr-site .cr-area-list > :is(a,article) { display:grid; grid-template-columns:63px minmax(0,1fr); gap:7px; padding:0 5px 0 0; min-height:73px; }
  main.cr-site .cr-area-list img { width:63px; height:100%; min-height:73px; aspect-ratio:auto; }
  main.cr-site .cr-area-list > :is(a,article) > div { padding:6px 0; }
  main.cr-site .cr-households { grid-template-columns:repeat(4,minmax(0,1fr)); }
  main.cr-site .cr-dashboard-layout { grid-template-columns:minmax(0,1fr) 205px; }
  main.cr-site .cr-split { grid-template-columns:repeat(2,minmax(0,1fr)); }
  main.cr-site .cr-movein-grid { grid-template-columns:1fr; }
  main.cr-site .cr-movein-total dl { grid-template-columns:minmax(0,1fr) auto; }
  main.cr-site .cr-category-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  main.cr-site .cr-cta-inner { width:calc(100% - 36px); }
}
@media (max-width:650px) {
  main.cr-site .cr-page { font-size:13px; }
  main.cr-site .cr-hero-inner { width:calc(100% - 32px); min-height:0; padding:22px 0; }
  main.cr-site .cr-breadcrumb { margin-bottom:15px; font-size:11px; }
  main.cr-site .cr-hero h1 { font-size:46px; line-height:1; }
  main.cr-site .cr-subtitle { margin-top:9px!important; font-size:21px; line-height:1.2; }
  main.cr-site .cr-description { margin-top:10px!important; font-size:15px; line-height:1.45; }
  main.cr-site .cr-hero-actions { display:grid; grid-template-columns:1fr; margin-top:16px; gap:8px; }
  main.cr-site .cr-hero-actions .cr-button { width:100%; min-width:0; }
  main.cr-site .cr-perks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 8px; margin-top:16px!important; }
  main.cr-site .cr-perks > * { gap:6px; font-size:10px; }
  main.cr-site .cr-perks svg { flex:0 0 23px; width:23px; height:23px; }
  main.cr-site .cr-wrap { width:calc(100% - 24px); margin-top:11px; }
  main.cr-site .cr-main { gap:10px; }
  main.cr-site .cr-panel, main.cr-site .cr-side-card { padding:10px; }
  main.cr-site .cr-heading { display:block; margin-bottom:10px; }
  main.cr-site .cr-heading h2 { font-size:23px; line-height:1.13; }
  main.cr-site .cr-heading p { margin-top:5px; font-size:11px; line-height:1.4; }
  main.cr-site .cr-heading > a { display:inline-flex; align-items:center; min-height:34px; margin-top:3px; font-size:11px; }
  main.cr-site .cr-map-layout { display:flex; flex-direction:column; gap:10px; }
  main.cr-site .cr-map-filters { width:100%; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
  main.cr-site .cr-map-filters h3, main.cr-site .cr-map-filters > strong { grid-column:1/-1; font-size:11px; }
  main.cr-site .cr-map-filters :is(a,button) { justify-content:flex-start; gap:5px; min-height:44px; padding:7px 5px; font-size:10px; }
  main.cr-site .cr-map-filters svg { flex:0 0 20px; width:20px; height:20px; }
  main.cr-site .cr-map-viewport { width:100%; }
  main.cr-site .cr-area-list { width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
  main.cr-site .cr-area-list > :is(a,article) { display:flex; flex-direction:column; gap:0; padding:0; }
  main.cr-site .cr-area-list img { width:100%; height:auto; min-height:0; aspect-ratio:1.8/1; }
  main.cr-site .cr-area-list > :is(a,article) > div { padding:8px; }
  main.cr-site .cr-area-list strong, main.cr-site .cr-area-list h4 { font-size:12px; }
  main.cr-site .cr-area-list p, main.cr-site .cr-area-list small { font-size:10px; line-height:1.35; }
  main.cr-site .cr-households { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
  main.cr-site .cr-household { padding:10px; }
  main.cr-site .cr-household h3 { font-size:13px; }
  main.cr-site .cr-household strong { padding-top:9px; font-size:17px; }
  main.cr-site .cr-household small, main.cr-site .cr-household p, main.cr-site .cr-household a { font-size:11px; }
  main.cr-site .cr-household a { min-height:28px; }
  main.cr-site .cr-dashboard-layout { grid-template-columns:1fr; gap:12px; }
  main.cr-site .cr-dashboard-controls { display:block; }
  main.cr-site .cr-tabs { width:100%; margin-bottom:7px; }
  main.cr-site .cr-tabs button { min-height:44px; padding:7px 5px; font-size:11px; }
  main.cr-site .cr-cost-row { grid-template-columns:minmax(95px,1.3fr) minmax(60px,1fr) 78px; gap:6px; min-height:45px; padding:5px 0; }
  main.cr-site .cr-cost-row > :first-child, main.cr-site .cr-cost-row .cr-cost-label, main.cr-site .cr-cost-row .cr-expense-name { gap:5px; font-size:11px; }
  main.cr-site .cr-cost-row svg { flex:0 0 14px; width:14px; height:14px; }
  main.cr-site .cr-cost-row .cr-range, main.cr-site .cr-cost-range { font-size:10px; line-height:1.35; }
  main.cr-site .cr-page input[type=number], main.cr-site .cr-page select { min-height:42px; padding:8px 6px; font-size:12px; }
  main.cr-site .cr-total-card { padding:13px; }
  main.cr-site .cr-total-card > strong, main.cr-site .cr-total-value { font-size:36px; }
  main.cr-site .cr-total-card p { font-size:12px; }
  main.cr-site .cr-split { grid-template-columns:1fr; gap:10px; }
  main.cr-site .cr-movein-grid { grid-template-columns:minmax(0,1fr) minmax(125px,.9fr); gap:10px; }
  main.cr-site .cr-movein-fields label, main.cr-site .cr-movein-grid label { grid-template-columns:minmax(0,1fr) 74px; gap:6px; font-size:11px; }
  main.cr-site .cr-movein-total { padding:11px; }
  main.cr-site .cr-movein-total > strong { font-size:29px; }
  main.cr-site .cr-movein-total dl { grid-template-columns:minmax(0,1fr) auto; gap:6px; }
  main.cr-site .cr-budget-bars { gap:11px; }
  main.cr-site .cr-budget-bars > li { grid-template-columns:minmax(90px,1.2fr) minmax(65px,1.4fr) 60px; gap:8px; }
  main.cr-site .cr-budget-bars :is(span,small), main.cr-site .cr-budget-bars strong { font-size:11px; }
  main.cr-site .cr-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  main.cr-site .cr-category-grid img { aspect-ratio:1.7/1; }
  main.cr-site .cr-category-grid > a > div { padding:8px; }
  main.cr-site .cr-category-grid h3, main.cr-site .cr-category-grid strong { font-size:13px; }
  main.cr-site .cr-category-grid p, main.cr-site .cr-category-grid small { font-size:11px; }
  main.cr-site .cr-drivers { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
  main.cr-site .cr-drivers > * { padding:9px; }
  main.cr-site .cr-drivers h3, main.cr-site .cr-drivers strong { font-size:12px; }
  main.cr-site .cr-drivers p, main.cr-site .cr-drivers small { font-size:11px; }
  main.cr-site .cr-city-fields { grid-template-columns:minmax(0,1fr) 90px; }
  main.cr-site .cr-city-chart, main.cr-site .cr-city-bars { gap:7px; }
  main.cr-site .cr-city-controls { grid-template-columns:minmax(0,1fr) 78px; gap:7px; }
  main.cr-site .cr-city-controls > label:last-child { grid-column:1/-1; grid-template-columns:minmax(0,1fr) 115px; align-items:center; }
  main.cr-site .cr-city-controls input[type=text] { min-height:42px; padding:8px 6px; }
  main.cr-site .cr-city-row { grid-template-columns:minmax(68px,1fr) 67px minmax(30px,1fr) 58px; gap:5px; }
  main.cr-site .cr-city-values { font-size:9px; }
  main.cr-site .cr-text-button { min-height:44px; }
  main.cr-site .cr-sidebar { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  main.cr-site .cr-side-card h2 { font-size:17px; }
  main.cr-site .cr-side-card dl > div { grid-template-columns:1fr; gap:2px; }
  main.cr-site .cr-side-card dd { text-align:left; }
  main.cr-site .cr-side-card li, main.cr-site .cr-side-card p, main.cr-site .cr-checklist label { font-size:11px; }
  main.cr-site .cr-side-actions > :is(a,button), main.cr-site .cr-side-card > .cr-button { min-height:44px; }
  main.cr-site :is(.cr-read-list,.cr-read-next,.cr-next-links) > a { grid-template-columns:46px minmax(0,1fr); gap:6px; min-height:50px; }
  main.cr-site :is(.cr-read-list,.cr-read-next,.cr-next-links) img { width:46px; height:50px; }
  main.cr-site .cr-details > summary { font-size:14px; }
  main.cr-site .cr-cta-inner { width:calc(100% - 32px); padding:20px 0; gap:15px; }
  main.cr-site .cr-cta h2 { font-size:25px; }
  main.cr-site .cr-cta-actions { display:grid; grid-template-columns:1fr; width:100%; }
  main.cr-site .cr-cta-actions > * { width:100%; }
}
@media (max-width:360px) {
  main.cr-site .cr-hero h1 { font-size:42px; }
  main.cr-site .cr-subtitle { font-size:20px; }
  main.cr-site .cr-heading h2 { font-size:22px; }
  main.cr-site .cr-households { grid-template-columns:1fr; }
  main.cr-site .cr-household { display:grid; grid-template-columns:minmax(0,1fr) minmax(90px,.9fr); column-gap:9px; }
  main.cr-site .cr-household > svg, main.cr-site .cr-household .cr-icon { grid-column:1; }
  main.cr-site .cr-household h3, main.cr-site .cr-household button { grid-column:1; }
  main.cr-site .cr-household strong { grid-column:2; grid-row:1/3; align-self:center; margin:0; padding:0; text-align:right; font-size:17px; }
  main.cr-site .cr-household small, main.cr-site .cr-household p { grid-column:1/-1; }
  main.cr-site .cr-household a { grid-column:1/-1; }
  main.cr-site .cr-cost-row { grid-template-columns:minmax(85px,1.25fr) minmax(52px,.85fr) 70px; gap:5px; }
  main.cr-site .cr-movein-grid { grid-template-columns:1fr; }
  main.cr-site .cr-movein-fields label, main.cr-site .cr-movein-grid label { grid-template-columns:minmax(0,1fr) 95px; }
  main.cr-site .cr-movein-total dl { grid-template-columns:minmax(0,1fr) auto; }
  main.cr-site .cr-city-row { grid-template-columns:minmax(66px,1fr) 69px minmax(0,1fr); }
  main.cr-site .cr-city-bar-track { grid-column:1/3; grid-row:auto; }
  main.cr-site .cr-city-values { grid-column:3; grid-row:auto; }
  main.cr-site .cr-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  main.cr-site .cr-sidebar { grid-template-columns:1fr; }
  main.cr-site .cr-side-card dl > div { grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:8px; }
  main.cr-site .cr-side-card dd { text-align:right; }
}
@media (prefers-reduced-motion:reduce) {
  main.cr-site .cr-page *, main.cr-site .cr-page *::before, main.cr-site .cr-page *::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
}
@media (forced-colors:active) {
  main.cr-site .cr-hero::before, main.cr-site .cr-hero::after, main.cr-site .cr-cta::before, main.cr-site .cr-cta::after { display:none; }
  main.cr-site :is(.cr-hero,.cr-cta) { color:CanvasText; background:Canvas; }
  main.cr-site :is(.cr-hero,.cr-cta) :is(h1,h2,p,a,span,li) { color:CanvasText; text-shadow:none; }
  main.cr-site .cr-page :is(.cr-panel,.cr-side-card,.cr-household,.cr-button,.cr-map-viewport) { border-color:CanvasText; }
}
@media print {
  main.cr-site :is(.cr-hero-actions,.cr-sidebar,.cr-map-filters,.cr-cta-actions,.cr-tabs) { display:none!important; }
  main.cr-site .cr-hero::before, main.cr-site .cr-hero::after, main.cr-site .cr-cta::before, main.cr-site .cr-cta::after { display:none; }
  main.cr-site :is(.cr-hero,.cr-cta) { color:#000; background:#fff; }
  main.cr-site :is(.cr-hero,.cr-cta) :is(h1,h2,p,span,li) { color:#000; text-shadow:none; }
  main.cr-site .cr-hero-inner { min-height:0; width:100%; padding:12px 0; }
  main.cr-site .cr-hero h1 { font-size:30pt; }
  main.cr-site .cr-subtitle { font-size:17pt; }
  main.cr-site .cr-description { font-size:11pt; }
  main.cr-site .cr-wrap, main.cr-site .cr-cta-inner { width:100%; }
  main.cr-site .cr-layout { grid-template-columns:1fr; }
  main.cr-site .cr-map-layout { grid-template-columns:minmax(0,1fr) 180px; }
  main.cr-site .cr-area-list { grid-template-columns:1fr; grid-column:auto; }
  main.cr-site .cr-households { grid-template-columns:repeat(4,minmax(0,1fr)); }
  main.cr-site .cr-dashboard-layout { grid-template-columns:minmax(0,1fr) 180px; }
  main.cr-site .cr-split { grid-template-columns:repeat(2,minmax(0,1fr)); }
  main.cr-site .cr-category-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  main.cr-site .cr-drivers { grid-template-columns:repeat(4,minmax(0,1fr)); }
  main.cr-site :is(.cr-panel,.cr-side-card,.cr-household,.cr-category-grid>a,.cr-details) { break-inside:avoid; }
}