/* Final design, Oct 27 2026 (Victor's picks on misc-reports.pages.dev/tcg-copilot-designs-20261026/search/final/). Loads after search-shell.css. */
body{font:400 15px/1.5 var(--b);color:var(--ink);background:#F4F7FB}
h1,h2,h3,h4,.btn{font-family:var(--h)}
header .in{max-width:none;padding:12px 32px}header img{height:36px}header .in span{color:var(--mute);font-size:14px}
main{max-width:none;padding:0 0 80px}
.btn{min-height:52px;height:52px;font:800 16px var(--h);border-radius:10px;padding:0 26px;box-shadow:0 2px 0 rgba(15,36,71,.12);transition:transform .12s,box-shadow .12s,background .12s,border-color .12s}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(42,107,214,.28)}.btn.ghost{background:#fff;color:var(--pd);border-color:#c7d6ef;box-shadow:none}.btn.ghost:hover{border-color:var(--p);background:var(--ps)}.btn.md,.btn.small{min-height:44px;height:44px;font-size:14px;padding:0 18px;font-weight:700}.btn.xl{height:60px;min-height:60px;font-size:18px}
.f{min-height:52px;height:52px;font:600 17px/1.3 var(--b);border:2px solid #c7d6ef;border-radius:10px;padding:0 16px}.f:hover{border-color:var(--p)}.f:focus{border-color:var(--p);box-shadow:0 0 0 3px var(--ps)}
/* the one-row search is the search */
/* the one-row search is the search; the full form opens only for Add spouse / Add dependent / Edit search (it holds each applicant's age) */#search-open:not(.final-editing){display:none!important}
#search-compact{display:block!important;margin:24px 32px 0;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh);overflow:visible}
#search-compact[hidden]{display:block!important}
#search-compact .onerow{grid-template-columns:1.1fr .7fr 1fr .6fr .7fr 1.3fr 1.3fr auto auto;gap:10px;align-items:end;margin:0;border:0;border-radius:0;box-shadow:none;padding:18px 20px}
#search-compact .onerow label{font-weight:700;font-size:13px;color:var(--s);margin-bottom:6px;white-space:nowrap}
#search-compact .compact-field{position:relative}#search-compact .compact-field .f{height:52px}
#search-compact #extra-applicants{position:absolute;right:10px;top:14px;font:800 12px var(--h);color:var(--pd);background:var(--ps);border-radius:6px;padding:3px 7px}
#search-compact .seg.compact-gender{display:grid;grid-template-columns:1fr 1fr;height:52px;padding:0;gap:0;border:2px solid #c7d6ef;border-radius:10px;overflow:hidden;background:#fff}#search-compact .seg.compact-gender button{border:0;background:#fff;font:700 15px var(--b);color:var(--pd);cursor:pointer}#search-compact .seg.compact-gender button[aria-pressed=true]{background:var(--p);color:#fff}
#search-compact .ta{position:relative}#search-compact .ta .f{padding-left:40px}#search-compact .ta .input-icon{position:absolute;left:12px;top:15px;color:#8a94a6;pointer-events:none}
#search-compact .pop{left:auto;right:0;width:720px;max-width:calc(100vw - 80px);max-height:min(560px,70vh);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 48px rgba(15,36,71,.18);padding:10px}
#search-compact .so{display:flex;justify-content:space-between;align-items:center;gap:12px;border:2px solid var(--line);border-radius:10px;margin-bottom:6px;padding:10px 12px;font:700 15px var(--b)}#search-compact .so:hover,#search-compact .so.active{border-color:var(--p);background:#fff}#search-compact .so small{font-weight:400;color:var(--mute);font-size:13px}
#search-compact .btn.extras-toggle{height:52px;min-height:52px;gap:10px}#search-compact .btn.extras-toggle .extras-count{display:inline-flex;min-width:22px;height:22px;border-radius:6px;background:var(--p);color:#fff;font:800 12px var(--h);align-items:center;justify-content:center;padding:0 6px}#search-compact .btn.extras-toggle[aria-expanded=true]{background:var(--ps);border-color:var(--p)}
#search-compact .btn.extras-toggle:after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:-4px 0 0 2px}#search-compact .btn.extras-toggle[aria-expanded=true]:after{transform:rotate(-135deg);margin:4px 0 0 2px}
#search-compact #compact-go{height:52px;min-height:52px;padding:0 26px}
/* picked medicines and doctors, under the row */
#final-picked{display:grid;grid-template-columns:2fr 1fr;gap:18px;padding:0 20px 14px}#final-picked:empty{display:none}#final-picked label{display:block;font-weight:700;font-size:13px;color:var(--s);margin-bottom:6px}
#final-picked .medlist{flex-direction:row;flex-wrap:wrap;gap:8px;margin:0}#final-picked .medlist>.medicine-row{display:inline-flex;align-items:center;gap:8px;height:auto;min-height:40px;border:2px solid var(--p);background:var(--ps);color:var(--pd);border-radius:9px;padding:4px 6px 4px 12px;font-size:14px;font-weight:600}#final-picked .medicine-row details{display:inline}#final-picked .medicine-row summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px}#final-picked .medicine-row summary::-webkit-details-marker{display:none}#final-picked .medicine-row details[open] .medicine-options{position:absolute;z-index:30;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh);padding:12px 14px;margin-top:8px;min-width:320px;color:var(--ink);font-weight:400}#final-picked .medicine-row button{border:0;background:transparent;color:#8a94a6;font-size:18px;line-height:1;cursor:pointer;padding:2px 6px}#final-picked .medicine-row button:hover{color:var(--bad)}
#final-picked .medlist .chip{border-color:var(--p);background:var(--ps);color:var(--pd)}
/* credit bar joined to the row */
#search-compact .compact-strip{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);background:#F7F9FC;padding:14px 20px;font-size:14px;color:var(--mute)}
#search-compact .compact-strip .tc b{font:800 20px var(--h);color:var(--ok);margin-right:12px}#search-compact .compact-strip .csr-badge{background:var(--ps);color:var(--pd);border-radius:6px;padding:2px 9px;font:800 12px var(--h);margin-right:12px}
#search-compact .text-link{border:0;background:transparent;color:var(--pd);font:700 14px var(--b);cursor:pointer;padding:0}
/* Extras = checkbox rows in three columns (Victor's pick, design 4) */
#extras{display:grid;grid-template-columns:1.3fr .8fr 1.2fr;gap:18px;margin:0 32px;background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 16px 16px;box-shadow:var(--sh);padding:14px 20px 18px;position:relative;top:-1px}#extras[hidden]{display:none}
#extras h2{grid-column:1/4;font:800 15px var(--h);color:var(--s);margin:0}#extras>p{grid-column:1/4;font-size:13px;color:var(--mute);margin:-6px 0 4px}
#extras .extras-row{background:#F7F9FB;border:1px solid var(--line);border-radius:12px;padding:14px}#extras .extras-row h3{font:800 15px var(--h);color:var(--s);margin:0 0 10px;display:flex;align-items:center;gap:10px}#extras .extras-row h3:before{content:"";width:36px;height:36px;border-radius:9px;background:var(--ps) center/18px no-repeat;flex:none}
#extras .extras-row:nth-child(3) h3:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F54AC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E")}
#extras .extras-row:nth-child(4) h3:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F54AC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E")}
#extras .extras-row:nth-child(5) h3:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F54AC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='5'/%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3C/svg%3E")}
#extras .chips{flex-direction:column;align-items:stretch;gap:6px;margin:0}#extras .chip{height:46px;justify-content:flex-start;gap:10px;background:#fff;border-color:var(--line);cursor:pointer;font-size:14px}#extras .chip:hover{border-color:var(--p)}#extras .chip:has(input:checked){border-color:var(--p);background:#fff;color:var(--pd)}#extras .chip input[type=checkbox]{width:22px;height:22px;border-radius:6px}
/* results */
#search-results .tabs{padding-left:32px;padding-right:32px}#search-results .body{padding:24px 32px 70px}
.card{transition:border-color .15s,box-shadow .15s,transform .15s}.card:hover{border-color:var(--p);box-shadow:0 10px 28px rgba(15,36,71,.12);transform:translateY(-2px)}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;flex:none;vertical-align:middle}.brand img{height:22px;width:auto;display:block}.brand b{font:800 16px/1 "Montserrat",Arial,sans-serif;color:#2A6BD6;border-left:2px solid #2A6BD6;padding-left:8px}
.side label:hover,.side .ck:hover{cursor:pointer}.side a:hover{text-decoration:underline}
table tr:hover td{background:var(--ps)}
@media(max-width:1100px){#search-compact .onerow{grid-template-columns:1fr 1fr 1fr 1fr}#extras{grid-template-columns:1fr}#extras h2,#extras>p{grid-column:1}}
/* header + page chrome */
header{display:flex;align-items:center;justify-content:space-between;padding:0 32px}header .in{padding:12px 0}header .in span{display:none}header .seg.language-seg{margin:0}
main>h1{display:none}#search-empty{display:none}footer{padding:0 32px}
#final-picked>div:has(.medlist:empty){display:none}#final-picked:has(.medlist:not(:empty)){padding-top:4px}
#search-compact #compact-go:disabled{opacity:.55}
/* 3:45 AM pass: chrome, hover, premium split, mobile-only controls */
#filters-open,#filters-close{display:none}#status{padding:22px 32px 0;margin:0}
.f:hover,.seg:hover,.compact-gender:hover{border-color:var(--p)}.chip:hover{border-color:var(--p)}#search-compact .compact-gender button:hover{background:var(--ps)}
.side{position:static}.side h5{font-size:12px}
#search-compact .ta .f::placeholder{color:#8a94a6;font-weight:400}
.extras-toggle,.btn.ghost{transition:background .12s,border-color .12s,transform .12s}
#search-compact #compact-go{gap:10px;padding:0 28px}#search-compact #compact-go svg{flex:none}
header .seg.language-seg{height:44px;padding:3px}header .seg.language-seg span{min-height:36px;min-width:84px;font-size:14px}
header .in{margin:0}
#search-compact .compact-strip .tc b.plain{font:inherit;font-weight:800;color:var(--s);margin:0}
/* 3:55 AM pass (MVP fork): gaps seen on the MVP 3 drive against the final pages */
.side .text-link{border:0;background:transparent;color:var(--pd);font:700 14px var(--b);padding:0;height:auto;min-height:0;cursor:pointer;display:inline-flex;align-items:center;gap:4px;margin:6px 0 2px}.side .text-link:hover{text-decoration:underline}
#status{padding:16px 32px 0;font-size:14px;color:var(--mute)}#status:empty{padding:0}
/* details dialog: HealthSherpa's table look, full width */
.cv-box{max-width:1180px;padding:0;overflow:hidden;border:1px solid var(--line)}.cv-head{padding:16px 26px;border-bottom:1px solid var(--line);margin:0;background:#fff}.cv-head img{height:30px}.cv-head h2{font:800 22px var(--h);color:var(--s)}.cv-grid{padding:18px 26px 22px;gap:18px}.cv-col{border:0;padding:0}
.cv-row{display:grid;grid-template-columns:34% 1fr;gap:12px;align-items:center;padding:11px 12px;border-top:1px solid var(--line)}.cv-row:first-child{border-top:0;grid-template-columns:1fr;padding:0 0 12px}.cv-row span{display:block;font-weight:700;color:var(--ink);font-size:14px}.cv-row b{font:700 15px/1.4 var(--b);color:var(--ink)}.cv-row b.sm{font:600 14px/1.4 var(--b)}.cv-row:nth-child(2) b{font:800 30px/1 var(--h);color:var(--s)}.cv-foot{padding:0 26px 20px;font-size:13px;color:var(--mute)}
.cv-grid .links{display:flex;gap:8px;flex-wrap:wrap;padding:12px}.cv-grid .links a{display:inline-flex;align-items:center;gap:8px;height:44px;border:2px solid #c7d6ef;border-radius:9px;padding:0 14px;color:var(--pd);font-weight:700;text-decoration:none;font-size:14px}.cv-grid .links a:hover{border-color:var(--p);background:var(--ps)}.cv-grid .links b{width:100%;font:800 12px var(--h);letter-spacing:.05em;text-transform:uppercase;color:var(--mute)}
#extras .chip:has(input:checked) span{color:var(--pd)}

.cv-row .hs-premium small:not(:has(s)){display:none}.cv-row .hs-premium{font:800 30px/1 var(--h);color:var(--s)}.cv-row .hs-premium small{display:block;font:600 14px var(--b);color:var(--bad);margin-top:4px}
/* 4:05 AM pass: the results sidebar exactly as final/results (Victor 4:01 AM "sidebar looks like shit") */
#search-results .body{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start}
.side{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;box-shadow:var(--sh);align-self:start;position:sticky;top:12px;width:auto;max-width:none}
.side h5,.side h5 label{font:800 12px var(--h);letter-spacing:.07em;text-transform:uppercase;color:var(--s);margin:18px 0 10px;display:block;cursor:default}.side h5:first-child{margin-top:0}.side h5+h5{margin-top:18px}
.side output{display:block;font:700 13px var(--b);color:var(--pd);margin:0 0 8px}
.side input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:#dbe4f3;border-radius:3px;margin:8px 0 14px;outline:0}
.side input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:6px;background:var(--p);border:3px solid #fff;box-shadow:0 1px 4px rgba(15,36,71,.35);cursor:pointer}.side input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:6px;background:var(--p);border:3px solid #fff;box-shadow:0 1px 4px rgba(15,36,71,.35);cursor:pointer}.side input[type=range]::-moz-range-track{height:6px;background:#dbe4f3;border-radius:3px}
.side label{display:flex;align-items:center;gap:10px;font:600 14px/1.3 var(--b);color:#3b475b;padding:6px 0;cursor:pointer}.side label:hover span{color:var(--pd)}
.side input[type=checkbox]{-webkit-appearance:none;appearance:none;width:22px;height:22px;border:2px solid #b7c0cf;border-radius:6px;background:#fff;flex:none;margin:0;cursor:pointer;display:inline-block}.side input[type=checkbox]:hover{border-color:var(--p)}.side input[type=checkbox]:checked{background:var(--p) center/14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E");border-color:var(--p)}
.side hr{border:0;border-top:1px solid var(--line);margin:14px 0}
.side .text-link{margin:4px 0 2px;font:700 14px var(--b);color:var(--p)}
/* compare panel: the approved plain compare (no mode toggle, no usage picker, light bands, winners green) */
#compare-panel .vtabs,#compare-panel .ctl,#compare-panel .dsw,#compare-panel .tx-lead,#compare-panel .rk-head h2,#compare-panel .tx-legend{display:none!important}
#compare-panel .cv-box{max-width:1400px}#compare-panel .cv-head{padding:16px 26px}#compare-panel .picks{padding:18px 26px 26px}
#compare-panel .tx{border:1px solid var(--line);border-radius:14px;overflow:hidden;border-collapse:separate;border-spacing:0;width:100%;font-size:14px}
#compare-panel .tx th,#compare-panel .tx td{border-left:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 16px;vertical-align:middle;min-height:48px}#compare-panel .tx th:first-child,#compare-panel .tx td:first-child{border-left:0;background:#F7F9FC;font-weight:700;color:var(--s)}
#compare-panel .tx thead th{background:#fff;text-align:left;vertical-align:top;padding:18px 16px 14px}#compare-panel .tx th.rec,#compare-panel .tx td.rec{background:#F3F7FE}
#compare-panel .tx-tier{display:block;font:800 17px/1.2 var(--h);color:var(--s);margin-bottom:6px}#compare-panel .tx-rec{display:inline-flex;align-items:center;font:800 11px var(--h);letter-spacing:.05em;text-transform:uppercase;border-radius:6px;padding:4px 9px;background:var(--p);color:#fff;margin-bottom:8px}#compare-panel .tx-role{display:block;font-size:12px;color:var(--mute);margin-bottom:8px}#compare-panel .tx-nm{display:block;font:800 15px var(--h)}#compare-panel .tx-mu{display:block;font-size:12px;color:var(--mute)}
#compare-panel tr.tx-g td{background:var(--ps)!important;color:var(--pd);font:800 12px var(--h);letter-spacing:.06em;text-transform:uppercase;padding:9px 16px;border-left:0}
#compare-panel .tx small.up,#compare-panel .tx small.down{display:block;font-size:12px;font-weight:700;margin-top:4px}#compare-panel .tx small.down{color:var(--ok)}#compare-panel .tx small.up{color:var(--mute)}
#compare-panel .hs-premium{font:800 22px/1 var(--h);color:var(--s)}#compare-panel .hs-premium small:not(:has(s)){display:none}#compare-panel .hs-premium small{display:block;font:600 12px var(--b);color:var(--bad);margin-top:4px}
#compare-panel .tx-why{font-size:13px;color:#3b475b}#compare-panel .tx-act .btn{height:44px;min-height:44px}
/* 4:12 AM: compare bands light, no vs-pick deltas, compare bar as a bottom pill-free bar */
#compare-panel .tx-g th{background:var(--ps)!important;color:var(--pd)!important;font:800 12px var(--h)!important;letter-spacing:.06em;text-transform:uppercase;padding:9px 16px!important;border-left:0}
#compare-panel .tx small.up,#compare-panel .tx small.down{display:none}
#compare-bar{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:40;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(15,36,71,.22);padding:10px}#compare-bar[hidden]{display:none}#compare-bar .btn{height:52px;min-height:52px;padding:0 28px}
#compare-panel .tx thead th.rec{border-top:3px solid var(--p)}#compare-panel .tx thead th{border-top:3px solid var(--line)}
/* Search animation 2: carrier logos arrive (search/anim/2) */
#final-loader.ld{margin:14px 32px 0;border:1px solid var(--line);border-radius:12px;background:#fff;padding:18px 20px;box-shadow:var(--sh);transition:opacity .4s,transform .4s}#final-loader.ld.out{opacity:0;transform:translateY(-6px)}
#final-loader .row3{display:flex;align-items:center;gap:18px}#final-loader .t{font:800 15px var(--h);color:var(--s)}#final-loader .m{font-size:13px;color:var(--mute)}
#final-loader .ring{width:56px;height:12px;border-radius:6px;border:0;background:linear-gradient(90deg,#EEF3FA 25%,#F7F9FC 37%,#EEF3FA 63%);background-size:400% 100%;animation:fl-shimmer 1.4s linear infinite;flex:none;display:flex;align-items:center;justify-content:center}
#final-loader .ring.done{animation:none;border-color:#bfe3c9;background:var(--okbg);color:var(--ok)}
#final-loader .logos{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:14px;min-height:30px}
#final-loader .logos i{width:96px;height:26px;border-radius:6px;background:linear-gradient(90deg,#EEF3FA 25%,#F7F9FC 37%,#EEF3FA 63%);background-size:400% 100%;animation:fl-shimmer 1.4s linear infinite}
#final-loader .logos .lg{display:inline-flex;align-items:center;height:30px;opacity:0;animation:fl-pop .5s ease-out forwards}#final-loader .logos .lg img{height:26px;width:auto;max-width:130px}#final-loader .logos .lg .carrier-name{font:800 13px var(--h);color:var(--s);border:1px solid var(--line);border-radius:6px;padding:4px 9px;background:#F7F9FC;white-space:nowrap}
#compact-go.go-busy{pointer-events:none;background:var(--pd);border-color:var(--pd)}#compact-go.go-busy .sp{width:28px;height:10px;border:0;border-radius:6px;background:linear-gradient(90deg,rgba(255,255,255,.25) 25%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.25) 75%);background-size:400% 100%;animation:fl-shimmer 1.4s linear infinite;flex:none}
@keyframes fl-shimmer{0%{background-position:100% 0}100%{background-position:0 0}}@keyframes fl-pop{from{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#final-loader .ring,#final-loader .logos i,#compact-go.go-busy .sp{animation:none}#final-loader .logos .lg{animation:none;opacity:1}}
@media(max-width:700px){#final-loader.ld{margin:12px 12px 0}}
#final-dochint{position:absolute;left:0;right:0;top:100%;margin-top:6px;z-index:30;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--sh);padding:10px 12px;font-size:13px;color:var(--mute);line-height:1.4}#final-dochint[hidden]{display:none}#docta{position:relative}
#final-loader .m2{color:var(--pd);font-weight:600;margin-top:2px}
/* the filter column is taller than the screen: it stays pinned but scrolls on its own, so Carriers at the bottom is reachable (QA run 4) */
#search-results #filters.side{max-height:calc(100vh - 24px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
/* Applicants panel under the one-row search (Add spouse / Add dependent) */
:is(#final-people,.fp-panel){border-top:1px solid var(--line);padding:16px 20px 18px;background:#fff}
:is(#final-people,.fp-panel) .fp-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px;flex-wrap:wrap}
:is(#final-people,.fp-panel) h2{font:800 15px var(--h);color:var(--s);margin:0}:is(#final-people,.fp-panel) .fp-acts{display:flex;gap:10px;flex-wrap:wrap}
:is(#final-people,.fp-panel) #people{display:block}:is(#final-people,.fp-panel) .person{display:flex;align-items:flex-end;gap:16px;padding:12px 0;border-top:1px solid #eef1f6;flex-wrap:wrap}
:is(#final-people,.fp-panel) .person:first-child{border-top:0}:is(#final-people,.fp-panel) .person .two{display:flex;align-items:flex-end;gap:16px}
:is(#final-people,.fp-panel) .person label.fl{display:block;font:700 13px var(--b);color:var(--s);margin:0 0 6px;text-transform:none;letter-spacing:0}
:is(#final-people,.fp-panel) .person input.f{height:52px;width:120px;font-size:16px;border:2px solid #c7d6ef;border-radius:10px;padding:0 14px}
:is(#final-people,.fp-panel) .gender-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font:700 13px var(--b);color:var(--s);margin-bottom:6px}
:is(#final-people,.fp-panel) .remove-applicant{align-self:flex-end;margin-left:auto;height:44px;padding:0 16px;border:1px solid #E3B4B4;border-radius:8px;background:#fff;color:#B42318;font:600 14px var(--b);cursor:pointer}
:is(#final-people,.fp-panel) .remove-applicant:hover{background:#FEF3F2;border-color:#B42318}
:is(#final-people,.fp-panel) .fp-head{position:relative;padding-right:44px}
:is(#final-people,.fp-panel) .fp-x{position:absolute;right:0;top:50%;transform:translateY(-50%);width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #D5E1F2;border-radius:8px;background:#fff;color:#0F2447;cursor:pointer}
:is(#final-people,.fp-panel) .fp-x:hover{border-color:#2A6BD6;color:#2A6BD6}
:is(#final-people,.fp-panel) .gender-seg{display:inline-flex;height:52px;border:2px solid #c7d6ef;border-radius:10px;overflow:hidden}:is(#final-people,.fp-panel) .gender-seg button{min-width:52px;height:100%;border:0;background:#fff;font:800 15px var(--h);color:var(--pd);cursor:pointer}:is(#final-people,.fp-panel) .gender-seg button[aria-pressed=true]{background:var(--p);color:#fff}
:is(#final-people,.fp-panel) .chips{display:flex;margin:0}:is(#final-people,.fp-panel) .chips .chip{height:52px;display:inline-flex;align-items:center;gap:10px;padding:0 14px;border:2px solid #c7d6ef;border-radius:10px;background:#fff;font:600 14px var(--b);color:#3b475b;cursor:pointer}
:is(#final-people,.fp-panel) #people-err{color:var(--bad);font-size:13px;margin-top:6px}
#search-compact .compact-field #extra-applicants{cursor:pointer}
#final-why{margin:0;padding:10px 20px;border-top:1px solid var(--line);background:var(--warnbg);color:var(--warn);font:600 14px var(--b)}#final-why[hidden]{display:none}
/* Phone width (390 px): the one row stacks in two columns, nothing scrolls sideways (QA run 10) */
@media(max-width:700px){
#search-compact .onerow{grid-template-columns:1fr 1fr!important;gap:10px;padding:14px!important}
#search-compact .onerow>div:nth-child(8),#search-compact .onerow>div:nth-child(9),#search-compact .onerow>.extras-toggle,#search-compact #compact-go{grid-column:1/-1}   /* indexes moved by the two group titles (Oct 27 2026) */
#search-compact .onerow input.f,#search-compact .onerow .f{width:100%;min-width:0}
#search-compact .compact-strip{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px}
#search-results .tabs{flex-wrap:wrap;gap:8px;padding-left:12px!important;padding-right:12px!important}
#search-results .body{padding:12px 12px 60px!important}
#search-results .list .lh{flex-wrap:wrap;gap:8px}
#plans .card .ct b .pick{margin:6px 0 0}
header{padding:0 12px}
#final-people .person .two{flex-wrap:wrap}
}
#final-loader .logos .lg{max-width:100%}#final-loader .logos .lg .carrier-name{white-space:normal;max-width:100%;display:inline-block;line-height:1.3}
/* Summary strip after Get Plans (search/final/results .strip) */
#search-compact.final-folded{display:none!important}
#final-strip{display:flex;justify-content:space-between;align-items:center;padding:12px 32px;background:#fff;border-bottom:1px solid var(--line);font-size:15px;color:var(--mute);gap:14px}
#final-strip[hidden]{display:none}
#final-strip .f{display:flex;gap:20px;flex-wrap:wrap;align-items:center}
#final-strip .f>span{display:inline-flex;align-items:center;gap:7px}
#final-strip svg{color:var(--p);width:16px;height:16px;flex:none}
#final-strip b{color:var(--s)}#final-strip b.g{color:var(--ok)}
#final-strip .csr{background:var(--ps);color:var(--pd);border-radius:6px;padding:2px 9px;font:800 12px var(--h)}
#final-strip .sl{all:unset;display:inline-flex;align-items:center;gap:7px;cursor:pointer;color:var(--mute)}#final-strip .sl:hover{color:var(--pd);text-decoration:underline}
#final-strip .sl:focus-visible{outline:2px solid var(--p);outline-offset:2px;border-radius:4px}
@media(max-width:700px){#final-strip{flex-direction:column;align-items:flex-start;padding:12px 14px}#final-strip .f{gap:10px 16px}}
#final-strip{border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;margin:0!important;max-width:none!important;width:auto}
#final-strip .btn{white-space:nowrap;flex:none}
body.final-has-strip #status.final-count{display:none}
/* Astra M2 shell fixes */
#final-county{padding:0 20px}#final-county #county-field:not([hidden]){display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}#final-county label.fl{font:700 14px var(--b);color:var(--s);margin:0}#final-county #county-err:not([hidden]){color:var(--bad);font-size:13px;padding:0 0 10px}
#search-compact .compact-strip .year-seg{display:inline-flex;height:30px;border:2px solid #c7d6ef;border-radius:8px;overflow:hidden;vertical-align:middle;margin:0 4px}#search-compact .compact-strip .year-seg button{border:0;background:#fff;font:700 13px var(--b);color:var(--pd);padding:0 10px;cursor:pointer;height:100%}#search-compact .compact-strip .year-seg button[aria-pressed=true]{background:var(--p);color:#fff}
#search-results .tabs>span>span{border:0!important;padding:0!important}
#search-results .tabs .acts .btn{height:auto;min-height:0;padding:0;border:0;background:none;box-shadow:none;font:600 14px var(--b);color:var(--pd);display:inline-flex;align-items:center;gap:6px}#search-results .tabs .acts .btn:hover{text-decoration:underline}#search-results .tabs .acts .btn svg{width:16px;height:16px}
#search-results .list .lh{gap:12px}#final-planyear{margin-left:auto;color:var(--mute);font-size:15px}#search-sort{height:44px!important;min-height:44px;padding:0 42px 0 14px!important;border:2px solid #c7d6ef!important;border-radius:10px!important;white-space:nowrap}
/* sort menu (Victor 12:54 PM Oct 27 'make this better'): one line per option, wide enough to read, right-aligned under the button */
#sort-dd{position:relative}#sort-dd .dd-list{left:auto;right:0;width:max-content;min-width:100%;max-width:min(340px,90vw);padding:6px;border:1px solid #D5E1F2;border-radius:10px;box-shadow:0 18px 48px rgba(15,36,71,.18)}
#sort-dd .dd-opt{white-space:nowrap;min-height:42px;padding:10px 14px;gap:24px;justify-content:space-between;font:600 15px/1.3 var(--b)}
#sort-dd .dd-opt[aria-selected=true]{background:#EAF2FC;color:#1f5fc4}
#final-strip .f{height:auto!important;min-height:24px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font:400 15px/1.5 var(--b)!important;width:auto!important;color:var(--mute)}
#final-strip .f>span,#final-strip .f>.sl{min-height:24px}
@media(max-width:900px){#filters-open{display:inline-flex!important;margin:12px 12px 0}#search-results #filters.side.drawer-open{display:block!important;position:fixed;inset:0;z-index:60;max-height:none;overflow-y:auto;border-radius:0;padding:18px 20px 40px}#filters-close{display:none!important}#filters.drawer-open #filters-close{display:inline-flex!important;margin-bottom:12px}}

/* $ inside the income box (Victor 12:22 PM example) */
#search-compact .compact-field.has-cur{position:relative}#search-compact .compact-field.has-cur .cur{position:absolute;left:14px;top:50%;transform:translateY(-50%);font:700 16px var(--b);color:var(--s);pointer-events:none}#search-compact .compact-field.has-cur input{padding-left:30px!important}
#search-compact input.f::placeholder{color:#8a94a6;font-weight:400;opacity:1}

#search-compact #compact-age{padding:0 10px!important}#search-compact #compact-zip,#search-compact #compact-hhsize{padding-left:14px}
/* Proof popover (Victor 12:53 PM Oct 27). Card proof panels never open inline; the open one is moved into #proof-pop. */
#plans .proof-panel{display:none!important}
#proof-pop{position:fixed;z-index:1200;box-sizing:border-box;display:flex;flex-direction:column;background:#fff;color:#172b4d;border:1px solid #D5E1F2;border-radius:12px;box-shadow:0 24px 64px rgba(15,36,71,.24);overflow:hidden;text-align:left;font:400 13px/1.5 var(--b)}
#proof-pop[hidden]{display:none}
#proof-pop .pp-h{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 10px 18px;border-bottom:1px solid #EEF1F6;font:700 14px/1.3 var(--b);color:#0F2447}
#proof-pop .pp-x{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #D5E1F2;border-radius:8px;background:#fff;color:#0F2447;cursor:pointer}
#proof-pop .pp-x:hover{border-color:#2A6BD6;color:#2A6BD6}
#proof-pop .pp-b{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:4px 18px 14px}
#proof-pop .proof-panel{display:block!important;position:static;margin:0;padding:0;border:0;box-shadow:none;background:none;max-width:none;width:auto;font:inherit;color:inherit}
#proof-pop .proof-panel>span{display:block;margin:0;padding:8px 0;border-top:1px solid #F0F3F8}
#proof-pop .proof-panel>span:first-child{border-top:0}
#proof-pop img,#proof-pop canvas{display:block;width:100%;height:auto;margin:8px 0;border:1px solid #EEF1F6;border-radius:8px}
#proof-pop a{color:#1f5fc4;font-weight:600}


/* Basic loading state (Victor 1:59 PM Oct 27): skeleton cards while Get Plans runs */
#final-loader.sk{display:block;margin:16px 32px 0;padding:0;background:none;border:0;box-shadow:none}
#final-loader.sk[hidden]{display:none}
#final-loader.sk .sk-l{margin:0 0 12px;font:600 14px/1.3 var(--b);color:#5B6B86}
#final-loader.sk .skc{background:#fff;border:1px solid #E3EAF4;border-radius:14px;padding:22px 24px;margin:0 0 16px}
#final-loader.sk .skh{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
#final-loader.sk .skt{display:flex;gap:10px;margin-bottom:18px}
#final-loader.sk .skb{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:16px}
#final-loader.sk .skb>span{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:10px;background:#F6F9FD}
#final-loader.sk i{display:block;height:12px;width:100%;border-radius:6px;background:linear-gradient(90deg,#EDF2F8 0%,#F7FAFD 50%,#EDF2F8 100%);background-size:200% 100%;animation:skSh 1.2s ease-in-out infinite}
#final-loader.sk i.big{height:26px}
#final-loader.sk i.w60{width:60%}#final-loader.sk i.w40{width:40%}#final-loader.sk i.w18{width:18%}#final-loader.sk i.w14{width:14%;height:28px}#final-loader.sk i.w10{width:10%}
@keyframes skSh{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media (prefers-reduced-motion:reduce){#final-loader.sk i{animation:none}}
@media (max-width:900px){#final-loader.sk .skb{grid-template-columns:1fr}}

/* no yellow "why" bar (Victor 1:57 PM Oct 27): the missing field is outlined in red; the sentence stays for screen readers */
#final-why{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0;padding:0;border:0}
.need-field{border-color:#D92D20!important;box-shadow:0 0 0 3px #FEE4E2!important}
#stale{display:none!important}
.final-stale .btn{flex:none;height:40px;padding:0 18px}
#final-toast{position:fixed;right:24px;bottom:24px;z-index:1300;max-width:360px;padding:12px 16px;border-radius:10px;background:#0F2447;color:#fff;font:600 14px/1.4 var(--b);box-shadow:0 18px 48px rgba(15,36,71,.28);opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}
#final-toast.on{opacity:1;transform:none}
#final-toast[hidden]{display:none}
/* Top picks row (Victor 2:17 PM Oct 27) */
#final-picks{margin:0 0 18px}
#final-picks[hidden]{display:none}
#final-picks .fp-h{display:flex;align-items:center;gap:12px;margin:0 0 12px}
#final-picks .fp-h b{font:800 18px/1.2 var(--h);color:#0F2447}
#final-picks .fp-h span{font:500 13px/1.3 var(--b);color:#5B6B86}
#final-picks .fp-h .btn{margin-left:auto;height:40px}
#final-picks .fp-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#final-picks .fp-t{display:flex;flex-direction:column;gap:8px;padding:16px 18px;background:#fff;border:1px solid #D5E1F2;border-radius:14px;box-shadow:0 6px 18px rgba(15,36,71,.06)}
#final-picks .fp-t:first-child{border:2px solid #2A6BD6}
/* Victor 3:28 PM Oct 27: the tile labels get the same filled badge as the card tag, and each pick its own color so a tile
   and its card match at a glance. Blue = Best overall, green = Lowest monthly price, purple = Best protection (no yellow, no pink, no pills). */
#final-picks .fp-l{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;color:#fff;background:#2A6BD6;border-radius:6px;padding:5px 10px;font:800 12px/1.2 var(--h);letter-spacing:.05em;text-transform:uppercase}
#final-picks .fp-l.fp-k-wallet,#plans .pick.fp-k-wallet{background:#0E7A4D;color:#fff}
#final-picks .fp-l.fp-k-shield,#plans .pick.fp-k-shield{background:#6B46C1;color:#fff}
#plans .pick.fp-k-star{background:#2A6BD6;color:#fff}
#final-picks .fp-c img{height:24px;width:auto;max-width:140px;object-fit:contain}
#final-picks .fp-c .carrier-name{font:700 13px var(--b);color:#0F2447}
#final-picks h4{margin:0;font:800 16px/1.3 var(--h);color:#0F2447}
#final-picks .fp-p{display:flex;align-items:baseline;gap:6px}
#final-picks .fp-p b{font:800 26px/1 var(--h);color:#0F2447}
#final-picks .fp-p span{font:500 13px var(--b);color:#5B6B86}
#final-picks .fp-p s{font:500 12px var(--b);color:#B42318}
#final-picks .fp-f{display:flex;flex-wrap:wrap;gap:4px 14px;font:500 13px/1.4 var(--b);color:#5B6B86}
#final-picks .fp-f b{color:#0F2447}
#final-picks p{margin:0;font:500 13px/1.45 var(--b);color:#33415C;flex:1}
#final-picks .fp-t .btn{align-self:flex-start;height:40px}
#final-picks .fp-t.sk{min-height:220px}
#final-picks .fp-t.sk i{display:block;height:14px;border-radius:6px;background:linear-gradient(90deg,#EDF2F8 0%,#F7FAFD 50%,#EDF2F8 100%);background-size:200% 100%;animation:skSh 1.2s ease-in-out infinite}
#final-picks .fp-t.sk i:nth-child(2){width:70%;height:26px}#final-picks .fp-t.sk i:nth-child(3){width:50%}
#plans .card.fp-flash{box-shadow:0 0 0 4px #BFD4F6;transition:box-shadow .3s}
@media (max-width:900px){#final-picks .fp-row{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){#final-picks .fp-t.sk i{animation:none}}

/* CSR as a plain rectangle (Victor 2:33 PM Oct 27: "I like a rectangle, I hate circles"); the panel-style .csr border-left was bleeding into the badge */
#final-strip .csr,.csr-badge,#search-compact .csr{display:inline-flex;align-items:center;border:1px solid #C7D6EF!important;border-left-width:1px!important;border-radius:6px!important;margin:0 0 0 8px!important;padding:2px 8px!important;background:#EAF2FC!important;color:#1f5fc4;font:800 12px/1.3 var(--h);vertical-align:middle}
/* Victor 3:31 PM Oct 27: the CSR 73% box almost touched "Applied to every plan below"; the !important margin above zeroed its right gap */
.csr-badge{margin-right:12px!important}
/* the "188 plans from 11 carriers" status line repeats the list header: kept for screen readers only */
#status.st-ok{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0;padding:0;border:0}
#compact-go.go-update{box-shadow:0 0 0 4px #BFD4F6}
#final-picks .fp-pl{margin-top:-4px;font:600 13px/1.3 var(--b);color:#33415C}
/* Victor 2:44-2:47 PM Oct 27: "Monthly premium" and "Deductible" sit under their numbers, same weight, bold and dark enough to read */
#plans .card .cm>div:nth-child(1)>div:nth-child(2),#plans .card .cm>div:nth-child(2)>div:nth-child(2){font:700 15px/1.3 var(--b)!important;color:#0F2447!important;margin-top:4px}
#plans .card .cm>div:nth-child(2) .sub{display:inline-block;margin-top:6px;padding:2px 8px;border:1px solid #9FB3D1;border-radius:6px;font:700 12px/1.3 var(--b);color:#0F2447;background:#fff}
#plans .card .cm .was{font:600 13px/1.3 var(--b)}

/* TrueCost Rx line, simple (Victor 2:46 PM Oct 27): verdict, one big yearly figure, one short compare line */
#plans .card .rxs.rx3{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:18px}
#plans .card .rxs.rx3 .rxl b{font:800 15px/1.2 var(--h)}
#plans .card .rxs.rx3 .rxa{font:800 18px/1.2 var(--h);color:#0F2447;white-space:normal;overflow-wrap:anywhere}
#plans .card .rxs.rx3.ok .rxa{color:#067647}
#plans .card .rxs.rx3 .rxc{justify-self:end;font:600 14px/1.3 var(--b);color:#33415C;white-space:normal;overflow-wrap:anywhere}
@media (max-width:900px){#plans .card .rxs.rx3{grid-template-columns:1fr;gap:6px}#plans .card .rxs.rx3 .rxc{justify-self:start;white-space:normal}}
/* Victor 4:05 PM Oct 27: info bubble for the cost-row icons (final.js) */
#ti-pop{position:fixed;z-index:9999;background:#0F2447;color:#fff;font:500 13px/1.5 var(--b);padding:10px 12px;border-radius:8px;box-shadow:0 10px 28px rgba(15,36,71,.25);pointer-events:none}
.ti{cursor:help;outline:none}.ti:focus-visible{box-shadow:0 0 0 2px #2A6BD6;border-radius:4px}
/* Victor 4:04 PM Oct 27: results wait behind the loading cards until everything is ready, then show at once (final.js hold) */
body.final-holding #search-results{display:none!important}
/* Victor 4:52 PM Oct 27: "plans as low as $X a month" beside the tax credit */
.low-from{margin-right:12px;color:#0F2447;font-weight:600}.low-from b{color:#0F2447;font-weight:800}

/* Shared design laws override the later Details/Compare sheets by specificity, in both v3 and v4. */
html body,body #plans,body #final-details,body #final-compare{--warn:#1F54AC;--warnbg:#EAF2FC}
body .metal.gold,body #plans .metal.gold,body #final-details .metal.gold,body #final-compare .metal.gold,
body #final-details .net.pos,body :is(#medta,#docta) .picker-panel .kind.brand,
body :is(#medta,#docta) .picker-panel .picker-note{background:#EAF2FC;color:#1F54AC}
body #final-details .fd-stale,body #final-compare .cmp-stale,body #final-details .rxbox.a{background:#EAF2FC;border-color:#c7d6ef;color:#1F54AC}
#plans .card .rxs{flex-wrap:wrap}
#plans .card .rxs>span{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
#plans .card .rxs .rxl{flex-wrap:wrap;min-width:0}
#plans .card .rxs .rxl>b{min-width:0;overflow-wrap:anywhere}
#final-picks .fp-pending{margin:0;padding:12px 0;font:500 13px/1.5 var(--b);color:#5B6B86}

/* Client and Print number blocks: value first, label underneath. ID scope beats the report's late-injected styles. */
#cv .cv-row{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
#cv .cv-row>b{order:-1}
#cv .cv-row>span{order:1}
#rp .lsit>div,#rp .p-sg>div{grid-template-columns:40px minmax(0,1fr)}
#rp .lsit>div>b,#rp .p-sg>div>b{grid-column:2;grid-row:1;align-self:end;margin-top:0}
#rp .lsit>div>span,#rp .p-sg>div>span{grid-column:2;grid-row:2;align-self:start;margin-top:4px}
#rp .lsit>div>.p-ic,#rp .p-sg>div>.p-ic{grid-column:1;grid-row:1 / 3}
#rp .sv3>div,#rp .sv4>div,#rp .sv5>div,#rp .l15-m,#rp .r3-f>div,#rp .r5-n>span,#rp .p-row,#rp .lrow,#rp .cxa-r,#rp .cxe-r,#rp .pf19-rc>div,#rp .lg6>div{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
#rp .sv3>div>b,#rp .sv4>div>b,#rp .sv5>div>b,#rp .l15-m>b,#rp .r3-f>div>b,#rp .r5-n>span>b,#rp .p-row>b,#rp .lrow>b,#rp .cxa-r>b,#rp .cxe-r>b,#rp .pf19-rc>div>b,#rp .lg6>div>b{order:-1;margin-top:0}
#rp .sv3>div>span,#rp .sv4>div>span,#rp .sv5>div>span,#rp .l15-m>span,#rp .r3-f>div>span,#rp .p-row>span,#rp .lrow>span,#rp .cxa-r>span,#rp .cxe-r>span,#rp .pf19-rc>div>span,#rp .lg6>div>span{order:1}

/* o2 grouping (Victor, Oct 27 2026 11:06 PM AST): Household and Applicants titles over the row with thin dividers */
@media(min-width:1101px){#search-compact .onerow{row-gap:6px}#search-compact .onerow>.group-kicker{grid-row:1;align-self:end;font:800 15px/1.2 var(--h);color:var(--s);margin-bottom:2px}#search-compact .onerow>.household-kicker{grid-column:1/4}#search-compact .onerow>.applicants-kicker{grid-column:4/6}#search-compact .onerow>div:not(.group-kicker),#search-compact .onerow>.btn{grid-row:2}#search-compact .onerow>.group-start{position:relative}#search-compact .onerow>.group-start:before{content:"";position:absolute;left:-6px;top:-30px;bottom:0;border-left:1px solid var(--line)}}
@media(max-width:1100px){#search-compact .onerow>.group-kicker{grid-column:1/-1;font:800 15px/1.2 var(--h);color:var(--s)}}

/* The pre-search content uses the same grid and drawer as live results. */
.v4-sidebar{display:none}
html.tcg-v4 .v4-sidebar{display:block}
#search-results.search-start>.tabs,#search-results.search-start .body>.list{display:none}
#search-results #v4-start{margin:0;min-width:0}
#search-results #v4-start[hidden]{display:none}
#search-results.search-start #filters.side{position:static;max-height:none;overflow:visible}
#search-results .body{grid-template-columns:260px minmax(0,1fr)}
@media(max-width:900px){#search-results .body{grid-template-columns:minmax(0,1fr)}#search-results.search-start #filters.side.drawer-open{position:fixed;overflow-y:auto}}
.v4s{display:grid;gap:18px;grid-template-columns:1fr}
.v4s-both{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.v4s-panel{background:#fff;border:1px solid #dbe4f1;border-radius:14px;padding:22px 24px;box-shadow:0 1px 2px rgba(15,36,71,.05)}
.v4s-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.v4s-h b{font:800 17px var(--h);color:#0F2447}
.v4s-count{font:700 13px var(--b);color:#1F54AC}
.v4s-bar{height:8px;border-radius:6px;background:#EAF2FC;overflow:hidden;margin-bottom:14px}
.v4s-bar i{display:block;height:100%;background:#2A6BD6;border-radius:6px;transition:width .25s ease}
.v4s-check ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.v4s-check li{display:grid;grid-template-columns:36px 1fr 24px;align-items:center;gap:12px;padding:10px 12px;border:1px solid #e3eaf5;border-radius:10px;background:#fbfdff}
.v4s-check li.on{border-color:#b9d3f5;background:#f2f7fe}
.v4s-check li b{display:block;font:700 14px var(--b);color:#14213d}
.v4s-check li small{display:block;font:400 12.5px/1.45 var(--b);color:#5b6b85}
.v4s-ic{width:36px;height:36px;border-radius:9px;background:#EAF2FC;display:flex;align-items:center;justify-content:center}
.v4s-ic svg{width:20px;height:20px;fill:none;stroke:#1F54AC;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.v4s-check li.on .v4s-ic{background:#2A6BD6}.v4s-check li.on .v4s-ic svg{stroke:#fff}
.v4s-tick svg{width:20px;height:20px;fill:none;stroke:#2A6BD6;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.v4s-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.v4s-both .v4s-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.v4s-tile{border:1px solid #e3eaf5;border-radius:12px;padding:16px;background:#fbfdff;display:flex;flex-direction:column;gap:6px}
.v4s-tile b{font:700 14px var(--b);color:#0F2447}
.v4s-tile small{font:400 12.5px/1.5 var(--b);color:#5b6b85}
@media (max-width:900px){.v4s-both{grid-template-columns:1fr}.v4s-grid,.v4s-both .v4s-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.v4s-grid,.v4s-both .v4s-grid{grid-template-columns:1fr}}

/* Narrow laptops (Rodrigo's screen, Oct 28 2026 12:00 AM AST): the bar breaks into two rows instead of squeezing nine columns */
@media(min-width:1101px) and (max-width:1440px){#search-compact .onerow{grid-template-columns:1.1fr .9fr 1.1fr .7fr .8fr;row-gap:8px}#search-compact .onerow>.household-kicker{grid-column:1/4}#search-compact .onerow>.applicants-kicker{grid-column:4/6}#search-compact .onerow>div:nth-child(8){grid-row:3;grid-column:1/3}#search-compact .onerow>div:nth-child(9){grid-row:3;grid-column:3/5}#search-compact .onerow>.extras-toggle{grid-row:3;grid-column:5/6}#search-compact #compact-go{grid-row:4;grid-column:1/-1}#search-compact .onerow>div:nth-child(8):before{display:none}}
#search-compact .compact-edit,#search-compact .picker-trigger-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Applicant scope stays beside the premium in every shopping and export surface. */
.price-scope{display:block;font-size:12px;line-height:1.5;font-weight:500;color:#334155;white-space:normal}
#final-strip .price-scope{flex-basis:auto;display:inline-flex;align-items:center;gap:6px;font-size:13px;line-height:20px;color:var(--mute,#5f6e84)}
#final-strip .price-scope-short{cursor:help}
.fp-t .price-scope,.search-card .price-scope{margin-top:6px}
@media print{.price-scope{break-inside:avoid;color:#000}}

/* Section edits keep the folded strip and plan list in place. */
#final-strip .sl:hover b,#final-strip .sl:focus-visible,#final-strip .sl:focus-visible b{color:var(--pd);text-decoration:underline}
#final-strip .fs-pencil{width:14px;height:14px;opacity:0;visibility:hidden}
#final-strip .sl:hover .fs-pencil,#final-strip .sl:focus-visible .fs-pencil{opacity:1;visibility:visible}
#final-strip-editors{position:relative;height:0;z-index:45;width:100%;min-width:0}
#final-strip-editors .fs-inline{position:absolute;top:0;left:0;width:100%;box-sizing:border-box;max-height:calc(100dvh - 140px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:0 0 10px 10px;box-shadow:var(--sh);margin:0}
#final-strip-editors [hidden]{display:none!important}
#final-strip-editors .fs-fields{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}
#final-strip-editors .fs-fields>.fl{margin:6px 0 0;font:700 13px var(--b);color:var(--s)}
#final-strip-editors .fs-fields .f{height:52px;border:2px solid #c7d6ef;border-radius:10px;font-size:16px;min-width:0;max-width:100%}
#final-strip-editors .fs-fields .stepper,#final-strip-editors .zip-field,#final-strip-editors #county-field{width:100%;max-width:480px;box-sizing:border-box}
#final-strip-editors #county-field .fl{display:block;margin-bottom:6px}
#final-strip-editors .year-seg{display:inline-flex;height:44px;border:2px solid #c7d6ef;border-radius:8px;overflow:hidden}
#final-strip-editors .year-seg button{border:0;padding:0 16px;background:#fff;color:var(--pd);font:700 14px var(--b);cursor:pointer}
#final-strip-editors .year-seg button[aria-pressed=true]{background:var(--p);color:#fff}
#final-strip-editors #extras{border:0;margin:0;padding:0;width:100%}
/* Editor content and stale notices overlay results; neither adds a row above the plan list. */
#final-strip{position:relative}
#final-strip.fs-locked{box-sizing:border-box;flex-wrap:nowrap}
#final-strip .final-stale{position:absolute;top:100%;left:0;right:0;z-index:44;box-sizing:border-box;margin:0;background:#EAF2FC}
#final-strip:has(.final-stale){flex-wrap:nowrap}
#final-strip-editors :is(#medta,#docta).picker-inline{width:100%;min-width:0}
#final-strip-editors .picker-inline>.picker-trigger,#final-strip-editors .picker-inline .foot .done{display:none}
#final-strip-editors :is(#medta,#docta).picker-inline .picker-panel{position:static;inset:auto;width:100%!important;max-width:100%;max-height:none!important;padding:0;border:0;box-shadow:none;border-radius:0}
#final-strip-editors .fs-inline[aria-busy=true]{cursor:progress}
@media(max-width:700px){#final-strip-editors .fs-inline{padding:14px;max-height:calc(100dvh - 180px)}#final-strip-editors .fp-head{align-items:flex-start}#final-strip-editors .fp-acts{gap:8px}#final-strip-editors .fs-fields>div{max-width:100%}#final-strip-editors #people input.f{max-width:100%}}
/* Oct 28 2026 4:20 AM: the income / household steppers inside the inline strip editors were unstyled (Victor's hover-to-edit screenshot). Same look as the ghost buttons. */
#final-strip-editors .stepper{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#final-strip-editors .stepper>span{display:inline-flex;gap:6px}
#final-strip-editors .stepper>span>button{all:unset;cursor:pointer;width:38px;height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--pd);font:800 18px var(--h);display:inline-flex;align-items:center;justify-content:center}
#final-strip-editors .stepper>span>button:hover{border-color:var(--p);background:var(--ps)}
#final-strip-editors .stepper>span>button:focus-visible{outline:2px solid var(--p);outline-offset:2px}
/* Household members plus/minus (Oct 28 2026): small rounded rectangles inside the field, right side */
#search-compact .compact-field.cstep-on #compact-hhsize{padding-right:70px}
#search-compact .compact-field:not(.cstep-on) .cstep{display:none}
#search-compact .compact-field .cstep{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;gap:4px}
#search-compact .compact-field .cstep button{all:unset;cursor:pointer;width:28px;height:28px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--pd);font:800 16px var(--h);display:inline-flex;align-items:center;justify-content:center;line-height:1}
#search-compact .compact-field .cstep button:hover{border-color:var(--p);background:var(--ps)}
#search-compact .compact-field .cstep button:focus-visible{outline:2px solid var(--p);outline-offset:2px}

/* R16: local quote selections share the approved rectangular controls. */
#final-strip .addon-chip{padding:3px 9px;border:1px solid #C7D6EF;border-radius:6px;background:#EAF2FC;color:#1F54AC;font-size:15px}
#anc .anc-price{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}
#anc .anc-price>span{flex-basis:100%;font-size:13px;color:#55647A}
#anc .anc-add{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:7px 12px;border:1px solid #C7D6EF;border-radius:8px;background:#fff;color:#1F54AC;font:700 14px/1.4 var(--b);cursor:pointer}
#anc .card .anc-add{background:#2A6BD6;border-color:#2A6BD6;color:#fff;font-family:var(--h);box-shadow:none}
#anc .anc-add .anc-icon{width:20px;height:20px;color:currentColor}
#anc .anc-add:hover{border-color:#2A6BD6;background:#EAF2FC}
#anc .card .anc-add:hover{background:#1F54AC}
#anc .anc-add:focus-visible{outline:3px solid #2A6BD6;outline-offset:3px}
#anc .card .anc-add[aria-pressed=true]{border-color:#9ACDAD;background:#E8F5EC;color:#1B7A3D}
#anc .card .anc-add[aria-pressed=true]:hover{background:#d8eedf}
#anc .anc-application{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:16px;padding:8px 16px;border:1px solid #dfe6f0;border-radius:10px;background:#F7F9FC;font-size:13px}
#anc .anc-application p{margin:0;line-height:20px}
#anc .toolbar-mark{display:grid;place-items:center;width:32px;height:32px;background:#EAF2FC;border-radius:8px}
#anc [data-copy-status]:empty{display:none}
#anc [data-copy-status]{grid-column:2/-1}
@media(max-width:700px){#anc .anc-application{grid-template-columns:32px minmax(0,1fr);gap:12px;padding:16px}#anc [data-copy-application]{grid-column:1/-1;width:100%;min-height:48px}}
#anc [data-copy-status]{display:inline-block;margin-left:10px;color:#1B7A3D}

/* D4: Variation 10 actions and application toolbar. */
#anc .product-panel .action{position:relative;padding:0 16px;font:700 14px/1 var(--h);white-space:nowrap}
#anc .product-panel .action::after,#anc .product-panel .copy-button::after{content:"";position:absolute;inset:0;border-radius:7px;background:var(--ink);opacity:0;transition:opacity 300ms cubic-bezier(.22,.8,.25,1)}
#anc .product-panel .action:hover::after,#anc .product-panel .copy-button:hover::after{opacity:.08}
#anc .product-panel .action:active,#anc .product-panel .copy-button:active{transform:translateY(1px)}
#anc .product-panel .action:hover{background:var(--p)}
#anc .product-panel .action.added,#anc .product-panel .action.added:hover{background:var(--ok);border-color:var(--ok);color:#fff}
#anc .product-panel .anc-add:focus-visible{outline-offset:4px}
#anc .product-panel .application-toolbar{grid-template-columns:40px minmax(0,1fr) auto;margin-top:24px;padding:16px;box-shadow:inset 0 1px 0 #fff}
#anc .product-panel .toolbar-mark{width:40px;height:40px}
#anc .product-panel .copy-button{position:relative;gap:8px;height:44px;padding:0 16px;border-color:#becfea;font:700 13px/1 var(--h);white-space:nowrap}
@media(max-width:700px){#anc .product-panel .application-toolbar{grid-template-columns:32px minmax(0,1fr)}#anc .product-panel .toolbar-mark{width:32px}#anc .product-panel .application-toolbar p{font-size:12px}#anc .product-panel .copy-button{height:48px}}
@media(prefers-reduced-motion:reduce){#anc .product-panel .action::after,#anc .product-panel .copy-button::after{transition:none!important}}
/* Product tabs scroll above the right-aligned phone actions in search-shell.css. */

/* D7: the recommendation mark inherits the product tab active and inactive ink. */
#search-results .tabs .product-tabs .tab-recommendation{display:inline-flex;align-items:center;color:inherit}
#search-results .tabs .product-tabs .tab-recommendation[hidden]{display:none}
#search-results .tabs .product-tabs .tab-recommendation svg{display:block;width:12px;height:12px;flex:none;color:currentColor}