/* The shell stays fixed; only the active section scrolls. */
.content-tabs-layout #main { overflow: hidden; }
.content-tabs {
  display: flex;
  flex: none;
  gap: 4px;
  min-height: 58px;
  padding: 8px 24px 0;
  overflow-x: auto;
  border-bottom: 1px solid var(--line);
  background: #f5f7fa;
  scrollbar-width: thin;
}
.content-tabs [role="tab"] {
  flex: none;
  min-height: 48px;
  padding: 0 18px;
  border: 0;
  border-bottom: 3px solid transparent;
  border-radius: 6px 6px 0 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}
.content-tabs [role="tab"]:hover { background: #e8edf3; color: var(--ink); }
.content-tabs [aria-selected="true"] { border-bottom-color: var(--accent); color: var(--accent); background: #fff; }
.content-tabs [role="tab"]:focus-visible { outline-offset: -4px; }
.content-tabs-layout #main > [data-screen] {
  flex: 1 1 0;
  height: auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  padding: 32px clamp(20px, 3vw, 48px);
  animation: none;
}
.content-tabs-layout #overview[data-page-kind] {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-items: start;
  align-content: start;
  justify-content: normal;
  gap: 36px;
}
.content-tabs-layout #overview .hero-copy { max-width: none; }
.content-tabs-layout #overview .stack-illustration { display: flex; width: 100%; align-self: center; }
.content-tabs-layout #overview .overview-proof { grid-column: 1 / -1; width: 100%; max-width: none; padding-top: 32px; border-top: 1px solid var(--line); }
.content-tabs-layout #overview .overview-proof-intro { max-width: 780px; margin-bottom: 24px; }
.content-tabs-layout #overview .overview-benefits { margin: 24px 0; }
.content-tabs-layout #overview .industry-strip { width: 100%; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.content-tabs-layout #overview .industry-strip strong { grid-column: 1 / -1; }
.content-tabs-layout #platform .platform-nav,
.content-tabs-layout #configure .step-nav,
.content-tabs-layout #configure .service-tabs,
.content-tabs-layout #configure .customer-tabs { display: none; }
.content-tabs-layout #configure [data-config-panel="services"] > .segmented { display: none; }
.content-tabs-layout #configure[data-page-kind] .configuration-choice { display: grid; }
.content-tabs-layout #configure[data-page-kind] .configuration-choice-copy .eyebrow,
.content-tabs-layout #configure[data-page-kind] .configuration-choice-copy > p:last-child,
.content-tabs-layout #configure[data-page-kind] .configuration-choice-control .fine-print { display: block; }
.content-tabs-layout #platform .platform-layout { display: block; flex: none; width: min(1040px, 100%); margin: 24px auto 0; }
.content-tabs-layout #platform .platform-content { width: 100%; padding: 28px; }
.content-tabs-layout #platform .platform-aside { width: min(640px, 100%); margin-inline: auto; padding: 28px; }
.content-tabs-layout #platform .platform-content article > * + * { margin-top: 18px; }
.content-tabs-layout #pricing .plans-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; gap: 32px; flex: none; margin: 28px 0 0; }
.content-tabs-layout #pricing .plan-selector,
.content-tabs-layout #pricing .plan-card { width: 100%; max-width: none; height: auto; }
.content-tabs-layout #configure .calculator-app,
.content-tabs-layout #configure .config-layout,
.content-tabs-layout #configure .config-workspace { flex: none; min-height: 0; height: auto; overflow: visible; }
.content-tabs-layout #configure .configuration-choice { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 360px); gap: 20px; padding: 20px; }
.content-tabs-layout #configure .configuration-choice-copy,
.content-tabs-layout #configure .configuration-choice-help { display: block; }
.content-tabs-layout #configure .configuration-choice-control label { position: static; width: auto; height: auto; clip: auto; margin-bottom: 6px; }
.content-tabs-layout #configure .config-layout { display: grid; grid-template-columns: minmax(0, 1fr) 260px; align-items: start; gap: 28px; }
.content-tabs-layout #configure #calculator-form,
.content-tabs-layout #configure .config-panel,
.content-tabs-layout #configure #quote-form,
.content-tabs-layout #configure #quote-fields { height: auto; overflow: visible; }
.content-tabs-layout #configure #compute-controls { display: block; }
.content-tabs-layout #configure .compute-group-heading { display: block; margin: 24px 0 12px; }
.content-tabs-layout #configure .service-panel { padding: 20px 0; border-bottom: 1px solid var(--line); }
.content-tabs-layout #configure [data-customer-panel] { margin-bottom: 24px; }
.content-tabs-layout #configure .estimate-table { width: 100%; }
.content-tabs-layout #configure[data-page-kind] .live-estimate { display: block; position: sticky; top: 0; align-self: start; width: 100%; margin: 0; }
.content-tabs-layout #configure .content-group-heading { margin: 0 0 14px; font-size: 17px; }
.content-tabs-layout #configure [data-customer-panel] .content-group-heading { grid-column: 1 / -1; }
.content-tabs-layout #pricing .plan-selector > p,
.content-tabs-layout #pricing .plan-card > .fine-print,
.content-tabs-layout #platform .platform-content .fine-print,
.content-tabs-layout #configure .fine-print { display: block; }
.content-tabs-layout #platform .platform-content .text-button { display: inline-flex; }
@media (max-width: 1000px) {
  .content-tabs-layout #configure .config-layout { grid-template-columns: minmax(0, 1fr); }
  .content-tabs-layout #configure[data-page-kind] .live-estimate { position: static; }
}
@media (max-width: 760px) {
  .content-tabs { padding-inline: 12px; min-height: 54px; }
  .content-tabs [role="tab"] { padding-inline: 14px; min-height: 44px; font-size: 12px; }
  .content-tabs-layout #main > [data-screen] { padding: 24px 18px; }
  .content-tabs-layout #overview[data-page-kind] { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .content-tabs-layout #overview .overview-benefits { grid-template-columns: minmax(0, 1fr); }
  .content-tabs-layout #overview .overview-benefits article { min-height: 0; display: block; }
  .content-tabs-layout #overview .industry-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .content-tabs-layout #pricing .plans-layout { grid-template-columns: minmax(0, 1fr); }
  .content-tabs-layout #configure .configuration-choice { grid-template-columns: minmax(0, 1fr); }
  .content-tabs-layout #platform .platform-content { padding: 20px; }
}
@media print {
  body.content-tabs-layout > .masthead,
  .content-tabs-layout #console-view { display: none !important; }
}