/* V31.8 — mobile cleanup + live forecast + builder stabilization */

:root{
  --v318-navy:#16324d;
  --v318-stone:#fbf8f2;
  --v318-line:rgba(16,37,59,.12);
}

.drawerBrandIconOnly .drawerBrandMark{width:84px !important; display:block}
.drawerBrandIconOnly .drawerBrandMark img{width:100%;height:auto;display:block}

.topbar .brandText strong{color:var(--v318-navy);font-weight:950;letter-spacing:-.045em}
.topbar .brandText small,.footerBrandText small{font-size:12px;letter-spacing:.02em}

@media (max-width:780px){
  body{padding-bottom:118px}
  main.container{padding-bottom:18px}
  footer{padding-bottom:118px}
  .bottomQuickNav{z-index:5200;padding-bottom:14px}

  .topbar .brandMark{width:58px !important}
  .topbar .brandText{display:block !important}
  .topbar .brandText strong{font-size:1.05rem}
  .topbar .brandText small{display:none !important}

  body.homePage .heroWrapV18 .heroImg{height:800px !important}
  body.homePage .heroContentRefined{max-width:none !important}
  body.homePage .heroContentRefined h1{font-size:clamp(22px,7.4vw,38px) !important;line-height:1.01 !important;max-width:8.5ch !important}
  body.homePage .heroContentRefined p{font-size:.92rem !important;line-height:1.33 !important;max-width:19ch !important;margin-bottom:12px !important}
  body.homePage .heroContentRefined .btnRow{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important;align-items:stretch}
  body.homePage .heroContentRefined .btnRow > *{width:100%}
  body.homePage .heroCompareBtn{grid-column:1 / -1 !important}
  body.homePage .heroContentRefined .btnRow > *:nth-child(4){display:none !important}

  .buildPage .bookHeroCompactRail{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .buildPage .buildTrustStrip{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .buildPage .buildTrustStrip span{white-space:normal !important;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center}
  .buildPage .builderGrid{gap:14px}
  .buildPage .compactReceipt{margin-bottom:8px !important}
  .buildPage .buildInlineEstimate.compactReceipt{position:sticky !important;top:72px !important;z-index:34}
  .buildPage .inlineHelpBubble > div{max-width:min(230px,calc(100vw - 32px)) !important}

  .smartDock{right:12px !important;left:auto !important;bottom:118px !important;width:auto !important;max-width:none !important;z-index:4600 !important}
  .smartDockBar{background:transparent !important;border:none !important;box-shadow:none !important;padding:0 !important}
  .smartDockClose{display:none !important}
  .smartDockToggle{background:transparent !important;border:none !important;box-shadow:none !important;padding:0 !important;width:auto !important}
  .smartDockText{display:none !important}
  .smartDockBadge{display:inline-flex !important;align-items:center;justify-content:center;min-width:auto !important;height:46px !important;padding:0 16px !important;border-radius:999px !important;background:var(--v318-navy) !important;color:#fff !important;box-shadow:0 14px 30px rgba(16,37,59,.20) !important;font-size:14px !important;font-weight:900 !important}
  .smartDockPanel{left:10px !important;right:10px !important;bottom:104px !important;border-radius:24px !important;max-height:min(70vh,640px) !important;padding:14px 14px 96px !important}

  .footerBrandLogo{align-items:flex-start !important}
  .footerBrandMark{width:58px !important;flex:0 0 58px}
  .footerLinksCompact,.footerMeta{grid-template-columns:1fr 1fr}
}

.homePage .v29CompareCard h2,
.homePage .v29AsideNote h3,
.packagesPage .marketWordingHeader h2,
.packagesPage .content h2{letter-spacing:-.03em}

.homePage .seoBandCard,
.packagesPage .seoBandCard{min-height:unset}
.homePage .seoBandCard small,
.packagesPage .seoBandCard small{line-height:1.45}

.mobileReceiptDock{z-index:5300 !important}
.mobileReceiptDock .buildInlineEstimateButton{border:1px solid var(--v318-line)}

.buildPage .fold summary .foldTitle{display:inline;min-width:0}
.buildPage .fold summary .foldMeta{display:block}

.buildPage .buildInfoStrip,
.buildPage .buildValidationBox{margin-top:10px}

body.buildPage .buildAssuranceSection{display:none !important}

.weatherPage .v29Panel,
.weatherPage .v29Panel h2,
.weatherPage .v29Panel p,
.weatherPage .liveDashGrid p,
.weatherPage .v30BusinessCard b,
.weatherPage .v30BusinessCard small,
.weatherPage .liveDashboardNote,
.weatherPage .visualSectionTitle h2,
.weatherPage .visualSectionTitle p{color:var(--ink) !important}