/* Scoped Vertex interior design: preserve the dark frame, real photography and content. */
body[data-vx-interior] {
  --interior-gold:#e6b800;
  --interior-muted:#c4cfd7;
  --interior-line:rgba(255,255,255,.14);
}
/* Exact existing proper logo; visible lock-up matches the published homepage. */
body[data-vx-interior] .nav-logo-premium{display:flex;align-items:center;gap:10px;flex-shrink:0}
body[data-vx-interior] .interior-nav-name{font-size:24px;line-height:1.05;font-weight:700;letter-spacing:-.04em;color:#f5f7fa}
body[data-vx-interior] .interior-nav-name small{display:block;font-size:13px;font-weight:400;letter-spacing:.02em;color:var(--interior-muted);margin-top:5px}
body[data-vx-interior] :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--interior-gold);outline-offset:4px}
body[data-vx-interior] main :is(section[id],h2[id],h3[id],article[id],div[id]){scroll-margin-top:112px}
/* Existing breadcrumb text belongs below the fixed header, never behind it. */
body[data-vx-interior] .breadcrumb-nav{display:block!important;position:relative;margin:80px 0 0;padding:12px max(20px,calc((100vw - 1200px)/2));background:rgba(13,23,34,.92);border-bottom:1px solid var(--interior-line);z-index:1}
body[data-vx-interior] .breadcrumb-list{flex-wrap:wrap;min-width:0}
body[data-vx-interior] .breadcrumb-nav :is(a,span){font-size:13px;line-height:1.5;overflow-wrap:break-word}
body[data-vx-interior]:has(.breadcrumb-nav) .hero-premium-full{margin-top:0!important}
/* Preserve the original background, overlay, framed panel, border and depth. */
body[data-vx-interior] .hero-premium-full {
  min-height:0!important;
  height:auto;
  padding:48px 32px 56px!important;
}
body[data-vx-interior] .hero-premium-full .hero-content-premium {
  width:min(100%,1200px)!important;
  max-width:1200px!important;
  padding:40px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(15,24,33,.94),rgba(6,12,18,.96))!important;
  box-shadow:0 24px 68px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.04)!important;
  text-align:left;
}
body[data-vx-interior] .hero-premium-full .hero-title-premium {
  max-width:25ch!important;
  width:100%;
  margin:0 0 24px!important;
  font-size:clamp(42px,4.6vw,70px)!important;
  line-height:1.08!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
  text-wrap:balance;
}
body[data-vx-interior] .hero-premium-full .hero-badge-premium{margin-bottom:20px;font-size:13px;line-height:1.4}
body[data-vx-interior] .hero-premium-full :is(.hero-subhead-premium,.hero-description-premium,.hero-note-premium){max-width:70ch!important;margin-left:0;margin-right:0;text-align:left}
body[data-vx-interior] .hero-premium-full .hero-subhead-premium{font-size:20px;line-height:1.6;font-weight:500;margin-bottom:24px}
body[data-vx-interior] .hero-premium-full .hero-description-premium{font-size:17px;line-height:1.7;margin-top:24px;margin-bottom:24px}
body[data-vx-interior] .hero-note-premium{font-size:14px;line-height:1.7;margin-top:20px}
body[data-vx-interior] .hero-actions-premium{justify-content:flex-start;align-items:stretch;gap:16px;flex-wrap:wrap;margin:0 0 20px}
/* Keep the older gold primary/outlined secondary button, with more usable spacing. */
body[data-vx-interior] main :is(.btn-premium-primary,.btn-premium-secondary,.btn-premium-tertiary){
  display:inline-flex;align-items:center;justify-content:center;
  min-height:56px;max-width:100%;padding:15px 26px;
  line-height:1.4;font-size:15px;text-align:center;white-space:normal;
}
body[data-vx-interior] main :is(.proof-cta-premium,.service-cta-row-premium){gap:12px 16px;flex-wrap:wrap}
/* Fact panels stay panels; they no longer squeeze four narrow tracks on a phone. */
body[data-vx-interior] .hero-proof-band{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px;max-width:100%}
body[data-vx-interior] .hero-proof-card{padding:16px!important;min-width:0}
body[data-vx-interior] .hero-proof-label{font-size:12px;line-height:1.5;letter-spacing:.08em}
body[data-vx-interior] .hero-proof-value{font-size:20px!important;line-height:1.35}
body[data-vx-interior] .hero-proof-text{font-size:14px;line-height:1.6}
/* Retain original section/card surfaces; refine the reading rhythm and scale. */
body[data-vx-interior] .section-container-premium{gap:28px}
body[data-vx-interior] .section-header-premium{padding:28px;max-width:1000px;margin-bottom:24px}
body[data-vx-interior] .section-title-premium{font-size:clamp(30px,3.2vw,46px)!important;line-height:1.18;font-weight:800;letter-spacing:-.025em;text-wrap:balance}
body[data-vx-interior] .section-intro-premium{font-size:17px;line-height:1.75;max-width:70ch}
body[data-vx-interior] .case-grid-premium{gap:24px}
body[data-vx-interior] .case-title-premium{font-size:25px;line-height:1.3;letter-spacing:-.02em}
body[data-vx-interior] .case-description-premium{font-size:16px;line-height:1.75}
body[data-vx-interior] .visual-context-grid{gap:36px}
body[data-vx-interior] main :is(input,select,textarea){font-size:16px;line-height:1.5;max-width:100%}
body[data-vx-interior] main :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select){min-height:48px}
body[data-vx-interior]:has(main :is(input,select,textarea):focus) :is(#vxFloatCta,.vxAiFab){opacity:0;visibility:hidden;pointer-events:none}
body[data-vx-interior] .faq-question-premium{min-height:48px;gap:20px}
body[data-vx-interior] .faq-item-premium.active .faq-answer-premium{max-height:none}
body[data-vx-interior] .visit-quick-links{gap:12px 20px}
/* Report paper remains fully visible; avoid an artificially stretched image stack. */
body[data-vx-interior] .sample-report-hero-shell{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
body[data-vx-interior] .sample-report-pages{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px;align-items:start}
body[data-vx-interior] .sample-report-page-main img,
body[data-vx-interior] .sample-report-page-stack img{width:100%;height:auto!important;object-fit:contain;aspect-ratio:993/1403}
body[data-vx-interior] .sample-report-page-stack{display:grid;grid-template-rows:auto auto;gap:0}
body[data-vx-interior] .sample-report-showcase{padding:16px}
body[data-vx-interior] .sample-report-proof span{font-size:16px;line-height:1.4}
/* Article reading widths retain the darker framed hero and all metadata/citations. */
body[data-vx-interior="article"] .hero-premium-full .hero-content-premium{max-width:1080px!important}
body[data-vx-interior="article"] .article-content-premium{max-width:74ch;font-size:18px;line-height:1.75}
body[data-vx-interior="article"] .article-content-premium :is(p,li){line-height:1.75}
body[data-vx-interior="article"] .article-content-premium h2{font-size:30px;line-height:1.3;margin-top:40px;letter-spacing:-.02em}
body[data-vx-interior="article"] .article-jump-links{gap:10px 22px}
body[data-vx-interior="article"] .article-jump-links a{display:inline-flex;align-items:center;min-height:36px}
/* Policies keep their existing panel and exact legal copy. */
body[data-vx-interior="policy"] .card{max-width:76ch}
body[data-vx-interior="policy"] h1{line-height:1.15}
body[data-vx-interior="policy"] :is(p,li){overflow-wrap:break-word}
@media(max-width:1050px){
  body[data-vx-interior] .hero-premium-full{padding:40px 24px 48px!important}
  body[data-vx-interior] .hero-premium-full .hero-content-premium{padding:32px!important}
  body[data-vx-interior] .hero-proof-band{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-vx-interior] .sample-report-hero-shell{grid-template-columns:minmax(0,1fr);gap:28px}
  body[data-vx-interior] .sample-report-showcase{width:100%;max-width:640px;margin-inline:auto}
}
@media(max-width:640px){
  body[data-vx-interior] .hero-premium-full{padding:20px 16px 32px!important}
  body[data-vx-interior] .hero-premium-full .hero-content-premium{padding:24px 20px!important;border-radius:16px}
  body[data-vx-interior] .hero-premium-full .hero-title-premium{max-width:100%!important;font-size:clamp(30px,8.7vw,38px)!important;line-height:1.12!important;letter-spacing:-.03em!important;margin-bottom:22px!important;text-wrap:pretty}
  body[data-vx-interior] .hero-premium-full .hero-badge-premium{padding:9px 14px;max-width:100%;font-size:12px;line-height:1.5;white-space:normal}
  body[data-vx-interior] .hero-premium-full .hero-subhead-premium{font-size:17px;line-height:1.65;margin-bottom:22px}
  body[data-vx-interior] .hero-premium-full .hero-description-premium{font-size:16px;line-height:1.7}
  body[data-vx-interior] .hero-actions-premium{display:flex;flex-direction:column;gap:12px;width:100%;margin-bottom:18px}
  body[data-vx-interior] .hero-actions-premium>a{width:100%;min-width:0;padding-inline:16px}
  body[data-vx-interior] .hero-proof-band{gap:12px}
  body[data-vx-interior] .hero-proof-card{padding:14px!important}
  body[data-vx-interior] .hero-proof-value{font-size:18px!important}
  body[data-vx-interior] .hero-proof-label{font-size:12px;letter-spacing:.04em}
  body[data-vx-interior] .hero-proof-text{font-size:13px;line-height:1.6}
  body[data-vx-interior] .section-header-premium{padding:24px 20px;margin-bottom:20px;border-radius:20px}
  body[data-vx-interior] .section-container-premium{gap:24px}
  body[data-vx-interior] .section-title-premium{font-size:30px!important;line-height:1.2}
  body[data-vx-interior] .section-intro-premium{font-size:16px;line-height:1.75}
  body[data-vx-interior] .case-grid-premium{grid-template-columns:minmax(0,1fr);gap:20px}
  body[data-vx-interior] .case-card-premium{padding:24px 20px}
  body[data-vx-interior] .case-title-premium{font-size:23px;line-height:1.35}
  body[data-vx-interior] .visual-context-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  body[data-vx-interior] .faq-item-premium{padding:24px 20px;min-width:0}
  body[data-vx-interior] .faq-grid-premium{grid-template-columns:minmax(0,1fr)}
  body[data-vx-interior] .sample-report-hero-actions{flex-direction:column;gap:12px}
  body[data-vx-interior] .sample-report-hero-actions a{width:100%;min-width:0;white-space:normal!important;padding-inline:12px}
  body[data-vx-interior] .sample-report-showcase{padding:12px}
  body[data-vx-interior="article"] .article-content-premium{font-size:17px;padding:24px 20px}
  body[data-vx-interior="article"] .article-content-premium h2{font-size:27px}
  body[data-vx-interior="policy"] .card{padding:24px 20px}
}
@media(max-width:360px){
  body[data-vx-interior] .hero-premium-full{padding-inline:12px!important}
  body[data-vx-interior] .hero-premium-full .hero-content-premium{padding-inline:16px!important}
  body[data-vx-interior] .hero-proof-band{grid-template-columns:minmax(0,1fr)}
}

/* Review refinements: retain the frame while giving real property evidence room. */
body[data-vx-interior] .hero-premium-full:has(>picture[class*="-hero-media"]){
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px;
  padding-inline:max(32px,calc((100vw - 1200px)/2))!important;align-items:stretch;
}
body[data-vx-interior] .hero-premium-full>picture[class*="-hero-media"]{
  position:relative!important;inset:auto!important;grid-column:2;grid-row:1;
  width:100%;min-width:0;min-height:360px;border-radius:16px;
  border:1px solid var(--interior-line);overflow:hidden;z-index:2;
}
body[data-vx-interior] .hero-premium-full>picture[class*="-hero-media"] img{
  display:block;width:100%;height:100%;object-fit:cover;object-position:center;
}
body[data-vx-interior] .hero-premium-full:has(>picture[class*="-hero-media"])>.hero-content-premium{
  grid-column:1;grid-row:1;margin:0;width:100%!important;z-index:2;
}
body[data-vx-interior] .hero-premium-full:has(>picture[class*="-hero-media"]) .hero-title-premium{
  font-size:clamp(36px,3.8vw,56px)!important;
}
/* Small labels are still secondary, but readable without magnification. */
body[data-vx-interior] :is(.hero-badge-premium,.hero-proof-label,.section-label-premium,.case-tag-premium,
.pricing-builder-kicker-premium,.pricing-builder-summary-kicker-premium,.pricing-builder-total-label-premium,
.pricing-builder-summary-note-premium,.local-case-study-facts dt,.local-price-item>span,.pricing-hero-rate>span,
main small,main figcaption,footer small){font-size:13px!important;line-height:1.6;letter-spacing:.04em}
body[data-vx-interior] main [style*="font-size:12px"],
body[data-vx-interior] main [style*="font-size: 12px"]{font-size:13px!important}
/* Keep gold primary and outlined secondary actions, with consistent lettering. */
body[data-vx-interior] main :is(.btn-premium-primary,.btn-premium-secondary,.btn-premium-tertiary){
  font-weight:700;letter-spacing:.055em;text-transform:uppercase;border-radius:8px;
}
@media(max-width:1050px){
  body[data-vx-interior] .hero-premium-full:has(>picture[class*="-hero-media"]){padding-inline:24px!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:20px}
}
@media(max-width:1050px){
  body[data-vx-interior] .hero-premium-full:has(>picture[class*="-hero-media"]){grid-template-columns:minmax(0,1fr);gap:16px;padding-inline:16px!important}
  body[data-vx-interior] .hero-premium-full>picture[class*="-hero-media"]{grid-column:1;grid-row:1;min-height:0;aspect-ratio:4/3;max-height:none}
  body[data-vx-interior] .hero-premium-full:has(>picture[class*="-hero-media"])>.hero-content-premium{grid-column:1;grid-row:2}
  body[data-vx-interior] .hero-premium-full:has(>picture[class*="-hero-media"]) .hero-title-premium{font-size:clamp(30px,8.7vw,38px)!important}
}
@media(max-width:640px){
  body[data-vx-interior] .section-header-premium{padding:20px;margin-bottom:16px;text-align:left!important}
  body[data-vx-interior] .section-intro-premium{margin-inline:0!important;text-align:left!important}
  body[data-vx-interior] main :is(.section-header-premium p,.visual-context-text p,.case-description-premium){text-align:left!important}
  body[data-vx-interior] .section-container-premium{gap:20px}
  body[data-vx-interior] .case-studies-premium{padding-block:40px!important}
  body[data-vx-interior] .sample-report-pages{grid-template-columns:minmax(0,1fr);gap:12px}
  body[data-vx-interior] .sample-report-page-stack{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:8px;background:transparent;border:0}
  body[data-vx-interior] .sample-report-page-stack img{border:1px solid var(--interior-line)!important;border-radius:6px}
  body[data-vx-interior] .sample-report-page-main{min-width:0}
  body[data-vx-interior] .sample-report-hero-shell{padding-inline:16px!important}
  body[data-vx-interior] .sample-report-showcase{padding:10px}
  body[data-vx-interior] .sample-report-hero-actions a{font-size:14px}
}

body[data-vx-interior] .hero-premium-full .hero-note-premium+.hero-actions-premium{margin-top:24px}
/* Reading links remain recognisable against every existing dark card surface. */
body[data-vx-interior] main :is(p,li,dd,figcaption)>a:not([class*="btn"]){color:#edcb55;text-decoration:underline;text-underline-offset:3px}
body[data-vx-interior] .case-tag-premium{margin-bottom:20px}
body[data-vx-interior] .hero-note-premium a{display:inline!important}
@media(max-width:640px){
  body[data-vx-interior] main :is(.proof-cta-premium,.service-cta-row-premium,.visual-context-actions){display:flex;flex-direction:column;gap:12px}
  body[data-vx-interior] main :is(.proof-cta-premium,.service-cta-row-premium,.visual-context-actions)>a{width:100%;min-width:0}
  body[data-vx-interior] .visual-context-text{padding-inline:20px}
  body[data-vx-interior] .mobile-cta-bar{padding:8px 12px calc(8px + env(safe-area-inset-bottom))}
  body[data-vx-interior] .mobile-cta-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  body[data-vx-interior] .mobile-cta-btn{min-width:0;min-height:44px;padding:10px 8px;font-size:13px;line-height:1.4;letter-spacing:.02em;white-space:normal}
  /* Keep Ask reachable in the same bottom rail, rather than floating over body copy. */
  body[data-vx-interior]:has(.mobile-cta-bar.is-visible) .mobile-cta-inner{padding-right:64px}
  body[data-vx-interior]:has(.mobile-cta-bar.is-visible) .vxAiFab{bottom:calc(8px + env(safe-area-inset-bottom));right:8px;min-width:52px;min-height:44px;padding:10px 8px}
  body[data-vx-interior] .sample-report-hero .hero-note-premium a{display:inline!important;width:auto!important}
}

body[data-vx-interior]:has(main :is(input,select,textarea):focus) .mobile-cta-bar{opacity:0;visibility:hidden;pointer-events:none}
/* Remaining template-specific labels, including WebKit's native button sizing. */
body[data-vx-interior] :is(.pricing-builder-size-option-premium,.article-guide-kicker,.hub-pill,
.steps-card>strong,.coverage-service-item>span,.deliverables-preview-proof,.solar-example-label,
.hero-side-kicker-premium){font-size:13px!important;line-height:1.5}
body[data-vx-interior] main th{font-size:14px!important;line-height:1.5}
@media(max-width:640px){body[data-vx-interior] .mobile-cta-bar{background:#14212d}}
body[data-vx-interior] .programme-strip>div>span{font-size:13px!important;line-height:1.5}

/* Visible breathing room around the photograph, not only a border on its edge. */
body[data-vx-interior] .hero-premium-full>picture[class*="-hero-media"]{
  padding:18px;background:#101c26;border-radius:24px;box-shadow:0 16px 36px #00000028;
}
body[data-vx-interior] .hero-premium-full>picture[class*="-hero-media"] img{border-radius:12px}
body[data-vx-interior] .local-case-study-visual{padding:18px;background:#101c26;border:1px solid var(--interior-line);border-radius:24px}
body[data-vx-interior] .local-case-study-visual img{border-radius:12px;box-shadow:none}
@media(max-width:1050px){
  body[data-vx-interior] .hero-premium-full>picture[class*="-hero-media"]{aspect-ratio:auto}
  body[data-vx-interior] .hero-premium-full>picture[class*="-hero-media"] img{height:auto;aspect-ratio:4/3}
}
@media(max-width:640px){
  body[data-vx-interior] .hero-premium-full>picture[class*="-hero-media"],
  body[data-vx-interior] .local-case-study-visual{padding:12px;border-radius:20px}
  body[data-vx-interior] .hero-premium-full>picture[class*="-hero-media"] img,
  body[data-vx-interior] .local-case-study-visual img{border-radius:9px}
}