/* MM-TIER2-V1 (2026-11-01) - self-hosted Inter, the same variable woff2 the buyer tools
   serve. Google is NOT contacted: Dispatch ruled no new Google Fonts request, and the
   Montserrat <link> is removed from the pages in the same pass. One file, every weight. */
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;
  src:url(/assets/fonts/inter-var-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
/* CAVEAT IS SELF-HOSTED TOO, AND THAT IS NOT OPTIONAL. keychains.html and links.html
   use it for handwriting accents and it came from the SAME Google link this pass
   removes. Dropping that link without this would delete a typeface outright - Inter
   does not stand in for a script face. It downloads only when something uses it. */
@font-face{font-family:'Caveat';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/assets/fonts/caveat-var-latin.woff2) format('woff2');}
/* Living in Maricopa — Look A web design system */
:root{
  /* ===========================================================================================
   MM-LPTHEME-V1 (2026-10-02) - the palette and type scale now match the new Luxury Presence
   site. Board #31. Values were READ FROM LP'S OWN CSS on livinginmaricopa.com, not eyeballed:
       --primary #293044 . --accent #9ECD1F . --secondary #fff
       primary font Montserrat . secondary font Jost
       h1 60 / h2 40 / h3 32 / h4 28 / h5 22 / h6 20 / body 16
   THE VARIABLE NAMES ARE DELIBERATELY UNCHANGED. 47 restored pages reference --char, --teal
      and --lime by name, so remapping the VALUES reskins all of them at once and touches no
      markup, no URL and no /go/ slug. Renaming them would have meant editing 47 files for the
      same pixels.
   --teal had no counterpart in LP's palette and was the old site's loudest tell. It is mapped
      to LP's primary navy; the old lime to LP's accent lime, which was already a near match.
      Original values are kept inline below so this is one edit to undo.
   =========================================================================================== */
--char:#293044; --char2:#39415a   /* was #2E3445 */; --teal:#293044    /* was #1FA6B8 - LP has no teal; mapped to its primary */; --teal-d:#1b2030  /* was #17818F */;
  --lime:#9ECD1F    /* was #A0D020 - LP accent */; --lime-d:#7aa414  /* was #5E7A0E */; --ink:#3f4450; --muted:#8b909b;
  --soft:#f5fbfc; --line:#e2e4e8; --light:#dde2e8;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;color:var(--ink);background:#fff;line-height:1.65;}
img{max-width:100%;}
a{color:var(--teal-d);text-decoration:none;}
.wrap{max-width:1140px;margin:0 auto;padding:0 22px;}
.lim{font-style:italic;font-weight:700;color:var(--teal);}
.lim-light{font-style:italic;font-weight:700;color:var(--teal-d);}
.script{font-family:'Caveat',cursive;font-weight:700;color:var(--teal);}
.stripe{height:5px;background:linear-gradient(90deg,var(--teal) 0 62%,var(--lime) 62%);}

/* ===== NAV ===== */
.nav{position:sticky;top:0;z-index:50;background:var(--char);box-shadow:0 2px 14px rgba(0,0,0,.25);}
.nav .bar{display:flex;align-items:center;justify-content:space-between;padding:10px 22px;max-width:1240px;margin:0 auto;}
.lockup{text-align:center;color:#fff;line-height:1;}
.lockup .li{font-size:8px;letter-spacing:3px;color:#8fa6ad;font-weight:700;}
.lockup .mc{font-size:19px;font-weight:300;letter-spacing:4px;margin:2px 0;}
.lockup .wm{font-size:7px;letter-spacing:2.6px;color:#8fa6ad;}
.menu{display:flex;gap:22px;align-items:center;}
.menu a{color:#cdd4dc;font-size:13px;font-weight:600;letter-spacing:.4px;}
.menu a:hover{color:#fff;}
.menu a.cta{background:var(--lime);color:var(--char);padding:9px 18px;border-radius:24px;font-weight:800;}
.menu a.cta:hover{background:#b3e234;}
.burger{display:none;background:none;border:0;color:#fff;font-size:26px;cursor:pointer;}

/* ===== HERO ===== */
.hero{background:radial-gradient(1100px 600px at 70% 20%, #2e3650 0%, var(--char) 60%);color:#fff;position:relative;overflow:hidden;}
.hero .inner{display:flex;align-items:center;gap:56px;padding:84px 22px 64px;max-width:1140px;margin:0 auto;}
.hero .txt{flex:1.25;}
.hero .kicker{font-size:38px;}
.hero h1{font-size:46px;font-weight:800;line-height:1.12;margin:14px 0 18px;letter-spacing:-.5px;}
.hero h1 .lime{color:var(--lime);}
.hero p.lead{font-size:17px;color:var(--light);max-width:560px;}
.cta-row{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap;}
.btn{display:inline-flex;align-items:center;gap:9px;padding:14px 26px;border-radius:30px;font-weight:800;font-size:15px;letter-spacing:.3px;}
.btn-lime{background:var(--lime);color:var(--char);}
.btn-lime:hover{background:#b3e234;}
.btn-ghost{border:2px solid var(--teal);color:#fff;}
.btn-ghost:hover{background:rgba(31,166,184,.15);}
.hero .photo{flex:.85;text-align:center;}
.hero .photo img{width:330px;height:330px;border-radius:50%;object-fit:cover;border:6px solid var(--teal);box-shadow:0 18px 50px rgba(0,0,0,.45);}
.hero .photo .cap{margin-top:14px;font-size:12px;letter-spacing:2.4px;color:#8fa6ad;font-weight:600;text-transform:uppercase;}

/* stat strip */
.stats{background:var(--char2);border-top:1px solid #39414f;}
.stats .row{display:flex;max-width:1140px;margin:0 auto;}
.stat{flex:1;text-align:center;padding:26px 12px;}
.stat .n{font-size:34px;font-weight:800;color:var(--lime);line-height:1;}
.stat .n.t{color:var(--teal);}
.stat .l{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:#aeb6c0;font-weight:600;margin-top:8px;line-height:1.5;}

/* ===== SECTIONS ===== */
.sec{padding:74px 0;}
.sec.soft{background:var(--soft);}
.sec.dark{background:var(--char);color:#fff;}
.sec-kick{font-size:32px;}
.sec h2{font-size:32px;font-weight:800;color:var(--char);line-height:1.2;margin:8px 0 14px;}
.sec.dark h2{color:#fff;}
.sec .sub{font-size:16px;max-width:680px;}
.center{text-align:center;}
.center .sub{margin:0 auto;}

/* video */
.video-grid{display:flex;gap:34px;margin-top:38px;align-items:stretch;}
.video-main{flex:1.6;min-height:330px;border-radius:14px;overflow:hidden;box-shadow:0 14px 38px rgba(34,38,51,.18);}
.video-main iframe{width:100%;height:100%;min-height:330px;border:0;display:block;}
.video-side{flex:1;display:flex;flex-direction:column;gap:14px;justify-content:center;}
.video-side .pt{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;}
.video-side .pt b{color:var(--char);}
.video-side .dot{width:10px;height:10px;border-radius:50%;background:var(--lime);margin-top:7px;flex:0 0 10px;}

/* pathways */
.paths{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px;}
.path{background:#fff;border:1px solid var(--line);border-top:5px solid var(--teal);border-radius:0 0 12px 12px;padding:26px 22px;transition:.18s;display:block;}
.path:nth-child(even){border-top-color:var(--lime);}
.path:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(34,38,51,.14);}
.path .ic{font-size:26px;}
.path h3{font-size:17px;font-weight:800;color:var(--char);margin:10px 0 8px;}
.path p{font-size:13px;color:var(--ink);}
.path .go{display:inline-block;margin-top:12px;font-size:12.5px;font-weight:800;letter-spacing:.6px;color:var(--teal-d);text-transform:uppercase;}

/* seller band */
.seller-band{background:var(--char);color:#fff;}
.seller-band .inner{display:flex;gap:48px;align-items:center;padding:70px 22px;max-width:1140px;margin:0 auto;}
.seller-band h2{font-size:34px;font-weight:800;line-height:1.15;}
.seller-band h2 .lime{color:var(--lime);}
.seller-band p{color:var(--light);font-size:15.5px;margin-top:14px;}

/* reviews */
.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px;}
.rev{background:#fff;border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:0 12px 12px 0;padding:22px;}
.rev .stars{color:var(--lime-d);letter-spacing:3px;font-size:14px;}
.rev p{font-size:13.5px;font-style:italic;margin:10px 0 12px;}
.rev .who{font-size:11px;font-weight:700;letter-spacing:1px;color:var(--muted);text-transform:uppercase;}

/* about teaser */
.about-flex{display:flex;gap:48px;align-items:center;margin-top:10px;}
.about-flex img{width:300px;height:300px;border-radius:50%;object-fit:cover;border:5px solid var(--teal);flex:0 0 300px;}
.about-flex .bio p{margin-bottom:12px;font-size:15.5px;}

/* contact band */
.contact-band{background:linear-gradient(120deg,var(--teal-d),var(--teal));color:#fff;}
.contact-band .inner{padding:64px 22px;text-align:center;max-width:860px;margin:0 auto;}
.contact-band h2{font-size:32px;font-weight:800;}
.contact-band p{margin:12px 0 26px;font-size:16px;}
.contact-band .btn-lime{box-shadow:0 10px 26px rgba(0,0,0,.25);}
.contact-band .alt{margin-top:20px;font-size:14px;color:#eaf7f9;}
.contact-band .alt b{color:#fff;}

/* footer */
footer{background:var(--char);color:#aeb6c0;}
footer .top{display:flex;gap:40px;justify-content:space-between;align-items:center;padding:44px 22px 30px;max-width:1140px;margin:0 auto;flex-wrap:wrap;}
footer .links{display:flex;gap:20px;flex-wrap:wrap;}
footer .links a{color:#cdd4dc;font-size:13px;font-weight:600;}
footer .links a:hover{color:#fff;}
footer .logos{display:flex;gap:14px;align-items:center;}
footer .logos img.wp{height:64px;}
footer .logos img.ch{height:30px;background:#fff;border-radius:4px;padding:2px;}
footer .legal{border-top:1px solid #39414f;text-align:center;font-size:12px;padding:18px 22px 26px;color:#8fa6ad;line-height:1.8;}
footer .legal b{color:#cdd4dc;}

/* responsive */
@media (max-width:920px){
  .hero .inner{flex-direction:column-reverse;text-align:center;padding-top:54px;}
  .hero p.lead{margin:0 auto;}
  .cta-row{justify-content:center;}
  .stats .row{flex-wrap:wrap;}
  .stat{flex:1 1 45%;}
  .video-grid,.about-flex,.seller-band .inner{flex-direction:column;}
  .paths{grid-template-columns:repeat(2,1fr);}
  .rev-grid{grid-template-columns:1fr;}
  .menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--char2);flex-direction:column;padding:18px;gap:16px;}
  .menu.open{display:flex;}
  .burger{display:block;}
}
@media (max-width:560px){
  .hero h1{font-size:32px;}
  .paths{grid-template-columns:1fr;}
  .hero .photo img{width:240px;height:240px;}
}

/* ===== inner pages ===== */
.page-hero{background:radial-gradient(900px 420px at 70% 0%, #2e3650 0%, var(--char) 60%);color:#fff;padding:64px 0 50px;}
.page-hero .kick{font-size:34px;}
.page-hero h1{font-size:40px;font-weight:800;line-height:1.12;margin:10px 0 12px;}
.page-hero h1 .lime{color:var(--lime);}
.page-hero p{color:var(--light);font-size:16.5px;max-width:700px;}
.hero blockquote,.page-hero blockquote{color:var(--light)!important;}
.hero blockquote span,.page-hero blockquote span{color:#b9c1ce!important;}
.prose{max-width:780px;}
.prose p{margin-bottom:16px;font-size:15.5px;}
.prose h3{font-size:21px;font-weight:800;color:var(--char);margin:28px 0 10px;}
.prose ul{margin:0 0 16px 22px;}
.prose li{margin-bottom:8px;font-size:15px;}
.two-col{display:flex;gap:40px;align-items:flex-start;}
.two-col > div{flex:1;}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px;}
.card.accent{border-top:5px solid var(--teal);}
.card.accent.lm{border-top-color:var(--lime);}
.card h3{font-size:18px;font-weight:800;color:var(--char);margin-bottom:8px;}
.card p{font-size:14px;}
.card .tag{display:inline-block;font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--teal-d);background:var(--soft);padding:4px 10px;border-radius:12px;margin-bottom:10px;}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.step{display:flex;gap:18px;margin-bottom:22px;}
.step .num{flex:0 0 44px;height:44px;border-radius:50%;background:var(--char);color:var(--lime);font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center;}
.step h4{font-size:16.5px;font-weight:800;color:var(--char);margin-bottom:4px;}
.step p{font-size:14.5px;}
.quotebar{background:var(--soft);border-left:4px solid var(--teal);border-radius:0 12px 12px 0;padding:20px 24px;margin:26px 0;}
.quotebar .stars{color:var(--lime-d);letter-spacing:3px;}
.quotebar p{font-style:italic;font-size:15px;margin:8px 0 8px;}
.quotebar .who{font-size:11px;font-weight:700;letter-spacing:1px;color:var(--muted);text-transform:uppercase;}
.dirlist{columns:2;column-gap:34px;}
.dirit{break-inside:avoid;border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:0 8px 8px 0;padding:12px 16px;margin-bottom:14px;background:#fff;}
.dirit .nm{font-weight:800;color:var(--char);font-size:14.5px;}
.dirit .dt{font-size:12.5px;color:var(--ink);margin-top:2px;line-height:1.6;}
.rev-full{border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:0 12px 12px 0;padding:24px;margin-bottom:22px;background:#fff;}
.rev-full .head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:8px;}
.rev-full .who{font-weight:800;color:var(--char);}
.rev-full .meta{font-size:11.5px;color:var(--muted);font-weight:600;letter-spacing:.5px;text-transform:uppercase;}
.rev-full .stars{color:var(--lime-d);letter-spacing:3px;margin-bottom:8px;}
.rev-full p{font-style:italic;font-size:14.5px;}
.badge-v{display:inline-block;font-size:10px;font-weight:800;letter-spacing:1px;color:#fff;background:var(--teal-d);padding:3px 10px;border-radius:10px;text-transform:uppercase;}
@media (max-width:860px){.two-col{flex-direction:column;}.grid2,.grid3{grid-template-columns:1fr;}.dirlist{columns:1;}.page-hero h1{font-size:30px;}}

/* subscribe strip */
.sub-strip{background:var(--char);color:#fff;padding:34px 0;}
.sub-strip .inner{display:flex;align-items:center;gap:34px;justify-content:space-between;flex-wrap:wrap;}
.sub-strip h3{font-size:20px;font-weight:800;margin-top:4px;}
.sub-strip .qr{display:flex;align-items:center;gap:14px;font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:#aeb6c0;font-weight:700;line-height:1.6;}
.sub-strip .qr img{width:96px;height:96px;background:#fff;border-radius:10px;padding:6px;}
@media (max-width:700px){.sub-strip .inner{justify-content:center;text-align:center;}}

/* #1 ranking pill */
.rankpill{display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px;background:var(--lime);color:var(--char);font-weight:800;font-size:17px;letter-spacing:.8px;text-transform:uppercase;padding:11px 24px;border-radius:22px;margin:14px 0 4px;}
.rankpill small{font-weight:700;font-size:11px;letter-spacing:.6px;color:#42530f;}

/* videos page grid */
.vid-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px;max-width:960px;margin-left:auto;margin-right:auto;}
.vid-cell{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 10px 26px rgba(34,38,51,.14);aspect-ratio:16/9;}
.vid-cell iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;}
@media(max-width:860px){.vid-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.vid-grid{grid-template-columns:1fr;}}

/* brand group: W&P logo beside wordmark */
.brandgrp{display:flex;align-items:center;gap:16px;}
.wp-nav{height:41px;width:auto;display:block;border-left:1px solid #3a4152;padding-left:16px;}
@media(max-width:560px){.wp-nav{padding-left:10px;}}
/* MM-APEXBRAND-V1 (2026-11-03): W&P Split White 41px against the 38px text lockup (LiM ~93% of W&P). Beats §16.5's
   `.nav .bar img{height:28px!important}` and mm.js's desktop clamp on specificity. */
.nav .bar img.wp-nav{height:41px!important;max-height:none!important;width:auto!important}
.nav .lockup svg{width:146px!important;max-width:none!important;height:auto!important}   /* the SVG lockup (seller-net-sheet): 146px = 38px tall */
/* videos page feature */
.vid-feature{position:relative;max-width:960px;margin:0 auto;aspect-ratio:16/9;border-radius:14px;overflow:hidden;box-shadow:0 14px 38px rgba(34,38,51,.18);}
.vid-feature iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;}
.vid-label{position:absolute;top:14px;left:14px;z-index:2;background:var(--lime);color:var(--char);font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:5px 12px;border-radius:14px;pointer-events:none;}

.family-photo{display:block;width:100%;max-width:760px;margin:30px auto 6px;border-radius:16px;box-shadow:0 16px 40px rgba(34,38,51,.18);}

/* contact-method icons */
.cic{width:12px;height:12px;fill:currentColor;display:inline-block;vertical-align:-1px;margin-right:5px;}

/* author block — moved out of fha-vs-conventional-calculator.html inline <style> on 2026-09-09 so every YMYL page can carry the same byline. The photo pairs with the Person node in each page JSON-LD. */
.authbox{display:flex;gap:18px;align-items:flex-start;}
.authbox img{width:84px;height:84px;border-radius:50%;object-fit:cover;border:3px solid var(--teal);flex:0 0 84px;}
.authbox .anm{font-family:'Inter',sans-serif;font-weight:800;font-size:1.05rem;color:var(--teal-d);margin:0 0 2px;}
.authbox .arole{font-family:'Inter',sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#8b909b;margin:0 0 8px;}
.authbox p{margin:0;font-size:.93rem;line-height:1.6;}
@media(max-width:560px){.authbox{flex-direction:column;align-items:center;text-align:center;}}
@media print{.authbox img{border-width:2px;}}


/* MM-LPTHEME-V1 - LP's heading scale and secondary face, read from their CSS 2026-10-02.
   Headings take LP's sizes; body stays 16px, which both sites already used. */
:root{
  --font-primary:'Inter',sans-serif;
  --font-secondary:Jost,sans-serif;
  --h1:60px; --h2:40px; --h3:32px; --h4:28px; --h5:22px; --h6:20px; --body:16px;
}
h1{font-size:var(--h1)} h2{font-size:var(--h2)} h3{font-size:var(--h3)}
h4{font-size:var(--h4)} h5{font-size:var(--h5)} h6{font-size:var(--h6)}
@media(max-width:700px){
  /* LP's 60px h1 overflows a phone; scale the top of the ramp only */
  :root{ --h1:34px; --h2:27px; --h3:23px; --h4:21px; }
}
/* 🛑 THE RUNTIME-INJECTED CHROME, WHICH NO BUILD-TIME SWAP CAN SEE.
   mm.js writes two floating links straight into the page with
     el.style.cssText = '...font:800 13px/1.25 Montserrat,Arial,sans-serif...'
   so #rankribbon and the fixed bottom-right link still computed Montserrat on every core
   page after the swap. They look right on LIVE only because Google still serves the font
   there; with the link removed they would have fallen back to ARIAL. A regression I would
   have shipped, and no page source contains the string.
   ⚠️ FIXED HERE, NOT IN mm.js, DELIBERATELY. mm.js is loaded by every homes page, the ~57
      Tier 3 pages included, and those still serve Montserrat - swapping it there would put
      THEM on Arial instead. It belongs in mm.js the moment Tier 3 ships Inter; until then
      the override is scoped to the pages that actually have Inter.
   The selector targets the inline attribute itself, so it reaches exactly the elements
   that name the font and nothing else, and !important is what beats an inline style. */
[style*='Montserrat' i]{font-family:'Inter',sans-serif !important}

/* MM-TIER2-V1 buttons: black, white text, 8px - matching the tools and the IDX. */
a.cta, a.btn, .btn-primary, button.cta, .btn-lime, #mm-contactbar .mmcb-primary{
  background:#000 !important; color:#fff !important;
  border:1px solid #000 !important; border-radius:8px !important;
}
.nav .bar.mm-centered > a.cta, .nav .bar > a.cta, .nav a.cta{
  background:#000 !important; color:#fff !important;
  border:1px solid #000 !important; border-radius:8px !important;
}
a.btn.btn-ghost{
  background:transparent !important; color:#000 !important;
  border:1.6px solid #000 !important;
}

/* ── §16.1 hero rank pill, headline accent, nav underline ── */
.rankpill{background:#F7F7F7;color:#293044;border-radius:8px}
.rankpill small{color:#293044}
.hero h1 .lime, .page-hero h1 .lime, .seller-band h2 .lime{color:#FFF}
.stripe{height:2px;background:linear-gradient(90deg,var(--teal) 0 62%,#FFF 62%)}

/* ── §16.2 teal result cards ──
   .verdict (both comparison calculators) and .nsnet (net sheet), all three
   linear-gradient(135deg,#17818F,#1FA6B8). They live in each page's OWN inline
   <style>, which the browser applies AFTER this sheet, so the body prefix is what
   wins the cascade. .nsnet also carries a print rule with !important, hence ours. */
body .verdict, body .nsnet{
  background:#F7F7F7 !important; color:#293044 !important;
  border:1px solid #E5E7EB !important; border-left:4px solid #293044 !important;
  border-radius:8px !important; box-shadow:none !important;
}

/* ── §16.3 the fixed Text/Call/Book bar goes away on desktop, the chip stays ──
   🛑 HIDING THE BAR IS NOT ENOUGH. mm.js also writes an INLINE padding-bottom:70px
      onto <body> to reserve room for it. Hide the bar alone and that 70px stays as a
      dead strip under the footer. Inline styles are why these two need !important.
   The chip is KEPT on every page per the keychain destination rule, and re-seated to
   24px now that the 58px bar it was clearing is gone. */
@media(min-width:1024px){
  #mm-contactbar{display:none !important}
  body{padding-bottom:0 !important}
  body > a[href="keychains.html"]{inset:auto 14px 24px auto !important}
}

/* ── §16.5 nav 60px, mark 28px ──
   The lockup is CSS TEXT (.li 8px / .mc 19px / .wm 7px), not an image, so "logo
   max-height 28px" can only mean the W&P mark - which is also what sets the current
   74px: mm.js gives .bar img height:clamp(40px,3vw,56px), 46px at 1536. An explicit
   60px with zero padding beats juggling padding against the tallest child (the 38px
   text lockup, which is left alone and therefore still legible). */
@media(min-width:900px){
  .nav .bar{height:60px !important;padding-top:0 !important;padding-bottom:0 !important}
  .nav .bar img{height:28px !important;max-height:28px !important}
}

/* ── §16.6 calculator intros (hooks added per page in the loop below) ── */
body.t2-calc .t2-intro{padding-bottom:24px !important}
body.t2-calc .t2-intro .sec-kick{margin-bottom:8px}
body.t2-calc .t2-intro h1{margin-bottom:16px !important}
body.t2-calc .t2-intro p{line-height:1.55}