@media (min-width: 1200px) {
  .pricing-spine-concept,
  .pricing-spine-concept body {
    background: #e7e3dc;
  }

  .pricing-spine-concept .pricing-calm {
    overflow: visible;
    padding-bottom: 0;
    background: #e7e3dc;
  }

  .pricing-spine-concept .pricing-opening {
    overflow: visible;
    background: #e7e3dc;
  }

  .pricing-spine-concept .calm-hero {
    min-height: calc(100vh - 88px);
    padding: clamp(6rem, 11vh, 8rem) 6rem 11rem;
    overflow: hidden;
    background: var(--calm-navy);
  }

  .pricing-spine-concept .calm-hero__copy {
    z-index: 5;
  }

  .pricing-spine-concept .calm-hero__image {
    z-index: 0;
    inset: 0;
    width: 100%;
    height: 100%;
    transform: none;
    border-radius: 0;
    background: var(--calm-navy);
  }

  .pricing-spine-concept .calm-hero__image::after {
    z-index: 1;
    background: linear-gradient(
      180deg,
      rgba(8, 19, 33, 0.58) 0%,
      rgba(8, 19, 33, 0.58) 66%,
      rgba(4, 18, 36, 0.82) 86%,
      #021225 100%
    );
  }

  .pricing-spine-concept .calm-hero__image img {
    opacity: 0.58;
    object-position: center 54%;
    filter: saturate(0.68) contrast(0.96);
  }

  .pricing-spine-concept .calm-scroll-cue {
    display: none;
  }

  .pricing-spine-concept .calm-hero__actions {
    position: relative;
    z-index: 6;
    margin-top: 5.75rem;
  }

  .pricing-spine-concept .calm-hero__actions .calm-text-action {
    color: var(--calm-ink);
    border-bottom-color: var(--calm-gold-dark);
  }

  .pricing-spine-concept .calm-hero__actions .calm-quiet-action {
    color: rgba(23, 32, 42, 0.58);
  }

  .pricing-spine-concept .pricing-intro {
    z-index: 4;
    width: min(1180px, 82vw);
    min-height: 790px;
    margin: -16.25rem auto 0;
    padding: 11.5rem max(5vw, 4rem) 8rem;
    border-radius: 50% 50% 0 0 / 9rem 9rem 0 0;
    background: var(--calm-ivory);
  }

  .pricing-spine-concept .pricing-intro__hero h2 {
    color: var(--calm-ink);
  }

  .pricing-spine-concept .pricing-intro__hero > p:not(.calm-eyebrow) {
    color: rgba(23, 32, 42, 0.68);
  }

  .pricing-spine-concept .factor-map {
    margin-top: 6.5rem;
  }

  .pricing-spine-concept .learning-chapters,
  .pricing-spine-concept .planning-result,
  .pricing-spine-concept .quote-handoff {
    width: min(1180px, 82vw);
    margin-right: auto;
    margin-left: auto;
  }

  .pricing-spine-concept .learning-chapter {
    min-height: 820px;
    padding: 9rem max(5vw, 4rem);
  }

  .pricing-spine-concept .planning-result,
  .pricing-spine-concept .quote-handoff {
    padding-right: max(5vw, 4rem);
    padding-left: max(5vw, 4rem);
  }

  .pricing-spine-concept .planning-result {
    min-height: 0;
    padding: 0;
  }

  .pricing-spine-workbench .pricing-intro {
    min-height: 0;
    padding-top: 8.25rem;
    padding-bottom: 3.5rem;
  }

  .pricing-spine-workbench .pricing-intro__hero > p:not(.calm-eyebrow) {
    max-width: 920px;
    margin-top: 1.65rem;
    font-size: 0.84rem;
    line-height: 1.65;
  }

  .pricing-spine-workbench .factor-map {
    margin-top: 3.25rem;
  }

  .pricing-spine-workbench .learning-chapter {
    scroll-margin-top: 5.5rem;
  }

  .pricing-spine-workbench .pricing-intro,
  .pricing-spine-workbench .planning-result,
  .pricing-spine-workbench .quote-handoff {
    scroll-margin-top: 5.5rem;
  }

  .pricing-spine-workbench #factor-program,
  .pricing-spine-workbench #factor-volume {
    min-height: 0;
    padding-top: 5rem;
    padding-bottom: 5rem;
    align-items: start;
  }

  .pricing-spine-workbench #factor-program .learning-chapter__answer,
  .pricing-spine-workbench #factor-volume .learning-chapter__answer {
    align-self: start;
  }

  .pricing-spine-workbench #factor-program {
    grid-template-columns: minmax(0, 0.88fr) minmax(440px, 1.12fr);
    gap: clamp(4rem, 6vw, 5.5rem);
    align-items: stretch;
  }

  .pricing-spine-workbench #factor-program .learning-chapter__lesson {
    display: flex;
    align-self: stretch;
    flex-direction: column;
  }

  .pricing-spine-workbench #factor-program .learning-chapter__answer {
    align-self: stretch;
    padding: 2.5rem 2.6rem;
  }

  .pricing-spine-workbench #factor-program .program-editorial {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 2.5rem;
  }

  .pricing-spine-workbench #factor-volume .learning-chapter__answer {
    padding: 2.35rem 2.45rem;
  }

  .pricing-spine-workbench #factor-volume .answer-heading {
    margin-bottom: 1.65rem;
  }

  .pricing-spine-workbench #factor-volume .segmented-choice label span {
    min-height: 52px;
    padding: 0.7rem;
  }

  .pricing-spine-workbench #factor-volume .volume-billing-note {
    margin-top: 1rem;
  }

  .pricing-spine-workbench #factor-volume .calm-field {
    margin-top: 1.35rem;
  }

  .pricing-spine-workbench #factor-volume .calm-field--large input {
    font-size: clamp(1.75rem, 2.3vw, 2.15rem);
  }

  .pricing-spine-workbench #factor-volume .calm-field small {
    max-width: 46ch;
    margin-top: 0.6rem;
    font-size: 0.65rem;
    letter-spacing: 0;
    line-height: 1.45;
    text-transform: none;
  }

  .pricing-spine-workbench #factor-volume .volume-balance-note {
    margin-top: 3.4rem;
  }

  .pricing-spine-workbench #factor-volume .volume-estimator {
    margin-top: 0;
  }

  .pricing-spine-workbench #factor-volume .volume-question,
  .pricing-spine-workbench #factor-volume .volume-estimator__fields {
    min-height: 290px;
  }

  .pricing-spine-workbench #factor-program .lesson-note {
    display: none;
  }

  .pricing-spine-workbench .operation-picker__panel {
    position: fixed;
    top: calc(50% + 2.75rem);
    right: auto;
    bottom: auto;
    left: 50%;
    z-index: 1000;
    width: min(760px, calc(100vw - 6rem));
    margin: 0;
    max-height: min(560px, calc(100vh - 9rem));
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    transform: translate(-50%, -50%);
    box-shadow: 0 28px 72px rgba(8, 19, 33, 0.32);
  }

  .pricing-spine-workbench .operation-picker__panel-head {
    position: sticky;
    top: -1rem;
    z-index: 3;
    margin: -1rem -1rem 0;
    padding: 1rem 1rem 0.75rem;
    background: var(--calm-ivory);
  }

  .pricing-spine-workbench .quote-handoff {
    min-height: 720px;
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .pricing-spine-workbench body.operation-picker-open {
    overflow: hidden;
  }


  .pricing-spine-workbench #factor-ownership {
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(3rem, 5vw, 4.5rem);
    min-height: 0;
    padding-top: 7rem;
    padding-bottom: 7rem;
    align-items: start;
  }

  .pricing-spine-workbench #factor-ownership .learning-chapter__lesson {
    width: 100%;
    max-width: none;
    text-align: center;
  }

  .pricing-spine-workbench #factor-ownership .learning-chapter__lesson h2 {
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
  }

  .pricing-spine-workbench #factor-ownership .learning-chapter__lesson > p:not(.chapter-index) {
    max-width: 820px;
    margin-right: auto;
    margin-left: auto;
  }

  .pricing-spine-workbench #factor-ownership .learning-chapter__answer {
    align-self: start;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .pricing-spine-workbench #factor-ownership .answer-heading {
    width: 100%;
    max-width: none;
    margin: 0 0 2rem;
    text-align: center;
  }

  .pricing-spine-workbench #factor-ownership .ownership-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid var(--calm-ink-line);
  }

  .pricing-spine-workbench #factor-ownership .ownership-list label {
    height: 100%;
  }

  .pricing-spine-workbench #factor-ownership .ownership-list label span {
    height: 100%;
    min-height: 150px;
    padding: 1.35rem;
    border-right: 1px solid var(--calm-ink-line);
    border-bottom: 0;
  }

  .pricing-spine-workbench #factor-ownership .ownership-list label:last-child span {
    border-right: 0;
  }

  .pricing-spine-workbench #factor-ownership .ownership-list input:checked + span {
    padding: 1.35rem;
  }

  .pricing-spine-workbench #factor-ownership .ownership-note {
    display: flex;
    width: 100%;
    max-width: none;
    min-height: 200px;
    margin: 4.5rem 0 0;
    padding: 2.75rem 0 3rem;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }

  .pricing-spine-workbench #factor-ownership .ownership-note p {
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
    font-size: clamp(1.48rem, 2.1vw, 2rem);
    line-height: 1.28;
  }

  .pricing-spine-workbench #factor-route {
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(4rem, 6vw, 5.5rem);
    min-height: 0;
    padding-top: 7rem;
    padding-bottom: 4.5rem;
    align-items: start;
  }

  .pricing-spine-workbench #factor-route .learning-chapter__lesson {
    width: 100%;
    max-width: none;
    text-align: center;
  }

  .pricing-spine-workbench #factor-route .learning-chapter__lesson h2 {
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
  }

  .pricing-spine-workbench #factor-route .learning-chapter__answer {
    align-self: start;
    width: 100%;
    padding: 3.25rem;
  }

  .pricing-spine-workbench #factor-route .route-entry-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem;
    align-items: start;
  }

  .pricing-spine-workbench #factor-route .answer-heading {
    grid-column: 1 / -1;
    width: 100%;
    max-width: none;
    margin: 0;
    text-align: center;
  }

  .pricing-spine-workbench #factor-route .calm-field {
    margin: 0;
  }

  .pricing-spine-workbench #factor-route .calm-field--large input {
    font-size: clamp(1.6rem, 2vw, 1.9rem);
  }

  .pricing-spine-workbench #factor-route .route-entry-explainer {
    max-width: 860px;
    margin: 2.75rem auto 0;
    padding-top: 2rem;
    border-top: 1px solid var(--calm-ink-line);
    text-align: center;
  }

  .pricing-spine-workbench #factor-route .route-support {
    display: block;
  }

  .pricing-spine-workbench #factor-route .route-support .lesson-note {
    width: 100%;
    max-width: none;
    margin: 0;
  }

  .pricing-spine-workbench .calm-hero__actions {
    transform: translateY(1rem);
  }

  .pricing-spine-workbench .pricing-intro__hero .calm-eyebrow {
    display: none;
  }

  .pricing-spine-workbench,
  .pricing-spine-workbench body {
    background: var(--calm-ivory);
  }

  .pricing-spine-workbench .pricing-calm {
    position: relative;
    isolation: isolate;
    background-color: var(--calm-ivory);
    /* Continue the transition's y=3771 sparse row at its native desktop scale. */
    background-image: url("../images/generated/pricing-sparse-bridge-v1.png");
    background-position: center top;
    background-repeat: repeat;
    background-size: 744px 18.890625px;
  }

  .pricing-spine-workbench .pricing-calm > * {
    position: relative;
    z-index: 1;
  }

  .pricing-spine-workbench .pricing-opening {
    background: transparent;
  }

  .pricing-spine-workbench .calm-hero {
    z-index: auto;
    overflow: visible;
  }

  .pricing-spine-workbench .calm-hero::after {
    content: "";
    position: absolute;
    top: calc(100% - 1px);
    right: 0;
    left: 0;
    z-index: 1;
    height: 2740px;
    background-color: var(--calm-ivory);
    background-image: url("../images/generated/pricing-halftone-transition-tall-v5.webp");
    background-position: center top;
    background-repeat: repeat-x;
    background-size: 744px auto;
    pointer-events: none;
  }

  .pricing-spine-workbench .pricing-calm::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    height: 2740px;
    background-color: var(--calm-navy);
    background-image: url("../images/generated/pricing-halftone-transition-tall-v5.webp");
    background-position: center top;
    background-repeat: repeat-x;
    background-size: 744px auto;
    transform: scaleY(-1);
    transform-origin: center;
    pointer-events: none;
  }

  .pricing-spine-workbench .site-footer {
    border-top-color: transparent;
    background: var(--calm-navy);
  }

  .pricing-spine-workbench .site-footer::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    background-color: var(--calm-navy);
    background-image: url("../images/generated/pricing-halftone-transition-tall-v5.webp");
    background-position: center top;
    background-repeat: repeat-x;
    background-size: 744px auto;
    pointer-events: none;
  }

  .pricing-spine-workbench .learning-chapter {
    position: relative;
    overflow: visible;
    isolation: isolate;
  }

  .pricing-spine-workbench .learning-chapter > * {
    position: relative;
    z-index: 1;
  }

}

/* Estimator reconciliation: the basic journey is four decisions. Ownership
   stays compact, while derived rhythm, finish, and return details live with
   the planning range instead of looking like another required question. */
@media (min-width: 761px) {
  .pricing-spine-workbench .factor-map {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .pricing-spine-workbench .factor-map li:nth-child(3),
  .pricing-spine-workbench .factor-map li:nth-child(4) {
    border-bottom: 0;
  }
}

.pricing-spine-workbench #factor-ownership .ownership-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 1px solid var(--calm-ink-line);
}

