/* Taste pass (Oct 11, 2026; brandtested_taste_guide.md): editorial, not SaaS. One serif (Fraunces) for headlines and
   big numbers, one sans (Inter) for everything else. Reads and breakdowns: Source Serif 4 + Inter Tight (see below).
   Loaded last on every page. */
.eyebrow,.mono,.nl-eyebrow,.nl-sk,.nl-kick,.nl-meta{font-family:var(--sans)!important;letter-spacing:.08em}
/* Reads and breakdowns (body.ed-page) use Cam's reference pair, Inter Tight display + Source Serif 4 text, and the
   header, footer and newsletter block are remapped onto the same two faces so no third face appears on the page. */
body.ed-page{--serif:'Source Serif 4','Iowan Old Style',Georgia,serif;--sans:'Inter Tight',Inter,system-ui,sans-serif;--disp:'Inter Tight',Inter,system-ui,sans-serif;--mono:'Inter Tight',Inter,system-ui,sans-serif}

/* Brand page score card: the number, the letter, one line. Actions sit quietly under the card. */
.scorecard{transform:none!important;border-radius:22px;padding:30px 34px 28px;box-shadow:0 1px 0 rgba(22,18,15,.05),0 18px 40px -26px rgba(22,18,15,.30)}
.scorecard:hover{transform:none!important}
.scorecard .sc-row,.scorecard .sc-of{display:none!important}
.scorecard .sc-k{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.scorecard .sc-n{background:none;color:var(--ink);-webkit-text-fill-color:var(--ink);margin:16px 0 14px}
.scorecard .sc-hook{margin:0;font-size:15px;color:var(--muted)}
.sc-acts{display:flex;gap:22px;align-items:center;justify-content:flex-start;margin:16px 4px 0;font-size:14px}
.sc-acts .share{width:auto;margin:0;padding:0;border:0;border-radius:0;background:none;color:var(--ink);font:500 14px/1.4 var(--sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.sc-acts .share:hover{transform:none}
.sc-acts .sc-claim{margin:0;color:var(--muted);font-size:14px}
.sc-acts .fixes-cta{text-decoration:underline}

/* Brand hero: one identity. The name carries it; no logo pill above it. */
.bh-id h1{margin-top:6px}

/* Homepage hero: two captures, flat, no tilt and no tags or badges on top. */
.mosaic.duo{grid-template-columns:repeat(6,1fr);gap:0;padding:20px 0 10px}
.mosaic.duo .m-main{grid-column:1/6;grid-row:1;transform:none}
.mosaic.duo .m-phone{grid-column:5/7;grid-row:1;align-self:end;margin:0 0 -28px;transform:none;z-index:2}
.mosaic.duo .mo figcaption{font-size:11px}
@media(max-width:760px){.mosaic.duo .m-main{grid-column:1/6}.mosaic.duo .m-phone{grid-column:4/7;margin-bottom:-18px}}

/* Brand page FAQ, last graded and similar brands (brand_seo.py). Quiet, editorial. */
.answer-first .af-date{margin:.4em 0 0;font-size:13px;color:var(--muted)}
.bs-extra .wrap2{max-width:760px}
.bs-dated{font-size:13px;color:var(--muted);margin:0 0 28px}
.bs-dated a{color:inherit}
.bs-faq h2,.bs-sim h2{font-family:var(--serif);font-weight:600;font-size:28px;letter-spacing:-.01em;margin:0 0 14px}
.faq-i{border-top:1px solid var(--line);padding:16px 0}
.faq-i:last-child{border-bottom:1px solid var(--line)}
.faq-i summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq-i summary::-webkit-details-marker{display:none}
.faq-i summary::after{content:"+";font:400 22px/1 var(--sans);color:var(--muted)}
.faq-i[open] summary::after{content:"\2212"}
.faq-i h3{margin:0;font:600 17px/1.4 var(--sans)}
.faq-i p{margin:10px 0 0;font-size:16px;line-height:1.65;color:#3b332d;max-width:64ch}
.bs-sim{margin-top:44px}
.bs-sim ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.bs-sim li{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:12px 0;font-size:16px}
.bs-sim li span{color:var(--muted);font-size:13px}
.bs-sim li a{color:var(--ink);font-weight:600;text-decoration:none}
.bs-sim p{font-size:14px;margin:16px 0 0}
@media(max-width:640px){.bs-sim ul{grid-template-columns:1fr}.bs-faq h2,.bs-sim h2{font-size:24px}}