/* Phase B — Enterprise interior normalization.
 * Scope: only body.phase-b-interior on the 12 owner-approved commercial/service pages.
 * Purpose: calmer hierarchy, fewer card-like surfaces, stronger scanning; no global shell changes.
 */
body.phase-b-interior main.ux-interior-main{background:#fff}
body.phase-b-interior .page-hero{padding-top:4rem;padding-bottom:3.75rem}
body.phase-b-interior .page-hero-content{max-width:980px}
body.phase-b-interior .page-hero .hero-copy{max-width:790px}

/* Intro becomes editorial rather than another framed card. */
body.phase-b-interior .ux-intro-section{padding:2.7rem 0 2.9rem}
body.phase-b-interior .ux-intro-section .narrow{width:min(900px,100%)}
body.phase-b-interior .ux-intro-section .direct-answer{
  padding:.2rem 0 .2rem 1.25rem;
  border:0;border-left:4px solid var(--brand-primary-light);
  border-radius:0;background:transparent;box-shadow:none;
  color:var(--brand-ink);font-size:clamp(1.08rem,1.6vw,1.23rem);line-height:1.72
}

/* Stronger section rhythm and readable measure. */
body.phase-b-interior .ux-need-section,
body.phase-b-interior .ux-scope-section,
body.phase-b-interior .ux-context-section,
body.phase-b-interior .ux-fit-section,
body.phase-b-interior .ux-form-section,
body.phase-b-interior .ux-related-section,
body.phase-b-interior .ux-faq-section{padding:4.8rem 0}
body.phase-b-interior .section-heading{max-width:760px;margin-bottom:2rem}
body.phase-b-interior .section-heading h2{max-width:720px}

/* Replace repeated cards with an editorial numbered list. */
body.phase-b-interior .ux-need-section .cards-grid,
body.phase-b-interior .ux-context-section .cards-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2.5rem;
  border-top:1px solid var(--brand-line)
}
body.phase-b-interior .ux-need-section .info-card,
body.phase-b-interior .ux-context-section .info-card{
  display:grid;grid-template-columns:46px minmax(0,1fr);align-items:start;gap:1rem;
  min-height:0;padding:1.2rem 0;border:0;border-bottom:1px solid var(--brand-line);
  border-radius:0;background:transparent;box-shadow:none;transform:none!important
}
body.phase-b-interior .ux-need-section .info-card:hover,
body.phase-b-interior .ux-context-section .info-card:hover{border-color:var(--brand-line);box-shadow:none}
body.phase-b-interior .ux-need-section .card-number,
body.phase-b-interior .ux-context-section .card-number{
  width:38px;height:38px;border-radius:11px;background:rgba(62,100,200,.1);
  box-shadow:none;color:var(--brand-primary-mid);font-size:.76rem;font-weight:900;letter-spacing:.05em
}
body.phase-b-interior .ux-need-section .card-number::before,
body.phase-b-interior .ux-context-section .card-number::before{content:none;display:none}
body.phase-b-interior .ux-need-section .info-card > .card-number,
body.phase-b-interior .ux-context-section .info-card > .card-number{grid-column:1;grid-row:1}
body.phase-b-interior .ux-need-section .info-card > h3,
body.phase-b-interior .ux-context-section .info-card > h3{grid-column:2;grid-row:1;margin:.05rem 0 .25rem}
body.phase-b-interior .ux-need-section .info-card > p,
body.phase-b-interior .ux-context-section .info-card > p{grid-column:2;margin:.1rem 0 0;color:var(--brand-ink);line-height:1.55}

/* Scope = primary content plus a restrained context rail, not two competing cards. */
body.phase-b-interior .ux-scope-section .split{grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:3.5rem;align-items:start}
body.phase-b-interior .ux-scope-section .context-panel{
  padding:.2rem 0 .2rem 1.45rem;border:0;border-left:3px solid var(--brand-line);
  border-radius:0;background:transparent;box-shadow:none
}
body.phase-b-interior .ux-scope-section .context-panel h2{font-size:1.22rem;line-height:1.28}
body.phase-b-interior .ux-scope-section .check-list{margin-top:1.25rem;gap:0}
body.phase-b-interior .ux-scope-section .check-list li{padding-top:.65rem;padding-bottom:.65rem;border-bottom:1px solid var(--brand-line)}
body.phase-b-interior .ux-scope-section .check-list li:first-child{border-top:1px solid var(--brand-line)}

