@font-face{font-family:"Bricolage Grotesque";src:url("/fonts/bricolage-grotesque-latin-wght-normal.woff2") format("woff2-variations"),url("/fonts/bricolage-grotesque-latin-wght-normal.woff2") format("woff2");font-weight:200 800;font-stretch:75% 100%;font-style:normal;font-display:swap}
@font-face{font-family:"Public Sans";src:url("/fonts/public-sans-latin-wght-normal.woff2") format("woff2-variations"),url("/fonts/public-sans-latin-wght-normal.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
/* Plumber Costa Mesa design system
   Ink navy for trust, copper for action (the color of the pipe), sage for calm guidance,
   brass for labels, warm paper instead of stark white. Bricolage Grotesque for headings,
   Public Sans for reading. */
:root{
  --navy:#3F3F3E; --navy-deep:#2A2A29; --navy-2:#4A4A48; --navy-line:#5C5C59;
  --copper:#B4531F; --copper-deep:#93410F; --copper-tint:#FBEDE4; --copper-line:#EBC6AE;
  --sage:#2F5D50; --sage-2:#3F7666; --sage-tint:#EAF1EC; --sage-line:#CFDDD4;
  --brass:#C9A45C; --brass-tint:#F6EBD3; --sand:#E9D3A0;
  --paper:#FBFAF6; --white:#fff; --mist:#F1F4EF; --mist-2:#E5EBE4; --line:#DCE1D9; --ink:#1B2430; --muted:#4A5563;
  --tide:#B4531F; --tide-ink:#A3471A;
  --alert:#B4531F; --alert-bg:#FBEDE4; --ok:#2F8A5B;
  --head:"Bricolage Grotesque","Public Sans",system-ui,sans-serif; --body:"Public Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --r-sm:8px; --r:14px; --r-lg:22px;
  --sh:0 1px 2px rgba(63,63,62,.06),0 8px 24px -14px rgba(63,63,62,.22);
  --sh-lg:0 2px 4px rgba(63,63,62,.06),0 28px 60px -28px rgba(63,63,62,.45);
  --wrap:1200px; --gut:clamp(16px,4vw,32px);
  --step--1:clamp(.84rem,.82rem + .1vw,.9rem); --step-0:clamp(1rem,.97rem + .15vw,1.08rem);
  --step-1:clamp(1.16rem,1.08rem + .35vw,1.32rem); --step-2:clamp(1.45rem,1.3rem + .7vw,1.85rem);
  --step-3:clamp(1.85rem,1.5rem + 1.5vw,2.75rem); --step-4:clamp(2.3rem,1.7rem + 2.8vw,3.9rem);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:110px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--step-0)/1.68 var(--body)}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--tide-ink);text-underline-offset:.2em;text-decoration-thickness:1px;text-decoration-color:rgba(163,71,26,.45)}