.pricing-spine-workbench #factor-ownership .ownership-list label span,
.pricing-spine-workbench #factor-ownership .ownership-list input:checked + span {
  display: flex;
  min-height: 78px;
  height: 100%;
  padding: 1rem;
  align-items: center;
  justify-content: center;
  border-right: 1px solid var(--calm-ink-line);
  border-bottom: 0;
  text-align: center;
}

.pricing-spine-workbench #factor-ownership .ownership-list label:last-child span {
  border-right: 0;
}

.pricing-spine-workbench #factor-ownership .ownership-list strong {
  font-size: clamp(0.68rem, 0.9vw, 0.82rem);
  letter-spacing: 0.09em;
  line-height: 1.35;
}

.pricing-spine-workbench .ownership-explainer {
  margin-top: 1rem;
  border-top: 1px solid var(--calm-ink-line);
  border-bottom: 1px solid var(--calm-ink-line);
}

.pricing-spine-workbench .ownership-explainer summary {
  min-height: 44px;
  padding: 0.9rem 2rem 0.9rem 0;
  color: var(--calm-gold-dark);
  font-family: var(--calm-sans);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.13em;
  line-height: 1.4;
  text-transform: uppercase;
  cursor: pointer;
}

.pricing-spine-workbench .ownership-explainer summary:focus-visible {
  outline: 2px solid var(--calm-gold-dark);
  outline-offset: 3px;
}

.pricing-spine-workbench .ownership-explainer__body {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  padding: 0 0 1rem;
  background: var(--calm-ink-line);
}

.pricing-spine-workbench .ownership-explainer__body section {
  padding: 1rem;
  background: var(--calm-ivory);
}

.pricing-spine-workbench .ownership-explainer__body h4 {
  margin: 0;
  color: var(--calm-navy);
  font-family: var(--calm-serif);
  font-size: 1.15rem;
  font-weight: 500;
  line-height: 1.1;
}

.pricing-spine-workbench .ownership-explainer__body p {
  margin: 0.55rem 0 0;
  color: rgba(8, 19, 33, 0.62);
  font-size: 0.68rem;
  line-height: 1.5;
}

.pricing-spine-workbench .range-program-overview {
  margin-top: 2.5rem;
  padding-top: 2.25rem;
  border-top: 1px solid var(--calm-ink-line);
}

.pricing-spine-workbench .range-program-overview__heading > span,
.pricing-spine-workbench .range-program-overview__card > span {
  color: var(--calm-gold-dark);
  font-family: var(--calm-sans);
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  line-height: 1.4;
  text-transform: uppercase;
}

.pricing-spine-workbench .range-program-overview__heading h3 {
  margin: 0.55rem 0 0;
  color: var(--calm-navy);
  font-family: var(--calm-serif);
  font-size: clamp(1.9rem, 3.1vw, 2.8rem);
  font-weight: 400;
  line-height: 1;
}

.pricing-spine-workbench .range-program-overview__heading p {
  max-width: 62ch;
  margin: 0.75rem 0 0;
  color: rgba(8, 19, 33, 0.62);
  font-size: 0.72rem;
  line-height: 1.55;
}

.pricing-spine-workbench .range-program-overview__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
  margin-top: 1.5rem;
}

.pricing-spine-workbench .range-program-overview__card {
  min-width: 0;
  padding: 1.25rem;
  border: 1px solid var(--calm-ink-line);
  background: rgba(255, 253, 248, 0.42);
}

.pricing-spine-workbench .range-program-overview__card--finish > h4 {
  margin: 0.6rem 0 1.1rem;
  color: var(--calm-navy);
  font-family: var(--calm-serif);
  font-size: clamp(1.25rem, 1.8vw, 1.55rem);
  font-weight: 400;
  line-height: 1.08;
}

.pricing-spine-workbench .range-program-overview .rhythm-recommendation {
  grid-template-columns: minmax(0, 1fr);
  gap: 1.15rem;
  margin-top: 0.6rem;
  padding: 0;
  border: 0;
  background: transparent;
}

.pricing-spine-workbench .range-program-overview .rhythm-cadence {
  padding: 1rem 0 0;
  border-top: 1px solid var(--calm-ink-line);
  border-left: 0;
}

.pricing-spine-workbench .range-program-overview .rhythm-cadence li {
  min-height: 36px;
}

.pricing-spine-workbench .range-program-overview .rhythm-recommendation__actions {
  grid-column: 1;
}

.pricing-spine-workbench .range-program-overview .finish-recommendation {
  gap: 1rem;
}

.pricing-spine-workbench .range-program-overview .finish-goods-list li {
  padding: 0.75rem 0;
}

.pricing-spine-workbench .range-program-overview .finish-goods-list strong {
  font-size: 1.08rem;
}

.pricing-spine-workbench .range-program-overview .return-format__summary {
  padding-bottom: 0;
  border-bottom: 0;
}

@media (max-width: 900px) {
  .pricing-spine-workbench .range-program-overview__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 620px) {
  .pricing-spine-workbench #factor-ownership .ownership-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .pricing-spine-workbench #factor-ownership .ownership-list label span,
  .pricing-spine-workbench #factor-ownership .ownership-list input:checked + span {
    min-height: 62px;
    border-right: 0;
    border-bottom: 1px solid var(--calm-ink-line);
  }

  .pricing-spine-workbench #factor-ownership .ownership-list label:last-child span {
    border-bottom: 0;
  }

  .pricing-spine-workbench .ownership-explainer__body {
    grid-template-columns: minmax(0, 1fr);
  }

  .pricing-spine-workbench .range-program-overview {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
  }

  .pricing-spine-workbench .range-program-overview__card {
    padding: 1rem;
  }

  .pricing-spine-workbench .range-program-overview .rhythm-recommendation__actions {
    flex-direction: column;
  }
}

@media (min-width: 1051px) and (max-width: 1199px) {
  .pricing-spine-workbench #factor-ownership .ownership-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pricing-spine-workbench #factor-ownership .ownership-list label:nth-child(2n) span {
    border-right: 0;
  }

  .pricing-spine-workbench #factor-ownership .ownership-list label:nth-child(n + 3) span {
    border-top: 1px solid var(--calm-ink-line);
  }

  .pricing-spine-workbench #factor-route .route-entry-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pricing-spine-workbench #factor-route .answer-heading {
    grid-column: 1 / -1;
  }

  .pricing-spine-workbench #factor-route .route-support {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (min-width: 761px) and (max-width: 980px) {
  .pricing-spine-workbench #factor-program {
    grid-template-columns: minmax(0, 1fr);
    gap: 3.25rem;
    min-height: 0;
    padding: 5.5rem 3.5rem;
    align-items: start;
  }

  .pricing-spine-workbench #factor-program .learning-chapter__lesson,
  .pricing-spine-workbench #factor-program .learning-chapter__answer {
    width: 100%;
    max-width: none;
  }

  .pricing-spine-workbench #factor-program .learning-chapter__answer {
    align-self: start;
  }
}

@media (max-width: 1199px) {
  .pricing-spine-workbench,
  .pricing-spine-workbench body {
    min-width: 0;
    background-color: var(--calm-navy);
  }

  .pricing-spine-workbench body.pricing-calm-page {
    background-color: var(--calm-navy);
    background-image: url("../images/generated/pricing-halftone-transition-tall-v5.webp");
    background-position: center 5.5rem;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 640px auto;
  }

  .pricing-spine-workbench .pricing-calm {
    width: 100%;
    overflow: visible;
    background: transparent;
  }

  .pricing-spine-workbench .pricing-opening,
  .pricing-spine-workbench .learning-chapters,
  .pricing-spine-workbench .planning-result,
  .pricing-spine-workbench .quote-handoff {
    width: calc(100% - 28px);
    margin-right: auto;
    margin-left: auto;
  }

  .pricing-spine-workbench .pricing-opening {
    overflow: hidden;
    background: var(--calm-ivory);
  }

  .pricing-spine-workbench .calm-hero {
    min-height: 690px;
    padding: 8.4rem 1.25rem 6.25rem;
    overflow: hidden;
    border-radius: 0 0 50% 50% / 0 0 4.25rem 4.25rem;
    place-items: start center;
    background: var(--calm-navy);
  }

  .pricing-spine-workbench .calm-hero__copy {
    z-index: 3;
    width: 100%;
  }

  .pricing-spine-workbench .calm-hero h1 {
    max-width: 8.2em;
    font-size: clamp(3.25rem, 14.25vw, 4.05rem);
    line-height: 0.91;
    text-wrap: balance;
  }

  .pricing-spine-workbench .calm-hero__support {
    max-width: 29rem;
    margin-top: 1.65rem;
    font-size: 0.86rem;
    line-height: 1.7;
  }

  .pricing-spine-workbench .calm-hero__actions {
    gap: 1rem 1.3rem;
    margin-top: 2rem;
    flex-wrap: wrap;
  }

  .pricing-spine-workbench .calm-text-action,
  .pricing-spine-workbench .calm-quiet-action {
    min-height: 42px;
    font-size: 0.61rem;
    letter-spacing: 0.13em;
  }

  .pricing-spine-workbench .calm-hero__image {
    z-index: 1;
    inset: 0;
    width: 100%;
    height: 100%;
    transform: none;
    border-radius: 0 0 50% 50% / 0 0 4.25rem 4.25rem;
  }

  .pricing-spine-workbench .calm-hero__image::after {
    background: rgba(8, 19, 33, 0.56);
  }

  .pricing-spine-workbench .calm-hero__image img {
    opacity: 0.62;
    object-position: 62% center;
    filter: saturate(0.66) contrast(0.98);
  }

  .pricing-spine-workbench .calm-scroll-cue {
    display: none;
  }

  .pricing-spine-workbench .pricing-intro,
  .pricing-spine-workbench .learning-chapter,
  .pricing-spine-workbench .planning-result,
  .pricing-spine-workbench .quote-handoff {
    scroll-margin-top: 5.5rem;
  }

  .pricing-spine-workbench .pricing-intro {
    min-height: 0;
    padding: 4.25rem 1.25rem 2rem;
    color: var(--calm-ink);
    background: var(--calm-ivory);
  }

  .pricing-spine-workbench .pricing-intro__hero .calm-eyebrow {
    display: none;
  }

  .pricing-spine-workbench .pricing-intro__hero h2 {
    max-width: 8.2em;
    color: var(--calm-ink);
    font-size: clamp(2.8rem, 12.5vw, 3.55rem);
    line-height: 0.94;
    text-wrap: balance;
  }

  .pricing-spine-workbench .pricing-intro__hero > p:not(.calm-eyebrow) {
    max-width: 32rem;
    margin-top: 1.45rem;
    color: rgba(23, 32, 42, 0.68);
    font-size: 0.8rem;
    line-height: 1.68;
  }

  .pricing-spine-workbench .factor-map {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: none;
    margin-top: 2.75rem;
    border: 1px solid var(--calm-ink-line);
  }

  .pricing-spine-workbench .factor-map li,
  .pricing-spine-workbench .factor-map li:first-child {
    border: 0;
    border-right: 1px solid var(--calm-ink-line);
    border-bottom: 1px solid var(--calm-ink-line);
  }

  .pricing-spine-workbench .factor-map li:nth-child(2n) {
    border-right: 0;
  }

  .pricing-spine-workbench .factor-map li:nth-child(5) { grid-column: auto; }
  .pricing-spine-workbench .factor-map li:nth-child(5),
  .pricing-spine-workbench .factor-map li:nth-child(6) { border-bottom: 0; }

  .pricing-spine-workbench .factor-map a {
    min-height: 96px;
    padding: 1rem;
    font-size: 1.05rem;
  }

  .pricing-spine-workbench .learning-chapters {
    background: var(--calm-paper);
  }

  .pricing-spine-workbench .learning-chapter {
    grid-template-columns: minmax(0, 1fr);
    gap: 2.6rem;
    min-height: 0;
    padding: 4.5rem 1.25rem;
    overflow: visible;
    align-items: start;
  }

  .pricing-spine-workbench .learning-chapter__lesson,
  .pricing-spine-workbench .learning-chapter__answer {
    width: 100%;
    max-width: none;
    min-width: 0;
  }

  .pricing-spine-workbench .learning-chapter h2 {
    max-width: 8.8em;
    font-size: clamp(2.85rem, 12.6vw, 3.65rem);
    line-height: 0.94;
    text-wrap: balance;
  }

  .pricing-spine-workbench .learning-chapter__lesson > p:not(.chapter-index),
  .pricing-spine-workbench .route-entry-explainer {
    max-width: none;
    margin-top: 1.6rem;
    font-size: 0.85rem;
    line-height: 1.72;
  }

  .pricing-spine-workbench .learning-chapter__answer {
    align-self: start;
    padding: 1.65rem 1.1rem;
    background: rgba(255, 253, 248, 0.74);
    box-shadow: 0 16px 42px rgba(23, 32, 42, 0.07);
  }

  .pricing-spine-workbench .learning-chapter__answer--recommendation {
    min-height: 0;
  }

  .pricing-spine-workbench .answer-heading {
    margin-bottom: 1.8rem;
  }

  .pricing-spine-workbench .answer-heading h3 {
    font-size: 1.8rem;
  }

  .pricing-spine-workbench #factor-program .lesson-note {
    display: none;
  }

  .pricing-spine-workbench #factor-program .choice-cloud {
    grid-template-columns: minmax(0, 1fr);
  }

  .pricing-spine-workbench .operation-picker__trigger {
    min-height: 60px;
  }

  .pricing-spine-workbench .operation-picker__trigger strong {
    font-size: 1.25rem;
  }

  .pricing-spine-workbench .choice-cloud {
    gap: 0.45rem;
  }

  .pricing-spine-workbench .choice-cloud label span {
    min-height: 42px;
    padding: 0.7rem 0.75rem;
  }

  .pricing-spine-workbench .segmented-choice--volume {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pricing-spine-workbench .known-volume-grid {
    gap: 0.4rem;
  }

  .pricing-spine-workbench .calm-field--large input {
    font-size: 1.95rem;
  }

  .pricing-spine-workbench .number-field em {
    padding-bottom: 0.72rem;
    font-size: 0.52rem;
  }

  .pricing-spine-workbench .finish-recommendation__basis > div {
    grid-template-columns: 1fr;
    gap: 0.35rem;
  }

  .pricing-spine-workbench #factor-ownership,
  .pricing-spine-workbench #factor-route {
    gap: 2.6rem;
  }

  .pricing-spine-workbench #factor-ownership .learning-chapter__lesson,
  .pricing-spine-workbench #factor-ownership .answer-heading,
  .pricing-spine-workbench #factor-route .learning-chapter__lesson,
  .pricing-spine-workbench #factor-route .answer-heading {
    text-align: center;
  }

  .pricing-spine-workbench #factor-ownership .learning-chapter__lesson h2,
  .pricing-spine-workbench #factor-route .learning-chapter__lesson h2 {
    margin-right: auto;
    margin-left: auto;
  }

  .pricing-spine-workbench #factor-ownership .learning-chapter__lesson > p:not(.chapter-index) {
    margin-right: auto;
    margin-left: auto;
  }

  .pricing-spine-workbench #factor-ownership .learning-chapter__answer,
  .pricing-spine-workbench #factor-route .learning-chapter__answer {
    padding: 1.65rem 1.1rem;
  }

  .pricing-spine-workbench #factor-ownership .ownership-note {
    max-width: none;
    min-height: 0;
    margin-top: 2.6rem;
    padding: 2rem 0 0;
    text-align: center;
  }

  .pricing-spine-workbench #factor-ownership .ownership-note p {
    font-size: 1.3rem;
  }

  .pricing-spine-workbench #factor-route .route-entry-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 2rem;
  }

  .pricing-spine-workbench #factor-route .answer-heading,
  .pricing-spine-workbench #factor-route .rhythm-control,
  .pricing-spine-workbench #factor-route .route-choice-group {
    grid-column: 1;
  }

  .pricing-spine-workbench #factor-route .calm-field {
    margin-top: 0;
  }

  .pricing-spine-workbench #factor-route .route-entry-explainer {
    margin: 2rem auto 0;
    padding-top: 1.5rem;
    border-top: 1px solid var(--calm-ink-line);
    text-align: center;
  }

  .pricing-spine-workbench .rhythm-recommendation,
  .pricing-spine-workbench .conditional-panel {
    padding: 1.15rem;
  }

  .pricing-spine-workbench .rhythm-cadence li {
    min-height: 38px;
  }

  .pricing-spine-workbench .editorial-choice-list label > span {
    min-height: 76px;
    padding: 0.85rem;
  }

  .pricing-spine-workbench .planning-result {
    min-height: 0;
    padding: 3.4rem 1rem;
    background: var(--calm-navy);
  }

  .pricing-spine-workbench .range-shell {
    padding: 1.25rem 1rem;
    box-shadow: none;
  }

  .pricing-spine-workbench .range-progress {
    gap: 0.9rem;
    padding-bottom: 1.25rem;
  }

  .pricing-spine-workbench .range-locked {
    min-height: 0;
    padding: 3.25rem 0.25rem 2.25rem;
  }

  .pricing-spine-workbench .range-locked p {
    font-size: 2.45rem;
  }

  .pricing-spine-workbench .range-number {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  }

  .pricing-spine-workbench .range-number strong {
    font-size: clamp(2.65rem, 12vw, 3.25rem);
  }

  .pricing-spine-workbench .range-number span {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: center;
    margin: 0.65rem 0 0;
  }

  .pricing-spine-workbench .range-pound {
    margin-top: 0.8rem;
    font-size: 1.08rem;
  }

  .pricing-spine-workbench .range-guidance {
    margin-top: 2.25rem;
    padding: 1.15rem 1.2rem;
  }


  .pricing-spine-workbench .quote-handoff {
    grid-template-columns: minmax(0, 1fr);
    gap: 3rem;
    min-height: 0;
    padding: 4.5rem 1.25rem;
  }

  .pricing-spine-workbench .quote-handoff__intro {
    text-align: center;
  }

  .pricing-spine-workbench .quote-handoff__intro h2 {
    max-width: 8.4em;
    margin-right: auto;
    margin-left: auto;
    font-size: clamp(2.9rem, 12.8vw, 3.65rem);
    text-wrap: balance;
  }

  .pricing-spine-workbench .quote-handoff__intro > p:not(.chapter-index) {
    margin-right: auto;
    margin-left: auto;
    font-size: 0.82rem;
  }

  .pricing-spine-workbench .quote-fields {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.6rem;
  }

  .pricing-spine-workbench .quote-contact-choice {
    grid-column: 1;
    flex-wrap: wrap;
  }

  .pricing-spine-workbench .quote-contact-choice legend {
    width: 100%;
    margin: 0 0 0.25rem;
  }

  .pricing-spine-workbench .quote-field--notes {
    grid-column: 1;
  }

  .pricing-spine-workbench .quote-handoff button {
    width: 100%;
  }

  .pricing-spine-workbench .quote-status {
    grid-column: 1;
  }

  .pricing-spine-workbench .estimate-dock {
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    width: auto;
    min-height: 70px;
    padding: 0.85rem 1rem;
  }

  .pricing-spine-workbench .estimate-dock strong {
    max-width: 15rem;
    font-size: 0.95rem;
  }

  .pricing-spine-workbench .estimate-dock a {
    flex: 0 0 auto;
    font-size: 0.54rem;
  }

  .pricing-spine-workbench .site-footer {
    padding: 4.25rem 1rem 2rem;
    border-top-color: rgba(250, 246, 238, 0.12);
    background: transparent;
  }

  .pricing-spine-workbench .site-footer::before,
  .pricing-spine-workbench .site-footer::after {
    content: none;
    display: none;
  }

  .pricing-spine-workbench .site-footer__inner {
    width: calc(100% - 28px);
  }

  .pricing-spine-workbench .footer-directory {
    grid-template-columns: minmax(0, 1fr);
    gap: 2.25rem;
  }

  .pricing-spine-workbench .footer-brand-panel {
    grid-column: auto;
  }

  .pricing-spine-workbench .footer-logo {
    align-items: flex-start;
  }

  .pricing-spine-workbench .footer-brand {
    font-size: 1.22rem;
  }

  .pricing-spine-workbench .footer-bottom {
    flex-direction: column;
  }
}

