/* Wireframes H (design review, Oct 13 2026, evening). Builds on G: same mockup-D tokens, calmer, one orange button per page.
   New in H: price hub, state and county templates, low/avg/high bar, per-delivery card, anonymous posted-price list, guides index, how-prices page. Phone first (375px). */
:root{--bg:#FAF6EF;--card:#fff;--ink:#1B2432;--ink2:#333B48;--muted:#5F6978;--line:#E6DFD3;--soft:#F3EEE5;
--hot:#E4581C;--hot-soft:#FDE9DF;--hot-ink:#A33A0E;--save:#1F8A4C;--save-soft:#E3F4E9;--save-ink:#15663A;
--cold:#2B5FB3;--cold-soft:#E4ECFA;--cold-ink:#1F3F76;--warn:#9A6A12;--warn-soft:#FBF0D9;--bad:#B3261E;
--r:18px;--shadow:0 2px 14px rgba(27,36,50,.07);
--font:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.45 var(--font);overflow-x:hidden}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
a{color:var(--cold);text-underline-offset:2px}
[hidden]{display:none!important}
h1,h2,h3{line-height:1.2;margin:0 0 .5rem;letter-spacing:-.3px}
p{margin:0 0 12px}
.ic{width:1.25em;height:1.25em;flex:none;vertical-align:-.25em;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.num{font-variant-numeric:tabular-nums}
.muted{color:var(--muted)}
sup{font-size:.6em;color:var(--muted);font-weight:700;margin-left:1px;vertical-align:super;line-height:0}

/* ---------- wireframe frame (not part of the design) ---------- */
.wf-strip{position:sticky;top:0;z-index:40;background:#1B2432;color:#fff;font-size:12px;display:flex;gap:3px;align-items:center;padding:5px 8px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.wf-strip::-webkit-scrollbar{display:none}
.wf-strip b{margin-right:4px;color:#F6C9B2;font-size:11px}
.wf-strip a{color:#fff;text-decoration:none;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.1)}
.wf-strip a[aria-current]{background:var(--hot)}
.wf-strip button{margin-left:auto;background:#fff;color:#1B2432;border:0;border-radius:999px;padding:4px 9px;font-weight:800;font-size:12px}
.wf-notes{position:fixed;inset:auto 0 0 0;max-height:72vh;overflow:auto;background:#fff;border-top:3px solid var(--hot);box-shadow:0 -8px 30px rgba(0,0,0,.2);padding:14px 16px 28px;z-index:60;font-size:14.5px;line-height:1.45}
.wf-notes h2{font-size:17px;margin:0 0 8px}
.wf-notes h3{font-size:12.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:14px 0 6px}
.wf-notes ul{margin:0;padding-left:18px}
.wf-notes li{margin:4px 0}
.wf-notes .close{position:absolute;top:8px;right:10px}
.wf-switch{display:flex;gap:6px;margin:0 0 14px;font-size:13px}
.wf-switch button{flex:1;min-height:36px;border:1.5px solid var(--line);background:#fff;border-radius:10px;font-weight:700;font-size:13px}
.wf-switch button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.wf-ph{display:inline-block;background:var(--warn-soft);color:var(--warn);border:1px dashed var(--warn);border-radius:6px;padding:0 6px;font-size:12px;font-weight:700}

/* ---------- header / footer ---------- */
.top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;max-width:560px;margin:0 auto}
.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:19px;letter-spacing:-.2px;color:var(--ink);text-decoration:none;min-height:44px}
.brand .ic{width:26px;height:26px;color:var(--hot);fill:var(--hot);stroke:none}
.pill{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:0 12px;min-height:44px;font-weight:700;font-size:15px;color:var(--ink);text-decoration:none}
.pill .ic{width:17px;height:17px;color:var(--muted)}
main{max-width:560px;margin:0 auto;padding:0 16px 40px}
.foot{max-width:560px;margin:0 auto;padding:22px 16px 36px;text-align:center;font-size:13px;color:var(--muted);line-height:1.6;border-top:1px solid var(--line)}
.foot nav{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 10px;margin-bottom:6px}
.foot nav a{color:var(--ink);font-weight:700;text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
.crumb{font-size:13.5px;color:var(--muted);margin:4px 2px 12px}
.crumb a{color:var(--muted);font-weight:600}

/* ---------- hero (home) ---------- */
.hero{text-align:center;padding:8px 0 0}
.hero h1{font-size:28px;line-height:1.15;letter-spacing:-.6px;margin:0 0 6px;font-weight:800}
.hero .sub{font-size:15px;color:var(--muted);margin:0 0 12px;line-height:1.4}
.pick{margin:0 0 18px}
.pick .lab{display:block;font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);margin-bottom:8px}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:0;margin:0;list-style:none}
.chips button,.chips a{display:inline-flex;align-items:center;gap:5px;min-height:38px;padding:0 13px;border-radius:999px;background:#fff;border:1.5px solid var(--line);color:var(--ink);font-weight:700;font-size:14px;text-decoration:none}
.chips button[aria-pressed="true"],.chips a[aria-current]{background:var(--ink);color:#fff;border-color:var(--ink)}
.chips .ic{width:16px;height:16px}
.eyebrow{font-weight:700;color:var(--muted);font-size:15px}
.bigprice{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:2px 0 8px;color:var(--hot);font-weight:800;letter-spacing:-2px;font-size:72px;line-height:1;font-variant-numeric:tabular-nums}
.bigprice small{font-size:19px;letter-spacing:0;font-weight:700;color:var(--muted)}
.survey{font-size:14px;color:var(--muted);font-weight:600;margin:2px auto 0;line-height:1.5}
.survey .chip{font-size:12.5px;padding:3px 9px;vertical-align:1px}
.chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 12px;font-weight:700;font-size:14px;background:var(--soft);color:var(--ink)}
.chip.hot{background:var(--hot-soft);color:var(--hot-ink)}
.chip.save{background:var(--save-soft);color:var(--save-ink)}
.chip.cold{background:var(--cold-soft);color:var(--cold-ink)}
.chip.warn{background:var(--warn-soft);color:var(--warn)}
.lowbox{margin:16px auto 0;padding:14px 16px;background:#fff;border:1.5px solid var(--line);border-radius:16px;max-width:360px;display:flex;flex-direction:column;gap:10px;align-items:center}
.lowline{font-size:16px;font-weight:600;color:var(--ink2);margin:0}
.lowline b{color:var(--save-ink);font-size:24px;font-variant-numeric:tabular-nums}
.cites{margin:10px 0 0;padding-left:16px;font-size:12px;line-height:1.45;color:var(--muted);text-align:left}
.cites a{color:var(--muted)}
.hero .cites{max-width:360px;margin-left:auto;margin-right:auto}

/* ---------- section headings ---------- */
.sec{margin-top:34px}
.sec h2{font-size:23px;letter-spacing:-.4px;margin:0 0 4px}
.sec .sub{font-size:15px;color:var(--muted);margin:0 0 18px}
.lab{display:block;font-weight:700;font-size:16px;margin:18px 0 8px}
.lab small{font-weight:600;color:var(--muted);font-size:14px;margin-left:6px}
.lab:first-child{margin-top:0}

/* tiles (multi-select) */
.tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.tile{grid-column:span 2;border:1.5px solid var(--line);background:#fff;border-radius:14px;min-height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-weight:700;font-size:14px;padding:6px;line-height:1.15;text-align:center;position:relative;color:var(--ink)}
.tile.w{grid-column:span 3;flex-direction:row;min-height:54px;gap:8px;font-size:15px;text-align:left;justify-content:flex-start;padding:6px 14px}
.tile .ic{width:22px;height:22px;color:var(--muted)}
.tile[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:#fff}
.tile[aria-pressed="true"] .ic{color:#fff}
.tile .tick{position:absolute;top:5px;right:5px;width:18px;height:18px;border-radius:999px;background:var(--hot);color:#fff;display:none;place-items:center}
.tile .tick .ic{width:11px;height:11px;color:#fff;stroke-width:3}
.tile[aria-pressed="true"] .tick{display:grid}

/* pre-filled price rows */
.prow{display:grid;grid-template-columns:auto 1fr auto;gap:8px 10px;align-items:center;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:8px 12px 8px 14px;margin-bottom:8px;min-height:60px}
.prow:focus-within{border-color:var(--ink)}
.prow .ic{width:22px;height:22px;color:var(--muted)}
.prow .t{font-weight:700;font-size:15.5px;line-height:1.2}
.prow .t small{display:block;font-weight:600;color:var(--muted);font-size:12.5px;margin-top:2px}
.prow .t small a{color:var(--cold);font-weight:700;text-decoration:none}
.prow .v{display:flex;align-items:baseline;gap:3px;font-weight:800;font-size:18px;font-variant-numeric:tabular-nums}
.prow .v input{width:72px;border:0;border-bottom:1.5px dashed var(--line);background:transparent;text-align:right;font-weight:800;font-size:18px;padding:2px 0;color:var(--ink)}
.prow .v input:focus{outline:none;border-bottom-color:var(--ink)}
.prow .v .u{font-size:13px;color:var(--muted);font-weight:600}
.prow .v .cur{font-size:13px;color:var(--muted);font-weight:700}

/* fields */
.field{display:block;margin:0 0 12px}
.field>span{display:block;font-weight:700;font-size:15px;margin-bottom:6px}
.field>span small{font-weight:600;color:var(--muted);font-size:13.5px;margin-left:6px}
.field input,.field select{width:100%;min-height:50px;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff;font-size:17px}
.field input:focus,.field select:focus{outline:none;border-color:var(--ink)}
.field .hint{display:block;font-size:13px;color:var(--muted);margin-top:4px;font-weight:500}
.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.zip{max-width:200px;letter-spacing:2px;font-weight:700}
details.adj{background:#fff;border:1.5px solid var(--line);border-radius:14px;margin:14px 0 18px}
details.adj summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;min-height:54px;font-weight:700;font-size:15.5px}
details.adj summary::-webkit-details-marker{display:none}
details.adj summary small{font-weight:600;color:var(--muted);font-size:13px;display:block}
details.adj summary .ic{color:var(--muted);transition:transform .2s}
details.adj[open] summary .ic{transform:rotate(90deg)}
details.adj .in{padding:0 14px 12px;border-top:1px solid var(--line)}
details.adj .in .field{margin-top:12px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;border-radius:14px;font-weight:800;font-size:18px;padding:0 20px;border:0;width:100%;text-decoration:none;text-align:center;line-height:1.2;background:var(--soft);color:var(--ink)}
.btn.hot{background:var(--hot);color:#fff;box-shadow:0 6px 16px rgba(228,88,28,.25)}
.btn.big{min-height:60px;font-size:19px}
.btn.dark{background:var(--ink);color:#fff}
.btn.line{background:#fff;color:var(--ink);border:1.5px solid var(--line)}
.btn.sm{min-height:46px;font-size:16px}
.btn.auto{width:auto;padding:0 18px}
.btn .ic{width:20px;height:20px}
.btnrow{display:grid;gap:10px}
.trust{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;font-size:13.5px;color:var(--muted);margin-top:10px;font-weight:600}
.trust span+span::before{content:"·";margin-right:6px}
.trust a{color:var(--muted)}
.sidelinks{display:flex;flex-wrap:wrap;justify-content:center;gap:0 18px;margin:20px 0 0;font-size:15px}
.sidelinks a{display:inline-flex;align-items:center;gap:6px;font-weight:700;min-height:44px;text-decoration:none}
.sidelinks a .ic{width:17px;height:17px}
.textlink{display:inline-flex;align-items:center;gap:4px;font-weight:700;font-size:15px;color:var(--cold);text-decoration:none;min-height:44px}
.center{text-align:center}

/* ---------- results ---------- */
.where{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:14.5px;color:var(--muted);font-weight:600;margin:4px 2px 14px}
.where .ic{width:16px;height:16px}
.where b{color:var(--ink)}
.where a{font-weight:800}
.cost{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:12px 16px;background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:14px}
.cost .k{font-size:14.5px;color:var(--muted);font-weight:700}
.cost .k small{display:block;font-weight:600;font-size:12.5px}
.cost b{font-size:24px;letter-spacing:-.6px;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.cost b i{font-style:normal;color:var(--muted);font-weight:700;font-size:.7em;margin-right:1px}
.card{background:#fff;border:1.5px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px 18px 16px;display:flex;flex-direction:column;gap:10px}
.card.best{border:2px solid var(--hot)}
.bestlab{font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;color:var(--hot-ink)}
.head{display:flex;align-items:center;gap:12px}
.licon{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--soft);color:#4A5260}
.licon .ic{width:24px;height:24px}
.licon.hp{background:var(--cold-soft);color:var(--cold)}
.licon.wood{background:var(--hot-soft);color:var(--hot-ink)}
.licon.other{background:var(--save-soft);color:var(--save)}
.card h3{margin:0;font-size:20px;flex:1;letter-spacing:-.2px}
.save-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.save-row .n{font-size:52px;font-weight:800;letter-spacing:-2px;color:var(--save);line-height:1;font-variant-numeric:tabular-nums}
.save-row .u{font-weight:700;color:var(--muted);font-size:16px}
.costline{font-size:15px;color:var(--ink2);line-height:1.4;margin:0}
.costline b{color:var(--ink)}
.costline a{font-weight:700}
.payline{display:inline-flex;align-items:center;gap:6px;font-size:14.5px;font-weight:700;color:var(--ink);background:var(--soft);border-radius:999px;padding:5px 12px;align-self:flex-start}
.payline .ic{width:16px;height:16px;color:var(--muted)}
.one{margin:0;font-size:16px;color:var(--ink2);line-height:1.4}
.card .btn{margin-top:4px}
.dlink{background:none;border:0;padding:4px 0;color:var(--cold);font-weight:700;font-size:15px;text-align:left;display:inline-flex;align-items:center;gap:4px;min-height:40px;text-decoration:none}
.dlink .ic{width:16px;height:16px}
.listbox{margin-top:18px;background:#fff;border:1.5px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden}
.listbox .sec-h{display:flex;justify-content:space-between;align-items:baseline;padding:16px 16px 6px}
.listbox .sec-h h2{font-size:18px;margin:0}
.listbox .sec-h span{font-size:13px;color:var(--muted)}
.grp{font-size:12px;text-transform:uppercase;letter-spacing:.7px;font-weight:800;color:var(--muted);padding:12px 16px 4px;background:var(--bg)}
.row{display:grid;grid-template-columns:40px 1fr auto 16px;gap:10px;align-items:center;width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--line);padding:10px 16px;min-height:62px;color:var(--ink);text-decoration:none}
.row .licon{width:40px;height:40px;border-radius:11px}
.row .licon .ic{width:22px;height:22px}
.row .t{font-weight:700;font-size:15.5px;line-height:1.2}
.row .t small{display:block;font-weight:600;color:var(--muted);font-size:12.5px;margin-top:3px}
.row .t small b{color:var(--cold);font-weight:700}
.row .n{font-weight:800;color:var(--save);font-size:16px;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
.row .n small{display:block;font-weight:600;color:var(--muted);font-size:11.5px;margin-top:2px}
.row .n.z{color:var(--muted);font-weight:600}
.row .chv{color:var(--muted);width:16px;height:16px}
.row.seeall .t{color:var(--cold-ink)}
.row.seeall .licon{background:transparent}
.rowlink{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;border-radius:14px;background:#fff;border:1.5px solid var(--line);color:var(--ink);font-weight:700;font-size:15px;width:100%;text-align:left;min-height:56px;text-decoration:none}
.rowlink>.ic{width:22px;height:22px;color:var(--hot)}
.rowlink span{flex:1}
.rowlink small{display:block;font-weight:600;color:var(--muted);font-size:13px;margin-top:2px}
.rowlink .chv{width:16px;height:16px;color:var(--muted)}
.resfoot{margin-top:24px;text-align:center;font-size:13px;color:var(--muted);line-height:1.7}

/* ---------- bottom sheet ---------- */
.sheet{position:fixed;inset:0;z-index:50}
.scrim{position:absolute;inset:0;background:rgba(27,36,50,.45)}
.panel{position:absolute;left:0;right:0;bottom:0;max-height:92vh;max-height:92dvh;background:var(--bg);border-radius:22px 22px 0 0;display:flex;flex-direction:column;box-shadow:0 -6px 30px rgba(0,0,0,.2)}
.grab{width:44px;height:5px;border-radius:3px;background:#CFC7BA;margin:8px auto 0;flex:none}
.sh-head{display:flex;align-items:center;gap:10px;padding:6px 12px 10px 16px;border-bottom:1px solid var(--line);flex:none}
.sh-head h2{flex:1;margin:0;font-size:20px;line-height:1.2;display:flex;align-items:center;gap:8px}
.sh-head h2 .licon{width:34px;height:34px;border-radius:10px}
.sh-head h2 .licon .ic{width:20px;height:20px}
.close{width:40px;height:40px;border-radius:999px;border:0;background:var(--soft);display:grid;place-items:center;flex:none;color:var(--ink)}
.close .ic{width:18px;height:18px}
.sh-body{overflow:auto;padding:12px 16px 24px;-webkit-overflow-scrolling:touch}
.sh-foot{padding:10px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff;flex:none}
.qtop{display:flex;align-items:center;gap:12px;margin:2px 0 14px}
.qtop div{font-size:14px;color:var(--muted);line-height:1.3}
.qtop b{color:var(--ink);display:block;font-size:16.5px}
.consent{font-size:12.5px;line-height:1.4;color:var(--muted);margin:6px 0 10px}
.steps{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:5px}
.steps li{display:flex;gap:9px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:13.5px;font-weight:600;line-height:1.3}
.steps li .ic{width:18px;height:18px;color:var(--hot)}
.kv{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.kv div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.kv span{display:block;font-size:12.5px;color:var(--muted);font-weight:700;line-height:1.25}
.kv b{display:block;font-size:22px;margin-top:3px;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.kv b.g{color:var(--save)}
.costbox{display:grid;grid-template-columns:1fr auto;gap:5px 10px;font-size:15px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:12px}
.costbox .r{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
.costbox .tot{font-weight:800;border-top:1px solid var(--line);padding-top:6px}
.costbox .minus{color:var(--save)}
.costbox small{font-weight:600;color:var(--muted);font-size:12.5px}
.dsec{margin:18px 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:800}
.inc{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:0 0 8px}
.inc .p{font-weight:800;font-size:15px;line-height:1.25}
.inc .a{color:var(--save-ink);font-weight:800;font-size:14.5px;margin:3px 0}
.inc .m{font-size:12.5px;color:var(--muted)}
.inc.maybe{border-style:dashed}
.zipbox{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:6px 8px 6px 12px;margin:4px 0 8px}
.zipbox input{width:92px;min-height:40px;border:0;background:transparent;font-size:20px;font-weight:700;letter-spacing:2px;text-align:center;border-bottom:1.5px dashed var(--line)}
.zipbox input:focus{outline:none;border-bottom-color:var(--ink)}
.zipbox span{font-size:14px;color:var(--ink2);font-weight:600;line-height:1.3}
.acc{background:#fff;border:1px solid var(--line);border-radius:12px;margin-top:8px}
.acc summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-weight:800;font-size:15px;cursor:pointer;list-style:none}
.acc summary::-webkit-details-marker{display:none}
.acc summary .ic{width:16px;height:16px;color:var(--muted)}
.acc .in{padding:0 12px 12px;font-size:14px;color:var(--ink2)}
.check{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px;min-height:44px}
.check input{width:22px;height:22px;flex:none}
.okbox{padding:12px 14px;border-radius:12px;background:var(--save-soft);color:var(--save-ink);font-weight:700}
.ref{font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:800;font-size:18px;background:#fff;border:1px dashed var(--line);border-radius:10px;padding:6px 10px;display:inline-block;margin:6px 0}

/* ---------- explainer cards ("How to get this price") ---------- */
.pagehead h1{font-size:28px;letter-spacing:-.6px;margin:0 0 6px}
.pagehead .sub{font-size:15px;color:var(--muted);margin:0 0 18px;line-height:1.4}
.step{background:#fff;border:1.5px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:16px 18px;margin-bottom:12px}
.step h3{display:flex;align-items:center;gap:10px;font-size:18px;margin:0 0 8px}
.step h3 .n{flex:none;width:28px;height:28px;border-radius:999px;background:var(--ink);color:#fff;font-size:14px;font-weight:800;display:grid;place-items:center}
.step ul{margin:0;padding-left:0;list-style:none}
.step li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;line-height:1.4;padding:5px 0;color:var(--ink2)}
.step li .ic{width:18px;height:18px;color:var(--save);margin-top:3px}
.step li b{color:var(--ink)}
.step li.ask .ic{color:var(--muted)}
.cta{margin-top:20px}

/* ---------- dashboard / cost-of-heat bars ---------- */
.dash{background:#fff;border:1.5px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:6px 16px 10px;margin-top:14px}
.dash .hd{display:grid;grid-template-columns:1fr 66px 1.15fr;gap:8px;align-items:end;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:800;padding:10px 0 8px;border-bottom:1px solid var(--line)}
.dash .hd .r{text-align:right}
.dash .hd .c{display:block}
.dash .hd .c small{display:block;text-transform:none;letter-spacing:0;font-weight:600;font-size:11px;color:var(--muted)}
.dash .hd button{background:none;border:0;padding:0;display:inline-grid;place-items:center;width:18px;height:18px;color:var(--cold);vertical-align:-4px;margin-left:2px}
.dash .hd button .ic{width:15px;height:15px}
.fr{display:grid;grid-template-columns:1fr 66px 1.15fr;gap:8px;align-items:center;padding:11px 0;border-top:1px solid var(--line);min-height:54px}
.fr:first-of-type{border-top:0}
.fr .l{font-weight:700;font-size:15px;line-height:1.2;display:flex;align-items:center;gap:7px;min-width:0}
.fr .l .ic{width:19px;height:19px;color:var(--muted);flex:none}
.fr .l small{display:block;font-weight:600;color:var(--muted);font-size:11.5px;margin-top:2px;line-height:1.2}
.fr .p{text-align:right;font-weight:800;font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap}
.fr .p small{display:block;font-size:11.5px;color:var(--muted);font-weight:700}
.fr .b{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}
.fr .b .bar{height:12px;border-radius:999px;background:var(--soft);overflow:hidden;position:relative}
.fr .b .bar i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--muted)}
.fr .b .bar i.rng{background:var(--cold-soft);border-radius:999px}
.fr .b .bar i.typ{width:4px;background:var(--cold);border-radius:2px}
.fr .b .v{font-weight:800;font-size:15.5px;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:36px;text-align:right}
.fr .b .v small{display:block;font-size:11px;color:var(--muted);font-weight:600}
.fr.oil .b .bar i,.fr.propane .b .bar i{background:var(--hot)}
.fr.wood .b .bar i,.fr.pellets .b .bar i{background:var(--save)}
.fr.gas{opacity:.62}
.fr.gas .b .bar i{background:#9AA3B0}
.fr.me{background:linear-gradient(90deg,var(--hot-soft),transparent 70%);margin:0 -16px;padding-left:16px;padding-right:16px}
.fr.hp .l .ic{color:var(--cold)}
.dash .sub-h{font-size:15.5px;font-weight:800;margin:14px 0 4px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.dash .sub-h small{font-weight:600;color:var(--muted);font-size:12.5px}
.key{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--muted);margin:8px 0 0;font-weight:600}
.key i{display:inline-block;width:12px;height:8px;border-radius:4px;vertical-align:middle;margin-right:4px}
.key i.rng{background:var(--cold-soft)}
.key i.typ{background:var(--cold);width:4px;height:12px;border-radius:2px}
.key i.oil{background:var(--hot)}
.srcline{font-size:12.5px;color:var(--muted);line-height:1.5;margin:10px 0 0}

/* switch-over chart */
.chart{background:#fff;border:1.5px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:14px 16px 12px;margin-top:14px}
.chart .t{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-weight:800;font-size:16px}
.chart .t small{font-weight:600;color:var(--muted);font-size:12.5px}
.chart svg{display:block;width:100%;height:auto;margin-top:8px;overflow:visible}
.chart svg text{font-family:inherit}
.answer{background:var(--cold-soft);border-radius:var(--r);padding:16px 18px;margin-top:14px}
.answer h3{font-size:19px;color:var(--cold-ink);margin:0 0 8px;line-height:1.25}
.answer ul{margin:0;padding:0;list-style:none}
.answer li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.4;padding:4px 0;color:var(--ink2)}
.answer li .ic{width:18px;height:18px;color:var(--cold);margin-top:3px}
.answer li b{color:var(--ink)}
.mini{width:100%;border-collapse:collapse;font-size:14px;margin-top:6px}
.mini th,.mini td{padding:7px 4px;border-bottom:1px solid var(--line);text-align:left}
.mini th{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:800}
.mini td.r,.mini th.r{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.mini td b{font-weight:800}
.mini td.win{color:var(--save-ink);font-weight:700}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 16px;border-radius:12px;font-weight:700;font-size:14.5px;z-index:70;max-width:90vw;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.25)}

@media (min-width:720px){
  .panel{left:50%;right:auto;bottom:auto;top:50%;transform:translate(-50%,-50%);width:min(600px,94vw);max-height:88vh;border-radius:22px}
  .grab{display:none}
  .hero h1{font-size:34px}
  .bigprice{font-size:88px}
  .btnrow.two{grid-template-columns:1fr 1fr}
}
@media (max-width:360px){.bigprice{font-size:62px}.hero h1{font-size:26px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}


/* ======================= H additions ======================= */
.tabs{display:flex;gap:6px;margin:0 0 14px}
.tabs button,.tabs a{flex:1;min-height:42px;border-radius:12px;border:1.5px solid var(--line);background:#fff;font-weight:800;font-size:15px;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.tabs [aria-pressed="true"],.tabs [aria-current]{background:var(--ink);color:#fff;border-color:var(--ink)}
.meta{font-size:13.5px;color:var(--muted);font-weight:600;margin:4px 0 0;line-height:1.45}
.meta b{color:var(--ink)}
.bigprice.save{color:var(--save-ink)}
.avgs{margin:14px auto 0;max-width:380px;background:#fff;border:1.5px solid var(--line);border-radius:16px;overflow:hidden;text-align:left}
.avgs .a{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;padding:10px 14px;border-top:1px solid var(--line)}
.avgs .a:first-child{border-top:0}
.avgs .a .k{font-weight:700;font-size:15px;line-height:1.2}
.avgs .a .k small{display:block;font-weight:600;color:var(--muted);font-size:12.5px;margin-top:2px}
.avgs .a .v{font-weight:800;font-size:21px;font-variant-numeric:tabular-nums;text-align:right;line-height:1.1}
.avgs .a .v small{display:block;font-size:11.5px;font-weight:700;color:var(--muted);margin-top:2px}
.avgs .a .v .chip{font-size:11.5px;padding:2px 8px}
.avgs.l{margin-left:0;margin-right:0;max-width:none}
.paying{margin:14px auto 0;max-width:380px}
.paying .btn{font-size:18px;flex-direction:column;gap:2px;min-height:62px;padding:8px 16px;line-height:1.15}
.paying .btn small{font-weight:700;opacity:.85;font-size:14px;line-height:1.2}
.zipgo{display:flex;gap:8px;align-items:center;justify-content:center;margin:14px auto 0;max-width:380px}
.zipgo input{width:118px;min-height:50px;border:1.5px solid var(--line);border-radius:12px;padding:0 12px;font-size:18px;font-weight:700;letter-spacing:2px;text-align:center;background:#fff}
.zipgo input:focus{outline:none;border-color:var(--ink)}
.zipgo .btn{width:auto;min-height:50px;font-size:16px;padding:0 16px}
.zipgo .lab2{font-size:13.5px;color:var(--muted);font-weight:600;text-align:left;line-height:1.3}
/* hub table */
.tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:14.5px;background:#fff;border:1.5px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}
.tbl th,.tbl td{padding:10px 8px;border-top:1px solid var(--line);text-align:left;vertical-align:middle}
.tbl th:first-child,.tbl td:first-child{padding-left:12px}.tbl th:last-child,.tbl td:last-child{padding-right:12px}
.tbl thead th{border-top:0;font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:800;padding:12px 8px 8px;line-height:1.2}
.tbl td.r,.tbl th.r{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.tbl td b{font-weight:800}
.tbl td.low{color:var(--save-ink);font-weight:800;font-size:16px}
.tbl td small,.tbl th small{display:block;font-size:11px;color:var(--muted);font-weight:600;line-height:1.25;text-transform:none;letter-spacing:0}
.tbl tr.none td{color:var(--muted)}
.tbl a.st{font-weight:800;color:var(--ink);text-decoration:none}
.tbl td.st small{color:var(--cold);font-weight:700}
.coming{display:inline-block;color:#A39B8E;font-weight:700;font-size:11px;border:1px dashed #CFC7BA;border-radius:6px;padding:1px 6px;white-space:nowrap;font-style:italic}
/* low / avg / high bar */
.lah{background:#fff;border:1.5px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:14px 16px 12px;margin-top:14px}
.lah .t{font-weight:800;font-size:15.5px;display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.lah .t small{font-weight:600;color:var(--muted);font-size:12.5px}
.lah .track{position:relative;height:14px;border-radius:999px;background:var(--soft);margin:38px 22px 50px}
.pill{white-space:nowrap;padding:0 10px;font-size:14px;gap:5px}
.top{gap:6px}
.tbl td small{white-space:normal}
.lah .track .seg{position:absolute;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,#4BB07A,#E4581C)}
.lah .mk{position:absolute;top:-4px;width:4px;height:22px;border-radius:2px;background:var(--ink);transform:translateX(-2px)}
.lah .mk.dot{background:transparent;border-left:2px dashed var(--muted);width:0}
.lah .mk span{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:12.5px;font-weight:800;color:var(--ink);top:-24px;line-height:1.15;text-align:center}
.lah .mk span small{display:block;font-weight:600;color:var(--muted);font-size:10.5px}
.lah .mk.below span{top:auto;bottom:-34px}
.lah .mk.lo span{color:var(--save-ink)}.lah .mk.hi span{color:var(--hot-ink)}
.lah .mk.edge-l span{left:0;transform:none;text-align:left}.lah .mk.edge-r span{left:auto;right:0;transform:none;text-align:right}
.lah .ft{font-size:12.5px;color:var(--muted);font-weight:600;margin:0}
/* per-delivery card */
.deliv{background:var(--save-soft);border-radius:var(--r);padding:14px 16px;margin-top:12px}
.deliv .h{font-size:12px;text-transform:uppercase;letter-spacing:.6px;font-weight:800;color:var(--save-ink)}
.deliv .big{font-size:16.5px;font-weight:700;color:var(--ink);margin:4px 0 0;line-height:1.35}
.deliv .big b{color:var(--save-ink);font-size:24px;font-variant-numeric:tabular-nums;white-space:nowrap}
.deliv .alt{font-size:13.5px;color:var(--ink2);margin:6px 0 0;font-weight:600;line-height:1.4}
.deliv .alt b{color:var(--save-ink)}
/* posted price list (anonymous distribution) */
.plist{background:#fff;border:1.5px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;margin-top:12px}
.plist .hd{display:grid;grid-template-columns:1fr auto 40px;gap:10px;padding:12px 14px 8px;font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:800;align-items:end}
.plist .pr{display:grid;grid-template-columns:1fr auto 40px;gap:10px;align-items:center;padding:9px 14px;border-top:1px solid var(--line);min-height:56px}
.plist .pr .t{font-weight:700;font-size:15px;line-height:1.2;min-width:0}
.plist .pr .t small{display:block;font-weight:600;color:var(--muted);font-size:12px;margin-top:2px}
.plist .pr .p{font-weight:800;font-size:17px;font-variant-numeric:tabular-nums;text-align:right;line-height:1.1}
.plist .pr .p small{display:block;font-size:11px;color:var(--muted);font-weight:600;margin-top:2px}
.plist .pr .call{width:40px;height:40px;border-radius:999px;border:1.5px dashed #CFC7BA;background:var(--soft);color:#B8B0A3;display:grid;place-items:center}
.plist .pr .call .ic{width:18px;height:18px}
.plist .pr.best .p{color:var(--save-ink)}
.plist .ft{padding:8px 14px 10px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);line-height:1.45}
.nm{color:#B8B0A3;font-weight:700;font-style:italic}
.fresh{display:inline-block;font-size:10.5px;font-weight:800;padding:1px 6px;border-radius:999px;background:var(--save-soft);color:var(--save-ink);vertical-align:1px}
.fresh.ok{background:var(--soft);color:var(--muted)}
/* how it works */
.hiw{display:grid;gap:8px;margin:4px 0 0;padding:0}
.hiw li{list-style:none;display:flex;gap:12px;align-items:flex-start;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:12px 14px}
.hiw .n{flex:none;width:28px;height:28px;border-radius:999px;background:var(--ink);color:#fff;font-weight:800;font-size:14px;display:grid;place-items:center;margin-top:1px}
.hiw b{display:block;font-size:15.5px;line-height:1.25}
.hiw .d{display:block;font-size:14px;color:var(--muted);font-weight:600;margin-top:2px;line-height:1.35}
/* alerts box */
.alerts{background:#fff;border:1.5px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:16px 16px 14px;margin-top:4px}
.alerts h3{font-size:18px;margin:0 0 2px;display:flex;align-items:center;gap:8px}
.alerts h3 .ic{color:var(--hot);width:20px;height:20px}
.alerts .sub{font-size:14px;color:var(--muted);margin:0 0 8px}
.alerts .opts{display:grid;gap:2px;margin:4px 0 10px}
.alerts .check{min-height:40px;font-size:15px}
.alerts .check input[type=text]{width:64px;border:0;border-bottom:1.5px dashed var(--line);font-weight:800;font-size:15px;padding:2px 4px;background:transparent;text-align:center}
.alerts .row2{display:flex;gap:8px}
.alerts .row2 input[type=email]{flex:1;min-width:0;min-height:48px;border:1.5px solid var(--line);border-radius:12px;padding:0 12px;font-size:16px;background:#fff}
.alerts .row2 .btn{width:auto;min-height:48px;font-size:15px;padding:0 14px}
.alerts .fine{font-size:12.5px;color:var(--muted);margin:8px 0 0;font-weight:600}
/* guides */
.gchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.gchips a{display:inline-flex;align-items:center;min-height:38px;padding:0 13px;border-radius:999px;background:#fff;border:1.5px solid var(--line);color:var(--ink);font-weight:700;font-size:14px;text-decoration:none}
.gsec{margin-top:22px}
.gsec h2{font-size:18px;margin:0 0 8px;display:flex;align-items:center;gap:8px}
.gsec h2 .ic{width:20px;height:20px;color:var(--hot)}
.gsec h2 .tag{margin-left:auto}
.glist{display:grid;gap:6px}
.glist a{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;color:var(--ink);text-decoration:none;min-height:54px}
.glist a span.t{flex:1;min-width:0}
.glist a b{display:block;font-size:15px;line-height:1.25}
.glist a small{display:block;font-size:13px;color:var(--muted);font-weight:600;margin-top:2px;line-height:1.3}
.glist a .chv{width:16px;height:16px;color:var(--muted);flex:none}
.tag{display:inline-block;font-size:11px;font-weight:800;padding:2px 7px;border-radius:999px;background:var(--cold-soft);color:var(--cold-ink);letter-spacing:.3px;vertical-align:2px}
.tag.new{background:var(--hot-soft);color:var(--hot-ink)}
/* prose (how our prices work) */
.prose{font-size:15.5px;line-height:1.5;color:var(--ink2)}
.prose h2{font-size:18px;margin:22px 0 6px;color:var(--ink)}
.prose p{margin:0 0 8px}
.prose ul{margin:0 0 8px;padding-left:18px}
.prose li{margin:3px 0}
.defs{display:grid;gap:8px;margin:8px 0 4px}
.defs div{background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px}
.defs b{display:block;font-size:15px;color:var(--ink)}
.defs span{font-size:14px;color:var(--muted);font-weight:600;display:block;margin-top:2px;line-height:1.4}
/* nearby counties */
.near{display:grid;gap:6px;margin-top:8px}
.near a{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;color:var(--ink);text-decoration:none;min-height:52px;font-weight:700;font-size:15px}
.near a span.t{flex:1}
.near a small{display:block;font-weight:600;color:var(--muted);font-size:12.5px;margin-top:1px}
.near a .v{font-weight:800;font-variant-numeric:tabular-nums;color:var(--save-ink);white-space:nowrap}
.near a .v.z{color:var(--muted);font-weight:600;font-size:13px}
/* placeholder note */
.ph{border:1px dashed var(--warn);background:var(--warn-soft);color:var(--warn);border-radius:10px;padding:8px 10px;font-size:12.5px;font-weight:700;line-height:1.4}
.est{color:var(--muted);font-weight:600;font-style:italic}
.btn.dark .ic{color:#fff}
.sec.tight{margin-top:22px}
.sec h2 .tag{vertical-align:middle;margin-left:6px}
.kvs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.kvs div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.kvs span{display:block;font-size:12px;color:var(--muted);font-weight:700;line-height:1.25}
.kvs b{display:block;font-size:20px;margin-top:3px;letter-spacing:-.4px;font-variant-numeric:tabular-nums}
.kvs b.g{color:var(--save-ink)}.kvs b.m{color:var(--muted);font-size:15px;margin-top:6px}
.addsec{margin-top:26px;padding-top:18px;border-top:2px dashed var(--line)}
.addsec .lab0{font-size:11.5px;text-transform:uppercase;letter-spacing:.7px;font-weight:800;color:var(--hot-ink);margin-bottom:4px}
.nowrap{white-space:nowrap}

/* ======================= Oct 26: revised outline (Planning/Outline-Review-Oct25.md) ======================= */
/* home: four tiles, each with its own dated number */
.trustline{font-size:14.5px;color:var(--muted);font-weight:600;margin:0 0 18px}
.topchips{display:flex;gap:6px;align-items:center}
.topchips .pill{min-height:40px;font-size:14px;padding:0 10px}
.fuelchip{display:inline-flex;border:1.5px solid var(--line);border-radius:999px;overflow:hidden;background:#fff}
.fuelchip button{border:0;background:none;min-height:38px;padding:0 11px;font-weight:700;font-size:13.5px}
.fuelchip button[aria-pressed="true"]{background:var(--ink);color:#fff}
.htiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;text-align:left}
.htile{display:flex;flex-direction:column;gap:6px;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:14px 12px 12px;min-height:150px;color:var(--ink);text-decoration:none;box-shadow:var(--shadow)}
.htile:focus-visible,.htile:hover{border-color:var(--ink)}
.htile .ti{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--soft);color:var(--ink2)}
.htile .ti .ic{width:22px;height:22px}
.htile.p .ti{background:var(--hot-soft);color:var(--hot-ink)}
.htile.b .ti{background:var(--save-soft);color:var(--save)}
.htile.h .ti{background:var(--cold-soft);color:var(--cold)}
.htile.r .ti{background:var(--warn-soft);color:var(--warn)}
.htile .tn{font-weight:800;font-size:16px}
.htile .v{font-weight:800;font-size:22px;letter-spacing:-.5px;line-height:1.1;font-variant-numeric:tabular-nums}
.htile.p .v{color:var(--hot)}
.htile.b .v{color:var(--save)}
.htile.h .v{color:var(--cold-ink);font-size:19px}
.htile.r .v{color:var(--ink);font-size:19px}
.htile .m{font-size:12.5px;color:var(--muted);font-weight:600;line-height:1.3;margin-top:auto}
.htile sup{font-size:11px;color:var(--muted);font-weight:700}
.tlinks{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 16px;margin:16px 0 0;font-weight:700;font-size:15px}
.tlinks a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px;min-height:36px;display:inline-flex;align-items:center}
.footline{font-size:12.5px;color:var(--muted);line-height:1.6;margin-top:22px;text-align:left}
.footline a{color:var(--muted);font-weight:700}
/* chips used as conditions ("150 gal min · own tank · to Dec 31") */
.cchips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}
.cchip{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700;background:var(--soft);color:var(--ink2);border:1px solid var(--line)}
.cchip.ed{background:#fff;border:1.5px dashed var(--ink2);cursor:pointer}
.cchip.pb{background:var(--soft);color:var(--ink)}
.cchip.ok{background:var(--save-soft);color:var(--save-ink);border-color:transparent}
.cchip.loan{background:var(--cold-soft);color:var(--cold-ink);border-color:transparent}
.cchip.no{background:#fff;color:var(--muted);border-style:dashed}
/* county list rows with a total for the delivery */
.plist .pr .tot{display:block;font-size:12px;font-weight:700;color:var(--muted);margin-top:2px}
.smallavgs{font-size:13.5px;color:var(--muted);font-weight:600;line-height:1.5;margin:8px 0 0}
/* wireframe-only annotations */
.wf-note{border:1.5px dashed var(--warn);background:var(--warn-soft);color:var(--ink2);border-radius:12px;padding:10px 12px;font-size:13.5px;line-height:1.45;margin:12px 0}
.wf-note b{color:var(--warn)}
/* class tiles (Path 3) */
.ctiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ctile{border:1.5px solid var(--line);background:#fff;border-radius:14px;padding:12px;text-align:left;font-weight:700;font-size:14.5px;line-height:1.25;min-height:64px}
.ctile small{display:block;font-weight:600;color:var(--muted);font-size:12px;margin-top:3px}
.ctile[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:#fff}
.ctile[aria-pressed="true"] small{color:#D8DDE5}
.verdict{background:#fff;border:2px solid var(--save);border-radius:var(--r);padding:16px;margin:14px 0 0}
.verdict .k{font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;color:var(--save-ink)}
.verdict h3{font-size:22px;margin:4px 0 6px}
.verdict p{font-size:15px;color:var(--ink2);margin:0 0 8px}
.verdict.sw{border-color:var(--hot)} .verdict.sw .k{color:var(--hot-ink)}
.verdict.bk{border-color:var(--cold)} .verdict.bk .k{color:var(--cold-ink)}
.vstates{display:grid;gap:8px;margin-top:8px}
.vstates .verdict{margin:0;padding:12px;opacity:.9}
.vstates .verdict h3{font-size:17px}
.tonight{display:flex;align-items:center;gap:10px;background:var(--cold-soft);color:var(--cold-ink);border-radius:14px;padding:12px 14px;font-weight:800;font-size:16px;margin-top:12px}
.tonight .ic{width:22px;height:22px}
.tonight small{display:block;font-weight:600;font-size:12.5px;opacity:.85}
/* rebate offers (Path 5) */
.offer{background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:14px;margin-top:10px}
.offer .a{font-size:22px;font-weight:800;letter-spacing:-.4px;color:var(--save-ink);line-height:1.15}
.offer .p{font-weight:700;font-size:15.5px;margin-top:4px}
.offer .m{font-size:12.5px;color:var(--muted);font-weight:600;margin-top:6px}
.offer.inc{border-style:dashed}
.chlist{list-style:none;padding:0;margin:8px 0 0;font-size:14.5px}
.chlist li{display:flex;gap:10px;padding:8px 0;border-top:1px solid var(--line)}
.chlist li b{min-width:58px;font-size:13px;color:var(--muted)}
.nolist{background:#fff;border:1.5px dashed var(--line);border-radius:14px;padding:12px 14px;margin-top:10px;font-size:14.5px}
.nolist div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid var(--line)}
.nolist div:first-of-type{border-top:0}
.nolist span{color:var(--muted);font-weight:600;font-size:13px;text-align:right}
/* products (Path 4) */
.pgrid{display:grid;gap:10px;margin-top:10px}
.pcard{display:grid;grid-template-columns:76px 1fr;gap:12px;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:12px;color:var(--ink);text-decoration:none}
.pcard .ph{width:76px;height:76px;border-radius:12px;background:repeating-linear-gradient(45deg,var(--soft),var(--soft) 6px,#fff 6px,#fff 12px);display:grid;place-items:center;color:var(--muted);font-size:11px;font-weight:700;text-align:center}
.pcard .t{font-weight:800;font-size:15.5px;line-height:1.2}
.pcard .pr{font-weight:800;font-size:17px;margin-top:4px}
.pcard .cchips{margin:6px 0 0}
.plist.nocall .hd,.plist.nocall .pr{grid-template-columns:1fr auto}