a:hover{color:var(--copper-deep);text-decoration-color:currentColor}
:focus-visible{outline:3px solid var(--copper);outline-offset:2px;border-radius:4px}
h1,h2,h3,h4{font-family:var(--head);color:var(--navy);line-height:1.08;margin:0 0 .5em;font-weight:750;letter-spacing:-.022em;text-wrap:balance}
h1{font-size:var(--step-4);font-weight:800;letter-spacing:-.03em}
h2{font-size:var(--step-3)}
h3{font-size:var(--step-1);font-weight:700;letter-spacing:-.012em;line-height:1.22}
h4{font-size:var(--step-0)}
p{margin:0 0 1em;text-wrap:pretty}
::selection{background:var(--brass-tint)}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:8px;background:var(--navy);color:#fff;padding:10px 14px;border-radius:var(--r-sm);z-index:100}
.skip:focus{left:8px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.lede{font-size:var(--step-1);color:var(--muted);max-width:66ch;line-height:1.55}
.prose{max-width:72ch}
.prose ul,.prose ol{padding-left:1.25em}
.prose li{margin:.35em 0}
.prose li::marker{color:var(--copper)}
.prose h3{margin-top:1.5em}
.num{font-variant-numeric:tabular-nums}
.eyebrow{display:flex;align-items:center;gap:10px;font:700 .82rem/1 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--sage);margin:0 0 14px}
.eyebrow::before{content:"";width:22px;height:3px;border-radius:3px;background:var(--copper)}
.s--navy .eyebrow,.on-dark .eyebrow{color:var(--sand)}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:.55em;font:700 var(--step-0)/1 var(--body);text-decoration:none;padding:1em 1.4em;border-radius:999px;border:2px solid transparent;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,transform .15s,box-shadow .15s}
.btn svg{width:1.15em;height:1.15em;flex:none}
.btn--primary{background:var(--copper);color:#fff;box-shadow:0 10px 22px -12px rgba(180,83,31,.9)}
.btn--primary:hover{background:var(--copper-deep);color:#fff;transform:translateY(-1px)}
.btn--ghost{background:transparent;color:var(--navy);border-color:var(--navy)}
.btn--ghost:hover{background:var(--navy);color:#fff}
.on-dark .btn--primary{background:var(--copper);color:#fff}
.btn--white{background:#fff;color:var(--navy)}
.btn--white:hover{background:var(--mist);color:var(--navy)}
.on-dark .btn--ghost{color:#fff;border-color:rgba(255,255,255,.6)}
.on-dark .btn--ghost:hover{background:#fff;color:var(--navy)}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:1.4em 0}

/* Top bar and header */
.topbar{background:var(--navy-deep);color:#C7D0DC;font-size:var(--step--1)}
.topbar .wrap{display:flex;gap:18px;align-items:center;justify-content:space-between;min-height:40px}
.topbar a{color:#fff;text-decoration:none;font-weight:700}
.topbar .live{display:inline-flex;align-items:center;gap:8px;color:#DCE3EC;font-size:inherit;margin:0}
.topbar .live i{width:8px;height:8px;border-radius:50%;background:#5BD39A;box-shadow:0 0 0 3px rgba(91,211,154,.18);animation:blink 2.4s infinite}
@keyframes blink{50%{box-shadow:0 0 0 6px rgba(91,211,154,.05)}}
.topbar .addr{display:none}
.topbar .zips{display:none;gap:6px}
.topbar .zips b{font-weight:700;color:var(--sand);background:rgba(201,164,92,.16);border:1px solid rgba(201,164,92,.35);padding:3px 8px;border-radius:6px;font-size:.78rem}
@media (min-width:900px){.topbar .addr{display:inline}.topbar .zips{display:inline-flex}}
.hdr{position:sticky;top:0;z-index:50;background:rgba(251,250,246,.96);border-bottom:1px solid var(--line);backdrop-filter:saturate(1.4) blur(8px)}
.hdr .wrap{display:flex;align-items:center;gap:20px;min-height:76px}
.logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--navy);margin-right:auto}
.logo svg{width:42px;height:42px;flex:none}
.logo b{font:800 1.12rem/1 var(--head);letter-spacing:-.02em;display:block}
.logo small{display:block;font:600 .74rem/1.2 var(--body);color:var(--sage);margin-top:4px;letter-spacing:.02em}
.nav{display:none}
.nav>ul{list-style:none;margin:0;padding:0;display:flex;gap:2px;align-items:center}
.nav a,.nav button{font:600 .95rem/1 var(--body);color:var(--ink);text-decoration:none;padding:12px 11px;border-radius:10px;background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.nav a:hover,.nav button:hover,.nav [aria-expanded="true"]{background:var(--sage-tint);color:var(--navy)}
.nav a[aria-current="page"]{color:var(--copper)}
.nav button svg{width:12px;height:12px;transition:transform .15s}
.nav [aria-expanded="true"] svg{transform:rotate(180deg)}
.has-menu{position:relative}
.menu{display:none;position:absolute;left:0;top:calc(100% + 10px);background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-lg);padding:10px;min-width:340px}
.menu.wide{min-width:600px;display:none;grid-template-columns:1fr 1fr;gap:2px 8px}
.has-menu.open .menu{display:block}
.has-menu.open .menu.wide{display:grid}
.menu a{display:block;padding:11px 12px;border-radius:10px;font-weight:700;color:var(--navy)}
.menu a span{display:block;font:400 .82rem/1.35 var(--body);color:var(--muted);margin-top:3px}
.menu .all{grid-column:1/-1;border-top:1px solid var(--line);margin-top:6px;padding-top:12px;color:var(--copper)}
.hdr-call{display:none}
.burger{width:48px;height:48px;border-radius:12px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--navy)}
.burger svg{width:22px;height:22px}
@media (min-width:1100px){.nav{display:block}.hdr-call{display:inline-flex}.burger{display:none}}
.mnav{display:none;border-top:1px solid var(--line);background:var(--paper);max-height:calc(100vh - 120px);overflow:auto}
.mnav.open{display:block}
.mnav .wrap{padding-top:10px;padding-bottom:22px}
.mnav h2{font:700 .78rem/1 var(--body);color:var(--sage);margin:18px 0 6px;letter-spacing:.06em;text-transform:uppercase}
.mnav ul{list-style:none;margin:0;padding:0}
.mnav a{display:block;padding:12px 0;border-bottom:1px solid var(--mist-2);text-decoration:none;color:var(--ink);font-weight:600}
.strip{background:var(--copper);color:#fff;font-size:.95rem}
.strip .wrap{display:flex;justify-content:center;align-items:center;gap:8px;min-height:44px;text-align:center;padding-top:6px;padding-bottom:6px}
.strip a{color:#fff;font-weight:800;text-decoration:underline;text-underline-offset:.2em;white-space:nowrap}
.strip svg{width:18px;height:18px;flex:none}

/* Mobile call bar */
.callbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(251,250,246,.98);border-top:1px solid var(--line);box-shadow:0 -10px 30px -20px rgba(63,63,62,.5)}
.callbar .btn{flex:1;justify-content:center;padding:.9em .9em}
@media (min-width:1100px){.callbar{display:none}}
@media (max-width:1099px){body{padding-bottom:78px}}

/* Sections */
.s{padding:clamp(60px,7.5vw,104px) 0}
.s--mist{background:var(--sage-tint)}
.s--navy{background:var(--navy);color:#D5DDE8;background-image:radial-gradient(1200px 400px at 85% -10%,rgba(201,164,92,.14),transparent 60%)}
.s--navy h2,.s--navy h3{color:#fff}
.s--navy a{color:var(--sand)}
.s--navy .lede{color:#B9C5D4}
.s--navy .tile{background:var(--navy-2);border-color:var(--navy-line);box-shadow:none}
.s--navy .tile p{color:#C9D3E0}
.s--navy .check li::before{background-color:var(--copper)}
.s>.wrap>h2{max-width:26ch}
.s>.wrap>.lede{margin-bottom:1.2em}

/* Inner hero */
.ihero{background:var(--sage-tint);padding:30px 0 0;position:relative;overflow:hidden;border-bottom:1px solid var(--sage-line)}
.ihero::before,.hero-paper::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(47,93,80,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(47,93,80,.07) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(180deg,#000,transparent 85%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);pointer-events:none}
.ihero .wrap{position:relative;z-index:1}
.crumbs{font-size:var(--step--1);color:var(--muted);margin-bottom:22px}
.crumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li:not(:last-child)::after{content:"/";margin-left:6px;color:#9AA8A0}
.crumbs a{color:var(--muted)}
.ihero-grid{display:grid;gap:32px;padding-bottom:60px}
@media (min-width:980px){.ihero-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start}}
.ihero h1{max-width:20ch}
.ihero .lede{color:var(--ink)}
.kicker{display:inline-flex;align-items:center;gap:8px;font:700 var(--step--1)/1 var(--body);color:var(--sage);background:#fff;border:1px solid var(--sage-line);padding:8px 13px;border-radius:999px;margin-bottom:18px}
.kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--copper)}
.qa{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 24px;box-shadow:var(--sh);position:relative}
.qa::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:0 4px 4px 0;background:var(--copper)}
.qa h2{font:800 .76rem/1.2 var(--body);color:var(--sage);margin:0 0 10px;letter-spacing:.08em;text-transform:uppercase}
.qa p{margin:0;font-size:1.04rem}
.hfacts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:18px 0 0;box-shadow:var(--sh)}
.hfacts div{background:#fff;padding:14px 16px}
.hfacts dt{font-size:.78rem;color:var(--muted);font-weight:700;letter-spacing:.02em}
.hfacts dd{margin:4px 0 0;font:750 1.02rem/1.3 var(--head);color:var(--navy)}
.updated{font-size:var(--step--1);color:var(--muted);margin-top:14px}
.tideline{display:block;width:100%;height:18px;color:var(--copper)}

/* Components */
.tbl{overflow-x:auto;margin:1.4em 0;border:1px solid var(--line);border-radius:var(--r);background:#fff;-webkit-overflow-scrolling:touch;box-shadow:var(--sh)}
.tbl table{width:100%;border-collapse:collapse;min-width:560px;font-size:.96rem}
.tbl caption{text-align:left;padding:14px 16px 2px;color:var(--muted);font-size:var(--step--1);caption-side:top}
.tbl th,.tbl td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--mist-2)}
.tbl thead th{font:700 .84rem/1.3 var(--body);color:var(--navy);background:var(--mist);border-bottom:1px solid var(--line)}
.tbl tbody tr:hover td{background:#FDFCF8}
.tbl tbody tr:last-child td,.tbl tbody tr:last-child th{border-bottom:0}
.tbl tbody th{font-weight:700;color:var(--navy)}
.s--navy .tbl{border-color:var(--navy-line);background:var(--navy-2)}
.s--navy .tbl th,.s--navy .tbl td{border-color:var(--navy-line);color:#D5DDE8}
.s--navy .tbl thead th{background:var(--navy-deep);color:#fff}
.s--navy .tbl tbody tr:hover td{background:transparent}
.note{background:#fff;border:1px solid var(--sage-line);border-left:4px solid var(--sage);border-radius:var(--r-sm);padding:16px 20px;margin:1.4em 0;max-width:76ch}
.note p:last-child{margin:0}
.note strong{color:var(--sage)}
.note--alert{border-color:var(--copper-line);border-left-color:var(--copper);background:var(--copper-tint)}
.note--alert strong{color:var(--copper-deep)}
.s--navy .note{background:var(--navy-2);border-color:var(--navy-line);border-left-color:var(--brass);color:#D5DDE8}
.s--navy .note strong{color:var(--sand)}
.steps{list-style:none;counter-reset:st;padding:0;margin:1.6em 0;display:grid;gap:0;max-width:840px}
.steps>li{counter-increment:st;position:relative;padding:0 0 26px 66px}
.steps>li::before{content:counter(st);position:absolute;left:0;top:-3px;width:44px;height:44px;border-radius:14px;background:var(--navy);color:#fff;display:grid;place-items:center;font:800 1.05rem/1 var(--head)}
.steps>li:not(:last-child)::after{content:"";position:absolute;left:21px;top:46px;bottom:4px;width:2px;background:repeating-linear-gradient(180deg,var(--copper-line) 0 6px,transparent 6px 10px)}
.steps h3{margin:.3em 0 .25em}
.steps p{margin:0;color:var(--ink)}
.s--navy .steps>li::before{background:var(--copper);color:#fff}
.s--navy .steps>li::after{background:var(--navy-line)}
.s--navy .steps p{color:#C9D3E0}
.timeline{list-style:none;padding:0;margin:1.6em 0;max-width:880px;border-left:2px solid var(--sage-line)}
.timeline>li{position:relative;padding:0 0 26px 30px}
.timeline>li::before{content:"";position:absolute;left:-8px;top:5px;width:14px;height:14px;border-radius:50%;background:var(--paper);border:3px solid var(--copper)}
.timeline .when{font:800 .92rem/1 var(--head);color:var(--copper);display:inline-block;margin-bottom:8px;background:var(--copper-tint);padding:5px 9px;border-radius:6px}
.timeline h3{margin:0 0 .25em}
.timeline p{margin:0}
.split{display:grid;gap:28px;margin:1.4em 0}
@media (min-width:880px){.split{grid-template-columns:1fr 1fr;gap:48px}}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:1.4em 0;box-shadow:var(--sh)}
.facts>div{background:#fff;padding:16px 18px}
.facts dt{font-size:.8rem;color:var(--muted);font-weight:700}
.facts dd{margin:5px 0 0;font-weight:650;color:var(--ink)}
.check{list-style:none;padding:0;margin:1em 0;max-width:76ch}
.check li{position:relative;padding-left:34px;margin:.6em 0}
.check li::before{content:"";position:absolute;left:0;top:.2em;width:22px;height:22px;border-radius:7px;background:var(--sage) 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' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/13px no-repeat}
.grid2,.grid3{display:grid;gap:18px;margin:1.6em 0}
@media (min-width:760px){.grid2{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr 1fr}}
@media (min-width:1040px){.grid3{grid-template-columns:repeat(3,1fr)}}
.tile{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px 24px 20px;box-shadow:var(--sh);position:relative;transition:transform .2s,box-shadow .2s}
.tile::before{content:"";position:absolute;left:24px;top:0;width:36px;height:3px;border-radius:0 0 3px 3px;background:var(--copper)}
.tile:hover{transform:translateY(-2px);box-shadow:var(--sh-lg)}
.tile h3{font-size:1.14rem}
.tile p:last-child{margin-bottom:0}
.compare{display:grid;gap:18px;margin:1.6em 0}
@media (min-width:760px){.compare{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}
.opt{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:var(--sh)}
.opt h3{display:flex;align-items:center;gap:10px}
.opt h3::before{content:"";width:12px;height:12px;border-radius:4px;background:var(--copper)}
.opt:nth-child(2) h3::before{background:var(--sage)}
.opt:nth-child(3) h3::before{background:var(--brass)}
.opt ul{padding-left:1.1em;margin:0}
.opt li{margin:.4em 0}

/* Related, sources, FAQ, CTA band */
.links{display:grid;gap:12px;margin:1.2em 0;padding:0;list-style:none}
@media (min-width:720px){.links{grid-template-columns:1fr 1fr}}
@media (min-width:1040px){.links{grid-template-columns:1fr 1fr 1fr}}
.links a{display:block;height:100%;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;transition:border-color .15s,transform .15s}
.links a:hover{border-color:var(--copper);transform:translateY(-1px)}
.links b{display:block;color:var(--navy);font-family:var(--head);font-size:1.04rem;margin-bottom:4px}
.links span{display:block;color:var(--muted);font-size:.92rem;line-height:1.45}
.sources{font-size:.92rem;color:var(--muted);max-width:90ch;padding-left:1.2em}
.sources li{margin:.35em 0}
.faq{max-width:880px;margin-top:1.4em;display:grid;gap:10px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:var(--r);transition:box-shadow .15s}
.faq details[open]{box-shadow:var(--sh);border-color:var(--sage-line)}
.faq summary{list-style:none;cursor:pointer;padding:18px 60px 18px 22px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary h3{margin:0;font-size:1.06rem;line-height:1.38}
.faq summary::after{content:"";position:absolute;right:18px;top:50%;width:28px;height:28px;margin-top:-14px;border-radius:50%;background:var(--copper-tint) linear-gradient(var(--copper),var(--copper)) center/12px 2px no-repeat;transition:transform .2s}
.faq summary::before{content:"";position:absolute;right:31px;top:50%;width:2px;height:12px;margin-top:-6px;background:var(--copper);z-index:1;transition:transform .2s}
.faq details[open] summary::before{transform:scaleY(0)}
.faq .ans{padding:0 22px 20px;max-width:74ch}
.faq .ans p:last-child{margin:0}
.band{background:var(--navy);color:#D5DDE8;padding:clamp(52px,6vw,84px) 0;position:relative;overflow:hidden}
.band::after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;border:48px solid rgba(180,83,31,.16)}
.band .wrap{display:grid;gap:24px;align-items:center;position:relative;z-index:1}
@media (min-width:900px){.band .wrap{grid-template-columns:1.4fr 1fr}}
.band h2{color:#fff;margin-bottom:.3em}
.band p{margin:0;color:#B9C5D4;max-width:60ch}
.band .cta-row{margin:0}
@media (min-width:900px){.band .cta-row{justify-content:flex-end}}

/* Footer */
.ftr{background:var(--navy-deep);color:#AEB9C8;padding:68px 0 28px;font-size:.94rem}
.ftr a{color:#E8EDF4;text-decoration:none}
.ftr a:hover{text-decoration:underline;color:#fff}
.ftr-grid{display:grid;gap:32px}
@media (min-width:880px){.ftr-grid{grid-template-columns:1.35fr 1fr 1fr 1fr}}
.ftr h2{font:700 .78rem/1.2 var(--body);color:var(--sand);margin:0 0 14px;letter-spacing:.08em;text-transform:uppercase}
.ftr ul{list-style:none;padding:0;margin:0}
.ftr li{margin:.5em 0}
.ftr .logo{color:#fff;margin-bottom:16px}
.ftr .logo small{color:var(--sand)}
.ftr address{font-style:normal;line-height:1.6}
.ftr .disc{border-top:1px solid #4A4A48;margin-top:40px;padding-top:22px;font-size:.84rem;line-height:1.6;max-width:110ch}

/* Forms */
.form{display:grid;gap:14px}
.form .row{display:grid;gap:14px}
@media (min-width:640px){.form .row{grid-template-columns:1fr 1fr}}
.form label{display:block;font-weight:600;font-size:.92rem;margin-bottom:6px;color:var(--ink)}
.form input,.form select,.form textarea{width:100%;font:400 1rem/1.4 var(--body);padding:12px 14px;border:1px solid #C4CCC2;border-radius:10px;background:#fff;color:var(--ink)}
.form textarea{min-height:120px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:3px solid rgba(180,83,31,.25);border-color:var(--copper)}
.form .hp{position:absolute;left:-9999px}
.form .fine{font-size:.84rem;color:var(--muted);margin:0}
.card-form{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(20px,3vw,32px);color:var(--ink);box-shadow:var(--sh-lg)}
.card-form h3{margin-bottom:.2em}

/* ===== Home ===== */
.hero{background:var(--paper);color:var(--ink);position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(47,93,80,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(47,93,80,.075) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(ellipse 80% 90% at 20% 30%,#000,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 90% at 20% 30%,#000,transparent 75%);pointer-events:none}
.hero .wrap{display:grid;gap:40px;padding-top:clamp(36px,5vw,68px);padding-bottom:clamp(44px,5vw,76px);position:relative}
@media (min-width:1000px){.hero .wrap{grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);align-items:center}}
.hero h1{color:var(--navy);font-size:clamp(2.4rem,1.6rem + 3.3vw,4.3rem);max-width:14ch;margin-bottom:.32em}
.hero h1 em{font-style:normal;color:var(--copper);position:relative;white-space:nowrap}
.hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:.04em;height:.12em;border-radius:9px;background:var(--brass);opacity:.45;z-index:-1}
.hero .lede{color:var(--muted);max-width:54ch}
.hero .kicker{background:#fff}
.trust{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:.92rem;color:var(--ink);font-weight:600}
.trust li{display:flex;gap:8px;align-items:center}
.trust svg{width:18px;height:18px;color:var(--sage)}
.house{background:var(--navy);border:1px solid var(--navy-line);border-radius:var(--r-lg);padding:18px;position:relative;box-shadow:var(--sh-lg)}
.house::before{content:"";position:absolute;top:-14px;right:28px;width:120px;height:28px;border-radius:8px;background:var(--brass);transform:rotate(3deg);box-shadow:0 6px 14px -8px rgba(0,0,0,.5)}
.house::after{content:"Tap a fixture";position:absolute;top:-8px;right:40px;font:800 .74rem/1 var(--body);color:#2A1F0E;letter-spacing:.04em;transform:rotate(3deg)}
.house-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:4px 4px 10px}
.house-top h2{font:750 1.02rem/1.2 var(--head);color:#fff;margin:0;letter-spacing:-.01em}
.house-top span{font-size:.82rem;color:#A9B7C9}
.house svg.cut{width:100%;height:auto}
.hs{cursor:pointer}
.hs circle.ring{fill:#fff;stroke:var(--copper);stroke-width:3}
.hs text{font:800 13px var(--body);fill:var(--copper);pointer-events:none}
.hs:hover circle.ring,.hs[aria-pressed="true"] circle.ring{fill:var(--copper)}
.hs:hover text,.hs[aria-pressed="true"] text{fill:#fff}
.hs:focus{outline:none}
.hs:focus-visible circle.ring{stroke:var(--sand);stroke-width:5}
.hs .pulse{fill:none;stroke:var(--brass);stroke-width:2;opacity:0}
.hs[aria-pressed="true"] .pulse{opacity:1;animation:ring 1.8s infinite;transform-box:fill-box;transform-origin:center}
@keyframes ring{0%{transform:scale(.7);opacity:1}100%{transform:scale(1.5);opacity:0}}
.panel{background:var(--paper);color:var(--ink);border-radius:var(--r);padding:18px 20px;margin-top:12px;min-height:176px}
.panel h3{font-size:1.08rem;margin-bottom:.35em}
.panel ol{margin:.2em 0 .6em;padding-left:1.2em}
.panel li{margin:.25em 0;font-size:.95rem}
.panel li::marker{color:var(--copper);font-weight:800}
.panel .src{font-size:.78rem;color:var(--muted);margin:0}
.hs-legend{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.hs-legend button{font:600 .82rem/1 var(--body);background:transparent;color:#D5DDE8;border:1px solid var(--navy-line);border-radius:999px;padding:8px 11px;cursor:pointer}
.hs-legend button[aria-pressed="true"],.hs-legend button:hover{background:var(--copper);color:#fff;border-color:var(--copper)}

.creds{background:var(--navy);color:#D5DDE8}
.creds .wrap{display:grid;gap:22px;padding-top:30px;padding-bottom:30px;align-items:center}
@media (min-width:960px){.creds .wrap{grid-template-columns:minmax(0,.9fr) minmax(0,2fr)}}
.creds h2{color:#fff;font-size:var(--step-1);margin:0 0 .25em}
.creds p{margin:0;color:#B9C5D4;font-size:.95rem}
.creds ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.creds li{border:1px solid var(--navy-line);border-radius:12px;padding:12px 14px;background:rgba(255,255,255,.03)}
.creds li span{display:block;font:700 .74rem/1.2 var(--body);color:var(--brass);letter-spacing:.04em;margin-bottom:6px}
.creds li b{color:#fff;font:750 1rem/1.25 var(--head)}

.alertband{background:var(--brass-tint);border-bottom:1px solid #E9D9B5}
.alertband .wrap{display:grid;gap:14px;padding-top:20px;padding-bottom:20px;align-items:center}
@media (min-width:900px){.alertband .wrap{grid-template-columns:auto 1fr auto}}
.alertband .flag{display:inline-flex;align-items:center;gap:8px;font:800 .82rem/1 var(--body);color:#5A4313;background:#fff;border:1px solid #E2CC97;padding:9px 12px;border-radius:999px;white-space:nowrap;letter-spacing:.02em}
.alertband p{margin:0}

.qgrid{display:grid;gap:14px;margin-top:1.4em}
@media (min-width:900px){.qgrid{grid-template-columns:1fr 1fr}}
.qgrid>div{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;box-shadow:var(--sh)}
.qgrid h3{font-size:1.06rem;margin-bottom:.4em}
.qgrid p{margin:0;color:var(--ink)}

.svc-index{list-style:none;padding:0;margin:1.6em 0 0;display:grid;gap:12px}
@media (min-width:760px){.svc-index{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.svc-index{grid-template-columns:1fr 1fr 1fr}}
.svc-index a{display:grid;grid-template-columns:48px 1fr auto;gap:16px;align-items:center;padding:18px;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:var(--r);height:100%;transition:border-color .15s,transform .15s,box-shadow .15s}
.svc-index a:hover{border-color:var(--copper);transform:translateY(-2px);box-shadow:var(--sh)}
.svc-index .ic{width:48px;height:48px;border-radius:14px;background:var(--sage-tint);display:grid;place-items:center;color:var(--sage)}
.svc-index a:hover .ic{background:var(--copper);color:#fff}
.svc-index .ic svg{width:24px;height:24px}
.svc-index b{display:block;font:750 1.04rem/1.25 var(--head);color:var(--navy)}
.svc-index span{display:block;font-size:.9rem;color:var(--muted);margin-top:3px;line-height:1.45}
.svc-index .go{color:var(--copper);width:20px;height:20px}

/* Plumbing pulse (market snapshot) */
.ms-trust{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.ms-trust span{font-size:.8rem;color:var(--muted);background:#fff;border:1px solid var(--line);padding:6px 10px;border-radius:999px}
.ms-head{display:grid;gap:18px;align-items:end}
@media (min-width:900px){.ms-head{grid-template-columns:1fr auto}}
.verdict{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 18px;box-shadow:var(--sh)}
.verdict .dot{width:14px;height:14px;border-radius:50%;background:var(--copper);box-shadow:0 0 0 4px rgba(180,83,31,.15);flex:none}
.verdict b{display:block;color:var(--navy);font-family:var(--head)}
.verdict span{font-size:.86rem;color:var(--muted)}
.ms-answer{display:grid;gap:18px;margin:26px 0}
@media (min-width:980px){.ms-answer{grid-template-columns:1.25fr 1fr}}
.ms-answer .lead{font-size:1.12rem;margin:0}
.ourread{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;display:flex;gap:14px;box-shadow:var(--sh)}
.ourread .av{flex:none;width:42px;height:42px;border-radius:50%;object-fit:cover}
.ourread p{margin:0}
.pulse-wrap{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(18px,3vw,30px);margin-top:28px;box-shadow:var(--sh)}
.pulse-top{display:grid;gap:18px;margin-bottom:10px}
@media (min-width:900px){.pulse-top{grid-template-columns:1fr 300px;align-items:end}}
.pulse-top h3{font-size:var(--step-2);margin:.2em 0 .3em}
.live{font-size:.84rem;color:var(--muted);display:flex;align-items:center;gap:8px;margin:0}
.live i{width:8px;height:8px;border-radius:50%;background:var(--ok)}
.tally{font-size:.86rem;color:var(--muted)}
.tally-bar{display:flex;height:10px;border-radius:999px;overflow:hidden;background:var(--mist);margin:6px 0}
.tally-bar .up{background:var(--copper)}
.tally-bar .st{background:#A9B8AE}
.prow{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}
.prow h4{font:800 .78rem/1 var(--body);color:var(--sage);margin:0 0 12px;letter-spacing:.06em;text-transform:uppercase}
.pgrid{display:grid;gap:12px;margin:0}
@media (min-width:640px){.pgrid{grid-template-columns:1fr 1fr}}
@media (min-width:1080px){.pgrid{grid-template-columns:repeat(4,1fr)}}
.pm{border:1px solid var(--line);border-radius:var(--r);padding:16px;background:var(--paper);display:flex;flex-direction:column;gap:6px}
.pm dt{font-size:.86rem;font-weight:650;color:var(--ink);display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.tag{font-size:.7rem;font-weight:800;padding:4px 7px;border-radius:999px;white-space:nowrap}
.tag.up{background:var(--copper-tint);color:var(--copper-deep)}
.tag.ctx{background:var(--sage-tint);color:var(--sage)}
.pm dd{margin:0}
.pm .v{font:800 1.75rem/1.1 var(--head);color:var(--navy);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.pm .bars{display:grid;gap:4px;margin:4px 0}
.pm .bars span{display:block;height:6px;border-radius:999px;background:#CBD5CD}
.pm .bars span.c{background:var(--copper)}
.pm .d{font-size:.84rem;font-weight:700;color:var(--copper-deep)}
.pm .d.n{color:var(--sage)}
.pm .n2{font-size:.84rem;color:var(--muted)}
.pm .src{font-size:.74rem;color:var(--muted);margin-top:auto}
.pm .src a{color:var(--muted)}

.chart{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 20px 12px;margin:1.4em 0;box-shadow:var(--sh)}
.chart figcaption{font-size:.86rem;color:var(--muted);margin-top:8px}
.chart svg text{font-family:var(--body)}

.era-table td:first-child{font-weight:700;color:var(--navy);white-space:nowrap}

.hoods{list-style:none;padding:0;margin:1.6em 0 0;display:grid;gap:14px}
@media (min-width:760px){.hoods{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.hoods{grid-template-columns:1fr 1fr 1fr}}
.hoods a{display:grid;grid-template-columns:1fr auto;gap:6px 14px;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;height:100%;transition:border-color .15s,transform .15s}
.hoods a:hover{border-color:var(--copper);transform:translateY(-2px)}
.hoods b{font:750 1.08rem/1.25 var(--head);color:var(--navy)}
.hoods .zip{font:800 .74rem/1 var(--body);color:var(--sage);background:var(--sage-tint);padding:6px 8px;border-radius:999px;align-self:start;white-space:nowrap}
.hoods span.d{grid-column:1/-1;color:var(--muted);font-size:.94rem;line-height:1.5}

/* Hardness meter */
.meter{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 24px;box-shadow:var(--sh);margin:1.6em 0}
.meter-scale{position:relative;height:16px;border-radius:999px;background:linear-gradient(90deg,#CFE3D6 0%,#A9CDB8 15%,#E9D3A0 40%,#D9925F 70%,#B4531F 100%);margin:34px 0 10px}
.meter-scale .pin{position:absolute;top:-30px;transform:translateX(-50%);text-align:center;font:800 .8rem/1 var(--body);color:var(--navy);white-space:nowrap}
.meter-scale .pin::after{content:"";display:block;width:4px;height:30px;margin:6px auto 0;background:var(--navy);border-radius:2px}
.meter-scale .band{position:absolute;top:-4px;bottom:-4px;border:2px dashed var(--navy);border-radius:999px;background:none;padding:0}
.meter-scale .band::after{display:none}
.meter-l{display:flex;justify-content:space-between;font-size:.78rem;color:var(--muted);gap:6px}
.meter-l span{flex:1;text-align:center}
.meter-l span:first-child{text-align:left}.meter-l span:last-child{text-align:right}

/* Estimator */
.est{display:grid;gap:22px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(18px,3vw,30px);margin:1.6em 0;box-shadow:var(--sh-lg)}
@media (min-width:940px){.est{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}}
.est fieldset{border:0;padding:0;margin:0}
.est legend{font-weight:750;color:var(--navy);margin-bottom:8px;font-family:var(--head)}
.est .opts{display:grid;gap:10px;margin-top:14px}
.est .opts label{display:flex;gap:10px;align-items:flex-start;font-weight:500;font-size:.95rem;margin:0;cursor:pointer}
.est .opts input{width:18px;height:18px;margin-top:3px;accent-color:var(--copper)}
.est-out{background:var(--sage-tint);border-radius:var(--r);padding:22px}
.est-out .range{font:800 clamp(1.7rem,1.4rem + 1.2vw,2.4rem)/1.1 var(--head);color:var(--navy);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.est-out .lab{font-size:.86rem;color:var(--muted);margin:0 0 4px}
.scale{position:relative;height:12px;border-radius:999px;background:linear-gradient(90deg,#CFE3D6,#E9D3A0 50%,var(--copper));margin:22px 0 8px}
.scale i{position:absolute;top:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;background:#fff;border:4px solid var(--navy);transition:left .25s}
.scale-l{display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted)}
.est-out .why{margin:14px 0 0;font-size:.94rem}
.est-out .local{margin:12px 0 0;font-size:.92rem;border-top:1px solid var(--sage-line);padding-top:12px}
.est-out .src{font-size:.78rem;color:var(--muted);margin:10px 0 0}

/* Contact block */
.contact-grid{display:grid;gap:28px}
@media (min-width:980px){.contact-grid{grid-template-columns:1fr 1fr;align-items:start}}
.cinfo{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:12px}
.cinfo li{display:flex;gap:12px;align-items:flex-start}
.cinfo .ci{flex:none;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.1);display:grid;place-items:center}
.cinfo svg{width:20px;height:20px;color:var(--sand)}
.cinfo b{display:block;color:#fff}
.map{border-radius:var(--r);overflow:hidden;border:1px solid var(--navy-line);aspect-ratio:16/10;background:var(--navy-2)}
.map iframe{width:100%;height:100%;border:0;display:block}
.s--light .cinfo .ci{background:var(--sage-tint)}
.s--light .cinfo svg{color:var(--sage)}
.s--light .cinfo b{color:var(--navy)}
.s--light .map{border-color:var(--line)}

.err-hero{min-height:60vh;display:grid;place-items:center;text-align:left}

.split>*,.ihero-grid>*,.contact-grid>*,.ms-answer>*,.hero .wrap>*,.pulse-top>*,.ms-head>*,.creds .wrap>*{min-width:0}
@media (min-width:1100px){.mnav{display:none!important}}
.est>*{min-width:0}.est select{max-width:100%}.est fieldset{min-width:0}
.topbar a{white-space:nowrap}.topbar .short{display:inline}.topbar .long{display:none}@media (min-width:700px){.topbar .short{display:none}.topbar .long{display:inline}}
@media (max-width:520px){.logo small{display:none}.logo b{font-size:1.02rem}.strip{font-size:.86rem}}
@media print{.topbar,.hdr,.callbar,.ftr,.band,.strip{display:none}.s{padding:16px 0}}
.byline{display:flex;gap:12px;align-items:center;margin-top:16px}
.byline img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 0 1px var(--line)}
.byline p{margin:0;font-size:.9rem;line-height:1.45;color:var(--ink)}
.byline span{color:var(--muted);font-size:.84rem}
.on-dark .byline p{color:#D5DDE8}.on-dark .byline span{color:#A9B7C9}.on-dark .byline a{color:#fff}
.authorbox{display:grid;gap:22px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(18px,3vw,28px);box-shadow:var(--sh)}
@media (min-width:760px){.authorbox{grid-template-columns:140px 1fr}}
.authorbox img{width:140px;height:140px;border-radius:50%;object-fit:cover}
.authorbox h3{margin:0 0 .3em}
.authorbox p{margin:0 0 .6em}
.author-hero img{width:100%;max-width:360px;border-radius:var(--r-lg);border:1px solid var(--line)}
/* Chat assistant */
.cb{position:fixed;right:20px;bottom:20px;z-index:70;font-family:var(--body)}
@media (max-width:1099px){.cb{right:12px;bottom:90px}}
.cb-launch{display:inline-flex;align-items:center;gap:10px;background:var(--navy);color:#fff;border:2px solid #fff;border-radius:999px;padding:13px 18px;font:700 .95rem/1 var(--body);cursor:pointer;box-shadow:0 14px 30px -12px rgba(42,42,41,.6)}
.cb-launch svg{width:22px;height:22px}
.cb-launch:hover{background:var(--navy-deep)}
@media (max-width:640px){.cb-launch span{display:none}.cb-launch{padding:13px}}
.cb.is-open .cb-launch{display:none}
.cb-teaser{position:absolute;right:0;bottom:64px;width:260px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 34px 14px 16px;box-shadow:var(--sh-lg);font-size:.92rem;color:var(--ink)}
.cb-teaser p{margin:0;cursor:pointer}
.cb-tx{position:absolute;right:6px;top:4px;border:0;background:none;font-size:1.3rem;color:var(--muted);cursor:pointer}
.cb-panel{position:fixed;right:20px;bottom:20px;width:390px;max-width:calc(100vw - 24px);height:min(640px,calc(100vh - 40px));background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 30px 60px -20px rgba(42,42,41,.55);display:flex;flex-direction:column;overflow:hidden}
.cb-panel[hidden]{display:none}
@media (max-width:640px){.cb-panel{inset:0;width:auto;max-width:none;height:auto;border-radius:0;border:0}}
.cb-head{background:var(--navy);color:#fff;padding:16px 18px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.cb-head h2{font:750 1.05rem/1.2 var(--head);color:#fff;margin:0}
.cb-head p{margin:4px 0 0;font-size:.82rem;color:#C7D0DC;display:flex;align-items:center;gap:7px}
.cb-head i{width:8px;height:8px;border-radius:50%;background:#5BD39A}
.cb-x{background:none;border:0;color:#fff;font-size:1.6rem;line-height:1;cursor:pointer;padding:0 4px}
.cb-topcall{display:block;text-align:center;background:var(--copper);color:#fff;font:800 1rem/1 var(--body);padding:13px;text-decoration:none}
.cb-topcall:hover{background:var(--copper-deep);color:#fff}
.cb-log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--paper)}
.cb-msg{max-width:92%;padding:12px 14px;border-radius:14px;font-size:.93rem;line-height:1.5}
.cb-msg p{margin:0 0 8px}.cb-msg p:last-child{margin:0}
.cb-bot{background:#fff;border:1px solid var(--line);align-self:flex-start;border-bottom-left-radius:4px}
.cb-me{background:var(--navy);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
.cb-typing{color:var(--muted);font-style:italic}
.cb-urgent{background:var(--copper-tint);border:1px solid var(--copper-line);border-radius:10px;padding:10px 12px;margin-bottom:10px;color:var(--ink)}
.cb-urgent strong{color:var(--copper-deep)}
.cb-call{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;background:var(--copper);color:#fff!important;text-decoration:none;font:800 .98rem/1 var(--body);padding:12px 14px;border-radius:999px}
.cb-call svg{width:18px;height:18px}
.cb-call:hover{background:var(--copper-deep)}
.cb-cta{margin-top:10px;border-top:1px solid var(--mist-2);padding-top:10px}
.cb-cta span{display:block;font-size:.84rem;color:var(--muted)}
.cb-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.cb-link{font-size:.84rem;font-weight:600;color:var(--sage);background:var(--sage-tint);border-radius:999px;padding:6px 10px;text-decoration:none}
.cb-link:hover{background:var(--mist-2)}
.cb-chips{display:flex;gap:6px;overflow-x:auto;padding:10px 12px;border-top:1px solid var(--line);background:#fff;scrollbar-width:thin}
.cb-chips button{flex:none;font:600 .82rem/1 var(--body);background:#fff;color:var(--navy);border:1px solid var(--line);border-radius:999px;padding:9px 11px;cursor:pointer}
.cb-chips button:hover{border-color:var(--copper)}
.cb-form{display:flex;gap:8px;padding:10px 12px;background:#fff}
.cb-form input{flex:1;min-width:0;font:400 .95rem var(--body);padding:11px 12px;border:1px solid #C4CCC2;border-radius:999px}
.cb-form input:focus{outline:3px solid rgba(180,83,31,.25);border-color:var(--copper)}
.cb-form button{background:var(--navy);color:#fff;border:0;border-radius:999px;padding:0 16px;font:700 .9rem var(--body);cursor:pointer}
.cb-fine{margin:0;padding:0 14px 12px;font-size:.74rem;color:var(--muted);background:#fff}
@media print{.cb{display:none}}