/* The planning summary uses one centered editorial axis at every viewport.
   Keep the detailed program cards below on their existing reading alignment. */
.pricing-spine-workbench .range-guidance {
  text-align: center;
}

.pricing-spine-workbench .range-guidance p {
  max-width: 68ch;
  margin-right: auto;
  margin-left: auto;
  text-wrap: balance;
}

.pricing-spine-workbench .range-program-overview__heading {
  max-width: 64rem;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.pricing-spine-workbench .range-program-overview__heading h3,
.pricing-spine-workbench .range-program-overview__heading p {
  text-wrap: balance;
}

.pricing-spine-workbench .range-program-overview__heading p {
  margin-right: auto;
  margin-left: auto;
}

.pricing-spine-workbench #factor-route .calm-field--large {
  grid-column: 1 / -1;
  width: min(100%, 960px);
  margin-right: auto;
  margin-left: auto;
  justify-self: center;
  text-align: center;
}

.pricing-spine-workbench #factor-route .calm-field--large > span,
.pricing-spine-workbench #factor-route .calm-field--large > small {
  text-align: center;
}

.pricing-spine-workbench #factor-route .calm-field--large input {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
  text-align: center;
}

.pricing-spine-workbench #factor-route .rhythm-recommendation {
  grid-template-columns: minmax(0, 1fr);
  gap: 2.35rem;
  padding: clamp(2rem, 4.5vw, 4.25rem);
  justify-items: center;
  text-align: center;
}

.pricing-spine-workbench #factor-route .rhythm-recommendation__copy {
  width: min(100%, 1000px);
}

.pricing-spine-workbench #factor-route .rhythm-recommendation__copy > strong {
  max-width: 18em;
  margin: 0.8rem auto 0;
  font-size: clamp(2rem, 3.1vw, 3.15rem);
  line-height: 1.02;
  text-wrap: balance;
}

.pricing-spine-workbench #factor-route .rhythm-recommendation__copy > p {
  max-width: 820px;
  margin: 1rem auto 0;
  font-size: clamp(0.7rem, 1vw, 0.82rem);
  line-height: 1.65;
  text-wrap: balance;
}

.pricing-spine-workbench #factor-route .rhythm-cadence {
  width: min(100%, 700px);
  padding: 2rem 0 0;
  border-top: 1px solid var(--calm-ink-line);
  border-left: 0;
}

.pricing-spine-workbench #factor-route .rhythm-cadence ol {
  width: min(100%, 620px);
  margin: 1.2rem auto 0;
}

.pricing-spine-workbench #factor-route .rhythm-cadence li {
  min-height: 54px;
}

.pricing-spine-workbench #factor-route .rhythm-cadence small {
  max-width: 520px;
  margin: 0.85rem auto 0;
}

.pricing-spine-workbench #factor-route .rhythm-recommendation__actions {
  width: 100%;
  justify-content: center;
}

@media (min-width: 761px) and (max-width: 1199px) {
  .pricing-spine-workbench body.operation-picker-open {
    overflow: hidden;
  }

  .pricing-spine-workbench body.pricing-calm-page {
    background-position: center 5.5rem;
    /* Scale the halftone to the viewport so the patterned spine remains
       visible in the rails outside the centered compact shell. */
    background-size: 100% auto;
  }

  .pricing-spine-workbench .pricing-opening,
  .pricing-spine-workbench .learning-chapters,
  .pricing-spine-workbench .planning-result,
  .pricing-spine-workbench .quote-handoff {
    width: min(calc(100% - 40px), 980px);
  }

  .pricing-spine-workbench .calm-hero {
    min-height: clamp(700px, calc(100vh - 88px), 790px);
    padding: clamp(7rem, 11vh, 8.5rem) clamp(3rem, 7vw, 5rem) 7rem;
    border-radius: 0 0 50% 50% / 0 0 6rem 6rem;
  }

  .pricing-spine-workbench .calm-hero h1 {
    max-width: 8.4em;
    font-size: clamp(4.4rem, 8.4vw, 6.1rem);
    line-height: 0.9;
  }

  .pricing-spine-workbench .calm-hero__support {
    max-width: 38rem;
    font-size: 0.94rem;
  }

  .pricing-spine-workbench .calm-hero__image {
    border-radius: 0 0 50% 50% / 0 0 6rem 6rem;
  }

  .pricing-spine-workbench .pricing-intro {
    padding: 5.75rem clamp(2.5rem, 6vw, 4.5rem) 3.5rem;
  }

  .pricing-spine-workbench .pricing-intro__hero h2 {
    max-width: 10em;
    font-size: clamp(3.8rem, 7.2vw, 5rem);
  }

  .pricing-spine-workbench .pricing-intro__hero > p:not(.calm-eyebrow) {
    max-width: 42rem;
    font-size: 0.86rem;
  }

  .pricing-spine-workbench .factor-map {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-top: 3.5rem;
  }

  .pricing-spine-workbench .factor-map li,
  .pricing-spine-workbench .factor-map li:first-child,
  .pricing-spine-workbench .factor-map li:nth-child(2n),
  .pricing-spine-workbench .factor-map li:nth-child(5) {
    grid-column: auto;
    border: 0;
    border-right: 1px solid var(--calm-ink-line);
  }

  .pricing-spine-workbench .factor-map li:last-child {
    border-right: 0;
  }

  .pricing-spine-workbench .factor-map a {
    min-height: 112px;
    padding: 1.15rem 0.8rem;
    font-size: 1.05rem;
  }

  .pricing-spine-workbench .learning-chapter {
    gap: 3.25rem;
    padding: 5rem clamp(2.5rem, 6vw, 4.5rem);
  }

  .pricing-spine-workbench .learning-chapter__lesson,
  .pricing-spine-workbench .learning-chapter__answer {
    width: min(100%, 760px);
    margin-right: auto;
    margin-left: auto;
  }

  /* Keep Section 01 on the same compact measure through the 980px boundary.
     An older narrow-tablet exception otherwise lets this one chapter widen
     immediately before the rest of the compact system settles at 760px. */
  .pricing-spine-workbench #factor-program .learning-chapter__lesson,
  .pricing-spine-workbench #factor-program .learning-chapter__answer {
    width: min(100%, 760px);
    max-width: 760px;
  }

  .pricing-spine-workbench .learning-chapter h2 {
    max-width: 10em;
    font-size: clamp(3.35rem, 6.4vw, 4.4rem);
  }

  .pricing-spine-workbench .learning-chapter__answer,
  .pricing-spine-workbench #factor-ownership .learning-chapter__answer,
  .pricing-spine-workbench #factor-route .learning-chapter__answer {
    padding: 2.35rem clamp(2rem, 5vw, 3rem);
  }

  .pricing-spine-workbench #factor-program .operation-guide-bridge,
  .pricing-spine-workbench #factor-program .program-editorial {
    width: min(100%, 520px);
    max-width: 520px;
  }

  .pricing-spine-workbench #factor-program .choice-cloud {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pricing-spine-workbench .operation-picker__panel {
    position: fixed;
    top: calc(50% + 2.75rem);
    right: auto;
    bottom: auto;
    left: 50%;
    z-index: 1000;
    width: min(720px, calc(100vw - 4rem));
    margin: 0;
    max-height: min(620px, calc(100vh - 8rem));
    overflow-y: auto;
    overscroll-behavior: contain;
    transform: translate(-50%, -50%);
    box-shadow: 0 28px 72px rgba(8, 19, 33, 0.32);
  }

  .pricing-spine-workbench .operation-picker__panel-head {
    position: sticky;
    top: -1rem;
    z-index: 3;
    margin: -1rem -1rem 0;
    padding: 1rem 1rem 0.75rem;
    background: var(--calm-ivory);
  }

  .pricing-spine-workbench .operation-picker__options {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pricing-spine-workbench .operation-picker__options button {
    min-height: 84px;
    align-items: start;
  }

  .pricing-spine-workbench .operation-picker__option-copy small {
    display: block;
  }

  .pricing-spine-workbench #factor-ownership .ownership-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: 1px solid var(--calm-ink-line);
  }

  .pricing-spine-workbench #factor-ownership .ownership-list label span {
    height: 100%;
    min-height: 118px;
    padding: 1.25rem;
    border-right: 1px solid var(--calm-ink-line);
    border-bottom: 1px solid var(--calm-ink-line);
  }

  .pricing-spine-workbench #factor-ownership .ownership-list label:nth-child(2n) span {
    border-right: 0;
  }

  .pricing-spine-workbench #factor-ownership .ownership-list label:nth-child(n + 3) span {
    border-bottom: 0;
  }

  .pricing-spine-workbench #factor-ownership .ownership-list input:checked + span {
    padding: 1.25rem;
  }

  .pricing-spine-workbench #factor-route .route-entry-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pricing-spine-workbench #factor-route .answer-heading,
  .pricing-spine-workbench #factor-route .route-entry-explainer {
    grid-column: 1 / -1;
  }

  .pricing-spine-workbench .quote-handoff {
    padding: 5.5rem clamp(2.5rem, 6vw, 4.5rem);
  }

  .pricing-spine-workbench .quote-handoff__intro,
  .pricing-spine-workbench .quote-handoff form {
    width: min(100%, 760px);
    margin-right: auto;
    margin-left: auto;
  }

  .pricing-spine-workbench .quote-handoff__intro h2 {
    font-size: clamp(3.5rem, 6.8vw, 4.65rem);
  }

  .pricing-spine-workbench .quote-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pricing-spine-workbench .quote-contact-choice,
  .pricing-spine-workbench .quote-field--notes,
  .pricing-spine-workbench .quote-status {
    grid-column: 1 / -1;
  }

  .pricing-spine-workbench .estimate-dock {
    right: 0;
    left: 0;
    width: min(calc(100% - 40px), 760px);
    margin-right: auto;
    margin-left: auto;
  }

  .pricing-spine-workbench .site-footer__inner {
    width: min(calc(100% - 40px), 980px);
  }

  .pricing-spine-workbench .footer-directory {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pricing-spine-workbench .footer-brand-panel {
    grid-column: 1 / -1;
  }
}