/* Context/process sections are spacious and can alternate without becoming card walls. */
body.phase-b-interior .ux-context-section{border-top:1px solid var(--brand-line)}
body.phase-b-interior .ux-context-section.section-muted{background:#f7f9fd}
body.phase-b-interior .ux-context-section + .ux-context-section.section-muted{background:#fff}
body.phase-b-interior .ux-fit-section{border-top:1px solid var(--brand-line);background:#fff}

/* Related links become a compact decision list. */
body.phase-b-interior .ux-related-section{border-top:1px solid var(--brand-line);background:#fff}
body.phase-b-interior .ux-related-section .related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2rem;border-top:1px solid var(--brand-line)}
body.phase-b-interior .ux-related-section .related-card{
  min-height:0;padding:1rem 0;border:0;border-bottom:1px solid var(--brand-line);border-radius:0;
  background:transparent;box-shadow:none;transform:none!important;font-weight:800
}
body.phase-b-interior .ux-related-section .related-card:hover,
body.phase-b-interior .ux-related-section .related-card:focus-visible{box-shadow:none;border-color:var(--brand-line);color:var(--brand-primary-light);text-decoration:none}

/* FAQs read like buyer guidance rather than a stack of boxes. */
body.phase-b-interior .ux-faq-section{background:#f7f9fd}
body.phase-b-interior .ux-faq-section .faq-list{gap:0;border-top:1px solid var(--brand-line)}
body.phase-b-interior .ux-faq-section .faq-item{
  padding:1.3rem 0;border:0;border-bottom:1px solid var(--brand-line);border-radius:0;background:transparent;box-shadow:none
}
body.phase-b-interior .ux-faq-section .faq-item h3{margin:0 0 .45rem;font-size:1.05rem}
body.phase-b-interior .ux-faq-section .faq-item p{margin:0}

/* Review/form page: keep the protected form intact, calm its surrounding presentation. */
body.phase-b-interior .ux-form-section .contact-grid{gap:3rem;align-items:start}
body.phase-b-interior .ux-form-section .form-card{box-shadow:none;border-radius:18px}

/* Final CTA remains singular and visually decisive. */
body.phase-b-interior .ux-final-cta{margin-top:0}
body.phase-b-interior .ux-final-cta .cta-content{max-width:820px}

@media(max-width:900px){
  body.phase-b-interior .ux-need-section .cards-grid,
  body.phase-b-interior .ux-context-section .cards-grid,
  body.phase-b-interior .ux-related-section .related-grid{grid-template-columns:1fr}
  body.phase-b-interior .ux-scope-section .split{grid-template-columns:1fr;gap:2rem}
  body.phase-b-interior .ux-scope-section .context-panel{padding-left:1.15rem}
  body.phase-b-interior .ux-need-section,
  body.phase-b-interior .ux-scope-section,
  body.phase-b-interior .ux-context-section,
  body.phase-b-interior .ux-fit-section,
  body.phase-b-interior .ux-form-section,
  body.phase-b-interior .ux-related-section,
  body.phase-b-interior .ux-faq-section{padding:4rem 0}
}
@media(max-width:620px){
  body.phase-b-interior .page-hero{padding-top:3.35rem;padding-bottom:3.15rem}
  body.phase-b-interior .ux-intro-section{padding:2.25rem 0 2.45rem}
  body.phase-b-interior .ux-need-section,
  body.phase-b-interior .ux-scope-section,
  body.phase-b-interior .ux-context-section,
  body.phase-b-interior .ux-fit-section,
  body.phase-b-interior .ux-form-section,
  body.phase-b-interior .ux-related-section,
  body.phase-b-interior .ux-faq-section{padding:3.35rem 0}
  body.phase-b-interior .ux-need-section .info-card,
  body.phase-b-interior .ux-context-section .info-card{grid-template-columns:40px minmax(0,1fr);gap:.8rem;padding:1.05rem 0}
  body.phase-b-interior .ux-need-section .card-number,
  body.phase-b-interior .ux-context-section .card-number{width:34px;height:34px;border-radius:10px}
}