/* ContainerPick / shared finish, 10 October 2026.
   White is the canvas. Navy anchors the page; green marks its actions.
   Loaded last by design_finish.py; interactive states keep their own roles. */
body.premium-site.finish-site {
  --finish-ink:#102944;
  --finish-muted:#506575;
  --finish-action:#166b5e;
  --finish-hover:#105347;
  --finish-line:#d7e1e4;
  --finish-soft:#f6f8f8;
  --finish-radius:8px;
  --finish-panel-radius:12px;
  --finish-shadow:0 12px 32px -24px #10294450;
  color:var(--finish-ink);
  background:#fff;
}
body.premium-site.finish-site .eyebrow{color:#386c62;letter-spacing:.12em}
body.premium-site.finish-site :is(h1,h2,h3){color:var(--finish-ink)}
body.premium-site.finish-site :is(.buyer-delivery-band,.reefer-hero,.reefer-section--prepare-brief,.reefer-request-card,.sp-closing) :is(h1,h2,h3){color:#fff}
body.premium-site.finish-site :is(.buyer-delivery-band,.reefer-hero,.reefer-section--prepare-brief,.reefer-request-card,.sp-closing) .eyebrow{color:#c1dfd6}
body.premium-site.finish-site :is(.hero,.page-hero,.buyer-hero,.sp-hero,.local-page-experience .local-hero){background:#f7f9f9;border-color:var(--finish-line)}
body.premium-site.finish-site :is(.hero-intro,.page-hero-copy>p,.buyer-intro,.sp-intro,.local-intro){color:var(--finish-muted)}
body.premium-site.finish-site .breadcrumbs{color:#586e7c}
body.premium-site.finish-site .quote-notice{background:var(--finish-ink);color:#f3f7fa}
body.premium-site.finish-site .quote-notice :is(p,strong,span){color:inherit}

/* Stable geometry and one action colour across existing components. */
body.premium-site.finish-site .button,
body.premium-site.finish-site.home-page #quote :is(.qb-actions .button,.qb-result-actions .button),
body.premium-site.finish-site.home-page :is(.vc-panel>.button,.hc-card-body>.button,.hpj-plan,.hi-apply,.hd-request-link,.hpb-primary),
body.premium-site.finish-site.quote-page :is(.rq-actions>.button,.rq-share-actions>.button){
  min-height:48px;border:1px solid var(--finish-action);border-radius:var(--finish-radius);
  background:var(--finish-action);color:#fff;font-weight:650;line-height:1.35;
  text-decoration:none;letter-spacing:0;box-shadow:none;
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease;
}
body.premium-site.finish-site .button:not(:disabled):not([aria-disabled=true]):hover,
body.premium-site.finish-site.home-page #quote :is(.qb-actions .button,.qb-result-actions .button):not(:disabled):hover,
body.premium-site.finish-site.home-page :is(.vc-panel>.button,.hc-card-body>.button,.hpj-plan,.hi-apply,.hd-request-link,.hpb-primary):not(:disabled):hover,
body.premium-site.finish-site.quote-page :is(.rq-actions>.button,.rq-share-actions>.button):not(:disabled):hover{
  background:var(--finish-hover);border-color:var(--finish-hover);color:#fff;box-shadow:0 4px 12px #10294412;transform:none;
}
body.premium-site.finish-site .button.button-outline,
body.premium-site.finish-site.home-page #quote .button.button-outline,
body.premium-site.finish-site.quote-page .rq-share-actions .button.button-outline,
body.premium-site.finish-site .local-card-controls .button.button-outline {
  background:#fff;color:var(--finish-action);border-color:#aebfbb;box-shadow:none;
}
body.premium-site.finish-site .button.button-outline:not(:disabled):hover,
body.premium-site.finish-site.home-page #quote .button.button-outline:not(:disabled):hover,
body.premium-site.finish-site.quote-page .rq-share-actions .button.button-outline:not(:disabled):hover,
body.premium-site.finish-site .local-card-controls .button.button-outline:not(:disabled):hover {
  background:#edf4f1;color:#105347;border-color:var(--finish-action);box-shadow:none;
}
body.premium-site.finish-site .site-header .button-small{background:var(--finish-ink);border-color:var(--finish-ink);color:white;min-height:44px}
body.premium-site.finish-site .site-header .button-small:hover{background:#21445e;border-color:#21445e;color:white}
body.premium-site.finish-site :is(.button,.hpb-primary,.hd-request-link):focus-visible{outline:3px solid #318a7a;outline-offset:4px;box-shadow:0 0 0 2px #fff}
body.premium-site.finish-site .button:is(:disabled,[aria-disabled=true]),
body.premium-site.finish-site.home-page #quote .button:is(:disabled,[aria-disabled=true]){opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}
body.premium-site.finish-site :is(.text-link,.local-detail-link,.hpj-guide){text-underline-offset:4px;text-decoration-thickness:1px}
body.premium-site.finish-site :is(.text-link,.local-detail-link,.hpj-guide):hover{color:var(--finish-hover)}
body.premium-site.finish-site :is(input,select,textarea){accent-color:var(--finish-action)}

/* Strong boundaries come from space and type, not repeated tinted panels. */
body.premium-site.finish-site.home-page :is(.container-guide,.home-projects,.home-pathways,.faq-section){background:#fff}
body.premium-site.finish-site.home-page :is(.home-journey,.location-delivery,.container-guide,.home-projects,.price-section,.faq-section){border-color:var(--finish-line)}
body.premium-site.finish-site.home-page .delivery-preview{background:var(--finish-soft);border-color:var(--finish-line);box-shadow:none}
body.premium-site.finish-site.home-page :is(.quote-card,.home-atlas-card,.visual-comparator,.hi-view,.hc-card,.hpj-card){border-color:var(--finish-line);border-radius:var(--finish-panel-radius);box-shadow:var(--finish-shadow)}
body.premium-site.finish-site.home-page #quote{background:white;border-color:#cddbdc;box-shadow:0 18px 42px -30px #10294450}
body.premium-site.finish-site.home-page :is(.vc-tabs,.hi-toolbar,.hc-tabs){background:#f5f8f7}
body.premium-site.finish-site.home-page .delivery-section.hd-section{background:var(--finish-ink)}
body.premium-site.finish-site.home-page .hd-heading :is(h2,.eyebrow){color:#fff}
body.premium-site.finish-site.home-page .hd-heading>p{color:#d1dde7}
body.premium-site.finish-site.home-page .hd-detail{background:#fff;border-color:#d7e1e4;box-shadow:none}
body.premium-site.finish-site.home-page :is(.hd-detail-footer,.hd-tabs){background:#f4f7f7}
body.premium-site.finish-site.home-page .hd-tab[aria-selected=true]{background:#fff}
body.premium-site.finish-site.home-page .closing-cta{background:#fff;padding-block:clamp(36px,5vw,72px)}
body.premium-site.finish-site.home-page .closing-inner{background:var(--finish-ink);border:0;border-radius:16px;padding:clamp(28px,4vw,52px);box-shadow:none}
body.premium-site.finish-site.home-page .closing-inner :is(h2,.eyebrow){color:#fff}
body.premium-site.finish-site.home-page .closing-inner p{color:#d1dde7}
body.premium-site.finish-site.home-page .closing-inner .button{background:#fff;color:var(--finish-ink);border-color:#fff}
body.premium-site.finish-site.home-page .closing-inner .button:hover{background:#e8f1ed;color:var(--finish-ink);border-color:#e8f1ed}

/* Inner pages use the same white canvas, quiet borders and darker table heads. */
body.premium-site.finish-site :is(.page-facts-band,.local-page-experience .local-facts-band){background:#fff;border-color:var(--finish-line)}
body.premium-site.finish-site :is(.reading-aside>div,.local-jump-nav,.sp-jump-nav){background:var(--finish-soft);border-color:var(--finish-line);box-shadow:none}
body.premium-site.finish-site :is(.table-wrap,.local-table-wrap) thead th{background:var(--finish-ink);color:#fff;border-color:#345069}
body.premium-site.finish-site :is(.table-wrap,.local-table-wrap) tbody tr:nth-child(even){background:#f7f9f9}
body.premium-site.finish-site :is(.table-wrap,.local-table-wrap){border-color:var(--finish-line);border-radius:var(--finish-panel-radius)}
body.premium-site.finish-site :is(.buyer-quote-box,.sp-quote,.local-page-experience .local-choice-form){background:#fff;border-color:#ccd9dc;box-shadow:var(--finish-shadow)}
body.premium-site.finish-site .local-page-experience :is(.local-product-card,.local-decision-grid article){background:#fff;border-color:var(--finish-line);box-shadow:none}
body.premium-site.finish-site .local-page-experience :is(.local-regulations,.local-industries){background:#f8f9f9}
body.premium-site.finish-site .site-footer{background:#f5f7f8;border-color:var(--finish-line)}
body.premium-site.finish-site .footer-browse{border-color:var(--finish-line)}
body.premium-site.finish-site .footer-browse :is(h2,a){color:#365267}
body.premium-site.finish-site .footer-browse a:hover{color:var(--finish-action)}

/* Existing interactive modules use ID-scoped rules; keep their actions in sync. */
body.premium-site.finish-site.home-page #quote #qb-next,
body.premium-site.finish-site.home-page #quote .qb-result-actions .button:not(.button-outline),
body.premium-site.finish-site.home-page #containers .vc-panel>.button,
body.premium-site.finish-site.home-page #condition-comparison .hc-card-body>.button,
body.premium-site.finish-site.home-page #browse-options .hpj-plan,
body.premium-site.finish-site.home-page #interior-explorer .hi-apply,
body.premium-site.finish-site.home-page .home-atlas-card #use-state {
 min-height:48px;background:var(--finish-action);color:#fff;border-color:var(--finish-action);border-radius:8px;box-shadow:none;
}
body.premium-site.finish-site.home-page #quote #qb-next:not(:disabled):hover,
body.premium-site.finish-site.home-page #quote .qb-result-actions .button:not(.button-outline):not(:disabled):hover,
body.premium-site.finish-site.home-page #containers .vc-panel>.button:not(:disabled):hover,
body.premium-site.finish-site.home-page #condition-comparison .hc-card-body>.button:not(:disabled):hover,
body.premium-site.finish-site.home-page #browse-options .hpj-plan:not(:disabled):hover,
body.premium-site.finish-site.home-page #interior-explorer .hi-apply:not(:disabled):hover,
body.premium-site.finish-site.home-page .home-atlas-card #use-state:not(:disabled):hover {
 background:var(--finish-hover);border-color:var(--finish-hover);color:#fff;box-shadow:0 4px 12px #10294412;transform:none;
}
body.premium-site.finish-site.home-page #quote #qb-next:disabled,
body.premium-site.finish-site.home-page #interior-explorer .hi-apply:disabled {
 opacity:.48;transform:none;box-shadow:none;cursor:not-allowed;
}

@media(max-width:680px){
 body.premium-site.finish-site .button{min-height:46px}
 body.premium-site.finish-site .site-header .button-small{min-height:44px}
 body.premium-site.finish-site.home-page .closing-inner{padding:28px 24px}
 body.premium-site.finish-site.home-page .closing-inner .button{min-height:48px}
 body.premium-site.finish-site :is(.local-table-wrap,.table-wrap){scrollbar-width:thin}
}
@media(prefers-reduced-motion:reduce){
 body.premium-site.finish-site *,
 body.premium-site.finish-site *::before,
 body.premium-site.finish-site *::after{transition-duration:0s!important;animation-duration:0s!important;scroll-behavior:auto!important}
}
@media(forced-colors:active){
 body.premium-site.finish-site :is(.button,.hpb-primary,.hd-request-link){border:1px solid ButtonText;box-shadow:none}
}