@media (min-width: 761px) {
  .pricing-spine-workbench .learning-chapter,
  .pricing-spine-workbench .pricing-intro,
  .pricing-spine-workbench .planning-result,
  .pricing-spine-workbench .quote-handoff {
    scroll-margin-top: 7.25rem;
  }
}

/* Once Section 01 becomes a single-column composition, center its editorial
   hierarchy while keeping the actual form controls left-aligned for scanning. */
@media (max-width: 1199px) {
  .pricing-spine-workbench #factor-program .learning-chapter__lesson,
  .pricing-spine-workbench #factor-program .answer-heading,
  .pricing-spine-workbench #factor-program .operation-guide-bridge,
  .pricing-spine-workbench #factor-program .program-editorial {
    text-align: center;
  }

  .pricing-spine-workbench #factor-program .learning-chapter__lesson h2,
  .pricing-spine-workbench #factor-program .answer-heading h3,
  .pricing-spine-workbench #factor-program .operation-guide-bridge,
  .pricing-spine-workbench #factor-program .program-editorial,
  .pricing-spine-workbench #factor-program .program-editorial__lede,
  .pricing-spine-workbench #factor-program .program-editorial__body {
    margin-right: auto;
    margin-left: auto;
  }

  .pricing-spine-workbench #factor-program .operation-guide-bridge,
  .pricing-spine-workbench #factor-program .program-editorial {
    width: min(100%, 520px);
    max-width: 520px;
  }

  .pricing-spine-workbench #factor-program .operation-guide-bridge p {
    max-width: 38rem;
    margin-right: auto;
    margin-left: auto;
  }

  .pricing-spine-workbench #factor-program .answer-heading h3 {
    max-width: 20em;
  }
}

.pricing-spine-workbench .operation-picker__backdrop {
  position: fixed;
  inset: 5.5rem 0 0;
  z-index: 999;
  display: none;
  padding: 0;
  border: 0;
  background: rgba(8, 19, 33, 0.22);
  cursor: default;
}

.pricing-spine-workbench .operation-picker-field.is-open .operation-picker__backdrop {
  display: block;
}

/* From compact desktop upward, keep estimator progress as a small utility card
   in one dependable location. It should never become a centered bottom banner. */
@media (min-width: 761px) {
  .pricing-spine-workbench .estimate-dock {
    position: fixed;
    right: clamp(1rem, 2vw, 2rem);
    bottom: clamp(1rem, 2vw, 2rem);
    left: auto;
    width: min(360px, calc(100vw - 2rem));
    min-height: 64px;
    margin: 0;
    padding: 0.75rem 0.9rem;
    gap: 0.9rem;
  }

  .pricing-spine-workbench .estimate-dock div {
    min-width: 0;
  }

  .pricing-spine-workbench .estimate-dock strong {
    display: block;
    max-width: 13.5rem;
    overflow-wrap: anywhere;
    font-size: 0.86rem;
    line-height: 1.15;
  }

  .pricing-spine-workbench .estimate-dock a {
    flex: 0 0 auto;
    display: inline-flex;
    min-height: 44px;
    padding: 0.55rem 0.35rem;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    white-space: nowrap;
  }
}

@media (max-width: 760px) {
  .pricing-spine-workbench .pricing-calm {
    padding-bottom: calc(7rem + env(safe-area-inset-bottom));
  }

  .pricing-spine-workbench .estimate-dock {
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    width: 100%;
    min-height: 72px;
    margin: 0;
    padding: 0.75rem 1rem calc(0.75rem + env(safe-area-inset-bottom));
    gap: 0.75rem;
    border-width: 1px 0 0;
    box-shadow: 0 -12px 34px rgba(8, 19, 33, 0.2);
  }

  .pricing-spine-workbench .estimate-dock[hidden],
  .pricing-spine-workbench .estimate-dock.is-suppressed {
    display: none;
  }

  .pricing-spine-workbench .estimate-dock div {
    min-width: 0;
  }

  .pricing-spine-workbench .estimate-dock strong {
    display: -webkit-box;
    max-width: none;
    overflow: hidden;
    font-size: 0.82rem;
    line-height: 1.15;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .pricing-spine-workbench .estimate-dock a {
    flex: 0 0 auto;
    display: inline-flex;
    min-height: 44px;
    padding: 0.6rem 0.75rem;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    font-size: 0.62rem;
    white-space: nowrap;
  }
}

/* Keep explanatory and inactive-state copy readable on the ivory estimator
   surface while preserving the approved navy/gold hierarchy. */
.pricing-spine-workbench .volume-choice-grid label > span small,
.pricing-spine-workbench .volume-choice-field__hint,
.pricing-spine-workbench .volume-question .volume-question__why,
.pricing-spine-workbench .ownership-list label span small,
.pricing-spine-workbench .rhythm-cadence small {
  color: rgba(23, 32, 42, 0.68);
  font-size: max(0.68rem, 11px);
}

.pricing-spine-workbench .rhythm-cadence li {
  color: rgba(23, 32, 42, 0.68);
}

.pricing-spine-workbench .rhythm-cadence ol {
  width: 100%;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.pricing-spine-workbench .rhythm-cadence li {
  min-width: 0;
}

.pricing-spine-workbench .rhythm-cadence li b {
  color: inherit;
}

.pricing-spine-workbench .rhythm-cadence li.is-active,
.pricing-spine-workbench .rhythm-cadence li.is-active b {
  color: var(--calm-ivory);
}

/* Detail-first chapter introductions. The estimator chapters should begin
   with useful operating information, not a second page-level hero. */
.pricing-spine-workbench .chapter-detail-list {
  width: min(100%, 570px);
  margin-top: 1.6rem;
  text-align: left;
  border-top: 1px solid rgba(184, 150, 90, 0.58);
}

.pricing-spine-workbench .chapter-detail {
  display: grid;
  grid-template-columns: minmax(126px, 0.38fr) minmax(0, 1fr);
  gap: clamp(1.2rem, 2.4vw, 2rem);
  padding: 1.45rem 0;
  text-align: left;
  border-bottom: 1px solid var(--calm-ink-line);
}

.pricing-spine-workbench .chapter-detail h3 {
  margin: 0;
  color: var(--calm-gold-dark);
  font-family: var(--calm-sans);
  font-size: 0.64rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  line-height: 1.5;
  text-transform: uppercase;
}

.pricing-spine-workbench .chapter-detail p {
  max-width: 46ch;
  margin: 0;
  color: rgba(8, 19, 33, 0.7);
  font-size: 0.84rem;
  line-height: 1.72;
}

.pricing-spine-workbench .chapter-detail-list--wide {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: min(100%, 980px);
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
  border-bottom: 1px solid var(--calm-ink-line);
}

.pricing-spine-workbench .chapter-detail-list--wide .chapter-detail {
  display: block;
  padding: 1.55rem clamp(1.4rem, 3vw, 2.6rem);
  border-bottom: 0;
}

.pricing-spine-workbench .chapter-detail-list--wide .chapter-detail + .chapter-detail {
  border-left: 1px solid var(--calm-ink-line);
}

.pricing-spine-workbench .chapter-detail-list--wide .chapter-detail p {
  max-width: 52ch;
  margin-top: 0.65rem;
}

.pricing-spine-workbench #factor-program .operation-guide-bridge {
  margin-top: 1.65rem;
}

@media (min-width: 1200px) {
  .pricing-spine-workbench #factor-program .learning-chapter__lesson {
    justify-content: flex-start;
  }
}

@media (max-width: 1199px) {
  .pricing-spine-workbench .chapter-detail-list {
    width: min(100%, 620px);
    margin-right: auto;
    margin-left: auto;
  }

  .pricing-spine-workbench #factor-program .operation-guide-bridge {
    margin-right: auto;
    margin-left: auto;
  }
}

@media (max-width: 760px) {
  .pricing-spine-workbench .chapter-detail-list {
    margin-top: 1.25rem;
  }

  .pricing-spine-workbench .chapter-detail {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.45rem;
    padding: 1.2rem 0;
  }

  .pricing-spine-workbench .chapter-detail-list--wide {
    display: block;
    border-bottom: 0;
  }

  .pricing-spine-workbench .chapter-detail-list--wide .chapter-detail {
    padding: 1.2rem 0;
    border-bottom: 1px solid var(--calm-ink-line);
  }

  .pricing-spine-workbench .chapter-detail-list--wide .chapter-detail + .chapter-detail {
    border-left: 0;
  }
}

/* Keep the established searchable two-column operation picker, but reduce its
   footprint so the complete directory reads as one compact choice surface. */
@media (min-width: 1200px) {
  .pricing-spine-workbench .operation-picker__panel {
    width: min(680px, calc(100vw - 5rem));
    max-height: min(478px, calc(100vh - 8rem));
    padding: 0.7rem;
  }

  .pricing-spine-workbench .operation-picker__panel-head {
    top: -0.7rem;
    margin: -0.7rem -0.7rem 0;
    padding: 0.7rem 0.7rem 0.5rem;
  }
}

@media (min-width: 761px) {
  .pricing-spine-workbench .operation-picker__search > span {
    font-size: 0.54rem;
  }

  .pricing-spine-workbench .operation-picker__search input {
    min-height: 34px;
    margin-top: 0.18rem;
    font-size: 1.05rem;
  }

  .pricing-spine-workbench .operation-picker__options {
    margin-top: 0.5rem;
  }

  .pricing-spine-workbench .operation-picker__options button,
  .pricing-spine-workbench .operation-picker__options button[aria-pressed="true"] {
    min-height: 54px;
    padding: 0.65rem 0.72rem;
    gap: 0.62rem;
    align-items: center;
  }

  .pricing-spine-workbench .operation-picker__number {
    padding-top: 0.12rem;
    font-size: 0.5rem;
  }

  .pricing-spine-workbench .operation-picker__option-copy strong {
    font-size: 0.94rem;
    line-height: 1.08;
  }

  .pricing-spine-workbench .operation-picker__option-copy small {
    display: none;
  }
}

@media (min-width: 761px) and (max-width: 1199px) {
  .pricing-spine-workbench .operation-picker__panel {
    width: min(680px, calc(100vw - 3rem));
    max-height: min(478px, calc(100vh - 7rem));
    padding: 0.7rem;
  }

  .pricing-spine-workbench .operation-picker__panel-head {
    top: -0.7rem;
    margin: -0.7rem -0.7rem 0;
    padding: 0.7rem 0.7rem 0.5rem;
  }
}

@media (max-width: 760px) {
  .pricing-spine-workbench .operation-picker__panel {
    top: 5.5rem;
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
    padding: 0.75rem;
  }

  .pricing-spine-workbench .operation-picker__panel-head {
    top: -0.75rem;
    margin: -0.75rem -0.75rem 0;
    padding: 0.75rem 0.75rem 0.5rem;
  }

  .pricing-spine-workbench .operation-picker__search input {
    min-height: 38px;
    margin-top: 0.2rem;
    font-size: 1.08rem;
  }

  .pricing-spine-workbench .operation-picker__options {
    margin-top: 0.55rem;
  }

  .pricing-spine-workbench .operation-picker__options button {
    min-height: 76px;
    padding: 0.75rem;
    gap: 0.7rem;
  }

  .pricing-spine-workbench .operation-picker__option-copy strong {
    font-size: 1rem;
  }

  .pricing-spine-workbench .operation-picker__option-copy small {
    margin-top: 0.25rem;
    font-size: 0.58rem;
    line-height: 1.35;
  }
}

/* Keep the operation directory attached to its field. It opens in normal
   document flow at every width, so Section 01 remains visible and usable while
   the condensed list is open. */
.pricing-spine-workbench .operation-picker__backdrop,
.pricing-spine-workbench .operation-picker-field.is-open .operation-picker__backdrop {
  display: none;
}

.pricing-spine-workbench .operation-picker__panel {
  position: relative;
  inset: auto;
  z-index: 2;
  width: 100%;
  max-height: 390px;
  margin: 0.55rem 0 0;
  padding: 0.65rem;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  transform: none;
  box-shadow: 0 14px 32px rgba(8, 19, 33, 0.12);
}

.pricing-spine-workbench .operation-picker__panel-head {
  position: sticky;
  top: -0.65rem;
  z-index: 3;
  margin: -0.65rem -0.65rem 0;
  padding: 0.65rem 0.65rem 0.45rem;
  background: var(--calm-ivory);
}

.pricing-spine-workbench .operation-picker__search > span {
  font-size: 0.52rem;
}

.pricing-spine-workbench .operation-picker__search input {
  min-height: 32px;
  margin-top: 0.14rem;
  font-size: 1rem;
}

.pricing-spine-workbench .operation-picker__options {
  margin-top: 0.42rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pricing-spine-workbench .operation-picker__options button,
.pricing-spine-workbench .operation-picker__options button[aria-pressed="true"] {
  min-height: 50px;
  padding: 0.58rem 0.65rem;
  gap: 0.55rem;
  align-items: center;
}

.pricing-spine-workbench .operation-picker__number {
  padding-top: 0.1rem;
  font-size: 0.48rem;
}

.pricing-spine-workbench .operation-picker__option-copy strong {
  font-size: 0.9rem;
  line-height: 1.04;
}

.pricing-spine-workbench .operation-picker__option-copy small {
  display: none;
}

.pricing-spine-workbench body.operation-picker-open {
  overflow-x: hidden;
  overflow-y: auto;
}

@media (max-width: 760px) {
  .pricing-spine-workbench .operation-picker__panel {
    max-height: min(360px, 52vh);
    padding: 0.55rem;
  }

  .pricing-spine-workbench .operation-picker__panel-head {
    top: -0.55rem;
    margin: -0.55rem -0.55rem 0;
    padding: 0.55rem 0.55rem 0.4rem;
  }

  .pricing-spine-workbench .operation-picker__options {
    grid-template-columns: 1fr;
  }

  .pricing-spine-workbench .operation-picker__options button,
  .pricing-spine-workbench .operation-picker__options button[aria-pressed="true"] {
    min-height: 48px;
    padding: 0.55rem 0.65rem;
  }

  .pricing-spine-workbench .operation-picker__option-copy strong {
    font-size: 0.94rem;
  }
}

/* Direct-choice operation directory and volume-led return recommendation. */
.pricing-spine-workbench .operation-picker__panel {
  padding: 0.45rem;
}

.pricing-spine-workbench .operation-picker__options {
  margin-top: 0;
  border-top: 1px solid var(--calm-ink-line);
  border-left: 1px solid var(--calm-ink-line);
}

.pricing-spine-workbench .operation-picker__options button,
.pricing-spine-workbench .operation-picker__options button[aria-pressed="true"] {
  border-top: 0;
  border-left: 0;
}

.pricing-spine-workbench .learning-chapter__lesson > .chapter-editorial-title {
  display: block;
  max-width: 7.2em;
  margin: clamp(1rem, 1.5vw, 1.5rem) 0 0;
  font-size: clamp(3.25rem, 4.75vw, 5.15rem);
  line-height: 0.91;
  text-wrap: balance;
}

.pricing-spine-workbench .learning-chapter__lesson > .chapter-editorial-copy {
  max-width: 42ch;
  margin-top: clamp(1.75rem, 2.8vw, 2.35rem);
}

.pricing-spine-workbench #factor-program .choice-cloud label span.is-label-only {
  display: flex;
  align-items: center;
}

.pricing-spine-workbench #factor-route .learning-chapter__lesson > .chapter-editorial-copy {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.pricing-spine-workbench .central-location-requirement {
  margin: 0.45rem 0 0;
  padding: 1.15rem 1.25rem;
  border: 1px solid rgba(184, 150, 90, 0.72);
  background: rgba(184, 150, 90, 0.08);
  color: var(--calm-navy);
  font-family: var(--calm-sans);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  line-height: 1.45;
  text-align: center;
  text-transform: uppercase;
}

.pricing-spine-workbench .finish-recommendation {
  display: grid;
  gap: 2.2rem;
}

.pricing-spine-workbench .finish-goods-list {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid rgba(184, 150, 90, 0.72);
}

.pricing-spine-workbench .finish-goods-list li {
  display: grid;
  grid-template-columns: minmax(110px, 0.78fr) minmax(0, 1.22fr);
  gap: 1.1rem;
  align-items: baseline;
  padding: 1rem 0;
  border-bottom: 1px solid var(--calm-ink-line);
}

.pricing-spine-workbench .finish-goods-list span {
  color: var(--calm-gold-dark);
  font-family: var(--calm-sans);
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  line-height: 1.45;
  text-transform: uppercase;
}

.pricing-spine-workbench .finish-goods-list strong {
  color: var(--calm-navy);
  font-family: var(--calm-serif);
  font-size: clamp(1.18rem, 1.65vw, 1.48rem);
  font-weight: 400;
  line-height: 1.15;
}

.pricing-spine-workbench .return-format {
  padding-top: 0.2rem;
}

.pricing-spine-workbench .return-format__summary {
  display: block;
  padding: 1.15rem 0;
  border-top: 1px solid var(--calm-ink-line);
  border-bottom: 1px solid var(--calm-ink-line);
}

.pricing-spine-workbench .return-format__summary > img {
  width: 38px;
  height: 38px;
  opacity: 0.72;
}

.pricing-spine-workbench .return-format__summary > img[hidden] {
  display: none;
}

.pricing-spine-workbench .return-format__summary > div > span {
  display: block;
  color: var(--calm-gold-dark);
  font-family: var(--calm-sans);
  font-size: 0.58rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.pricing-spine-workbench .return-format__summary h4 {
  margin: 0.55rem 0 0;
  color: var(--calm-navy);
  font-family: var(--calm-serif);
  font-size: clamp(1.42rem, 2.1vw, 1.9rem);
  font-weight: 400;
  line-height: 1.05;
}

.pricing-spine-workbench .choice-cloud input:checked + span strong,
.pricing-spine-workbench .choice-cloud input:checked + span small,
.pricing-spine-workbench .volume-choice-grid input:checked + span strong,
.pricing-spine-workbench .volume-choice-grid input:checked + span small,
.pricing-spine-workbench .ownership-list input:checked + span strong,
.pricing-spine-workbench .ownership-list input:checked + span small,
.pricing-spine-workbench .editorial-choice-list input:checked + span strong {
  color: inherit;
}

.pricing-spine-workbench .rhythm-cadence li {
  cursor: default;
  user-select: none;
}

.pricing-spine-workbench .return-format__summary p {
  max-width: 45ch;
  margin: 0.48rem 0 0;
  color: rgba(8, 19, 33, 0.58);
  font-size: 0.72rem;
  line-height: 1.55;
}

@media (max-width: 1199px) {
  .pricing-spine-workbench .learning-chapter__lesson {
    text-align: center;
  }

  .pricing-spine-workbench .learning-chapter__lesson > .chapter-editorial-title {
    max-width: 8.2em;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  .pricing-spine-workbench .learning-chapter__lesson > .chapter-editorial-copy {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
}

@media (max-width: 760px) {
  .pricing-spine-workbench .operation-picker__panel {
    padding: 0.4rem;
  }

  .pricing-spine-workbench .learning-chapter__lesson > .chapter-editorial-title {
    margin-top: 1.25rem;
    font-size: clamp(2.85rem, 12vw, 3.55rem);
  }

  .pricing-spine-workbench .finish-goods-list li {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.35rem;
    padding: 0.9rem 0;
  }

  .pricing-spine-workbench .return-format__summary {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 0.8rem;
  }
}

/* Quote handoff: keep the final step compact, legible, and action-focused. */
.pricing-spine-workbench .quote-fields {
  gap: 1.4rem 1.5rem;
}

.pricing-spine-workbench .quote-fields label span,
.pricing-spine-workbench .quote-contact-choice legend {
  color: rgba(250, 246, 238, 0.66);
  font-size: 0.63rem;
}

.pricing-spine-workbench .quote-fields input,
.pricing-spine-workbench .quote-fields textarea {
  min-height: 48px;
  padding: 0.6rem 0;
}

.pricing-spine-workbench .quote-fields textarea {
  min-height: 80px;
}

.pricing-spine-workbench .quote-handoff button {
  width: 100%;
  margin-top: 1.8rem;
}

.pricing-spine-workbench .quote-privacy-note {
  max-width: 58rem;
  margin: 1.2rem 0 0;
  color: rgba(250, 246, 238, 0.66);
  font-family: "Inter", sans-serif;
  font-size: 0.72rem;
  line-height: 1.65;
}

.pricing-spine-workbench .quote-privacy-note a {
  color: var(--calm-gold);
  text-decoration-color: rgba(184, 150, 90, 0.5);
  text-underline-offset: 0.22em;
}

.pricing-spine-workbench .quote-privacy-note a:hover,
.pricing-spine-workbench .quote-privacy-note a:focus-visible {
  color: var(--calm-cream);
  text-decoration-color: currentColor;
}

@media (min-width: 1200px) {
  .pricing-spine-workbench .quote-handoff {
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    gap: clamp(4rem, 6vw, 5.5rem);
    min-height: 680px;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .pricing-spine-workbench .quote-handoff__intro h2 {
    max-width: 7.5em;
    font-size: clamp(3.6rem, 4.4vw, 4.5rem);
    line-height: 0.96;
    text-wrap: balance;
  }

  .pricing-spine-workbench .quote-handoff__intro > p:not(.chapter-index) {
    margin-top: 1.6rem;
  }
}

@media (min-width: 761px) and (max-width: 1199px) {
  .pricing-spine-workbench .quote-handoff {
    gap: 2.5rem;
    padding-top: 4.75rem;
    padding-bottom: 4.75rem;
  }

  .pricing-spine-workbench .quote-fields {
    gap: 1.25rem 1.5rem;
  }
}

@media (max-width: 760px) {
  .pricing-spine-workbench .quote-handoff {
    gap: 2.5rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .pricing-spine-workbench .quote-handoff__intro > p:not(.chapter-index) {
    margin-top: 1.5rem;
  }

  .pricing-spine-workbench .quote-fields {
    gap: 1rem;
  }

  .pricing-spine-workbench .quote-fields input,
  .pricing-spine-workbench .quote-fields textarea {
    min-height: 44px;
  }

  .pricing-spine-workbench .quote-fields textarea {
    min-height: 76px;
  }

  .pricing-spine-workbench .quote-handoff button {
    margin-top: 1.5rem;
  }
}

/* The site keeps its compact-desktop composition down to 621px. Preserve
   that layout while keeping the final conversion controls comfortably
   readable; phone styling begins below this range and remains unchanged. */
@media (min-width: 621px) and (max-width: 1080px) {
  .pricing-spine-workbench .quote-fields label span,
  .pricing-spine-workbench .quote-contact-choice legend {
    color: rgba(250, 246, 238, 0.78);
    font-size: 0.72rem;
    line-height: 1.4;
  }

  .pricing-spine-workbench .quote-fields input,
  .pricing-spine-workbench .quote-fields textarea {
    font-family: "Inter", sans-serif;
    font-size: 1rem;
    line-height: 1.5;
  }

  .pricing-spine-workbench .quote-contact-choice label span {
    font-size: 0.72rem;
  }

  .pricing-spine-workbench .quote-error,
  .pricing-spine-workbench .quote-status,
  .pricing-spine-workbench .quote-privacy-note {
    font-size: 0.82rem;
    line-height: 1.6;
  }

  .pricing-spine-workbench .quote-handoff button {
    font-size: 0.72rem;
  }
}

/* Use the shared site footer and dissolve the pricing halftone before it begins. */
.pricing-spine-workbench .site-footer {
  overflow: hidden;
  border-top-color: rgba(184, 150, 90, 0.18);
  background-color: var(--calm-navy);
  background-image:
    radial-gradient(circle at 12% 10%, rgba(210, 176, 113, 0.1), transparent 22rem),
    radial-gradient(circle at 84% 26%, rgba(42, 63, 84, 0.2), transparent 28rem),
    linear-gradient(180deg, rgba(8, 19, 33, 0.94), #050b14 72%);
}

.pricing-spine-workbench .site-footer::before {
  content: none;
  display: none;
}

.pricing-spine-workbench .site-footer::after {
  content: "";
  position: absolute;
  inset: clamp(1.2rem, 2.5vw, 2rem) var(--page-gutter) auto;
  display: block;
  height: 1px;
  z-index: 0;
  background: linear-gradient(90deg, rgba(210, 176, 113, 0.68), rgba(210, 176, 113, 0.08) 42%, transparent);
  pointer-events: none;
}

@media (min-width: 1200px) {
  .pricing-spine-workbench .pricing-calm::after {
    background-image:
      linear-gradient(180deg, var(--calm-navy) 0, rgba(8, 19, 33, 0.96) 5rem, rgba(8, 19, 33, 0) 14rem),
      url("../images/generated/pricing-halftone-transition-tall-v5.webp");
    background-position: center top, center top;
    background-repeat: no-repeat, repeat-x;
    background-size: 100% 14rem, 744px auto;
  }
}

@media (max-width: 1199px) {
  .pricing-spine-workbench .pricing-calm {
    position: relative;
    isolation: isolate;
  }

  .pricing-spine-workbench .pricing-opening,
  .pricing-spine-workbench .learning-chapters,
  .pricing-spine-workbench .planning-result,
  .pricing-spine-workbench .quote-handoff {
    position: relative;
    z-index: 1;
  }

  .pricing-spine-workbench .pricing-calm::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    height: clamp(10rem, 28vw, 14rem);
    background: linear-gradient(180deg, rgba(8, 19, 33, 0), var(--calm-navy));
    pointer-events: none;
  }
}

/*
 * Pricing opening responsive contract
 *
 * Keep the approved full-width desktop composition intact through compact
 * layouts. Mobile remains a separate treatment at 760px and below.
 */
@media (min-width: 761px) {
  .pricing-spine-workbench {
    --pricing-hero-height: clamp(700px, calc(100svh - 88px), 950px);
    --pricing-hero-inline: clamp(2.5rem, 6vw, 6rem);
    --pricing-hero-top: clamp(6rem, 11vh, 8rem);
    --pricing-hero-bottom: clamp(9rem, 16vh, 11.5rem);
    --pricing-arch-overlap: clamp(13.5rem, 16.25vw, 16.25rem);
    --pricing-arch-radius: clamp(5.5rem, 9vw, 9rem);
  }

  .pricing-spine-workbench,
  .pricing-spine-workbench body,
  .pricing-spine-workbench body.pricing-calm-page {
    background-color: #e7e3dc;
    background-image: none;
  }

  .pricing-spine-workbench .pricing-calm {
    overflow: visible;
    background-color: var(--calm-ivory);
    background-image: url("../images/generated/pricing-sparse-bridge-v1.png");
    background-position: center top;
    background-repeat: repeat;
    background-size: 744px 18.890625px;
  }

  .pricing-spine-workbench .pricing-opening {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    overflow: visible;
    background: #e7e3dc;
  }

  .pricing-spine-workbench .calm-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto minmax(2rem, 1fr) auto;
    min-height: var(--pricing-hero-height);
    padding: var(--pricing-hero-top) var(--pricing-hero-inline) var(--pricing-hero-bottom);
    place-items: start center;
    border-radius: 0;
    overflow: visible;
    background: var(--calm-navy);
  }

  .pricing-spine-workbench .calm-hero__copy {
    display: contents;
  }

  .pricing-spine-workbench .calm-hero h1 {
    grid-row: 1;
    z-index: 5;
    width: min(100%, 760px);
    max-width: min(8.4em, 760px, calc(100vw - (2 * var(--pricing-hero-inline))));
    color: var(--calm-ivory);
    font-size: clamp(4.4rem, 6.3vw, 6.4rem);
    line-height: 0.9;
    text-align: center;
    text-wrap: balance;
  }

  .pricing-spine-workbench .calm-hero__support {
    grid-row: 2;
    z-index: 5;
    width: min(100%, 38rem);
    max-width: 38rem;
    margin-top: clamp(1.65rem, 3vh, 2rem);
    color: rgba(250, 246, 238, 0.76);
    font-size: clamp(0.9rem, 0.95vw, 0.98rem);
    line-height: 1.75;
    text-align: center;
  }

  .pricing-spine-workbench .calm-hero__actions {
    position: relative;
    grid-row: 4;
    z-index: 6;
    align-self: end;
    gap: clamp(1.25rem, 2vw, 2rem);
    margin: 0;
    transform: none;
    flex-wrap: nowrap;
  }

  .pricing-spine-workbench .calm-text-action,
  .pricing-spine-workbench .calm-quiet-action {
    min-height: 44px;
    font-size: clamp(0.61rem, 0.65vw, 0.69rem);
    letter-spacing: 0.16em;
    white-space: nowrap;
  }

  .pricing-spine-workbench .calm-hero__actions .calm-text-action {
    color: var(--calm-ink);
    border-bottom-color: var(--calm-gold-dark);
  }

  .pricing-spine-workbench .calm-hero__actions .calm-quiet-action {
    color: rgba(23, 32, 42, 0.72);
  }

  .pricing-spine-workbench .calm-hero__image {
    z-index: 0;
    inset: 0;
    width: 100%;
    height: 100%;
    transform: none;
    border-radius: 0;
    background: var(--calm-navy);
  }

  .pricing-spine-workbench .calm-hero__image::after {
    z-index: 1;
    background: linear-gradient(
      180deg,
      rgba(8, 19, 33, 0.58) 0%,
      rgba(8, 19, 33, 0.58) 66%,
      rgba(4, 18, 36, 0.82) 86%,
      #021225 100%
    );
  }

  .pricing-spine-workbench .calm-hero__image img {
    opacity: 0.58;
    object-position: center 54%;
    filter: saturate(0.68) contrast(0.96);
  }

  .pricing-spine-workbench .pricing-intro {
    z-index: 4;
    width: min(1180px, 82vw);
    min-height: 0;
    margin: calc(-1 * var(--pricing-arch-overlap)) auto 0;
    padding: clamp(5.75rem, 8vw, 7rem) clamp(2.5rem, 6vw, 4.5rem) 3.5rem;
    border-radius: 50% 50% 0 0 / var(--pricing-arch-radius) var(--pricing-arch-radius) 0 0;
    color: var(--calm-ink);
    background: var(--calm-ivory);
  }

  /* Keep the full desktop halftone field behind the compact shell. The
     pattern stays at the approved desktop scale so narrowing the viewport
     changes only the crop, never the artwork or its density. */
  .pricing-spine-workbench .calm-hero::after {
    content: "";
    position: absolute;
    top: calc(100% - 1px);
    right: 0;
    left: 0;
    z-index: 1;
    height: 2740px;
    background-color: var(--calm-ivory);
    background-image: url("../images/generated/pricing-halftone-transition-tall-v5.webp");
    background-position: center top;
    background-repeat: repeat-x;
    background-size: 744px auto;
    pointer-events: none;
  }
}

/* Pricing guide: one editorial rail from compact through full desktop. */
@media (min-width: 761px) {
  .pricing-spine-workbench .pricing-intro__hero > p:not(.calm-eyebrow) {
    max-width: 48rem;
    margin-top: clamp(1.45rem, 2.2vw, 1.75rem);
    color: rgba(23, 32, 42, 0.74);
    font-size: clamp(0.84rem, 0.95vw, 0.92rem);
    line-height: 1.7;
  }

  .pricing-spine-workbench .factor-map {
    width: 100%;
    max-width: 65rem;
    margin-top: clamp(3rem, 3.75vw, 3.5rem);
    border: 0;
    border-top: 1px solid var(--calm-ink-line);
  }

  .pricing-spine-workbench .factor-map li,
  .pricing-spine-workbench .factor-map li:first-child,
  .pricing-spine-workbench .factor-map li:nth-child(2n),
  .pricing-spine-workbench .factor-map li:nth-child(5),
  .pricing-spine-workbench .factor-map li:last-child {
    grid-column: auto;
    border: 0;
    border-right: 1px solid var(--calm-ink-line);
    border-bottom: 0;
  }

  .pricing-spine-workbench .factor-map li:first-child {
    border-left: 1px solid var(--calm-ink-line);
  }

  .pricing-spine-workbench .factor-map li:last-child {
    border-right: 1px solid var(--calm-ink-line);
  }

  .pricing-spine-workbench .factor-map a {
    min-height: clamp(7rem, 8.75vw, 7.875rem);
    padding: clamp(1rem, 1.5vw, 1.5rem) clamp(0.45rem, 1.2vw, 1.25rem);
    align-items: center;
    color: var(--calm-ink);
    font-size: clamp(1rem, 1.45vw, 1.25rem);
    line-height: 1.08;
    text-align: center;
    transition: color 160ms ease, background-color 160ms ease;
  }

  .pricing-spine-workbench .factor-map a:hover {
    background: rgba(184, 150, 90, 0.08);
  }

  .pricing-spine-workbench .factor-map a:focus-visible {
    outline: 2px solid var(--calm-gold-dark);
    outline-offset: -2px;
    background: rgba(184, 150, 90, 0.1);
  }

  .pricing-spine-workbench .factor-map span {
    color: var(--calm-gold-dark);
    font-size: clamp(0.6rem, 0.68vw, 0.64rem);
    letter-spacing: 0.18em;
  }
}

/* Keep the editorial spine and its patterned rails continuous at every
   desktop and compact-desktop width. The guide arch already uses this
   measure; the chapters, result, and handoff now stay on the same axis. */
@media (min-width: 761px) {
  .pricing-spine-workbench .learning-chapters,
  .pricing-spine-workbench .planning-result,
  .pricing-spine-workbench .quote-handoff {
    width: min(1180px, 82vw);
  }

  /* Treat the preferred contact choices as one balanced control. */
  .pricing-spine-workbench .quote-contact-choice {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    align-items: stretch;
  }

  .pricing-spine-workbench .quote-contact-choice legend {
    grid-column: 1 / -1;
    width: 100%;
    margin: 0 0 0.65rem;
  }

  .pricing-spine-workbench .quote-contact-choice label,
  .pricing-spine-workbench .quote-contact-choice label span {
    width: 100%;
  }

  .pricing-spine-workbench .quote-contact-choice label span {
    min-height: 48px;
    padding: 0.7rem 1rem;
    justify-content: center;
    text-align: center;
  }

  .pricing-spine-workbench .quote-contact-choice label + label span {
    border-left: 0;
  }
}

/* Give the estimator a quiet closing beat before the footer. The same lower
   fade now carries from compact desktop through the widest layout. */
@media (min-width: 761px) {
  .pricing-spine-workbench .pricing-calm {
    padding-bottom: clamp(3.5rem, 4.5vw, 4.5rem);
  }

  .pricing-spine-workbench .pricing-calm::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    height: clamp(15rem, 24vw, 22rem);
    background-color: transparent;
    background-image: linear-gradient(
      180deg,
      rgba(250, 246, 238, 0) 0%,
      rgba(8, 19, 33, 0.18) 24%,
      rgba(8, 19, 33, 0.68) 66%,
      var(--calm-navy) 100%
    );
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: none;
    pointer-events: none;
  }

  .pricing-spine-workbench .site-footer {
    border-top: 0;
    background-color: #050b14;
    background-image:
      radial-gradient(circle at 12% 10%, rgba(210, 176, 113, 0.1), transparent 22rem),
      radial-gradient(circle at 84% 26%, rgba(42, 63, 84, 0.2), transparent 28rem),
      linear-gradient(180deg, var(--calm-navy) 0%, #07101c 30%, #050b14 72%);
  }
}

/* Match the shared footer's responsive directory at every non-mobile width.
   These selectors sit after the estimator's older page-specific overrides. */
@media (min-width: 761px) {
  .pricing-spine-workbench .site-footer__inner {
    width: var(--container-width);
  }

  .pricing-spine-workbench .footer-bottom {
    flex-direction: row;
    align-items: flex-end;
  }
}

@media (min-width: 761px) and (max-width: 1080px) {
  .pricing-spine-workbench .footer-directory {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: clamp(1.25rem, 3.5vw, 2.5rem);
    row-gap: clamp(2rem, 4vw, 2.75rem);
  }

  .pricing-spine-workbench .footer-brand-panel {
    grid-column: 1 / -1;
    max-width: 36rem;
  }
}

@media (min-width: 1081px) and (max-width: 1199px) {
  .pricing-spine-workbench .footer-directory {
    grid-template-columns: minmax(18rem, 1.22fr) repeat(3, minmax(9rem, 0.52fr));
  }

  .pricing-spine-workbench .footer-brand-panel {
    grid-column: auto;
  }
}

/* Phone-only accessibility and spacing corrections. Keep the approved
   compact/desktop composition unchanged from 621px upward. */
@media (max-width: 620px) {
  .pricing-spine-workbench .answer-heading > span,
  .pricing-spine-workbench .calm-field small,
  .pricing-spine-workbench .choice-cloud--described label span small,
  .pricing-spine-workbench .finish-recommendation__note,
  .pricing-spine-workbench .volume-estimator__field--choices > small,
  .pricing-spine-workbench .volume-estimator__status,
  .pricing-spine-workbench .volume-question__answered,
  .pricing-spine-workbench .volume-choice-grid label > span small,
  .pricing-spine-workbench .volume-choice-field__hint,
  .pricing-spine-workbench .volume-question .volume-question__why,
  .pricing-spine-workbench .volume-question .number-field em,
  .pricing-spine-workbench .ownership-list label span small,
  .pricing-spine-workbench .conditional-panel__heading p,
  .pricing-spine-workbench .conditional-panel__note,
  .pricing-spine-workbench .operation-picker__trigger:not(.has-value) strong,
  .pricing-spine-workbench .operation-picker__panel > p,
  .pricing-spine-workbench .rhythm-cadence li:not(.is-active),
  .pricing-spine-workbench .rhythm-cadence small,
  .pricing-spine-workbench .rhythm-options span small,
  .pricing-spine-workbench .range-progress button,
  .pricing-spine-workbench .range-number span,
  .pricing-spine-workbench .return-format__summary p {
    color: rgba(23, 32, 42, 0.68);
  }

  .pricing-spine-workbench .calm-field input::placeholder {
    color: rgba(23, 32, 42, 0.62);
  }

  .pricing-spine-workbench .quote-fields > label > span,
  .pricing-spine-workbench .quote-contact-choice legend {
    color: rgba(250, 246, 238, 0.78);
  }

  .pricing-spine-workbench .return-format {
    padding: 0.2rem 0 0;
  }

  .pricing-spine-workbench .range-progress button {
    min-width: 44px;
    min-height: 44px;
    padding: 0.65rem 0.25rem;
  }

  .pricing-spine-workbench .range-progress button[data-state="confirming"] {
    color: var(--calm-ink);
    border-bottom-color: var(--calm-gold-dark);
  }

  .pricing-spine-workbench .factor-map li:nth-child(5):last-child {
    grid-column: 1 / -1;
    border-right: 0;
  }

  .pricing-spine-workbench .factor-map li:nth-child(5):last-child a {
    align-items: center;
    text-align: center;
  }
}

.pricing-spine-workbench .operation-picker-field {
  scroll-margin-top: 7rem;
}

/* Keep the route controls on the chapter centerline whenever the estimator is
   inside its compact shell. The wide desktop layout already spans both tracks. */
@media (max-width: 1199px) {
  .pricing-spine-workbench #factor-route .rhythm-control,
  .pricing-spine-workbench #factor-route .route-choice-group {
    grid-column: 1 / -1;
    width: 100%;
    justify-self: center;
  }

  .pricing-spine-workbench #factor-route .route-choice-group > legend {
    width: 100%;
    text-align: center;
  }
}

@media (min-width: 761px) and (max-width: 1199px) {
  .pricing-spine-workbench #factor-route .editorial-choice-list--three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Selected-answer contrast is a component invariant, not a breakpoint detail.
   Keep every line of copy legible after an answer card turns navy, including
   phone rules that intentionally darken unselected helper text. */
.pricing-spine-workbench .choice-cloud input:checked + span,
.pricing-spine-workbench .choice-list input:checked + span,
.pricing-spine-workbench .segmented-choice input:checked + span,
.pricing-spine-workbench .volume-choice-grid input:checked + span,
.pricing-spine-workbench .ownership-list input:checked + span,
.pricing-spine-workbench .editorial-choice-list input:checked + span,
.pricing-spine-workbench .rhythm-use-recommendation input:checked + span {
  color: var(--calm-ivory);
}

.pricing-spine-workbench .choice-cloud input:checked + span strong,
.pricing-spine-workbench .choice-list input:checked + span strong,
.pricing-spine-workbench .segmented-choice input:checked + span strong,
.pricing-spine-workbench .volume-choice-grid input:checked + span strong,
.pricing-spine-workbench .ownership-list input:checked + span strong,
.pricing-spine-workbench .editorial-choice-list input:checked + span strong,
.pricing-spine-workbench .rhythm-use-recommendation input:checked + span strong {
  color: inherit;
}

.pricing-spine-workbench .choice-cloud input:checked + span small,
.pricing-spine-workbench .choice-list input:checked + span small,
.pricing-spine-workbench .segmented-choice input:checked + span small,
.pricing-spine-workbench .volume-choice-grid input:checked + span small,
.pricing-spine-workbench .ownership-list input:checked + span small,
.pricing-spine-workbench .editorial-choice-list input:checked + span small,
.pricing-spine-workbench .rhythm-use-recommendation input:checked + span small {
  color: rgba(250, 246, 238, 0.74);
}

.pricing-spine-workbench .operation-picker__options button[aria-pressed="true"] strong {
  color: var(--calm-ivory);
}

.pricing-spine-workbench .operation-picker__options button[aria-pressed="true"] small {
  color: rgba(250, 246, 238, 0.74);
}

/* Optional precision belongs after the first useful answer. It stays out of
   the basic journey and opens as a compact, text-led disclosure only after a
   planning range exists. */
.pricing-spine-workbench .precision-refinement {
  width: 100%;
  margin: 1.4rem auto 0;
  color: var(--calm-ink);
  background: var(--calm-ivory);
  box-shadow: 0 18px 58px rgba(0, 0, 0, 0.2);
}

.pricing-spine-workbench .precision-refinement__toggle {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(18rem, 0.9fr) auto;
  gap: 0.55rem 2rem;
  width: 100%;
  min-height: 44px;
  padding: 1.6rem 2rem;
  color: var(--calm-ink);
  border: 1px solid rgba(184, 150, 90, 0.55);
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.pricing-spine-workbench .precision-refinement__toggle > span,
.pricing-spine-workbench .precision-refinement__intro > span {
  grid-column: 1 / -1;
  color: var(--calm-gold-dark);
  font-family: var(--calm-sans);
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.pricing-spine-workbench .precision-refinement__toggle > strong {
  font-family: var(--calm-serif);
  font-size: clamp(1.65rem, 2.5vw, 2.4rem);
  font-weight: 400;
  line-height: 1;
}

.pricing-spine-workbench .precision-refinement__toggle > small {
  align-self: center;
  color: rgba(8, 19, 33, 0.64);
  font-size: 0.72rem;
  line-height: 1.55;
}

.pricing-spine-workbench .precision-refinement__toggle > b {
  align-self: center;
  justify-self: end;
  color: var(--calm-navy);
  border-bottom: 1px solid var(--calm-gold-dark);
  font-family: var(--calm-sans);
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.5;
  text-transform: uppercase;
  white-space: nowrap;
}

.pricing-spine-workbench .precision-refinement__toggle:focus-visible,
.pricing-spine-workbench .precision-refinement__footer button:focus-visible {
  outline: 2px solid var(--calm-gold);
  outline-offset: 3px;
}

.pricing-spine-workbench .precision-refinement__panel {
  padding: 2rem;
  border: 1px solid rgba(184, 150, 90, 0.55);
  border-top: 0;
}

.pricing-spine-workbench .precision-refinement__intro p {
  max-width: 72ch;
  margin: 0.55rem 0 0;
  color: rgba(8, 19, 33, 0.64);
  font-size: 0.72rem;
  line-height: 1.6;
}

.pricing-spine-workbench .precision-refinement__fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.4rem;
  margin-top: 1.8rem;
}

.pricing-spine-workbench .precision-refinement__fields .calm-field {
  margin: 0;
}

.pricing-spine-workbench .precision-refinement__fields .calm-field > span {
  min-height: 2.7em;
}

.pricing-spine-workbench .precision-refinement__fields select {
  min-height: 52px;
  padding-right: 2.4rem;
  color: var(--calm-navy);
  border-bottom-color: rgba(8, 19, 33, 0.44);
  background-color: rgba(255, 253, 248, 0.4);
}

.pricing-spine-workbench .precision-refinement__fields small {
  display: block;
  margin-top: 0.6rem;
  color: rgba(8, 19, 33, 0.58);
  font-size: 0.64rem;
  line-height: 1.5;
}

.pricing-spine-workbench .precision-refinement__footer {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.8rem;
  padding-top: 1.2rem;
  border-top: 1px solid var(--calm-ink-line);
}

.pricing-spine-workbench .precision-refinement__footer p {
  margin: 0;
  color: rgba(8, 19, 33, 0.62);
  font-size: 0.68rem;
  line-height: 1.5;
}

.pricing-spine-workbench .precision-refinement__footer button {
  min-height: 44px;
  padding: 0.75rem 1.1rem;
  color: var(--calm-ivory);
  border: 1px solid var(--calm-navy);
  background: var(--calm-navy);
  font-family: var(--calm-sans);
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  cursor: pointer;
}

@media (max-width: 900px) {
  .pricing-spine-workbench .precision-refinement__toggle {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .pricing-spine-workbench .precision-refinement__toggle > small {
    grid-column: 1 / -1;
    grid-row: 3;
  }

  .pricing-spine-workbench .precision-refinement__fields {
    grid-template-columns: 1fr;
  }

  .pricing-spine-workbench .precision-refinement__fields .calm-field > span {
    min-height: 0;
  }
}

@media (max-width: 620px) {
  .pricing-spine-workbench .precision-refinement {
    margin-top: 0.85rem;
  }

  .pricing-spine-workbench .precision-refinement__toggle {
    display: block;
    padding: 1.25rem;
  }

  .pricing-spine-workbench .precision-refinement__toggle > strong,
  .pricing-spine-workbench .precision-refinement__toggle > small,
  .pricing-spine-workbench .precision-refinement__toggle > b {
    display: block;
  }

  .pricing-spine-workbench .precision-refinement__toggle > strong {
    margin-top: 0.55rem;
  }

  .pricing-spine-workbench .precision-refinement__toggle > small {
    margin-top: 0.75rem;
  }

  .pricing-spine-workbench .precision-refinement__toggle > b {
    width: max-content;
    margin-top: 1rem;
  }

  .pricing-spine-workbench .precision-refinement__panel {
    padding: 1.25rem;
  }

  .pricing-spine-workbench .precision-refinement__footer {
    display: block;
  }

  .pricing-spine-workbench .precision-refinement__footer button {
    width: 100%;
    margin-top: 1rem;
  }
}

/* A typical program should feel ready, while a custom program should be fast
   to scan. The icon grid deliberately removes the previous explanatory card
   height and keeps every custom choice at a compact, accessible target size. */
.pricing-spine-workbench .goods-starting-point,
.pricing-spine-workbench .goods-customizer {
  margin-top: 1rem;
}

.pricing-spine-workbench .goods-customizer {
  padding: 0;
}

.pricing-spine-workbench .goods-starting-point {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(14rem, 0.9fr) auto;
  gap: 1.25rem 1.5rem;
  padding: 1.35rem;
  align-items: center;
  border: 1px solid rgba(184, 150, 90, 0.58);
  background: rgba(184, 150, 90, 0.07);
}

.pricing-spine-workbench .goods-starting-point[hidden],
.pricing-spine-workbench .goods-customizer[hidden] {
  display: none;
}

.pricing-spine-workbench .goods-starting-point__copy > span,
.pricing-spine-workbench .goods-customizer__heading span {
  display: block;
  color: var(--calm-gold-dark);
  font-family: var(--calm-sans);
  font-size: 0.57rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.pricing-spine-workbench .goods-starting-point__copy > strong,
.pricing-spine-workbench .goods-customizer__heading strong {
  display: block;
  margin-top: 0.42rem;
  color: var(--calm-navy);
  font-family: var(--calm-serif);
  font-size: clamp(1.25rem, 2vw, 1.7rem);
  font-weight: 500;
  line-height: 1.04;
}

.pricing-spine-workbench .goods-starting-point__copy p,
.pricing-spine-workbench .goods-customizer__heading p {
  margin: 0.5rem 0 0;
  color: rgba(8, 19, 33, 0.62);
  font-size: 0.68rem;
  line-height: 1.5;
}

.pricing-spine-workbench .goods-starting-point__list {
  display: grid;
  gap: 0.4rem;
}

.pricing-spine-workbench .goods-starting-point__list > span {
  display: grid;
  grid-template-columns: 1.35rem minmax(0, 1fr) 1rem;
  gap: 0.6rem;
  min-height: 44px;
  padding: 0.55rem 0.7rem;
  align-items: center;
  color: var(--calm-ivory);
  background: var(--calm-navy);
}

.pricing-spine-workbench .goods-starting-point__list > span > i:first-child {
  color: var(--calm-gold);
  font-size: 1.15rem;
}

.pricing-spine-workbench .goods-starting-point__list > span > i:last-child {
  font-size: 0.85rem;
}

.pricing-spine-workbench .goods-starting-point__list strong {
  font-family: var(--calm-sans);
  font-size: 0.66rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1.25;
  text-transform: uppercase;
}

.pricing-spine-workbench .goods-starting-point button,
.pricing-spine-workbench .goods-customizer__heading button {
  min-height: 44px;
  padding: 0.72rem 0.9rem;
  color: var(--calm-navy);
  border: 1px solid var(--calm-gold-dark);
  background: transparent;
  font-family: var(--calm-sans);
  font-size: 0.57rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.3;
  text-transform: uppercase;
  cursor: pointer;
}

.pricing-spine-workbench .goods-starting-point button:hover,
.pricing-spine-workbench .goods-customizer__heading button:hover {
  color: var(--calm-ivory);
  background: var(--calm-navy);
}

.pricing-spine-workbench .goods-starting-point button:focus-visible,
.pricing-spine-workbench .goods-customizer__heading button:focus-visible {
  outline: 2px solid var(--calm-gold-dark);
  outline-offset: 3px;
}

.pricing-spine-workbench .goods-customizer__heading {
  display: flex;
  gap: 1rem;
  align-items: end;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.pricing-spine-workbench #factor-program .goods-icon-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.45rem;
}

.pricing-spine-workbench #factor-program .goods-icon-grid label span {
  display: grid;
  grid-template-columns: 1.35rem minmax(0, 1fr) 1rem;
  gap: 0.55rem;
  width: 100%;
  min-height: 58px;
  padding: 0.65rem 0.7rem;
  align-items: center;
  line-height: 1.2;
}

.pricing-spine-workbench #factor-program .goods-icon-grid label span > i:first-child {
  color: var(--calm-gold-dark);
  font-size: 1.16rem;
}

.pricing-spine-workbench #factor-program .goods-icon-grid label span strong {
  font-family: var(--calm-sans);
  font-size: 0.62rem;
  font-weight: 600;
  letter-spacing: 0.075em;
  line-height: 1.28;
  text-transform: uppercase;
}

.pricing-spine-workbench #factor-program .goods-icon-grid label span .goods-icon-grid__check {
  visibility: hidden;
  color: inherit;
  font-size: 0.85rem;
}

.pricing-spine-workbench #factor-program .goods-icon-grid input:checked + span > i:first-child,
.pricing-spine-workbench #factor-program .goods-icon-grid input:checked + span .goods-icon-grid__check {
  visibility: visible;
  color: var(--calm-gold);
}

@media (max-width: 900px) {
  .pricing-spine-workbench .goods-starting-point {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .pricing-spine-workbench .goods-starting-point__list {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-row: 2;
  }

  .pricing-spine-workbench .goods-starting-point > button {
    grid-column: 2;
    grid-row: 1;
  }
}

@media (max-width: 620px) {
  .pricing-spine-workbench .goods-starting-point {
    display: block;
    padding: 1rem;
  }

  .pricing-spine-workbench .goods-starting-point__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 1rem;
  }

  .pricing-spine-workbench .goods-starting-point > button {
    width: 100%;
    margin-top: 0.9rem;
  }

  .pricing-spine-workbench .goods-customizer__heading {
    display: block;
  }

  .pricing-spine-workbench .goods-customizer__heading button {
    width: 100%;
    margin-top: 0.9rem;
  }

  .pricing-spine-workbench #factor-program .goods-icon-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pricing-spine-workbench #factor-program .goods-icon-grid label span {
    grid-template-columns: 1.2rem minmax(0, 1fr) 0.85rem;
    gap: 0.42rem;
    min-height: 54px;
    padding: 0.55rem;
  }

  .pricing-spine-workbench #factor-program .goods-icon-grid label span strong {
    font-size: 0.57rem;
    letter-spacing: 0.055em;
  }
}

/* Keep the reconciled four-step and three-choice layouts authoritative after
   the older breakpoint experiments above. */
@media (min-width: 761px) {
  .pricing-spine-workbench .factor-map {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .pricing-spine-workbench #factor-ownership .ownership-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .pricing-spine-workbench #factor-ownership .ownership-list label span,
  .pricing-spine-workbench #factor-ownership .ownership-list input:checked + span {
    min-height: 78px;
    padding: 1rem;
    border-right: 1px solid var(--calm-ink-line);
    border-bottom: 0;
    border-top: 0;
  }

  /* A prior two-column compact experiment removed the second cell's right
     edge. The reconciled ownership row has three columns, so restore both
     internal dividers before removing only the final outer edge. */
  .pricing-spine-workbench #factor-ownership .ownership-list label:nth-child(2n) span {
    border-right: 1px solid var(--calm-ink-line);
  }

  .pricing-spine-workbench #factor-ownership .ownership-list label:last-child span {
    border-right: 0;
  }
}

@media (max-width: 760px) {
  .pricing-spine-workbench .factor-map li:nth-child(3),
  .pricing-spine-workbench .factor-map li:nth-child(4) {
    border-bottom: 0;
  }
}

@media (max-width: 620px) {
  .pricing-spine-workbench #factor-ownership .ownership-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .pricing-spine-workbench #factor-ownership .ownership-list label span,
  .pricing-spine-workbench #factor-ownership .ownership-list input:checked + span {
    min-height: 62px;
    border-right: 0;
    border-bottom: 1px solid var(--calm-ink-line);
  }

  .pricing-spine-workbench #factor-ownership .ownership-list label:last-child span {
    border-bottom: 0;
  }
}

/* The reconciled estimator keeps supporting information compact so the broad
   range remains the visual destination rather than another full chapter. */
.pricing-spine-workbench #factor-ownership {
  grid-template-columns: minmax(0, 1fr);
  min-height: 0;
  padding-block: clamp(4.5rem, 6vw, 5.5rem);
}

.pricing-spine-workbench #factor-ownership .learning-chapter__answer {
  width: min(100%, 72rem);
  margin-inline: auto;
}

.pricing-spine-workbench #factor-ownership .answer-heading h2 {
  max-width: none;
  font-size: clamp(1.9rem, 3vw, 2.65rem);
  letter-spacing: -0.025em;
  line-height: 1.05;
  text-align: center;
}

.pricing-spine-workbench .range-program-overview {
  padding-bottom: 0;
}

.pricing-spine-workbench .precision-refinement {
  margin: 2rem 0 0;
  padding: 2rem 0 0;
  border-top: 1px solid rgba(184, 150, 90, 0.42);
  background: transparent;
  box-shadow: none;
}

.pricing-spine-workbench .range-program-overview > .precision-refinement .precision-refinement__toggle {
  padding: 0;
  border: 0;
}

.pricing-spine-workbench .range-program-overview > .precision-refinement .precision-refinement__panel {
  margin-top: 1.5rem;
  padding: 1.5rem;
  border: 1px solid rgba(184, 150, 90, 0.48);
  background: rgba(255, 253, 248, 0.48);
}

.pricing-spine-workbench .range-program-overview .rhythm-recommendation__actions {
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.pricing-spine-workbench .range-program-overview .rhythm-override-toggle {
  flex: 0 0 auto;
  width: fit-content;
  max-width: 100%;
  min-height: 44px;
  padding: 0.55rem 0.7rem;
  align-self: center;
  font-size: 0.54rem;
  letter-spacing: 0.11em;
  line-height: 1.15;
  white-space: nowrap;
}

/* Ownership comparison: make the disclosure a real planning guide without
   introducing a second heavy chapter or a divider-colored background. */
.pricing-spine-workbench .ownership-explainer {
  margin-top: 1.2rem;
  border: 0;
}

.pricing-spine-workbench .ownership-explainer summary {
  display: flex;
  width: 100%;
  min-height: 48px;
  padding: 0.85rem 1rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(184, 150, 90, 0.66);
  background: rgba(184, 150, 90, 0.06);
  text-align: center;
}

.pricing-spine-workbench .ownership-explainer[open] summary {
  color: var(--calm-ivory);
  border-color: var(--calm-navy);
  background: var(--calm-navy);
}

.pricing-spine-workbench .ownership-explainer__body {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  padding: 1rem 0 0;
  background: transparent;
}

.pricing-spine-workbench .ownership-explainer__body section {
  min-width: 0;
  padding: clamp(1.2rem, 2vw, 1.65rem);
  border: 1px solid rgba(8, 19, 33, 0.16);
  background: rgba(255, 253, 248, 0.58);
}

.pricing-spine-workbench .ownership-explainer__body .ownership-comparison--supplied {
  border-color: rgba(184, 150, 90, 0.82);
  background: rgba(184, 150, 90, 0.09);
}

.pricing-spine-workbench .ownership-explainer__body .ownership-comparison--unsure {
  grid-column: 1 / -1;
}

.pricing-spine-workbench .ownership-comparison > span,
.pricing-spine-workbench .ownership-comparison dt {
  color: var(--calm-gold-dark);
  font-family: var(--calm-sans);
  font-size: 0.56rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: 1.45;
  text-transform: uppercase;
}

.pricing-spine-workbench .ownership-explainer__body h4 {
  margin-top: 0.5rem;
  font-size: clamp(1.35rem, 2.2vw, 1.8rem);
}

.pricing-spine-workbench .ownership-explainer__body .ownership-comparison__lead {
  margin-top: 0.75rem;
  color: rgba(8, 19, 33, 0.72);
  font-size: 0.72rem;
  line-height: 1.62;
}

.pricing-spine-workbench .ownership-comparison dl {
  display: grid;
  gap: 0.85rem;
  margin: 1.1rem 0 0;
}

.pricing-spine-workbench .ownership-comparison dl > div {
  padding-top: 0.8rem;
  border-top: 1px solid rgba(184, 150, 90, 0.46);
}

.pricing-spine-workbench .ownership-comparison dd {
  margin: 0.32rem 0 0;
  color: rgba(8, 19, 33, 0.64);
  font-size: 0.66rem;
  line-height: 1.55;
}

.pricing-spine-workbench .ownership-comparison--unsure dl {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pricing-spine-workbench .ownership-comparison__note {
  margin: 1.15rem 0 0;
  padding: 0.9rem 1rem;
  color: var(--calm-navy);
  border-left: 2px solid var(--calm-gold-dark);
  background: rgba(255, 253, 248, 0.62);
  font-size: 0.64rem;
  line-height: 1.55;
}

/* Finish and return are generated program facts, so they read as editorial
   summaries with supporting icons rather than selectable tiles. */
.pricing-spine-workbench .finish-program-heading {
  display: grid;
  grid-template-columns: 1.7rem minmax(0, 1fr);
  gap: 0.8rem;
  align-items: start;
}

.pricing-spine-workbench .finish-program-heading > i,
.pricing-spine-workbench .return-format__summary > i {
  color: var(--calm-gold-dark);
  font-size: 1.45rem;
  line-height: 1;
  pointer-events: none;
}

.pricing-spine-workbench .finish-program-heading span {
  color: var(--calm-gold-dark);
  font-family: var(--calm-sans);
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  line-height: 1.4;
  text-transform: uppercase;
}

.pricing-spine-workbench .range-program-overview__card--finish .finish-program-heading h4 {
  margin: 0.42rem 0 1.1rem;
  color: var(--calm-navy);
  font-family: var(--calm-serif);
  font-size: clamp(1.25rem, 1.8vw, 1.55rem);
  font-weight: 400;
  line-height: 1.08;
}

.pricing-spine-workbench .range-program-overview .finish-goods-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 1rem;
}

.pricing-spine-workbench .range-program-overview .finish-goods-list li {
  grid-template-columns: 1.45rem minmax(0, 1fr);
  gap: 0.65rem;
  align-items: start;
  padding: 0.8rem 0;
}

.pricing-spine-workbench .finish-goods-list__icon {
  display: flex;
  min-height: 1.35rem;
  align-items: center;
  justify-content: center;
  color: var(--calm-gold-dark);
  font-size: 1.1rem;
  line-height: 1;
  pointer-events: none;
}

.pricing-spine-workbench .finish-goods-list li > div {
  min-width: 0;
}

.pricing-spine-workbench .finish-goods-list li > div > span {
  display: block;
}

.pricing-spine-workbench .finish-goods-list li > div > strong {
  display: block;
  margin-top: 0.22rem;
}

.pricing-spine-workbench .range-program-overview .return-format__summary {
  display: grid;
  grid-template-columns: 1.7rem minmax(0, 1fr);
  gap: 0.8rem;
  align-items: start;
  padding: 1rem 0 0;
  border-top-color: rgba(184, 150, 90, 0.72);
}

.pricing-spine-workbench .range-program-overview__card--finish,
.pricing-spine-workbench .range-program-overview__card--finish * {
  cursor: default;
}

/* Compact and phone layouts should feel guided rather than vertically padded.
   Center short decision copy, but keep explanatory paragraphs left aligned. */
@media (max-width: 1199px) {
  .pricing-spine-workbench #factor-volume .volume-question,
  .pricing-spine-workbench #factor-volume .volume-estimator__fields {
    min-height: 0;
  }

  .pricing-spine-workbench #factor-volume .volume-question__navigation {
    margin-top: 1.35rem;
    padding-top: 0;
  }

  .pricing-spine-workbench #factor-volume .volume-estimator__status {
    max-width: 44rem;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  .pricing-spine-workbench .answer-heading,
  .pricing-spine-workbench .volume-choice-field > legend {
    text-align: center;
  }

  .pricing-spine-workbench .volume-choice-grid label > span,
  .pricing-spine-workbench .segmented-choice label > span,
  .pricing-spine-workbench .rhythm-options label > span {
    align-items: center;
    text-align: center;
  }

  .pricing-spine-workbench .ownership-explainer__body {
    grid-template-columns: minmax(0, 1fr);
  }

  .pricing-spine-workbench .ownership-explainer__body .ownership-comparison--unsure {
    grid-column: auto;
  }

  .pricing-spine-workbench .ownership-comparison--unsure dl {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 620px) {
  .pricing-spine-workbench #factor-ownership {
    padding-block: 3rem;
  }

  .pricing-spine-workbench .range-program-overview {
    padding-bottom: 0;
  }

  .pricing-spine-workbench .precision-refinement {
    margin-top: 1.5rem;
    padding: 1.5rem 0 0;
  }

  .pricing-spine-workbench .range-program-overview > .precision-refinement .precision-refinement__toggle {
    padding: 0;
  }

  .pricing-spine-workbench .range-program-overview > .precision-refinement .precision-refinement__panel {
    padding: 1.1rem;
  }

  .pricing-spine-workbench .range-program-overview .rhythm-override-toggle {
    width: fit-content;
    padding-right: 0.65rem;
    padding-left: 0.65rem;
  }

  .pricing-spine-workbench .ownership-explainer__body section {
    padding: 1.1rem;
  }

  .pricing-spine-workbench .ownership-explainer__body h4,
  .pricing-spine-workbench .ownership-comparison > span {
    text-align: center;
  }

  .pricing-spine-workbench .range-program-overview .finish-goods-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .pricing-spine-workbench .finish-program-heading {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.55rem;
    text-align: center;
  }

  .pricing-spine-workbench .finish-program-heading > i {
    justify-self: center;
  }
}

/* The compact and phone estimator use a centered decision axis. Keep longer
   reading copy left aligned, but center the short prompts called out in the
   responsive review. */
@media (max-width: 1199px) {
  .pricing-spine-workbench #factor-volume .volume-question--empty {
    align-items: center;
    text-align: center;
  }

  .pricing-spine-workbench #factor-volume .volume-question--empty .volume-question__eyebrow {
    width: 100%;
    text-align: center;
  }

  .pricing-spine-workbench #factor-program .operation-picker-field > span,
  .pricing-spine-workbench #factor-program .calm-fieldset > legend,
  .pricing-spine-workbench #factor-program .calm-fieldset > p {
    text-align: center;
  }

  .pricing-spine-workbench #factor-program .operation-picker__trigger {
    position: relative;
    justify-content: center;
    text-align: center;
  }

  .pricing-spine-workbench #factor-program .operation-picker__trigger strong {
    width: 100%;
    padding-right: 2.5rem;
    padding-left: 2.5rem;
    text-align: center;
  }

  .pricing-spine-workbench #factor-program .operation-picker__trigger i {
    position: absolute;
    top: 50%;
    right: 0.25rem;
    transform: translateY(-50%);
  }

  .pricing-spine-workbench #factor-program .calm-fieldset > p {
    max-width: 48rem;
    margin-right: auto;
    margin-left: auto;
  }

  .pricing-spine-workbench .quote-privacy-note {
    max-width: 48rem;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    text-wrap: balance;
  }
}
