:root {
  --brand-purple: #4b2458;
  --aubergine-deep: #4b2458;
  --aubergine-dark: #4b2458;
  --aubergine-light: #4b2458;
  --aubergine-muted: var(--brand-purple);
  --aubergine-panel: var(--brand-purple);
  --data-purple: var(--brand-purple);
  --raspberry: var(--brand-purple);
  --reading-navy: #4b2458;
  --secondary-navy: #4b2458;
  --data-orange: #8f3f59;
  --pocket-yellow: #fcdf9c;
  --pocket-yellow-hover: #ffe9b7;
}

/* Opening screen: blend the original warmth with the designer's split layout. */
.designer-hero {
  display: grid;
  grid-template-columns: minmax(250px, 31%) minmax(0, 1fr);
  width: min(100% - 48px, 1120px);
  min-height: min(760px, calc(100vh - 72px));
  margin: 34px auto 70px;
  overflow: hidden;
  border: 1px solid rgb(38 17 52 / 12%);
  border-radius: 18px;
  background: #fbfaf8;
  box-shadow: 0 20px 65px rgb(38 17 52 / 13%);
}

/* Faithful baseline of the supplied designer proposal. */
.proposal-screen {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  width: 100%;
  min-height: 100vh;
  background: #fbfaf9;
  color: #17163e;
}
.proposal-screen__rail {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 23px;
  padding: 34px 28px 38px;
  background: linear-gradient(155deg, #21103e 0%, #4a245c 100%);
  color: #fff;
  text-align: center;
}
.proposal-screen__rail > img { width: 205px; max-height: 185px; object-fit: contain; }
.proposal-screen__tagline { display: grid; gap: 4px; margin: 0 0 2px; font: 1.75rem/1.05 Georgia, serif; }
.proposal-screen__tagline strong { color: #f6b619; font-size: 2.2rem; }
.proposal-promise { display: grid; justify-items: center; gap: 6px; max-width: 220px; }
.proposal-promise > i { display: grid; place-items: center; width: 42px; height: 42px; border: 1.5px solid #fff; border-radius: 50%; font: normal 1.1rem Arial, sans-serif; }
.proposal-promise b { font-size: .94rem; line-height: 1.35; }
.proposal-promise span { color: rgb(255 255 255 / 82%); font-size: .8rem; line-height: 1.4; }
.proposal-screen__main { padding: 30px 36px 34px; }
.proposal-progress { display: grid; grid-template-columns: 230px 1fr; align-items: start; gap: 75px; }
.proposal-progress > div { display: grid; gap: 16px; padding-top: 9px; }
.proposal-progress > div strong { font-size: 1rem; }
.proposal-progress > div > span { height: 8px; overflow: hidden; border-radius: 10px; background: #dddce0; }
.proposal-progress > div i { display: block; width: 46%; height: 100%; border-radius: inherit; background: #3a1267; }
.proposal-progress ol { display: grid; grid-template-columns: repeat(6, 1fr); gap: 18px; margin: 0; padding: 0; list-style: none; }
.proposal-progress li { display: grid; justify-items: center; gap: 9px; font-size: .75rem; font-weight: 750; line-height: 1.15; text-align: center; }
.proposal-progress li b { display: grid; place-items: center; width: 35px; height: 35px; border: 1px solid #aaa8ae; border-radius: 50%; background: #fff; font-size: 1rem; }
.proposal-progress li.active b { border-color: #3a1267; background: #3a1267; color: #fff; }
.proposal-screen__main > h2 { margin: 42px 4px 22px; font-size: 1.18rem; font-weight: 500; }
.proposal-card { padding: 25px 25px 16px; border: 1px solid #e0dde1; border-radius: 12px; background: #fff; box-shadow: 0 4px 18px rgb(32 22 42 / 8%); }
.proposal-card label,
.proposal-card fieldset { display: grid; gap: 15px; margin: 0; padding: 0; border: 0; }
.proposal-questionnaire { display: grid; gap: 24px; margin-top: 30px; padding-top: 28px; border-top: 1px solid rgb(38 17 52 / 16%); }
.proposal-questionnaire > p { margin: 0; color: #b77a14; font-family: var(--font-display); font-size: 1.45rem; font-weight: 700; }
.proposal-card label > b,
.proposal-card legend { color: #17163e; font-size: 1rem; font-weight: 800; line-height: 1.3; }
.proposal-date { padding-bottom: 20px !important; border-bottom: 1px solid #ddd9dd !important; }
.proposal-date > span,
.proposal-money { display: flex; align-items: center; width: min(100%, 510px); height: 55px; overflow: hidden; border: 1px solid #cfcbd0; border-radius: 6px; }
.proposal-date input,
.proposal-money input { width: 100%; height: 100%; border: 0; outline: 0; padding: 0 17px; background: #fff; color: #31254c; font: 700 1rem Arial, sans-serif; }
.proposal-money i { display: grid; place-items: center; align-self: stretch; width: 52px; background: #faf8f8; font-style: normal; font-weight: 800; }
.proposal-two-column { display: grid; grid-template-columns: 1fr 1.15fr; gap: 28px; padding: 22px 0; border-bottom: 1px solid #ddd9dd; }
.proposal-two-column > fieldset { padding-left: 28px; border-left: 1px solid #ddd9dd; }
.proposal-choices { display: flex; gap: 16px; }
.proposal-choices button { display: flex; flex: 1; align-items: center; justify-content: center; gap: 17px; min-height: 54px; border: 1px solid #cfcbd0; border-radius: 6px; background: #fff; color: #17163e; font-size: .96rem; font-weight: 750; cursor: pointer; }
.proposal-choices button i { display: grid; place-items: center; width: 27px; height: 27px; border: 2px solid #4b2458; border-radius: 50%; color: #4b2458; font-style: normal; font-size: 1rem; }
.proposal-choices button.selected { border-color: #4b2458; background: #f7f1f8; box-shadow: 0 0 0 1px #4b2458 inset; }
.proposal-receipts { padding-top: 22px !important; }
.proposal-receipts .proposal-choices button:nth-child(2) i { border-color: #e69500; color: #e69500; }
.proposal-receipts .proposal-choices button:last-child i,
.proposal-two-column fieldset .proposal-choices button:last-child i { border-color: #d6252f; color: #d6252f; }
.proposal-receipts > p { margin: 0; padding: 11px 15px; border-radius: 6px; background: #f2eaf6; color: #282044; font-size: .82rem; }
.proposal-receipts a { color: #3a1267; font-weight: 800; }
.proposal-error { min-height: 18px; margin: 8px 0 0; color: #a52831; font-size: .84rem; }
.proposal-card footer { display: grid; grid-template-columns: 145px 1fr 180px; align-items: center; gap: 24px; padding-top: 12px; }
.proposal-card footer > span { color: #6d6474; font-size: .88rem; text-align: center; }
.proposal-card footer button { height: 50px; border-radius: 6px; font-size: .96rem; font-weight: 800; cursor: pointer; }
#proposal-back { border: 1px solid #4b2458; background: #fff; color: #4b2458; }
#proposal-next { display: flex; align-items: center; justify-content: center; gap: 35px; border: 1px solid #3a1267; background: #3a1267; color: #fff; }
#proposal-next i { font-size: 1.55rem; font-style: normal; font-weight: 400; }
.proposal-disclaimer { display: flex; gap: 20px; margin-top: 18px; padding: 17px 24px; border: 1px solid #d8d4d8; border-radius: 9px; background: #fff; }
.proposal-disclaimer > i { display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; border-radius: 50%; background: #4b2458; color: #fff; font-style: normal; }
.proposal-disclaimer p { display: grid; gap: 6px; margin: 0; font-size: .82rem; line-height: 1.35; }
.landing > .designer-hero { display: none !important; }
.landing:has(.proposal-screen) { width: 100% !important; max-width: none !important; padding: 0 !important; }

@media (max-width: 900px) {
  .proposal-screen { grid-template-columns: 1fr; }
  .proposal-screen__rail { gap: 6px; padding: 18px; }
  .proposal-screen__rail > img { width: 130px; max-height: 88px; }
  .proposal-screen__tagline { display: flex; gap: 6px; font-size: 1.1rem; }
  .proposal-screen__tagline strong { font-size: 1.1rem; }
  .proposal-promise { display: none; }
  .proposal-screen__main { padding: 24px 18px 30px; }
  .proposal-progress { grid-template-columns: 1fr; gap: 15px; }
  .proposal-progress ol { gap: 4px; }
  .proposal-progress li span { display: none; }
  .proposal-screen__main > h2 { margin: 28px 0 16px; }
  .proposal-two-column { grid-template-columns: 1fr; }
  .proposal-two-column > fieldset { padding: 22px 0 0; border-left: 0; border-top: 1px solid #ddd9dd; }
  .proposal-receipts .proposal-choices { display: grid; }
  .proposal-card footer { grid-template-columns: 105px 1fr; }
  .proposal-card footer > span { display: none; }
}

/* Optically center the consent-page heading, supporting line, and gold rule
   as one unit within the white working area. */
body.summary-active #summary-title,
body.summary-active .summary-intro {
  position: relative;
  left: -12px;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

body.summary-active #summary-title::after {
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 720px) {
  body.summary-active #summary-title,
  body.summary-active .summary-intro {
    left: 0;
  }
}

/* Compact questionnaire proportions. This final layer intentionally keeps the
   form primary and the branding supportive. */
body.proposal-active .proposal-screen {
  grid-template-columns: 280px minmax(0, 1fr) !important;
}

body.proposal-active .proposal-title-block {
  padding: 24px 22px 14px !important;
}

body.proposal-active .proposal-title-block__identity {
  gap: 8px !important;
}

body.proposal-active .proposal-title-block__identity img {
  width: 116px !important;
  height: 108px !important;
}

body.proposal-active .proposal-title-block__identity strong {
  font-size: 1.4rem !important;
}

body.proposal-active .proposal-title-block > p {
  display: grid !important;
  gap: 2px !important;
  max-width: 245px !important;
  margin: 10px auto 0 !important;
  font-size: .84rem !important;
  line-height: 1.35 !important;
}

body.proposal-active .proposal-title-block > p span {
  display: block !important;
}

body.proposal-active .proposal-screen__rail {
  width: 100% !important;
  gap: 14px !important;
  padding: 8px 26px 28px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #4b2458 !important;
}

body.proposal-active .proposal-screen__tagline {
  gap: 2px !important;
  margin: 2px 0 8px !important;
  font-size: 1.35rem !important;
}

body.proposal-active .proposal-screen__tagline strong {
  margin-top: 2px !important;
  font-size: 1.55rem !important;
}

body.proposal-active .proposal-promise {
  gap: 3px !important;
  max-width: 230px !important;
}

body.proposal-active .proposal-promise b {
  font-size: .88rem !important;
  line-height: 1.25 !important;
}

body.proposal-active .proposal-promise span {
  font-size: .8rem !important;
  line-height: 1.35 !important;
}

body.proposal-active .proposal-screen__main {
  width: min(100%, 940px) !important;
  padding: 26px 38px 36px !important;
}

body.proposal-active .proposal-progress {
  grid-template-columns: 120px minmax(0, 1fr) !important;
  gap: 22px !important;
}

body.proposal-active .proposal-progress > div {
  gap: 5px !important;
  padding-top: 1px !important;
}

body.proposal-active .proposal-progress > div strong,
body.proposal-active .proposal-progress li {
  font-size: .75rem !important;
}

body.proposal-active .proposal-progress ol {
  gap: 3px !important;
}

body.proposal-active .proposal-progress li {
  gap: 3px !important;
  line-height: 1.08 !important;
}

body.proposal-active .proposal-progress li b {
  width: 23px !important;
  height: 23px !important;
  font-size: .75rem !important;
}

body.proposal-active .proposal-screen__main > h2 {
  margin: 22px 4px 16px !important;
  font-size: 1rem !important;
}

body.proposal-active .proposal-card {
  gap: 18px !important;
  padding: 24px 28px 20px !important;
  border-radius: 11px !important;
}

body.proposal-active .proposal-card label,
body.proposal-active .proposal-card fieldset {
  gap: 8px !important;
}

body.proposal-active .proposal-card label > b,
body.proposal-active .proposal-card legend {
  font-size: .9rem !important;
}

body.proposal-active .proposal-date > span,
body.proposal-active .proposal-money {
  width: min(100%, 420px) !important;
  height: 42px !important;
}

body.proposal-active .proposal-date input,
body.proposal-active .proposal-money input {
  padding-inline: 13px !important;
  font-size: .875rem !important;
}

body.proposal-active .proposal-money i {
  width: 42px !important;
}

body.proposal-active .proposal-two-column {
  gap: 28px !important;
}

body.proposal-active .proposal-choices {
  gap: 9px !important;
}

body.proposal-active .proposal-choices button {
  gap: 9px !important;
  min-height: 42px !important;
  font-size: .8rem !important;
}

body.proposal-active .proposal-choices button i {
  width: 20px !important;
  height: 20px !important;
  font-size: .78rem !important;
}

body.proposal-active .proposal-receipts > p {
  padding: 8px 11px !important;
  font-size: .75rem !important;
}

body.proposal-active .proposal-error {
  min-height: 0 !important;
  margin: 0 !important;
}

body.proposal-active .proposal-card footer {
  grid-template-columns: 110px 1fr 145px !important;
  gap: 18px !important;
  padding-top: 0 !important;
}

body.proposal-active .proposal-card footer button {
  height: 42px !important;
  font-size: .85rem !important;
}

/* Scenario-first intake: one human visual alongside the initial story,
   followed by the fuller fact-gathering only after the initial evaluation. */
body.proposal-active .proposal-screen__main {
  width: min(100%, 1040px) !important;
  padding: 36px 42px 32px !important;
}
body.proposal-active .proposal-screen__main > h2,
body.proposal-active .proposal-screen__main > .proposal-information-note {
  max-width: none !important;
}
body.proposal-active .scenario-layout {
  display: grid;
  grid-template-columns: minmax(190px, 25%) minmax(0, 1fr);
  gap: clamp(22px, 4vw, 48px);
  align-items: start;
  max-width: 900px;
  margin: 12px auto 0;
}
body.proposal-active .scenario-visual {
  min-height: 425px;
  margin: 0;
  overflow: hidden;
  border-radius: 12px;
  background: #eee0c7;
}
body.proposal-active .scenario-visual img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 425px;
  object-fit: cover;
  object-position: 50% 54%;
}
body.proposal-active .scenario-content .section-marker {
  margin: 2px 0 8px;
  color: #9d6814;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
body.proposal-active .scenario-content > h2 {
  max-width: 640px;
  margin: 0 0 8px !important;
  color: #4b2458;
  font-family: Forum, Georgia, serif;
  font-size: clamp(1.55rem, 2.4vw, 2.2rem) !important;
  font-weight: 400 !important;
  line-height: 1.08;
}
body.proposal-active .scenario-content .proposal-information-note {
  max-width: 570px;
  margin: 0 0 20px;
  color: #594e60;
  font-size: .94rem;
  line-height: 1.45;
}
body.proposal-active .scenario-content .proposal-card {
  display: grid;
  gap: 18px !important;
  max-width: 620px !important;
  padding: 0 !important;
}
body.proposal-active .scenario-content .proposal-card fieldset {
  width: 100%;
  max-width: none !important;
}
body.proposal-active .scenario-content .proposal-card legend {
  margin-bottom: 8px;
  color: #34203e;
  font-size: .95rem !important;
  font-weight: 800;
}
body.proposal-active .proposal-choices--stacked {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px !important;
}
body.proposal-active .proposal-choices--stacked button {
  min-height: 45px !important;
  padding: 8px 10px !important;
  line-height: 1.18;
}
body.proposal-active .proposal-location {
  padding-top: 2px !important;
}
body.proposal-active .proposal-location-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 95px;
  gap: 10px;
  max-width: 380px;
}
body.proposal-active .proposal-location-grid label {
  display: grid;
  gap: 4px;
}
body.proposal-active .proposal-location-grid label > span {
  color: #6d6474;
  font-size: .76rem;
  font-weight: 700;
}
body.proposal-active .proposal-location-grid input {
  box-sizing: border-box;
  width: 100%;
  height: 38px;
  border: 1px solid rgb(75 36 88 / 24%);
  border-radius: 6px;
  outline: 0;
  background: #fff;
  color: #31254c;
  padding: 0 10px;
  font-size: .92rem;
}
body.proposal-active .scenario-content .proposal-card footer {
  grid-template-columns: auto 1fr auto !important;
  gap: 12px !important;
  margin-top: 2px;
}
body.proposal-active .proposal-disclaimer { max-width: 900px !important; margin: 20px auto 0 !important; }

@media (max-width: 900px) {
  body.proposal-active .proposal-screen__main { padding: 24px 18px 28px !important; }
  body.proposal-active .scenario-layout { grid-template-columns: 1fr; gap: 16px; margin-top: 0; }
  body.proposal-active .scenario-visual,
  body.proposal-active .scenario-visual img { min-height: 160px; height: 160px; }
  body.proposal-active .scenario-visual img { object-position: 50% 48%; }
  body.proposal-active .scenario-content > h2 { font-size: 1.65rem !important; }
  body.proposal-active .scenario-content .proposal-card footer { grid-template-columns: auto 1fr auto !important; }
}

@media (max-width: 520px) {
  body.proposal-active .proposal-choices--stacked { grid-template-columns: 1fr; }
  body.proposal-active .proposal-choices--stacked button { justify-content: flex-start; padding-inline: 14px !important; }
  body.proposal-active .scenario-content .proposal-card footer { grid-template-columns: 1fr auto !important; }
  body.proposal-active #proposal-back { display: none !important; }
}

body.proposal-active .proposal-card footer > span,
body.proposal-active .proposal-disclaimer p {
  font-size: .75rem !important;
}

body.proposal-active .proposal-disclaimer {
  margin-top: 12px !important;
  padding: 12px 18px !important;
}

@media (max-width: 900px) {
  body.proposal-active .proposal-screen {
    grid-template-columns: 1fr !important;
  }

  body.proposal-active .proposal-screen__main {
    padding: 26px 0 42px !important;
  }

  body.proposal-active .proposal-progress {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}

/* Keep the proposal questionnaire's aubergine rail through the viewport edge. */
body.proposal-active {
  min-height: 100vh !important;
  min-height: 100svh !important;
  background: linear-gradient(to right, #4b2458 0 300px, var(--warm-cream, #fbf6ee) 300px) fixed !important;
}

body.proposal-active > div,
body.proposal-active .landing,
body.proposal-active .proposal-screen {
  min-height: 100vh !important;
  min-height: 100svh !important;
}

body.proposal-active .proposal-screen {
  grid-template-rows: auto minmax(0, 1fr) !important;
  align-items: stretch !important;
}

body.proposal-active .proposal-screen__rail {
  min-height: 100% !important;
}

@media (max-width: 900px) {
  body.proposal-active {
    background: var(--warm-cream, #fbf6ee) !important;
  }
}

/* Compact five-question opening view with an unmistakable selected state. */
body.proposal-active .proposal-screen__main {
  width: min(100%, 780px) !important;
  padding: 12px 26px 24px !important;
}

body.proposal-active .proposal-progress,
body.proposal-active .proposal-screen__main > h2,
body.proposal-active .proposal-card,
body.proposal-active .proposal-disclaimer {
  max-width: 680px !important;
}

body.proposal-active .proposal-screen__main > h2 {
  margin-top: 8px !important;
  margin-bottom: 7px !important;
}

body.proposal-active .proposal-card {
  gap: 11px !important;
  padding-top: 4px !important;
}

body.proposal-active .proposal-two-column {
  gap: 11px !important;
}

body.proposal-active .proposal-card label,
body.proposal-active .proposal-card fieldset {
  gap: 4px !important;
}

body.proposal-active .proposal-date > span,
body.proposal-active .proposal-money,
body.proposal-active .proposal-statement-date > span {
  display: flex !important;
  align-items: center !important;
  width: min(100%, 360px) !important;
  height: 34px !important;
  overflow: hidden !important;
  border: 1px solid rgb(75 36 88 / 24%) !important;
  border-radius: 6px !important;
  background: #fff !important;
}

body.proposal-active .proposal-statement-date input {
  width: 100% !important;
  height: 100% !important;
  padding: 0 13px !important;
  border: 0 !important;
  outline: 0 !important;
  background: #fff !important;
  color: #31254c !important;
  font-size: .875rem !important;
  font-weight: 700 !important;
}

body.proposal-active .proposal-statement-date small {
  color: #6d6474 !important;
  font-size: .75rem !important;
  line-height: 1.25 !important;
}

body.proposal-active .proposal-choices button {
  min-height: 34px !important;
  padding-block: 3px !important;
}

body.proposal-active .proposal-choices button.selected,
body.proposal-active .proposal-choices button[aria-pressed="true"] {
  border-color: #4b2458 !important;
  background: #eadff0 !important;
  color: #261134 !important;
  box-shadow: 0 0 0 2px rgb(75 36 88 / 18%) !important;
}

body.proposal-active .proposal-receipts > p {
  padding-block: 5px !important;
}

body.proposal-active .proposal-card footer {
  margin-top: 0 !important;
}

body.proposal-active .proposal-disclaimer {
  margin-top: 6px !important;
  padding-top: 5px !important;
}

/* Questions read in one uninterrupted top-to-bottom sequence. */
body.proposal-active .proposal-two-column {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 18px !important;
}

body.proposal-active .proposal-two-column > label {
  width: min(100%, 360px) !important;
}

body.proposal-active .proposal-two-column > fieldset {
  width: min(100%, 430px) !important;
  max-width: 430px !important;
}

/* Eighth refinement: restore the intended stacked sidebar headline. */
.proposal-screen__rail {
  background: #261134 !important;
  color: #fff;
}
.proposal-screen__tagline {
  display: grid;
  justify-items: center;
  gap: 0;
  white-space: normal;
  color: #fff;
  font-size: 1.08rem;
  line-height: 1.05;
}
.proposal-screen__tagline strong {
  color: var(--pocket-yellow);
  font-size: 1.32rem;
  line-height: 1.05;
}
.proposal-promise b,
.proposal-promise span {
  color: #fff;
}
.proposal-promise span { opacity: .82; }
.proposal-screen__main > h2 {
  margin-top: 2px;
}

/* Seventh refinement: the framed side statement sits on cream, reads as one
   line, and the form uses compact vertical rhythm without reducing legibility. */
.proposal-screen {
  background: var(--warm-cream, #fbf6ee) !important;
}
.proposal-title-block {
  background: #261134 !important;
}
.proposal-screen__rail {
  background: var(--warm-cream, #fbf6ee) !important;
}
.proposal-screen__tagline {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  justify-content: center;
  gap: 5px;
  max-width: none;
  white-space: nowrap;
  font-size: .93rem;
}
.proposal-screen__tagline strong {
  font-size: 1.05rem;
}
.proposal-title-block__identity img {
  width: 86px;
  height: auto;
}
.proposal-screen__main {
  margin-top: 9px;
  margin-bottom: 14px;
  padding-top: 10px;
  padding-bottom: 12px;
}
.proposal-progress > div { gap: 3px; }
.proposal-progress li { gap: 2px; }
.proposal-screen__main > h2 { margin: 8px 2px 5px; }
.proposal-card { padding: 6px 10px 5px; }
.proposal-card label,
.proposal-card fieldset { gap: 3px; }
.proposal-date { padding-bottom: 0 !important; }
.proposal-two-column { padding: 2px 0 !important; }
.proposal-receipts { padding-top: 2px !important; }
.proposal-receipts > p { margin-top: 1px; padding-block: 3px; }
.proposal-error { min-height: 4px; margin: 0; line-height: 1; }
.proposal-card footer { padding-top: 0; }
.proposal-disclaimer { margin-top: 4px; padding-block: 5px; }

@media (max-width: 900px) {
  .proposal-screen__tagline { white-space: normal; }
}

/* Sixth refinement: restore the submitted logo proportions and replace the
   heavy left color field with a framed, compact supporting block. */
.proposal-screen {
  grid-template-columns: 250px minmax(0, 1fr);
  column-gap: 0;
  padding: 0 10px 12px;
}
.proposal-title-block {
  margin: 0 -10px;
  padding: 8px 20px 10px;
}
.proposal-title-block__identity {
  align-items: flex-start;
  gap: 13px;
}
.proposal-title-block__identity img {
  width: 78px;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
}
.proposal-title-block__identity strong {
  align-self: flex-start;
  margin-top: 15px;
  font-size: 1.92rem;
}
.proposal-title-block > p {
  margin-top: -5px;
  font-size: 1.05rem;
}
.proposal-screen__rail {
  align-self: start;
  width: 222px;
  min-height: 0;
  margin: 14px 12px 0 6px;
  padding: 17px 15px 15px;
  border: 2px solid #261134;
  border-radius: 10px;
  background: var(--warm-cream, #fbf6ee) !important;
  color: #261134;
}
.proposal-screen__tagline {
  margin: 0 auto 9px;
  color: #261134;
  font-size: 1.15rem;
}
.proposal-screen__tagline strong {
  color: #d69d35;
  font-size: 1.38rem;
}
.proposal-promise {
  max-width: 184px;
  margin-top: 0;
  padding: 4px 0;
}
.proposal-promise b { color: #261134; font-size: .69rem; }
.proposal-promise span { color: #5d5062; font-size: .62rem; }
.proposal-screen__main {
  width: auto;
  max-width: 940px;
  margin: 14px auto 24px 0;
  padding: 15px 18px 19px;
}
.proposal-progress { grid-template-columns: 145px 1fr; gap: 25px; }
.proposal-progress > div { gap: 6px; }
.proposal-progress ol { gap: 4px; }
.proposal-screen__main > h2 { margin: 15px 2px 8px; }
.proposal-card { padding: 9px 12px 7px; }
.proposal-card label,
.proposal-card fieldset { gap: 5px; }
.proposal-date { padding-bottom: 2px !important; }
.proposal-date > span,
.proposal-money { height: 31px; }
.proposal-two-column { padding: 4px 0 !important; }
.proposal-receipts { padding-top: 5px !important; }
.proposal-choices button { min-height: 31px; padding-block: 3px; }
.proposal-receipts > p { padding-block: 4px; }
.proposal-error { min-height: 7px; margin-top: 1px; }
.proposal-card footer { padding-top: 1px; }
.proposal-disclaimer { margin-top: 7px; padding-block: 6px; }

@media (max-width: 900px) {
  .proposal-screen { grid-template-columns: 1fr; padding-inline: 8px; }
  .proposal-title-block { margin-inline: -8px; }
  .proposal-screen__rail { width: min(100%, 620px); margin: 10px auto 0; }
  .proposal-screen__main { width: min(100%, 680px); margin: 10px auto 24px; }
}

/* Fifth refinement: restore the simple wide pocket, remove form rules, and
   let aubergine remain visible around the contained cream work surface. */
.proposal-title-block__identity img {
  width: 92px;
  height: 74px;
}
.proposal-title-block__identity strong,
.proposal-title-block__identity strong span:last-child {
  color: #fff;
}
.proposal-screen__tagline strong {
  color: var(--pocket-yellow);
}
.proposal-screen {
  min-height: 100vh;
  background: #261134 !important;
}
.proposal-screen__main {
  align-self: start;
  width: calc(100% - 42px);
  max-width: 980px;
  margin: 18px auto 34px;
  padding: 20px 24px 28px;
  border-radius: 12px;
  background: var(--warm-cream, #fbf6ee) !important;
}
.proposal-date,
.proposal-two-column {
  border-bottom: 0 !important;
}
.proposal-two-column > fieldset {
  border-left: 0 !important;
}
.proposal-date { padding-bottom: 5px !important; }
.proposal-two-column { padding: 7px 0 !important; }

@media (max-width: 900px) {
  .proposal-screen__main { width: calc(100% - 24px); margin: 12px auto 28px; }
  .proposal-title-block__identity img { width: 74px; height: 60px; }
}

/* Third refinement: one centered identity block spanning the full proposal. */
.proposal-screen {
  grid-template-rows: auto auto;
}
.proposal-title-block {
  grid-column: 1 / -1;
  display: grid;
  justify-items: center;
  gap: 5px;
  padding: 16px 24px 18px;
  background: #261134;
  color: #fff;
  text-align: center;
}
.proposal-title-block__identity {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.proposal-title-block__identity img {
  width: 74px;
  height: 74px;
  object-fit: contain;
}
.proposal-title-block__identity strong {
  display: flex;
  align-items: baseline;
  gap: 10px;
  color: #fff;
  font: 700 2.05rem/1 Georgia, "Times New Roman", serif;
  letter-spacing: .01em;
}
.proposal-title-block__identity strong span:last-child {
  color: #f2a900;
  font-size: .78em;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.proposal-title-block > p {
  margin: 0;
  color: #fff;
  font-size: 1.32rem;
  line-height: 1.3;
}
.proposal-screen__rail {
  background: #261134;
}
.proposal-screen__rail > img { display: none !important; }
.proposal-screen__tagline {
  margin: 8px auto 15px;
}
.proposal-screen__tagline strong {
  color: #f2a900;
}

@media (max-width: 700px) {
  .proposal-title-block { padding: 13px 16px 15px; }
  .proposal-title-block__identity { gap: 10px; }
  .proposal-title-block__identity img { width: 54px; height: 54px; }
  .proposal-title-block__identity strong { gap: 6px; font-size: 1.42rem; }
  .proposal-title-block > p { font-size: 1rem; }
}

/* Fourth refinement: edge-to-edge aubergine, unified controls, and the
   distinctive tall brand typography requested from the supplied screenshot. */
html,
body { background: #261134 !important; }
.masthead { display: none !important; }
.landing:has(.proposal-screen) {
  padding: 0 !important;
  background: #261134 !important;
}
.proposal-screen {
  grid-template-columns: 300px minmax(0, 1fr);
  width: 100%;
  max-width: none;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: #261134;
  box-shadow: none;
}
.proposal-title-block,
.proposal-screen__rail {
  background: #261134 !important;
}
.proposal-title-block {
  padding-top: 18px;
  padding-bottom: 16px;
}
.proposal-title-block__identity strong {
  color: #fff;
  font-family: "Palatino Linotype", Palatino, Baskerville, serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.12;
  letter-spacing: .015em;
}
.proposal-title-block__identity strong span:last-child {
  color: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  text-transform: none;
}
.proposal-title-block > p {
  padding: 0;
  background: transparent !important;
  color: #fff;
  font-size: 1.32rem;
}
.proposal-screen__tagline {
  font-family: "Palatino Linotype", Palatino, Baskerville, serif;
  font-weight: 400;
}
.proposal-screen__tagline strong {
  color: #f2a900;
  font-family: "Instrument Sans", Arial, sans-serif;
  font-weight: 800;
}
.proposal-screen__main {
  max-width: none;
  background: var(--warm-cream, #fbf6ee);
}
.proposal-progress > div i,
.proposal-progress li.active b {
  border-color: #261134;
  background: #261134;
}
.request-progress__status i,
.request-progress li.is-active b {
  border-color: #261134;
  background: #261134;
}

@media (max-width: 900px) {
  .proposal-screen { grid-template-columns: 1fr; }
  .proposal-title-block__identity strong { font-size: 1.55rem; }
  .proposal-title-block > p { font-size: 1rem; }
}

/* Second refinement: contained composition and tighter left-hand rhythm. */
.masthead,
.site-footer { background: #261134 !important; }
.landing:has(.proposal-screen) {
  background: var(--warm-cream, #fbf6ee) !important;
  padding: 24px 0 64px !important;
}
.proposal-screen {
  grid-template-columns: 300px minmax(0, 1fr);
  width: min(100% - 48px, 1080px);
  min-height: 0;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid rgb(38 17 52 / 12%);
  border-radius: 12px;
  box-shadow: 0 12px 42px rgb(38 17 52 / 10%);
}
.proposal-screen__rail {
  justify-content: flex-start;
  gap: 4px;
  padding: 25px 24px 28px;
}
.proposal-screen__rail > img {
  display: block;
  width: 280px;
  margin: 0 auto;
}
.proposal-screen__tagline {
  justify-items: center;
  width: 100%;
  margin: -12px auto 15px;
  text-align: center;
}
.proposal-screen__tagline strong { color: #f2a900; }
.proposal-promise {
  gap: 2px;
  margin-top: 2px;
  padding: 5px 0;
}
.proposal-screen__main {
  width: min(100%, 750px);
  padding: 18px 24px 30px;
}
.proposal-progress { grid-template-columns: 160px 1fr; gap: 35px; }
.proposal-progress ol { gap: 6px; }
.proposal-screen__main > h2 { margin: 22px 3px 11px; font-size: .88rem; }
.proposal-card { padding: 12px 14px 9px; }
.proposal-card label > b,
.proposal-card legend { font-size: .75rem; }
.proposal-date { padding-bottom: 9px !important; }
.proposal-date > span,
.proposal-money { height: 35px; }
.proposal-two-column { gap: 14px; padding: 10px 0; }
.proposal-two-column > fieldset { padding-left: 14px; }
.proposal-choices { gap: 6px; }
.proposal-choices button { gap: 5px; min-height: 35px; padding: 5px 7px; font-size: .68rem; }
.proposal-choices button i { width: 17px; height: 17px; font-size: .65rem; }
.proposal-receipts { padding-top: 10px !important; }
.proposal-receipts > p { padding: 6px 9px; font-size: .65rem; }
.proposal-card footer { grid-template-columns: 95px 1fr 125px; gap: 12px; padding-top: 4px; }
.proposal-card footer button { height: 34px; font-size: .7rem; }
.proposal-disclaimer { margin-top: 9px; padding: 8px 12px; }

@media (max-width: 900px) {
  .landing:has(.proposal-screen) { padding: 12px 0 42px !important; }
  .proposal-screen { grid-template-columns: 1fr; width: min(100% - 24px, 680px); }
  .proposal-screen__rail > img { width: 210px; }
  .proposal-screen__tagline { margin: -8px auto 0; }
  .proposal-screen__main { width: 100%; }
  .proposal-progress { grid-template-columns: 1fr; gap: 10px; }
  .proposal-two-column { grid-template-columns: 1fr; }
  .proposal-two-column > fieldset { padding: 10px 0 0; }
}

/* First requested refinement: larger identity, quieter supporting copy, and
   substantially reduced form density with the established cream background. */
.proposal-screen {
  grid-template-columns: 330px minmax(0, 1fr);
  background: var(--warm-cream, #fbf6ee);
}
.proposal-screen__rail {
  gap: 12px;
  padding: 32px 25px;
  background: #261134;
}
.proposal-screen__rail > img {
  width: 305px;
  max-width: 100%;
  max-height: 265px;
}
.proposal-screen__tagline {
  margin: -4px 0 18px;
  font-size: 1.45rem;
}
.proposal-screen__tagline strong {
  color: #f2a900;
  font-size: 1.8rem;
}
.proposal-promise {
  gap: 3px;
  max-width: 205px;
  margin-top: 6px;
}
.proposal-promise > i { display: none !important; }
.proposal-promise b { font-size: .76rem; line-height: 1.25; }
.proposal-promise span { font-size: .68rem; line-height: 1.28; }

.proposal-screen__main {
  width: min(100%, 980px);
  margin-inline: auto;
  padding: 22px 30px 46px;
}
.proposal-progress { grid-template-columns: 190px 1fr; gap: 54px; }
.proposal-progress > div { gap: 9px; padding-top: 5px; }
.proposal-progress > div strong { font-size: .82rem; }
.proposal-progress > div > span { height: 5px; }
.proposal-progress ol { gap: 10px; }
.proposal-progress li { gap: 5px; font-size: .64rem; }
.proposal-progress li b { width: 27px; height: 27px; font-size: .76rem; }
.proposal-screen__main > h2 { margin: 30px 4px 15px; font-size: .98rem; }
.proposal-card { padding: 16px 18px 12px; border-radius: 9px; }
.proposal-card label,
.proposal-card fieldset { gap: 9px; }
.proposal-card label > b,
.proposal-card legend { font-size: .82rem; line-height: 1.25; }
.proposal-date { padding-bottom: 13px !important; }
.proposal-date > span,
.proposal-money { height: 40px; }
.proposal-date input,
.proposal-money input { padding-inline: 12px; font-size: .82rem; }
.proposal-money i { width: 40px; }
.proposal-two-column { gap: 20px; padding: 14px 0; }
.proposal-two-column > fieldset { padding-left: 20px; }
.proposal-choices { gap: 9px; }
.proposal-choices button { gap: 9px; min-height: 40px; font-size: .76rem; }
.proposal-choices button i { width: 20px; height: 20px; font-size: .76rem; }
.proposal-receipts { padding-top: 14px !important; }
.proposal-receipts > p { padding: 8px 11px; font-size: .7rem; }
.proposal-error { min-height: 11px; margin-top: 4px; font-size: .7rem; }
.proposal-card footer { grid-template-columns: 110px 1fr 145px; gap: 18px; padding-top: 7px; }
.proposal-card footer > span { font-size: .72rem; }
.proposal-card footer button { height: 38px; font-size: .78rem; }
#proposal-next { gap: 24px; }
#proposal-next i { font-size: 1.1rem; }
.proposal-disclaimer { gap: 13px; margin-top: 12px; padding: 11px 16px; }
.proposal-disclaimer > i { flex-basis: 31px; width: 31px; height: 31px; }
.proposal-disclaimer p { gap: 3px; font-size: .68rem; }

@media (max-width: 900px) {
  .proposal-screen { grid-template-columns: 1fr; }
  .proposal-screen__rail { padding: 18px; }
  .proposal-screen__rail > img { width: 195px; max-height: 150px; }
  .proposal-screen__tagline { margin: 0; font-size: 1rem; }
  .proposal-screen__tagline strong { font-size: 1rem; }
  .proposal-screen__main { padding: 22px 18px 36px; }
  .proposal-progress { grid-template-columns: 1fr; gap: 12px; }
  .proposal-two-column { grid-template-columns: 1fr; }
  .proposal-two-column > fieldset { padding: 14px 0 0; }
  .proposal-card footer { grid-template-columns: 90px 1fr; }
}

.designer-hero__rail {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 38px 30px;
  background: linear-gradient(155deg, #21103b, #4b2458);
  color: #fff;
  text-align: center;
}
.designer-hero__rail > img { width: min(190px, 82%); max-height: 168px; object-fit: contain; }
.designer-hero__rail > p { display: grid; gap: 4px; margin: 0; font: 1.65rem/1.05 Georgia, serif; }
.designer-hero__rail > p strong { color: #f5b619; font-size: 2rem; }
.designer-hero__rail > div { display: grid; gap: 5px; max-width: 225px; }
.designer-hero__rail > div::before { content: ""; width: 28px; height: 1px; margin: 0 auto 6px; background: #f5b619; }
.designer-hero__rail b { font-size: .9rem; line-height: 1.35; }
.designer-hero__rail div span { color: rgb(255 255 255 / 78%); font-size: .78rem; line-height: 1.4; }

.designer-hero__main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(48px, 7vw, 96px);
  color: #17133d;
}
.designer-hero__eyebrow { margin: 0 0 18px; color: #75455f; font-size: .78rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.designer-hero__main h2 { display: grid; gap: 2px; max-width: 680px; margin: 0; font: clamp(2.7rem, 6vw, 5.4rem)/.95 Georgia, serif; letter-spacing: -.035em; }
.designer-hero__main h2 strong { color: #8f3f59; font-weight: 700; }
.designer-hero__lead { max-width: 600px; margin: 24px 0 42px; font-size: clamp(1.1rem, 2vw, 1.45rem); line-height: 1.45; }
.designer-hero__question { max-width: 650px; padding: 26px 28px; border-left: 4px solid #f5b619; border-radius: 0 10px 10px 0; background: #fff; box-shadow: 0 8px 30px rgb(38 17 52 / 8%); }
.designer-hero__question p { margin: 0 0 7px; font-size: 1.08rem; font-weight: 800; }
.designer-hero__question > span { display: block; line-height: 1.5; }
.designer-hero__question .begin-button { width: auto !important; margin: 22px 0 0 !important; padding-inline: 24px !important; }
.designer-hero__assurance { margin: 24px 0 0; color: #4b3f55; font-size: .92rem; }
.landing > h1,
.landing > .hero-narrative,
.landing > .hero-brand-break,
.landing > .hero-guidance,
.landing > .hero-risk,
.landing > .hero-early-cta { display: none !important; }

@media (max-width: 760px) {
  .designer-hero { grid-template-columns: 1fr; width: min(100% - 28px, 640px); margin: 14px auto 48px; }
  .designer-hero__rail { gap: 8px; padding: 22px 20px; }
  .designer-hero__rail > img { width: 130px; max-height: 92px; }
  .designer-hero__rail > p { display: flex; gap: 7px; font-size: 1.1rem; }
  .designer-hero__rail > p strong { font-size: 1.1rem; }
  .designer-hero__rail > div { display: none; }
  .designer-hero__main { padding: 40px 26px 46px; }
  .designer-hero__main h2 { font-size: clamp(2.6rem, 13vw, 4rem); }
  .designer-hero__lead { margin: 18px 0 28px; }
  .designer-hero__question { padding: 22px 20px; }
}

/* Screenshot-led questionnaire shell: a calm working surface with persistent
   brand reassurance and clear six-step orientation. */
.request-rail,
.request-progress,
.request-intro { display: none; }

body.questionnaire-active {
  background: #fbfaf8 !important;
}

body.questionnaire-active .masthead,
body.questionnaire-active .site-footer {
  display: none !important;
}

body.questionnaire-active .questionnaire {
  display: grid !important;
  grid-template-columns: 300px minmax(0, 1fr);
  min-height: 100vh;
  min-height: 100svh;
  background: #fbfaf8 !important;
}

body.questionnaire-active .request-rail {
  display: flex;
  position: sticky;
  top: 0;
  flex-direction: column;
  align-items: center;
  align-self: start;
  width: 300px;
  height: 100vh;
  height: 100svh;
  overflow-y: auto;
  padding: 28px 30px 26px;
  background: linear-gradient(155deg, #22103d 0%, #4b2458 100%);
  color: #fff;
  text-align: center;
}

.request-rail__logo {
  width: 170px;
  max-height: 150px;
  object-fit: contain;
  object-position: top center;
}

.request-rail__headline {
  display: grid;
  gap: 2px;
  margin: 16px 0 20px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.65rem;
  line-height: 1.08;
}

.request-rail__headline strong { color: #f5b619; font-size: 2.05rem; }

.request-rail__promise {
  display: grid;
  justify-items: center;
  gap: 5px;
  max-width: 220px;
  margin-top: 15px;
}

.request-rail__icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  margin-bottom: 2px;
  border: 1.5px solid rgb(255 255 255 / 82%);
  border-radius: 50%;
  font: 700 1rem/1 Arial, sans-serif;
}

.request-rail__promise strong { font-size: .92rem; line-height: 1.3; }
.request-rail__promise p { margin: 0; color: rgb(255 255 255 / 82%); font-size: .78rem; line-height: 1.42; }

body.questionnaire-active .questionnaire__inner {
  width: min(100% - 64px, 980px) !important;
  min-height: 100vh !important;
  padding: 32px 0 54px !important;
  margin: 0 auto !important;
}

.request-progress {
  display: grid;
  grid-template-columns: minmax(180px, 260px) 1fr;
  align-items: start;
  gap: 70px;
  color: #14113d;
}

.request-progress__status { display: grid; gap: 14px; padding-top: 7px; }
.request-progress__status strong { font-size: 1rem; }
.request-progress__status > span { height: 8px; overflow: hidden; border-radius: 99px; background: #dedde0; }
.request-progress__status i { display: block; width: 16.666%; height: 100%; border-radius: inherit; background: #3b1269; transition: width .25s ease; }
.request-progress ol { display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px; margin: 0; padding: 0; list-style: none; }
.request-progress li { display: grid; justify-items: center; gap: 8px; color: #1b183e; font-size: .72rem; font-weight: 750; line-height: 1.18; text-align: center; }
.request-progress li b { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #a9a7ae; border-radius: 50%; background: #fff; font-size: .92rem; }
.request-progress li.is-active b { border-color: #3b1269; background: #3b1269; color: #fff; }
.request-progress li.is-complete b { border-color: #78518e; color: #3b1269; }

.request-intro {
  display: block;
  margin: 54px 0 22px;
  color: #18143e;
  font-size: 1.18rem;
}

body.questionnaire-active .interview {
  min-height: 540px;
  padding: 28px 30px 26px;
  border: 1px solid rgb(38 17 52 / 11%);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 4px 22px rgb(28 18 40 / 7%);
}

body.questionnaire-active .active-question {
  min-height: 420px !important;
  padding: 0 0 82px !important;
}

body.questionnaire-active .question-label {
  color: #16133c !important;
  font-size: 1.15rem !important;
  font-weight: 780 !important;
}

body.questionnaire-active .active-question .question-label::before {
  background: #3b1269 !important;
}

body.questionnaire-active .answer-choice {
  min-height: 54px;
  border: 1px solid #cfccd2 !important;
  border-radius: 7px !important;
  background: #fff !important;
  color: #17143e !important;
  -webkit-text-fill-color: #17143e !important;
  box-shadow: none !important;
}

body.questionnaire-active .answer-choice:hover,
body.questionnaire-active .answer-choice:focus-visible,
body.questionnaire-active .answer-choice[aria-pressed="true"] {
  border-color: #4b2458 !important;
  background: #f6f0f8 !important;
}

body.questionnaire-active .field-next,
body.questionnaire-active .primary-button {
  min-width: 150px !important;
  border-radius: 6px !important;
  background: #3b1269 !important;
}

@media (max-width: 900px) {
  body.questionnaire-active .questionnaire { grid-template-columns: 1fr; }
  body.questionnaire-active .request-rail { position: static; width: 100%; height: auto; padding: 18px 22px; }
  .request-rail__logo { width: 132px; max-height: 86px; }
  .request-rail__headline { display: flex; gap: 7px; margin: 5px 0 0; font-size: 1.2rem; }
  .request-rail__headline strong { font-size: 1.2rem; }
  .request-rail__promise { display: none; }
  body.questionnaire-active .questionnaire__inner { width: min(100% - 34px, 760px) !important; padding-top: 24px !important; }
  .request-progress { grid-template-columns: 1fr; gap: 18px; }
  .request-progress ol { gap: 5px; }
  .request-progress li span { display: none; }
  .request-progress li b { width: 31px; height: 31px; }
  .request-intro { margin: 30px 0 16px; font-size: 1.04rem; }
  body.questionnaire-active .interview { min-height: 500px; padding: 24px 20px; }
}

/* Date fields use a clean underline focus state. Prevent the browser from
   leaving a gold rectangular focus ring after a calendar date is chosen. */
.date-trigger:focus,
.date-trigger:focus-visible {
  outline: 0 !important;
  box-shadow: none !important;
  border-bottom-color: var(--aubergine-deep) !important;
}

/* The secure-return surface uses the single brand aubergine. */
.return-dialog {
  background: var(--aubergine-dark) !important;
  backdrop-filter: none !important;
}

.return-dialog__panel {
  background: var(--aubergine-dark) !important;
  border-color: rgb(255 255 255 / 18%) !important;
  box-shadow: none !important;
}

.return-link,
.return-entry button,
.return-method:hover,
.return-method:focus-visible {
  color: var(--data-orange) !important;
}

.return-link[hidden] {
  display: none !important;
}

.return-link:not([hidden]) {
  color: #fff !important;
}

.return-link:not([hidden]):hover,
.return-link:not([hidden]):focus-visible {
  color: #fff !important;
}


.begin-button,
.field-next,
.interview .primary-button,
.process-stage > .primary-button,
.review-panel > .primary-button,
#submit-button,
.friend-share .primary-button,
.share-options button,
.continue-device,
.return-entry button {
  border-color: var(--aubergine-dark) !important;
  background: var(--aubergine-dark) !important;
  color: #fff !important;
  font-weight: 800 !important;
  text-shadow: none !important;
  filter: none !important;
  transform: none !important;
  box-shadow: none !important;
}

.landing h1 strong { color: var(--data-orange) !important; }

.transcript-row dd,
.transcript-row dd button,
.summary-list dd,
.summary-list dd button,
.field-wrap input,
.field-wrap select,
.field-wrap input[type="date"],
.date-trigger,
.date-trigger__value,
.answer-area input,
.answer-area select {
  color: var(--data-orange) !important;
  -webkit-text-fill-color: var(--data-orange) !important;
  caret-color: var(--data-orange) !important;
  font-weight: 800 !important;
  opacity: 1 !important;
}

.field-wrap input:-webkit-autofill,
.field-wrap input:-webkit-autofill:hover,
.field-wrap input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--data-orange) !important;
  caret-color: var(--data-orange) !important;
  font-weight: 800 !important;
}

body #authorization-error.authorization-error,
.summary .summary-edit {
  color: var(--data-orange) !important;
  -webkit-text-fill-color: var(--data-orange) !important;
  font-weight: 800 !important;
}

.section-marker,
.question-header,
.friend-share__marker,
.confirmation .eyebrow,
.service-fee > span,
.summary-list dt,
.claim-kicker {
  font-weight: 800 !important;
}

.consent input[type="checkbox"] {
  appearance: none;
  position: relative;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  border: 2px solid var(--aubergine-dark);
  border-radius: 3px;
  background: #fff;
  accent-color: auto;
}

.consent input[type="checkbox"]:checked { background: #fff; }

.consent input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid var(--aubergine-dark);
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.summary-logo-frame { background: var(--aubergine-dark) !important; }

/* Center the hero headline and supporting prompt on the same axis. */
.landing h1,
.landing h1 strong {
  width: 100%;
  text-align: center !important;
}

.landing h1 strong {
  display: block;
  transform: none !important;
}

.landing__prompt {
  width: 100%;
  margin-inline: auto;
  text-align: center !important;
}

.landing .landing__prompt > p,
.landing .landing__prompt > div {
  width: 100%;
  margin-left: 0 !important;
  transform: none !important;
  text-align: center !important;
}

/* Keep Next in the document flow at the bottom of each page section. */
.forward-action {
  position: static !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 0 0 auto !important;
}

.active-question,
.review-panel,
.process-stage,
.details-stage {
  padding-bottom: 32px !important;
}

/* Light-blue text now uses the same coral as entered data. */
.process-guidance,
.distinction-arrow,
.service-fee > strong,
.process-steps article:first-child .process-note,
.process-steps article:first-child .process-note strong,
.process-steps article:nth-child(4) .service-fee > strong,
.summary .summary-edit,
.authorization-error,
body #authorization-error.authorization-error,
.share-options button,
.friend-share__status {
  color: var(--data-orange) !important;
  -webkit-text-fill-color: var(--data-orange) !important;
}

/* Recovery-calculation text uses the approved data coral. */
.recovery-example small,
.recovery-example strong,
.recovery-example b,
.recovery-example__total small,
.recovery-example__total strong {
  color: var(--data-orange) !important;
}

/* The mediator marker matches the logo pocket gold. */
.distinction-parties .distinction-mediator b {
  background: #fcdf9c !important;
  color: var(--aubergine-dark) !important;
}

/* Return-request makeover: one hierarchy and one consistent control scale. */
.return-dialog {
  padding: 24px !important;
}

.return-dialog__panel {
  width: min(100%, 520px) !important;
  padding: 44px 46px 38px !important;
  border: 1px solid rgb(252 223 156 / 24%) !important;
  border-radius: 14px !important;
}

.return-dialog .section-marker,
.return-dialog h2,
.return-intro,
#return-form label {
  text-align: center !important;
}

.return-dialog h2 {
  margin: 5px 0 14px !important;
  font-size: clamp(1.75rem, 4vw, 2.15rem) !important;
}

.return-intro {
  max-width: 390px !important;
  margin: 0 auto 26px !important;
  color: rgb(255 255 255 / 76%) !important;
}

.continue-device,
.return-entry button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: min(100%, 238px) !important;
  min-height: 42px !important;
  margin: 0 auto !important;
  border: 1px solid var(--data-orange) !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #fff !important;
  padding: 9px 18px !important;
  font-size: .84rem !important;
  font-weight: 750 !important;
}

.continue-device[hidden] { display: none !important; }

.continue-device:hover,
.continue-device:focus-visible,
.return-entry button:hover,
.return-entry button:focus-visible {
  background: var(--data-orange) !important;
  color: var(--aubergine-dark) !important;
}

.return-divider {
  margin: 19px 0 17px !important;
  color: rgb(255 255 255 / 48%) !important;
  font-size: .78rem !important;
}

#return-form label {
  display: block !important;
  width: 100% !important;
  margin-inline: auto !important;
  margin-bottom: 9px !important;
  font-size: .82rem !important;
  text-align: center !important;
}

.return-entry {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
}

.return-entry input {
  width: min(100%, 330px) !important;
  min-height: 44px !important;
  margin: 0 auto !important;
  border: 1px solid rgb(255 255 255 / 26%) !important;
  border-radius: 8px !important;
  color: var(--data-orange) !important;
  -webkit-text-fill-color: var(--data-orange) !important;
  caret-color: var(--data-orange) !important;
  text-align: center !important;
  font-weight: 750 !important;
  background: #fff !important;
  box-shadow: 0 0 0 1000px #fff inset !important;
}

.return-entry input:-webkit-autofill,
.return-entry input:-webkit-autofill:hover,
.return-entry input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--data-orange) !important;
  box-shadow: 0 0 0 1000px #fff inset !important;
}

.start-email-fields {
  display: grid;
  gap: 7px;
  width: min(100%, 330px);
  margin: 18px auto 0;
}

.start-email-fields[hidden] { display: none !important; }

#return-form .start-email-fields label {
  margin: 4px 0 0 !important;
  color: #fff !important;
  text-align: left !important;
}

.start-email-fields input {
  width: 100%;
  min-height: 44px;
  border: 1px solid rgb(255 255 255 / 26%);
  border-radius: 8px;
  background: #fff !important;
  color: var(--data-orange);
  -webkit-text-fill-color: var(--data-orange);
  padding: 10px 12px;
  font-weight: 700;
  box-shadow: 0 0 0 1000px #fff inset !important;
}

.verification-code-wrap {
  width: min(100%, 330px);
  margin: 18px auto 0;
}

.verification-code-wrap[hidden] { display: none !important; }

#return-form .verification-code-wrap label {
  margin-bottom: 7px !important;
  color: #fff !important;
}

.verification-code-wrap input {
  width: 100%;
  min-height: 52px;
  border: 1px solid rgb(255 255 255 / 26%);
  border-radius: 8px;
  background: #fff !important;
  color: var(--data-orange);
  -webkit-text-fill-color: var(--data-orange);
  padding: 10px 12px;
  font-size: 1.3rem;
  font-weight: 800;
  letter-spacing: .28em;
  text-align: center;
  box-shadow: 0 0 0 1000px #fff inset !important;
}

.continue-device,
.return-entry button {
  background: #fff !important;
  color: var(--data-orange) !important;
  -webkit-text-fill-color: var(--data-orange) !important;
}

.continue-device:hover,
.continue-device:focus-visible,
.return-entry button:hover,
.return-entry button:focus-visible {
  background: #fff5ed !important;
  color: var(--data-orange) !important;
  -webkit-text-fill-color: var(--data-orange) !important;
}

.return-method {
  margin: 15px auto 0 !important;
  color: var(--data-orange) !important;
  font-size: .78rem !important;
}

.return-status {
  color: var(--data-orange) !important;
  text-align: center !important;
}

.guided-difference {
  max-width: 680px;
  margin: 30px auto;
  padding: 20px 24px;
  border-left: 3px solid var(--data-orange);
  background: #fffaf5;
  text-align: center;
}

.guided-difference .section-marker {
  margin-bottom: 7px !important;
  color: var(--data-orange) !important;
}

.guided-difference > p:last-child {
  margin: 0 !important;
  color: var(--aubergine-dark) !important;
  font-size: 1.05rem !important;
  font-weight: 750 !important;
}

/* Opening value proposition: quiet, spacious, and explicit about both the
   managed service and the success-based fee. */
.landing__difference,
.landing__promise {
  position: relative;
  z-index: 2;
  width: min(100%, 540px);
  margin-inline: auto;
  text-align: center;
}

.landing__difference {
  margin-top: 58px;
}

.word-emphasis {
  font-weight: 800;
}

.landing__marker {
  margin: 0 0 22px;
  color: var(--data-orange);
  font-family: var(--font-display);
  font-size: clamp(2.35rem, 6vw, 3.75rem);
  font-weight: 400;
  line-height: .95;
  letter-spacing: -.025em;
  text-transform: none;
}

.landing__difference h2,
.landing__promise h2 {
  margin: 0;
  color: var(--aubergine-dark);
  font-family: var(--font-display);
  font-weight: 400;
  letter-spacing: -.02em;
}

.landing__difference h2 {
  font-size: clamp(1.8rem, 4vw, 2.45rem);
  line-height: 1.06;
}

.landing__difference h2 span,
.landing__promise-result,
.landing__promise-result span {
  display: block;
}

.landing__competitor-copy {
  max-width: 490px;
  margin: 17px auto 0;
  color: rgb(38 17 52 / 76%);
  font-size: .94rem;
  line-height: 1.62;
}

.landing__service-intro {
  max-width: 480px;
  margin: 34px auto 0;
  color: var(--aubergine-dark);
  font-size: 1.05rem;
  font-weight: 650;
  line-height: 1.55;
}

.landing__difference h3 {
  margin: 36px 0 22px;
  color: var(--aubergine-dark);
  font-family: var(--font-display);
  font-size: clamp(1.45rem, 3vw, 1.8rem);
  font-weight: 400;
  letter-spacing: -.015em;
}

.landing__service-list {
  max-width: 470px;
  margin: 0 auto;
  padding: 0;
  counter-reset: sdg-service;
  list-style: none;
  text-align: left;
}

.landing__service-list li {
  display: grid;
  grid-template-columns: 2.15rem 1fr;
  gap: 13px;
  align-items: start;
  color: var(--aubergine-dark);
  font-size: .98rem;
  line-height: 1.48;
}

.landing__service-list li + li {
  margin-top: 17px;
}

.landing__service-list li::before {
  counter-increment: sdg-service;
  content: counter(sdg-service, decimal-leading-zero);
  color: var(--data-orange);
  font-family: var(--font-display);
  font-size: 1.45rem;
  line-height: 1;
}

.landing__promise {
  margin-top: 88px;
  padding: 12px 0;
}

.landing__promise h2 {
  color: var(--data-orange);
  font-size: clamp(2.05rem, 4.8vw, 3rem);
  line-height: 1;
}

.landing__promise p {
  max-width: 470px;
  margin: 21px auto 0;
  color: var(--aubergine-dark);
  font-size: 1rem;
  line-height: 1.55;
}

.landing__promise .landing__fee-condition {
  max-width: 450px;
  margin-top: 18px;
  font-size: 1.06rem;
}

.flat-fee-clarification {
  width: min(100%, 590px);
  margin: 25px auto 0;
  padding: 19px 24px 20px;
  border: 2px solid #b77a14;
  border-radius: 13px;
  background: #fff9eb;
  box-shadow: 5px 5px 0 rgb(183 122 20 / 18%);
  color: var(--aubergine-dark);
  text-align: center;
}

.landing__promise .flat-fee-clarification p {
  max-width: none;
  margin: 0;
  font-size: 1rem;
  line-height: 1.5;
}

.landing__promise .flat-fee-clarification p:first-child {
  color: var(--brand-purple);
  font-size: 1.12rem;
}

.landing__promise .flat-fee-clarification p + p {
  margin-top: 9px;
}

.landing__promise .landing__work-statement {
  margin-top: 34px;
}

.landing__promise .landing__promise-result {
  margin-top: 8px;
}

.landing__promise + .landing__prompt {
  margin-top: 68px;
}

.landing__prompt > div > span + span {
  margin-top: 9px;
}

.phrase-line {
  display: block;
  text-wrap: balance;
}

.phrase-line + .phrase-line {
  margin-top: 0 !important;
}

.hero-risk .phrase-line + .phrase-line {
  margin-top: 5px !important;
}

.hero-brand-break {
  width: calc(100% + 80px);
  margin: 22px -40px 20px;
  padding: 18px 26px;
  background: var(--brand-purple);
}

.hero-brand-break img {
  display: block;
  width: 100%;
  height: auto;
}

.landing h1 .hero-title__subject,
.landing h1 .hero-title__action {
  font: inherit;
  font-weight: 700;
}

.landing h1 .hero-title__subject {
  color: var(--reading-navy) !important;
  font-family: var(--font-display);
  font-weight: 400;
  letter-spacing: -.02em;
}

.landing h1 .hero-title__action {
  color: var(--data-orange) !important;
  margin-top: .14em;
}

.landing h1 + .hero-narrative {
  margin-top: 26px;
}

.hero-narrative__cost::after {
  content: "";
  display: block;
  width: 68px;
  height: 1px;
  margin: 19px auto 7px;
  background: rgb(75 36 88 / 34%);
}

.landing__prompt .begin-button {
  margin: 20px auto 0 !important;
}

.sample-letter-link {
  display: block;
  width: fit-content;
  margin: 12px auto 0;
  color: #48245f;
  font-weight: 700;
  text-underline-offset: 3px;
}

.landing .landing__prompt .landing__pocket-mark {
  width: 112px;
  height: 112px;
  display: grid;
  place-items: center;
  margin: 20px auto 18px !important;
  border-radius: 50%;
  background: var(--brand-purple);
  transform: none !important;
}

.landing__pocket-mark img {
  display: block;
  width: 74%;
  height: auto;
}

@media (max-width: 520px) {
  .landing .landing__prompt .landing__pocket-mark {
    width: 98px;
    height: 98px;
  }
}

/* Quiet identity and information-use reassurance at the decision points. */
.landing > .hero-company-name {
  margin: 0 auto 14px !important;
  color: #9b6500 !important;
  font-size: .82rem !important;
  font-weight: 750 !important;
  letter-spacing: .13em !important;
  line-height: 1.25 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

.proposal-information-note {
  width: min(100%, 640px) !important;
  margin: 8px auto 18px !important;
  color: #5f5064 !important;
  font-size: .9rem !important;
  line-height: 1.5 !important;
  text-align: center !important;
}

/* Quiet gold signature: repeat the completion panel's small centered tab at
   major transitions, while leaving everyday form fields undecorated. */
.hero-brand-break,
body.proposal-active .proposal-title-block {
  position: relative !important;
}

.hero-brand-break::after,
body.proposal-active .proposal-title-block::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 50%;
  width: 64px;
  height: 3px;
  transform: translateX(-50%);
  background: #dcae32;
}

#process-title::after,
#summary-title::after {
  content: "";
  display: block;
  width: 64px;
  height: 3px;
  margin: 17px auto 0;
  background: #dcae32;
}

/* Repeat the offset gold frame selectively so it becomes a brand motif. */
.service-comparison__column,
.request-editorial,
.recovery-example,
.summary,
.confirmation {
  border-color: rgb(75 36 88 / 18%) !important;
  box-shadow:
    8px 8px 0 rgb(252 223 156 / 58%),
    0 14px 30px rgb(75 36 88 / 8%) !important;
}

.begin-button,
body.proposal-active #proposal-next,
body.questionnaire-active .field-next,
body.questionnaire-active .interview .primary-button,
body.questionnaire-active .process-stage > .primary-button,
body.questionnaire-active .review-panel > .primary-button,
body.questionnaire-active #submit-button,
body.questionnaire-active .share-options button,
body.questionnaire-active .confirmation-finish,
.return-dialog .continue-device,
.return-dialog .return-entry button {
  box-shadow: 5px 5px 0 rgb(252 223 156 / 72%) !important;
  transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease, color .16s ease !important;
}

.begin-button:hover,
.begin-button:focus-visible,
body.proposal-active #proposal-next:hover,
body.proposal-active #proposal-next:focus-visible,
body.questionnaire-active .field-next:hover,
body.questionnaire-active .field-next:focus-visible,
body.questionnaire-active .primary-button:hover,
body.questionnaire-active .primary-button:focus-visible,
body.questionnaire-active #submit-button:hover,
body.questionnaire-active #submit-button:focus-visible,
body.questionnaire-active .share-options button:hover,
body.questionnaire-active .share-options button:focus-visible,
body.questionnaire-active .confirmation-finish:hover,
body.questionnaire-active .confirmation-finish:focus-visible,
.return-dialog .continue-device:hover,
.return-dialog .continue-device:focus-visible,
.return-dialog .return-entry button:hover,
.return-dialog .return-entry button:focus-visible {
  transform: translate(2px, 2px) !important;
  box-shadow: 2px 2px 0 rgb(252 223 156 / 72%) !important;
}

@media (max-width: 520px) {
  .service-comparison__column,
  .request-editorial,
  .recovery-example,
  .summary,
  .confirmation {
    box-shadow:
      5px 5px 0 rgb(252 223 156 / 58%),
      0 10px 22px rgb(75 36 88 / 7%) !important;
  }
}

/* Agreed opening questionnaire: one composed page, structured by space rather
   than separator lines. */
body.proposal-active {
  background: var(--warm-cream, #fbf6ee) !important;
}

body.proposal-active > div > .masthead,
body.proposal-active .site-footer {
  display: none !important;
}

body.proposal-active .landing {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--warm-cream, #fbf6ee) !important;
}

body.proposal-active .landing > :not(.proposal-screen) {
  display: none !important;
}

body.proposal-active .proposal-screen {
  display: grid !important;
  grid-template-columns: 340px minmax(0, 1fr) !important;
  grid-template-rows: auto 1fr !important;
  width: 100% !important;
  min-height: 100svh !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--warm-cream, #fbf6ee) !important;
  box-shadow: none !important;
}

body.proposal-active .proposal-title-block {
  grid-column: 1 !important;
  grid-row: 1 !important;
  padding: 38px 30px 20px !important;
  background: #4b2458 !important;
}

body.proposal-active .proposal-title-block__identity {
  display: grid !important;
  justify-items: center !important;
  gap: 15px !important;
}

body.proposal-active .proposal-title-block__identity img {
  width: 205px !important;
  height: 180px !important;
  object-fit: contain !important;
}

body.proposal-active .proposal-title-block__identity strong {
  display: block !important;
  color: #fff !important;
  font-family: var(--font-display) !important;
  font-size: 1.7rem !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
  text-align: center !important;
}

body.proposal-active .proposal-title-block__identity strong span {
  display: inline !important;
  color: inherit !important;
}

body.proposal-active .proposal-title-block__identity strong span + span {
  margin-left: .24em !important;
}

body.proposal-active .proposal-title-block > p {
  max-width: 270px !important;
  margin: 13px auto 0 !important;
  color: rgb(255 255 255 / 88%) !important;
  font-size: .95rem !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

body.proposal-active .proposal-screen__rail {
  grid-column: 1 !important;
  grid-row: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 22px !important;
  padding: 12px 34px 42px !important;
  background: #4b2458 !important;
  color: #fff !important;
  text-align: center !important;
}

body.proposal-active .proposal-screen__tagline {
  width: auto !important;
  margin: 4px 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 1.7rem !important;
  line-height: 1.12 !important;
}

body.proposal-active .proposal-screen__tagline strong {
  display: block !important;
  margin-top: 5px !important;
  color: #fcdf9c !important;
  font-family: var(--font-body) !important;
  font-size: 2rem !important;
}

body.proposal-active .proposal-promise {
  display: grid !important;
  gap: 6px !important;
  width: 100% !important;
  max-width: 255px !important;
  margin: 0 !important;
  color: #fff !important;
}

body.proposal-active .proposal-promise b {
  color: #fcdf9c !important;
  font-size: 1rem !important;
  line-height: 1.35 !important;
}

body.proposal-active .proposal-promise span {
  color: rgb(255 255 255 / 88%) !important;
  font-size: .875rem !important;
  line-height: 1.5 !important;
}

body.proposal-active .proposal-screen__main {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  width: min(100%, 1080px) !important;
  margin: 0 auto !important;
  padding: 46px 54px 58px !important;
  background: var(--warm-cream, #fbf6ee) !important;
}

body.proposal-active .proposal-screen__main > h2 {
  margin: 32px 4px 24px !important;
  font-size: 1.15rem !important;
  font-weight: 500 !important;
}

body.proposal-active .proposal-progress {
  grid-template-columns: 150px minmax(0, 1fr) !important;
  gap: 34px !important;
  align-items: start !important;
}

body.proposal-active .proposal-progress > div {
  gap: 7px !important;
  padding-top: 3px !important;
}

body.proposal-active .proposal-progress > div strong {
  font-size: .78rem !important;
}

body.proposal-active .proposal-progress > div > span {
  height: 5px !important;
}

body.proposal-active .proposal-progress ol {
  gap: 8px !important;
}

body.proposal-active .proposal-progress li {
  gap: 4px !important;
  font-size: .62rem !important;
  line-height: 1.08 !important;
}

body.proposal-active .proposal-progress li b {
  width: 26px !important;
  height: 26px !important;
  font-size: .74rem !important;
}

body.proposal-active .proposal-card {
  display: grid !important;
  gap: 30px !important;
  padding: 36px 38px 28px !important;
  border: 1px solid rgb(75 36 88 / 14%) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 6px 24px rgb(38 17 52 / 6%) !important;
}

body.proposal-active .proposal-card label,
body.proposal-active .proposal-card fieldset {
  gap: 12px !important;
}

body.proposal-active .proposal-card label > b,
body.proposal-active .proposal-card legend {
  font-size: 1rem !important;
  line-height: 1.35 !important;
}

body.proposal-active .proposal-two-column {
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
  gap: 42px !important;
  padding: 0 !important;
  border: 0 !important;
}

body.proposal-active .proposal-two-column > fieldset {
  padding: 0 !important;
  border: 0 !important;
}

body.proposal-active .proposal-receipts {
  padding: 0 !important;
  border: 0 !important;
}

body.proposal-active .proposal-receipts > p {
  margin-top: 2px !important;
}

body.proposal-active .proposal-card footer {
  padding-top: 4px !important;
}

body.proposal-active .proposal-disclaimer {
  margin-top: 18px !important;
}

body.proposal-active .proposal-disclaimer > i {
  display: none !important;
}

@media (max-width: 900px) {
  body.proposal-active .proposal-screen {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto !important;
  }

  body.proposal-active .proposal-title-block,
  body.proposal-active .proposal-screen__rail,
  body.proposal-active .proposal-screen__main {
    grid-column: 1 !important;
  }

  body.proposal-active .proposal-title-block {
    grid-row: 1 !important;
  }

  body.proposal-active .proposal-screen__rail {
    grid-row: 2 !important;
    padding-bottom: 28px !important;
  }

  body.proposal-active .proposal-screen__main {
    grid-row: 3 !important;
    width: min(100% - 32px, 720px) !important;
    padding: 32px 0 48px !important;
  }

  body.proposal-active .proposal-two-column {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  body.proposal-active .proposal-progress {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.proposal-active .proposal-card {
    padding: 28px 24px 24px !important;
  }
}

/* Comparison emphasis: one gold promise, with mulberry markers reserved for
   the guided-service advantages. */
.landing__difference h2,
.landing__difference h2 span {
  color: #b77a14 !important;
  -webkit-text-fill-color: #b77a14 !important;
}

.service-comparison__column--guided li::marker {
  color: #7b3653 !important;
}

.hero-brand-lockup .hero-brand-tagline {
  font-size: .95rem !important;
  line-height: 1.35 !important;
}

.landing .begin-button,
.landing__prompt .begin-button,
.hero-early-cta .begin-button {
  border-width: 2px !important;
}

.landing__promise .landing__fee-condition strong {
  font-weight: 750 !important;
}

@media (max-width: 560px) {
  .hero-brand-lockup .hero-brand-tagline {
    font-size: .8rem !important;
  }
}

/* The opening now extends beyond one viewport. Let the homepage scroll on
   every device instead of trapping it inside the original one-screen hero. */
html,
body:not(.questionnaire-active) {
  min-height: 100%;
  height: auto !important;
  overflow-x: hidden;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

body:not(.questionnaire-active) .landing {
  min-height: 0;
  overflow: visible;
}

@media (max-width: 720px) {
  .hero-brand-break {
    width: calc(100% + 30px);
    margin-right: -15px;
    margin-left: -15px;
    padding: 14px 12px;
  }

  .landing__difference { margin-top: 50px; }
  .landing__difference > p:last-child { font-size: .92rem; }
  .landing__promise { margin-top: 64px; }
  .landing__promise + .landing__prompt { margin-top: 58px; }

  .flat-fee-clarification {
    padding: 17px 16px 18px;
    text-align: left;
  }
}

/* August 28 refinement: retain the core brand while giving one explanatory
   diagram more lift and tightening the tall comparison passage. */
.recovery-path {
  background: var(--brand-purple) !important;
}

/* Stripe payment terms are easier to scan as three distinct outcomes. */
.stripe-fee-flow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 20px;
}

.stripe-fee-flow > div {
  display: flex;
  min-height: 150px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 18px 14px;
  border: 1px solid rgb(38 17 52 / 14%);
  background: #f3f0eb;
  color: var(--aubergine-dark);
  text-align: center;
}

.stripe-fee-flow span {
  margin-bottom: 10px;
  color: var(--brand-purple);
  font-size: .875rem;
  font-weight: 800;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.stripe-fee-flow strong {
  font-size: 1rem;
  line-height: 1.35;
}

.stripe-fee-flow b {
  margin: 5px 0;
  color: var(--data-orange);
  font-size: .875rem;
  text-transform: uppercase;
}

.stripe-fee-flow small {
  margin-top: 9px;
  color: var(--data-orange);
  font-size: .875rem;
  font-weight: 800;
}

/* Keep action labels at the 14px interface-text baseline. */
.begin-button,
.field-next,
.interview .primary-button,
.process-stage > .primary-button,
.review-panel > .primary-button,
#submit-button,
.friend-share .primary-button,
.share-options button,
.continue-device,
.return-entry button,
.confirmation-finish {
  font-size: .875rem !important;
}

@media (max-width: 720px) {
  .stripe-fee-flow {
    grid-template-columns: 1fr;
  }

  .stripe-fee-flow > div {
    min-height: 0;
  }
}

.landing__difference {
  width: min(100%, 820px);
  margin-top: 44px;
}

.landing__difference h2 {
  font-size: clamp(1.65rem, 3.2vw, 2.1rem);
}

.service-comparison {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 48px;
  margin-top: 38px;
  text-align: left;
}

.service-comparison__column {
  padding: 2px 24px 0;
}

.service-comparison__column--guided {
  padding-left: 48px;
  border-left: 1px solid rgb(38 17 52 / 18%);
}

.landing__difference .service-comparison h3 {
  min-height: 2.2em;
  margin: 0 0 22px;
  font-family: var(--font-display);
  font-size: clamp(1.25rem, 2.4vw, 1.55rem);
  line-height: 1.1;
}

.service-comparison__column--guided h3 {
  color: var(--brand-purple);
}

.service-comparison ul {
  display: grid;
  gap: 16px;
  margin: 0;
  padding: 0 0 0 1.15rem;
  list-style: disc;
}

.service-comparison li {
  min-height: 4.1rem;
  padding: 0 0 0 6px;
  color: rgb(38 17 52 / 82%);
  font-size: .95rem;
  line-height: 1.42;
}

.service-comparison__column--letter li::marker {
  color: rgb(38 17 52 / 42%);
}

.service-comparison__column--guided li {
  color: var(--aubergine-dark);
  font-weight: 650;
}

.service-comparison__column--guided li::marker {
  color: var(--pocket-yellow);
}

@media (max-width: 720px) {
  .service-comparison {
    grid-template-columns: 1fr;
    gap: 34px;
    margin-top: 30px;
  }

  .service-comparison__column {
    padding: 0 22px;
  }

  .service-comparison__column--guided {
    padding-top: 30px;
    border-top: 1px solid rgb(38 17 52 / 18%);
    border-left: 0;
  }

  .service-comparison li {
    min-height: 0;
  }

  .landing__difference .service-comparison h3 {
    min-height: 0;
  }
}

.deductions .deductions__bridge {
  max-width: 460px;
  margin: 28px auto 0;
  text-align: center;
  font-size: 1rem;
  font-weight: 650;
  line-height: 1.55;
}

/* The final invitation is a destination, not a small action button: give the
   whole thought the gold pocket-frame treatment shown in the design. */
.landing .landing__prompt .begin-button {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  justify-content: center !important;
  column-gap: clamp(28px, 7vw, 108px) !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 20px auto 0 !important;
  padding: 15px 32px !important;
  border: 3px solid #f4c95d !important;
  border-radius: 999px !important;
  background: #fcdf9c !important;
  color: #4b2458 !important;
  font-size: clamp(1.05rem, 2vw, 1.2rem) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

.landing .landing__prompt .begin-button span {
  display: block !important;
  margin: 0 !important;
  color: #4b2458 !important;
  -webkit-text-fill-color: #4b2458 !important;
}

/* A quiet visual cue that this framed closing statement is the next action. */
@keyframes cta-frame-breathe {
  0%, 74%, 100% {
    border-color: #f4c95d;
    box-shadow: 0 0 0 0 rgba(244, 201, 93, 0);
  }
  84% {
    border-color: #fff0b5;
    box-shadow: 0 0 0 10px rgba(244, 201, 93, 0.2);
  }
  92% {
    border-color: #f4c95d;
    box-shadow: 0 0 0 0 rgba(244, 201, 93, 0);
  }
}

.landing .landing__prompt .begin-button {
  animation: cta-frame-breathe 5.4s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .landing .landing__prompt .begin-button {
    animation: none;
  }
}

@media (max-width: 700px) {
  .landing .landing__prompt .begin-button {
    grid-template-columns: none !important;
    row-gap: 0 !important;
    min-height: 0 !important;
    margin-top: 18px !important;
    padding: 14px 28px !important;
    border-width: 3px !important;
    border-radius: 999px !important;
    font-size: 1.05rem !important;
    line-height: 1.2 !important;
  }
}

/* The final prompt should continue the fee reassurance, not restart the pitch. */
.landing__promise + .landing__prompt {
  margin-top: 44px !important;
}

.landing__prompt > p {
  margin: 0 !important;
  color: #b77a14 !important;
  font-family: var(--font-display) !important;
  font-size: clamp(1.85rem, 4vw, 2.55rem) !important;
  line-height: 1.08 !important;
}

.landing__prompt > div {
  margin-top: 14px !important;
}

.landing__marker {
  margin-bottom: 16px;
}

.landing__competitor-copy {
  margin-top: 13px;
}

.landing__service-intro {
  margin-top: 26px;
}

.landing__difference h3 {
  margin: 27px 0 16px;
}

.landing__service-list li + li {
  margin-top: 13px;
}

/* A referral has its own opening story. The regular homepage stays intact. */
.referral-landing {
  width: 100%;
  min-height: calc(100svh - 150px);
  padding: clamp(48px, 8vw, 92px) 24px 72px;
  background: #fff;
  color: var(--aubergine-dark);
}

.referral-landing__inner {
  width: min(100%, 720px);
  margin: 0 auto;
  text-align: center;
}

.referral-landing__eyebrow {
  margin: 0 0 22px;
  color: var(--data-orange);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.referral-landing h1 {
  margin: 0;
  color: var(--aubergine-dark);
  font-family: var(--font-display);
  font-size: clamp(2.7rem, 7vw, 5.25rem);
  font-weight: 400;
  line-height: .98;
  letter-spacing: -.035em;
}

.referral-landing__lead {
  max-width: 610px;
  margin: 34px auto 0;
  font-size: clamp(1.12rem, 2.4vw, 1.38rem);
  font-weight: 750;
  line-height: 1.4;
}

.referral-landing__details {
  max-width: 590px;
  margin: 13px auto 0;
  color: rgb(38 17 52 / 76%);
  font-size: 1rem;
  line-height: 1.6;
}

.referral-landing__promise {
  display: grid;
  gap: 5px;
  max-width: 540px;
  margin: 38px auto 0;
  padding: 24px 28px;
  border-top: 1px solid rgb(38 17 52 / 18%);
  border-bottom: 1px solid rgb(38 17 52 / 18%);
  color: var(--aubergine-dark);
}

.referral-landing__promise strong {
  color: var(--data-orange);
  font-family: var(--font-display);
  font-size: 1.85rem;
  font-weight: 400;
}

.referral-landing__promise span {
  font-size: .98rem;
  font-weight: 650;
}

.referral-landing .begin-button {
  margin: 34px auto 0;
}

body.questionnaire-active .referral-landing {
  display: none;
}

@media (max-width: 720px) {
  .landing__difference { margin-top: 38px; }
  .referral-landing { min-height: calc(100svh - 112px); padding: 42px 22px 58px; }
  .referral-landing__eyebrow { margin-bottom: 17px; }
  .referral-landing__lead { margin-top: 27px; }
  .referral-landing__promise { margin-top: 30px; padding: 20px 12px; }
  .referral-landing .begin-button { margin-top: 28px; }
}

/* Keep every address underline on one shared baseline. */
.address-field {
  grid-template-rows: 42px auto !important;
  align-content: start !important;
}

.address-field > input {
  align-self: end !important;
  height: 42px !important;
  margin: 0 !important;
  padding-block: 8px !important;
}

/* Recovery-path labels and symbol use the exact logo-pocket gold. */
.recovery-path,
.recovery-path span,
.recovery-path .path-question strong,
.recovery-path .path-arrow {
  color: #fcdf9c !important;
}

#example-damages,
.recovery-example span:nth-of-type(2) small,
.recovery-example span:nth-of-type(2) strong {
  color: var(--data-orange) !important;
  -webkit-text-fill-color: var(--data-orange) !important;
}

/* A lighter, calmer promise panel. */
.claim-result {
  background: #f3f0eb !important;
  border: 1px solid rgb(38 17 52 / 12%) !important;
}

.review-panel .claim-result h2,
.review-panel .claim-result h2 > span:last-child {
  color: var(--aubergine-dark) !important;
}

.review-panel .claim-promise {
  color: var(--data-orange) !important;
}

.review-panel .reality-statement {
  background: #f6f3ee !important;
  border: 1px solid rgb(38 17 52 / 12%) !important;
  border-left: 3px solid var(--data-orange) !important;
}

/* Keep the summary callout in the same quiet, warm-stone family. */
.summary .reality-statement--summary {
  background: #f6f3ee !important;
  border: 1px solid rgb(38 17 52 / 12%) !important;
}

@media (max-width: 560px) {
  .return-dialog__panel { padding: 38px 22px 30px !important; }
}

/* Editorial request rationale: one composition instead of stacked callout boxes. */
.request-editorial {
  display: grid;
  grid-template-columns: minmax(180px, .72fr) minmax(0, 1.45fr);
  gap: 20px 48px;
  width: min(100%, 780px);
  margin: 44px auto 50px;
  padding: 0 0 4px 28px;
  border-left: 3px solid var(--data-orange);
  background: transparent;
}

.request-editorial p { margin: 0; }

.request-editorial__lead .section-marker,
.request-editorial__difference .section-marker {
  margin-bottom: 10px !important;
  color: var(--data-orange) !important;
}

.request-editorial__lead h3 {
  margin: 0;
  color: var(--aubergine-dark) !important;
  font-family: var(--font-display) !important;
  font-size: clamp(1.55rem, 3vw, 2.2rem) !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
}

.request-editorial__copy {
  display: grid;
  gap: 12px;
  align-content: start;
}

.request-editorial__copy p {
  color: var(--aubergine-dark) !important;
  font-size: .96rem !important;
  line-height: 1.58 !important;
}

.request-editorial__difference {
  grid-column: 2;
  padding-top: 18px;
  border-top: 1px solid rgb(38 17 52 / 18%);
}

.request-editorial__difference > p:last-child {
  color: var(--aubergine-dark) !important;
  font-size: 1.05rem !important;
  font-weight: 750 !important;
}

.request-editorial blockquote {
  grid-column: 1 / -1;
  width: min(100%, 650px);
  margin: 18px auto 0;
  color: var(--data-orange);
  font-family: var(--font-display);
  font-size: clamp(1.45rem, 3vw, 2.05rem);
  line-height: 1.13;
  text-align: center;
}

@media (max-width: 680px) {
  .request-editorial {
    grid-template-columns: 1fr;
    gap: 18px;
    padding-left: 20px;
  }
  .request-editorial__difference,
  .request-editorial blockquote { grid-column: 1; }
  .request-editorial blockquote { text-align: center; }
}

/* Confirmation resolves as one editorial page, not three stacked cards. */
body.confirmation-active .questionnaire__inner {
  width: min(100% - 40px, 700px) !important;
}

.confirmation {
  width: min(100%, 700px) !important;
  border: 1px solid rgb(38 17 52 / 14%);
  background: #fff;
}

.confirmation-masthead {
  padding: 42px 48px 38px !important;
  text-align: left !important;
}

.confirmation-masthead::after {
  right: auto !important;
  left: 48px !important;
  width: 64px !important;
  background: var(--data-orange) !important;
}

.confirmation-masthead h2 {
  margin: 7px 0 12px !important;
  font-family: var(--font-display) !important;
  font-size: clamp(2rem, 5vw, 3rem) !important;
  font-weight: 400 !important;
  text-align: left !important;
}

.confirmation-copy,
.confirmation-delivery {
  max-width: 540px !important;
  margin-inline: 0 !important;
  text-align: left !important;
}

.confirmation-body {
  padding: 34px 48px 42px !important;
}

.confirmation-promise {
  width: auto !important;
  margin: 0 0 30px !important;
  padding: 0 0 0 16px !important;
  border-left: 3px solid var(--data-orange) !important;
  background: transparent !important;
  color: var(--aubergine-dark) !important;
  text-align: left !important;
}

/* One consistent interface purple and a more substantial gold CTA frame. */
html,
body,
body.questionnaire-active,
body.questionnaire-active .questionnaire,
body:not(.questionnaire-active) > div > .masthead,
.masthead,
.site-footer,
.proposal-screen__rail,
.proposal-title-block,
.proposal-screen__tagline,
.confirmation-promise {
  background-color: var(--brand-purple) !important;
}

.proposal-progress li.active b,
.request-progress li.is-active b {
  border-color: var(--brand-purple) !important;
  background-color: var(--brand-purple) !important;
}

.landing .begin-button,
.landing__prompt .begin-button,
.referral-landing .begin-button {
  border: 3px solid #fcdf9c !important;
}

/* Final brand-color authority: the edge bar and logo banner share one purple. */
body:not(.questionnaire-active) > div > .masthead,
.hero-brand-break,
.proposal-title-block {
  background: #4b2458 !important;
  background-color: #4b2458 !important;
}

/* Final alignment and density refinements for the editorial landing page. */
.hero-brand-lockup > div {
  text-align: center !important;
}

.landing__difference .service-comparison h3 {
  min-height: 0 !important;
  margin-bottom: 10px !important;
}

.deductions .deductions__bridge strong {
  font-weight: 750 !important;
}

body:not(.questionnaire-active) > div > .masthead {
  background: var(--brand-purple) !important;
}

.hero-nowrap-clause {
  white-space: nowrap;
}

.landing__prompt > p strong {
  font-weight: 750 !important;
}

.landing .begin-button,
.landing__prompt .begin-button,
.hero-early-cta .begin-button {
  border-width: 3px !important;
}

@media (max-width: 720px) {
  .hero-nowrap-clause {
    white-space: normal;
  }
}

/* September 4 homepage refinement: ground the cream page with one clean
   aubergine edge and tighten the lower-page visual rhythm. */
body:not(.questionnaire-active) > div > .masthead {
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 13px 24px 12px !important;
  border-bottom: 3px solid #fcdf9c !important;
  box-sizing: border-box !important;
  background: #261134 !important;
}

body:not(.questionnaire-active) > div > .masthead .masthead__brand {
  display: block !important;
  width: min(100%, 370px) !important;
  height: auto !important;
  margin: 0 auto !important;
}

@media (max-width: 520px) {
  body:not(.questionnaire-active) > div > .masthead {
    padding: 10px 20px 9px !important;
  }

  body:not(.questionnaire-active) > div > .masthead .masthead__brand {
    width: min(100%, 290px) !important;
  }
}

.landing__promise h2,
.referral-landing__promise strong {
  color: #b77a14 !important;
  -webkit-text-fill-color: #b77a14 !important;
}

.landing__prompt > p {
  color: #b77a14 !important;
  font-family: var(--font-display) !important;
  font-size: clamp(1.7rem, 4vw, 2.35rem) !important;
  line-height: 1.08 !important;
}

.landing .landing__prompt .landing__pocket-mark {
  width: 140px !important;
  height: 140px !important;
  margin: 20px auto 16px !important;
  background: transparent !important;
}

.landing__pocket-mark img {
  width: 100% !important;
}

.service-comparison ul {
  gap: 8px !important;
}

.service-comparison li {
  min-height: 0 !important;
  line-height: 1.36 !important;
}

.deductions li::before {
  background: #8f3f59 !important;
}

.hero-narrative__recognition li {
  padding-left: 23px !important;
}

.hero-narrative__recognition li::before {
  content: "–" !important;
  left: 2px !important;
  color: inherit !important;
  font-weight: 400 !important;
}

@media (max-width: 520px) {
  .landing .landing__prompt .landing__pocket-mark {
    width: 123px !important;
    height: 123px !important;
  }
}

/* Preserve the proportions and transparent edges of the supplied final logos. */
.hero-brand-lockup > img,
.landing__pocket-mark img,
.request-rail__logo,
.recovery-path img,
.summary-logo {
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  clip-path: none !important;
}

.hero-brand-lockup > img {
  width: 120px !important;
  flex: 0 0 120px !important;
}

/* Original-layout refinement: raspberry editorial marks, gold action cue,
   centered bordered CTAs, and a more generous conclusion line. */
.landing h1 .hero-title__action {
  color: #b77a14 !important;
  -webkit-text-fill-color: #b77a14 !important;
}
.hero-narrative__cost::after {
  width: 92px !important;
  background: #8f3f59 !important;
}
.hero-narrative__recognition li::marker {
  color: #8f3f59 !important;
}
.hero-narrative__conclusion {
  width: min(100%, 650px) !important;
  margin-inline: auto !important;
  font-size: clamp(1.08rem, 1.8vw, 1.22rem) !important;
  line-height: 1.55 !important;
}
.landing .begin-button,
.landing__prompt .begin-button,
.hero-early-cta .begin-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: auto !important;
  margin-left: auto !important;
  border: 1px solid var(--pocket-yellow) !important;
}

.hero-narrative {
  width: min(100%, 680px) !important;
}
.hero-narrative__recognition ul {
  list-style: none !important;
  padding-left: 0 !important;
}
.hero-narrative__recognition li {
  position: relative;
  padding-left: 18px;
}
.hero-narrative__recognition li::before {
  content: "—";
  position: absolute;
  left: 0;
  color: #8f3f59;
  font-weight: 800;
}
.hero-brand-lockup {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  width: min(100%, 670px);
  margin: 0 auto;
  color: #fff;
}
.hero-brand-lockup > img {
  flex: 0 0 110px;
  width: 110px !important;
  height: auto;
}
.hero-brand-lockup > div {
  display: grid;
  gap: 5px;
  text-align: left;
}
.hero-brand-lockup strong {
  font-family: "Palatino Linotype", Palatino, Baskerville, serif;
  font-size: clamp(1.7rem, 3.5vw, 2.55rem);
  font-weight: 400;
  line-height: 1.05;
}
.hero-brand-lockup span {
  color: rgb(255 255 255 / 84%);
  font-size: .82rem;
}

@media (max-width: 560px) {
  .hero-brand-lockup { gap: 10px; }
  .hero-brand-lockup > img { flex-basis: 78px; width: 78px !important; }
  .hero-brand-lockup strong { font-size: 1.45rem; }
  .hero-brand-lockup span { font-size: .7rem; }
}

/* FINAL proposal overrides: intentionally last so earlier iterative layers
   cannot undo the visible correction. */
.proposal-screen__rail {
  background: #261134 !important;
  color: #fff !important;
}
.proposal-screen__tagline {
  display: grid !important;
  justify-items: center !important;
  gap: 0 !important;
  margin: 0 auto 9px !important;
  white-space: normal !important;
  color: #fff !important;
  font-size: 1.08rem !important;
  line-height: 1.05 !important;
}
.proposal-screen__tagline strong {
  color: var(--pocket-yellow) !important;
  font-family: "Instrument Sans", Arial, sans-serif !important;
  font-size: 1.32rem !important;
  line-height: 1.05 !important;
}
.proposal-promise b,
.proposal-promise span {
  color: #fff !important;
}
.proposal-promise span { opacity: .82 !important; }
.proposal-screen__main > h2 { margin-top: 2px !important; }

/* User correction: the purple block ends with the headline; supporting copy
   remains on cream and therefore uses dark text. */
.proposal-screen__rail {
  border: 0 !important;
  background: var(--warm-cream, #fbf6ee) !important;
  color: #261134 !important;
}
.proposal-screen__tagline {
  width: 100% !important;
  padding: 10px 8px 11px !important;
  border: 2px solid #261134 !important;
  border-radius: 9px !important;
  background: #261134 !important;
  color: #fff !important;
}
.proposal-promise b,
.proposal-promise span {
  color: #261134 !important;
  opacity: 1 !important;
}
.proposal-promise span { color: #5d5062 !important; }

/* Reconstructed original direction: restore the centered editorial landing
   page and remove the designer dashboard frame from the opening experience. */
html,
body {
  background: var(--warm-cream, #fbf6ee) !important;
}
.proposal-screen { display: none !important; }
.landing:has(.proposal-screen) {
  width: min(100% - 48px, 720px) !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: clamp(48px, 5vw, 68px) 0 72px !important;
  background: var(--warm-cream, #fbf6ee) !important;
}
.landing > h1 {
  display: block !important;
}
.landing > .hero-narrative,
.landing > .hero-brand-break,
.landing > .hero-guidance,
.landing > .hero-risk,
.landing > .hero-early-cta {
  display: block !important;
}
.landing > .hero-early-cta { text-align: center !important; }

@media (max-width: 760px) {
  .landing:has(.proposal-screen) {
    width: min(100% - 32px, 640px) !important;
    padding-top: 48px !important;
  }
}

.confirmation .friend-share {
  margin: 0 !important;
  padding: 30px 0 8px !important;
  border: 0 !important;
  border-top: 1px solid rgb(38 17 52 / 16%) !important;
  background: transparent !important;
  text-align: left !important;
}

.confirmation .friend-share__marker,
.confirmation .friend-share h3,
.confirmation .friend-share > div > p,
.confirmation .friend-share__status {
  text-align: left !important;
}

.confirmation .friend-share__marker {
  color: var(--data-orange) !important;
}

.confirmation .friend-share h3 {
  margin: 0 0 8px !important;
  color: var(--aubergine-dark) !important;
  font-family: var(--font-display) !important;
  font-size: clamp(1.55rem, 4vw, 2.1rem) !important;
  font-weight: 400 !important;
}

.confirmation .friend-share > div > p:not(.friend-share__marker, .friend-share__status) {
  max-width: 520px !important;
  margin: 0 0 18px !important;
  color: var(--aubergine-dark) !important;
  font-size: .92rem !important;
}

.confirmation .friend-share .primary-button {
  margin: 18px 0 0 !important;
}

.share-complete {
  min-height: 140px;
  padding: 8px 0 4px;
}

.share-complete[hidden],
#share-invitation[hidden] { display: none !important; }

.confirmation-finish {
  display: block;
  margin: 28px 0 0 auto;
  border: 1px solid var(--aubergine-dark);
  border-radius: 999px;
  background: #fff;
  color: var(--aubergine-dark);
  padding: 9px 24px;
  font-size: .84rem;
  font-weight: 750;
  cursor: pointer;
}

.confirmation-finish:hover,
.confirmation-finish:focus-visible {
  border-color: var(--data-orange);
  color: var(--data-orange);
}

@media (max-width: 620px) {
  .confirmation-masthead { padding: 34px 26px 32px !important; }
  .confirmation-masthead::after { left: 26px !important; }
  .confirmation-body { padding: 28px 26px 34px !important; }
}

/* Consolidated fee card: service and payment terms belong together. */
.service-fee {
  background: #f3f0eb !important;
  border: 1px solid rgb(38 17 52 / 12%) !important;
  border-left-width: 1px !important;
}

.service-fee .process-note {
  grid-column: 1 / -1 !important;
  margin: 14px 0 0 !important;
  padding: 14px 0 0 !important;
  border: 0 !important;
  border-top: 1px solid rgb(38 17 52 / 14%) !important;
  background: transparent !important;
  color: var(--aubergine-dark) !important;
  -webkit-text-fill-color: var(--aubergine-dark) !important;
}

.service-fee .process-note strong {
  display: inline !important;
  color: var(--data-orange) !important;
  -webkit-text-fill-color: var(--data-orange) !important;
}

.process-steps article:nth-child(4) .process-note {
  margin: 20px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.recovery-heading {
  margin-top: 26px !important;
  padding-top: 22px !important;
  border-top: 1px solid rgb(38 17 52 / 14%);
}

/* A quiet emphasis for the legal context without competing with the recovery
   calculation that follows. */
.did-you-know {
  margin: 16px 0 20px !important;
  padding: 15px 18px !important;
  border-left: 4px solid #f4c95d !important;
  border-radius: 0 8px 8px 0 !important;
  background: #fff7df !important;
  color: var(--aubergine-dark) !important;
}

.did-you-know p {
  margin: 0 !important;
  color: inherit !important;
  line-height: 1.48 !important;
}

.did-you-know__label {
  margin-bottom: 5px !important;
  color: #b77a14 !important;
  font-size: .78rem !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

@media (max-width: 520px) {
  .did-you-know {
    margin: 14px 0 18px !important;
    padding: 14px 15px !important;
  }
}

/* The referral invitation is written in phrases, not arbitrary word wraps. */
.referral-landing__inner {
  width: min(100%, 980px) !important;
}

.referral-landing h1 {
  max-width: 980px !important;
  margin-inline: auto !important;
  font-size: clamp(2.7rem, 5.4vw, 4.75rem) !important;
}

.referral-landing :is(h1, .referral-landing__lead, .referral-landing__details) > span {
  display: block;
}

.referral-landing__lead {
  max-width: 720px !important;
}

.referral-landing__details {
  max-width: 760px !important;
}

@media (max-width: 720px) {
  .referral-landing h1 {
    max-width: 620px !important;
    font-size: clamp(2.55rem, 10.8vw, 3.5rem) !important;
  }

  .referral-landing__lead,
  .referral-landing__details {
    max-width: 560px !important;
  }
}

/* One CTA language: white field, coral border and text, quiet coral hover. */
.begin-button,
.field-next,
.interview .primary-button,
.process-stage > .primary-button,
.review-panel > .primary-button,
#submit-button,
.friend-share .primary-button,
.share-options button,
.continue-device,
.return-entry button,
.confirmation-finish {
  min-height: 40px !important;
  border: 1px solid var(--data-orange) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: var(--data-orange) !important;
  -webkit-text-fill-color: var(--data-orange) !important;
  padding: 9px 20px !important;
  font-size: .84rem !important;
  font-weight: 750 !important;
  box-shadow: none !important;
}

.begin-button:hover,
.begin-button:focus-visible,
.field-next:hover,
.field-next:focus-visible,
.interview .primary-button:hover,
.interview .primary-button:focus-visible,
.friend-share .primary-button:hover,
.friend-share .primary-button:focus-visible,
.share-options button:hover,
.share-options button:focus-visible,
.continue-device:hover,
.continue-device:focus-visible,
.return-entry button:hover,
.return-entry button:focus-visible,
.confirmation-finish:hover,
.confirmation-finish:focus-visible {
  background: #fff5ed !important;
  color: var(--data-orange) !important;
  -webkit-text-fill-color: var(--data-orange) !important;
}

.field-next,
.forward-action,
.confirmation-finish {
  margin-left: auto !important;
}

.stage-actions {
  align-items: center !important;
  justify-content: space-between !important;
}

.begin-button span,
.field-next span,
.primary-button span,
.share-options button span,
.continue-device span,
.return-entry button span {
  color: var(--data-orange) !important;
  -webkit-text-fill-color: var(--data-orange) !important;
}

/* Forward CTAs stay under the same thumb position on every request screen. */
.forward-action {
  position: fixed !important;
  right: max(28px, calc((100vw - 760px) / 2)) !important;
  bottom: 124px !important;
  left: auto !important;
  z-index: 40 !important;
  margin: 0 !important;
}

.stage-actions .exit-button {
  position: fixed !important;
  left: max(28px, calc((100vw - 760px) / 2)) !important;
  right: auto !important;
  bottom: 124px !important;
  z-index: 40 !important;
  margin: 0 !important;
}

.active-question,
.review-panel,
.process-stage,
.details-stage,
.summary {
  padding-bottom: 96px !important;
}

/* Every primary CTA changes to the approved dark aubergine on hover. */
.begin-button:hover,
.begin-button:focus-visible,
.field-next:hover,
.field-next:focus-visible,
.interview .primary-button:hover,
.interview .primary-button:focus-visible,
.process-stage > .primary-button:hover,
.process-stage > .primary-button:focus-visible,
.review-panel > .primary-button:hover,
.review-panel > .primary-button:focus-visible,
#submit-button:hover,
#submit-button:focus-visible,
.friend-share .primary-button:hover,
.friend-share .primary-button:focus-visible,
.share-options button:hover,
.share-options button:focus-visible,
.continue-device:hover,
.continue-device:focus-visible,
.return-entry button:hover,
.return-entry button:focus-visible,
.confirmation-finish:hover,
.confirmation-finish:focus-visible {
  border-color: var(--aubergine-dark) !important;
  background: var(--aubergine-dark) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.begin-button:hover span,
.begin-button:focus-visible span,
.field-next:hover span,
.field-next:focus-visible span,
.primary-button:hover span,
.primary-button:focus-visible span,
.share-options button:hover span,
.share-options button:focus-visible span,
.continue-device:hover span,
.continue-device:focus-visible span,
.return-entry button:hover span,
.return-entry button:focus-visible span {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* Logo tile uses the one approved dark aubergine. */
.summary-logo-frame { background: var(--aubergine-dark) !important; }

@media (max-width: 720px) {
  .forward-action {
    right: 20px !important;
    bottom: 116px !important;
  }
  .stage-actions .exit-button {
    left: 20px !important;
    bottom: 116px !important;
  }
}

/* Custom deposit entry keeps a permanent currency prefix. */
.amount-entry__field {
  display: flex;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid rgb(38 17 52 / 28%);
}

.amount-entry__currency {
  flex: 0 0 auto;
  color: var(--data-orange);
  font-weight: 800;
}

.amount-entry__field input {
  flex: 1 1 auto;
  min-width: 0;
  border-bottom: 0 !important;
  padding-left: 6px !important;
}

.amount-entry__field:focus-within {
  border-bottom-color: var(--data-orange);
}

.amount-entry__field input {
  font-size: 1.08rem !important;
  font-weight: 800 !important;
}

.claim-kicker {
  color: var(--data-orange) !important;
  -webkit-text-fill-color: var(--data-orange) !important;
}

/* Navigation is anchored to each page, never to the scrolling viewport. */
.forward-action,
.stage-actions .exit-button {
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
}

.stage-actions {
  width: 100% !important;
  margin-top: 48px !important;
}

.stage-actions .exit-button { margin: 0 !important; }
.stage-actions .forward-action { margin: 0 !important; }

.active-question {
  position: relative !important;
  min-height: calc(100vh - 120px) !important;
  min-height: calc(100svh - 120px) !important;
  padding-bottom: 92px !important;
}

.active-question .field-wrap {
  position: static !important;
}

.active-question .forward-action {
  position: absolute !important;
  right: 0 !important;
  bottom: 28px !important;
  left: auto !important;
}

/* Completion copy reads as one centered thought. */
.confirmation-masthead,
.confirmation-masthead h2,
.confirmation-copy,
.confirmation-delivery {
  text-align: center !important;
}

.masthead,
.site-footer,
body.confirmation-active .site-footer {
  background: var(--brand-purple) !important;
}

.confirmation-copy,
.confirmation-delivery {
  margin-inline: auto !important;
}

.confirmation-masthead::after {
  right: auto !important;
  left: 50% !important;
  transform: translateX(-50%);
  background: var(--data-orange) !important;
}

@media (max-width: 720px) {
  .active-question {
    min-height: calc(100vh - 110px) !important;
    min-height: calc(100svh - 110px) !important;
  }
  .active-question .forward-action {
    right: 0 !important;
    bottom: 24px !important;
  }
}

/* Warm homepage actions: authoritative aubergine grounded by the pocket gold. */
.begin-button {
  border-color: #fcdf9c !important;
  background: var(--brand-purple) !important;
  color: var(--white) !important;
  -webkit-text-fill-color: var(--white) !important;
}

.begin-button span {
  color: var(--white) !important;
  -webkit-text-fill-color: var(--white) !important;
}

.begin-button:hover,
.begin-button:focus-visible {
  border-color: #fcdf9c !important;
  background: #fcdf9c !important;
  color: var(--aubergine-dark) !important;
  -webkit-text-fill-color: var(--aubergine-dark) !important;
}

.begin-button:hover span,
.begin-button:focus-visible span {
  color: var(--aubergine-dark) !important;
  -webkit-text-fill-color: var(--aubergine-dark) !important;
}

/* Readability floor: essential copy remains body-sized; functional and
   secondary labels never fall below 14px at the default browser setting. */
.review-panel .claim-instruction,
.review-panel .claim-promise,
.reality-statement p,
.request-editorial p,
.process-steps article > div > p,
.service-fee > p,
.service-fee .process-note,
.process-note {
  font-size: 1rem !important;
}

.field-note,
.error-message,
.recovery-path span,
.service-fee > span,
.recovery-example small,
.distinction-result small,
.distinction-parties strong,
.summary-list dt,
.disclaimer,
.eyebrow,
.site-footer,
.return-method,
.return-status,
.calendar-panel__header strong,
.calendar-grid__weekday,
.calendar-grid button,
.address-field span,
.friend-share__marker,
.friend-share__status,
.return-link,
.section-marker {
  font-size: .875rem !important;
}

/* Compact, centered final promise. */
.confirmation-promise {
  width: min(100%, 350px) !important;
  margin: 0 auto 30px !important;
  padding: 14px 24px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--brand-purple) !important;
  color: var(--white) !important;
  -webkit-text-fill-color: var(--white) !important;
  font-size: 1rem !important;
  font-weight: 750 !important;
  line-height: 1.4 !important;
  text-align: center !important;
}

/* Final CTA edge authority. */
.landing .begin-button,
.landing__prompt .begin-button,
.referral-landing .begin-button {
  border: 3px solid #fcdf9c !important;
}

/* Final shared purple authority. */
body:not(.questionnaire-active) > div > .masthead,
.hero-brand-break,
.proposal-title-block {
  background: #4b2458 !important;
  background-color: #4b2458 !important;
}

/* Final landing typography authority. */
.hero-narrative p,
.hero-narrative__recognition li,
.deductions > p,
.deductions li,
.service-comparison li,
.landing__promise p,
.landing__prompt > div {
  font-size: 1rem !important;
  line-height: 1.5 !important;
}

.hero-narrative__conclusion {
  font-size: 1.125rem !important;
}

.hero-narrative p,
.hero-narrative__recognition li,
.deductions p,
.deductions li,
.service-comparison li,
.landing__promise p,
.landing__prompt p {
  text-wrap: pretty;
}

.service-comparison h3 {
  font-size: 1.375rem !important;
  line-height: 1.2 !important;
}

.test-mode-notice {
  position: fixed;
  z-index: 10000;
  top: 10px;
  right: 12px;
  padding: 7px 11px;
  border: 2px solid #fcdf9c;
  border-radius: 999px;
  background: #4b2458;
  color: #fff;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .04em;
  box-shadow: 0 4px 16px rgb(38 17 52 / 20%);
}

/* Questionnaire refinement: remove the upper strip, strengthen the identity
   column, and give the working form a calmer spatial rhythm. */
body.questionnaire-active > div > .masthead,
body.questionnaire-active .masthead {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.questionnaire-active .questionnaire {
  grid-template-columns: 340px minmax(0, 1fr) !important;
  min-height: 100svh !important;
  margin: 0 !important;
}

body.questionnaire-active .request-rail {
  width: 340px !important;
  padding: 40px 34px 34px !important;
  background: #4b2458 !important;
}

.request-rail__logo {
  width: 210px !important;
  max-height: 190px !important;
}

.request-rail__brand {
  margin: 14px 0 0;
  color: #fff;
  font-family: var(--font-display);
  font-size: 1.55rem;
  line-height: 1.1;
}

.request-rail__headline {
  gap: 5px !important;
  margin: 24px 0 28px !important;
  font-size: 1.9rem !important;
}

.request-rail__headline strong {
  font-size: 2.25rem !important;
}

.request-rail__icon {
  display: none !important;
}

.request-rail__promise {
  gap: 7px !important;
  max-width: 252px !important;
  margin-top: 22px !important;
}

.request-rail__promise strong {
  font-size: 1rem !important;
  line-height: 1.35 !important;
}

.request-rail__promise p {
  font-size: .875rem !important;
  line-height: 1.5 !important;
}

body.questionnaire-active .questionnaire__inner {
  width: min(100% - 96px, 1040px) !important;
  padding: 46px 0 72px !important;
}

.request-intro {
  margin: 62px 0 28px !important;
}

body.questionnaire-active .interview {
  min-height: 600px !important;
  padding: 42px 46px 36px !important;
}

body.questionnaire-active .active-question {
  min-height: 480px !important;
  padding-bottom: 104px !important;
}

@media (max-width: 900px) {
  body.questionnaire-active .questionnaire {
    grid-template-columns: 1fr !important;
  }

  body.questionnaire-active .request-rail {
    width: 100% !important;
    padding: 20px 24px !important;
  }

  .request-rail__logo {
    width: 150px !important;
    max-height: 105px !important;
  }

  .request-rail__brand {
    margin-top: 5px;
    font-size: 1.25rem;
  }

  .request-rail__headline {
    margin: 8px 0 0 !important;
    font-size: 1.3rem !important;
  }

  .request-rail__headline strong {
    font-size: 1.3rem !important;
  }

  body.questionnaire-active .questionnaire__inner {
    width: min(100% - 34px, 760px) !important;
    padding: 30px 0 54px !important;
  }

  .request-intro {
    margin: 32px 0 20px !important;
  }

  body.questionnaire-active .interview {
    min-height: 520px !important;
    padding: 30px 24px !important;
  }
}

/* Final compact opening-form scale. */
body.proposal-active .proposal-screen { grid-template-columns: 280px minmax(0, 1fr) !important; }
body.proposal-active .proposal-title-block { padding: 24px 22px 14px !important; }
body.proposal-active .proposal-title-block__identity { gap: 8px !important; }
body.proposal-active .proposal-title-block__identity img { width: 116px !important; height: 108px !important; }
body.proposal-active .proposal-title-block__identity strong { font-size: 1.4rem !important; }
body.proposal-active .proposal-title-block > p {
  display: grid !important;
  gap: 2px !important;
  max-width: 245px !important;
  margin: 10px auto 0 !important;
  font-size: .84rem !important;
  line-height: 1.35 !important;
}
body.proposal-active .proposal-title-block > p span { display: block !important; }
body.proposal-active .proposal-screen__rail {
  width: 100% !important;
  max-width: none !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 8px 26px 28px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #4b2458 !important;
}
body.proposal-active .proposal-screen__tagline {
  gap: 2px !important;
  margin: 2px 0 8px !important;
  padding: 0 !important;
  background: transparent !important;
  font-size: 1.35rem !important;
}
body.proposal-active .proposal-screen__tagline strong { margin-top: 2px !important; font-size: 1.55rem !important; }
body.proposal-active .proposal-promise { gap: 3px !important; max-width: 230px !important; }
body.proposal-active .proposal-promise b { font-size: .88rem !important; line-height: 1.25 !important; }
body.proposal-active .proposal-promise span { font-size: .8rem !important; line-height: 1.35 !important; }
body.proposal-active .proposal-screen__main { width: min(100%, 940px) !important; padding: 26px 38px 36px !important; }
body.proposal-active .proposal-progress { grid-template-columns: 120px minmax(0, 1fr) !important; gap: 22px !important; }
body.proposal-active .proposal-progress > div { gap: 5px !important; padding-top: 1px !important; }
body.proposal-active .proposal-progress > div strong,
body.proposal-active .proposal-progress li { font-size: .75rem !important; }
body.proposal-active .proposal-progress ol { gap: 3px !important; }
body.proposal-active .proposal-progress li { gap: 3px !important; line-height: 1.08 !important; }
body.proposal-active .proposal-progress li b { width: 23px !important; height: 23px !important; font-size: .75rem !important; }
body.proposal-active .proposal-screen__main > h2 { margin: 22px 4px 16px !important; font-size: 1rem !important; }
body.proposal-active .proposal-card { gap: 18px !important; padding: 24px 28px 20px !important; border-radius: 11px !important; }
body.proposal-active .proposal-card label,
body.proposal-active .proposal-card fieldset { gap: 8px !important; }
body.proposal-active .proposal-card label > b,
body.proposal-active .proposal-card legend { font-size: .9rem !important; }
body.proposal-active .proposal-date > span,
body.proposal-active .proposal-money { width: min(100%, 420px) !important; height: 42px !important; }
body.proposal-active .proposal-date input,
body.proposal-active .proposal-money input { padding-inline: 13px !important; font-size: .875rem !important; }
body.proposal-active .proposal-money i { width: 42px !important; }
body.proposal-active .proposal-two-column { gap: 28px !important; }
body.proposal-active .proposal-choices { gap: 9px !important; }
body.proposal-active .proposal-choices button { gap: 9px !important; min-height: 42px !important; font-size: .8rem !important; }
body.proposal-active .proposal-choices button i { width: 20px !important; height: 20px !important; font-size: .78rem !important; }
body.proposal-active .proposal-receipts > p { padding: 8px 11px !important; font-size: .75rem !important; }
body.proposal-active .proposal-error { min-height: 0 !important; margin: 0 !important; }
body.proposal-active .proposal-card footer { grid-template-columns: 110px 1fr 145px !important; gap: 18px !important; padding-top: 0 !important; }
body.proposal-active .proposal-card footer button { height: 42px !important; font-size: .85rem !important; }
body.proposal-active .proposal-card footer > span,
body.proposal-active .proposal-disclaimer p { font-size: .75rem !important; }
body.proposal-active .proposal-disclaimer { margin-top: 12px !important; padding: 12px 18px !important; }

@media (max-width: 900px) {
  body.proposal-active .proposal-screen { grid-template-columns: 1fr !important; }
  body.proposal-active .proposal-screen__main { padding: 26px 0 42px !important; }
  body.proposal-active .proposal-progress { grid-template-columns: 1fr !important; gap: 10px !important; }
}

/* Keep the progress cue compact and secondary, grouped toward the right. */
body.proposal-active .proposal-title-block > p {
  margin-top: 4px !important;
}

body.proposal-active .proposal-progress {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-end !important;
  gap: 20px !important;
}

body.proposal-active .proposal-progress > div {
  flex: 0 0 110px !important;
}

body.proposal-active .proposal-progress ol {
  display: flex !important;
  flex: 0 0 auto !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}

body.proposal-active .proposal-progress li {
  width: 58px !important;
}

@media (max-width: 900px) {
  body.proposal-active .proposal-progress {
    display: grid !important;
    justify-content: stretch !important;
  }

  body.proposal-active .proposal-progress ol {
    justify-content: space-between !important;
  }
}

/* Align the working area to its content instead of filling the available page. */
body.proposal-active .proposal-screen__main {
  width: min(100%, 900px) !important;
  margin: 0 auto !important;
  padding: 18px 30px 30px !important;
}

body.proposal-active .proposal-progress,
body.proposal-active .proposal-screen__main > h2,
body.proposal-active .proposal-card,
body.proposal-active .proposal-disclaimer {
  width: 100% !important;
  max-width: 800px !important;
  margin-inline: auto !important;
}

body.proposal-active .proposal-progress {
  max-width: 555px !important;
  margin-right: 0 !important;
  margin-left: auto !important;
  gap: 14px !important;
}

body.proposal-active .proposal-progress > div {
  flex-basis: 100px !important;
}

body.proposal-active .proposal-progress ol {
  gap: 3px !important;
}

body.proposal-active .proposal-progress li {
  width: 51px !important;
}

body.proposal-active .proposal-screen__main > h2 {
  margin-top: 12px !important;
  margin-bottom: 10px !important;
}

body.proposal-active .proposal-card {
  gap: 13px !important;
  padding: 18px 22px 16px !important;
}

body.proposal-active .proposal-card label,
body.proposal-active .proposal-card fieldset {
  gap: 6px !important;
}

body.proposal-active .proposal-date > span,
body.proposal-active .proposal-money {
  width: min(100%, 360px) !important;
  height: 38px !important;
}

body.proposal-active .proposal-two-column {
  gap: 22px !important;
}

body.proposal-active .proposal-choices {
  gap: 7px !important;
}

body.proposal-active .proposal-choices button {
  min-height: 38px !important;
  padding: 5px 9px !important;
}

body.proposal-active .proposal-receipts > p {
  padding: 7px 10px !important;
}

body.proposal-active .proposal-card footer {
  gap: 14px !important;
}

body.proposal-active .proposal-card footer button {
  height: 38px !important;
}

body.proposal-active .proposal-disclaimer {
  margin-top: 10px !important;
  padding: 10px 15px !important;
}

@media (max-width: 900px) {
  body.proposal-active .proposal-screen__main {
    width: min(100% - 28px, 760px) !important;
    padding: 22px 0 36px !important;
  }

  body.proposal-active .proposal-progress {
    max-width: 100% !important;
    margin-inline: 0 !important;
  }
}

/* Open editorial form: questions live on cream; only actions are white. */
body.proposal-active .proposal-card {
  padding: 8px 0 4px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.proposal-active .proposal-date > span,
body.proposal-active .proposal-money,
body.proposal-active .proposal-choices button {
  border-color: rgb(75 36 88 / 24%) !important;
  background: #fff !important;
  box-shadow: 0 2px 8px rgb(38 17 52 / 3%) !important;
}

body.proposal-active .proposal-card footer {
  margin-top: 4px !important;
}

body.proposal-active .proposal-disclaimer {
  padding: 8px 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* One continuous brand column, one vertical rhythm, and navigation that reads
   as navigation rather than another pair of inputs. */
body.proposal-active .proposal-screen {
  column-gap: 0 !important;
  background: linear-gradient(to right, #4b2458 0 280px, var(--warm-cream, #fbf6ee) 280px) !important;
}

body.proposal-active .proposal-title-block,
body.proposal-active .proposal-screen__rail {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  justify-self: stretch !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #4b2458 !important;
  box-shadow: none !important;
}

body.proposal-active .proposal-card {
  grid-template-rows: auto auto auto auto auto !important;
  gap: 18px !important;
}

body.proposal-active .proposal-date,
body.proposal-active .proposal-two-column,
body.proposal-active .proposal-receipts,
body.proposal-active .proposal-error,
body.proposal-active .proposal-card footer {
  margin-block: 0 !important;
  padding-block: 0 !important;
}

body.proposal-active .proposal-two-column {
  align-items: start !important;
}

body.proposal-active .proposal-card footer {
  grid-template-columns: 82px 1fr 106px !important;
  align-items: center !important;
}

body.proposal-active .proposal-card footer button {
  width: auto !important;
  height: 32px !important;
  min-height: 0 !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  font-size: .8rem !important;
}

body.proposal-active #proposal-back {
  justify-self: start !important;
  padding-inline: 7px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

body.proposal-active #proposal-next {
  justify-self: end !important;
  gap: 12px !important;
  border: 2px solid #fcdf9c !important;
  background: #4b2458 !important;
  box-shadow: none !important;
}

body.proposal-active #proposal-next i {
  font-size: 1rem !important;
}

@media (max-width: 900px) {
  body.proposal-active .proposal-screen {
    background: var(--warm-cream, #fbf6ee) !important;
  }

  body.proposal-active .proposal-card footer {
    grid-template-columns: 76px 1fr 100px !important;
  }
}

/* Authoritative question order: exactly one numbered question per row. */
body.proposal-active .proposal-two-column {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-flow: row !important;
  align-items: start !important;
  gap: 18px !important;
}

body.proposal-active .proposal-two-column > label,
body.proposal-active .proposal-two-column > fieldset {
  grid-column: 1 !important;
  width: min(100%, 430px) !important;
  max-width: 430px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Close the narrow cream seam beside the lower brand rail. */
body.proposal-active .proposal-screen {
  grid-template-columns: 300px minmax(0, 1fr) !important;
  background: linear-gradient(to right, #4b2458 0 300px, var(--warm-cream, #fbf6ee) 300px) !important;
}

body.proposal-active .proposal-title-block,
body.proposal-active .proposal-screen__rail {
  width: 300px !important;
  min-width: 300px !important;
  max-width: 300px !important;
}

@media (max-width: 900px) {
  body.proposal-active .proposal-screen {
    grid-template-columns: 1fr !important;
    background: var(--warm-cream, #fbf6ee) !important;
  }

  body.proposal-active .proposal-title-block,
  body.proposal-active .proposal-screen__rail {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

/* One page scrollbar: the brand rail stretches with the questionnaire. */
body.questionnaire-active .request-rail {
  position: static !important;
  align-self: stretch !important;
  height: auto !important;
  min-height: 100vh !important;
  min-height: 100svh !important;
  overflow: visible !important;
  scrollbar-width: none !important;
}

/* Final confirmation palette: warm cream, aubergine copy, restrained gold. */
body.confirmation-active .confirmation-copy,
body.confirmation-active .confirmation-copy span,
body.confirmation-active .confirmation-delivery {
  color: #4b2458 !important;
  -webkit-text-fill-color: #4b2458 !important;
}

body.confirmation-active .confirmation-promise {
  border: 1px solid #d8a62b !important;
  background: #fff1c9 !important;
  color: #4b2458 !important;
  -webkit-text-fill-color: #4b2458 !important;
}

/* Keep the hero CTA above decorative layers and explicitly interactive. */
.landing .begin-button,
.referral-landing .begin-button {
  position: relative !important;
  z-index: 10 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* Final five-question sizing and selected-answer state. */
body.proposal-active .proposal-screen__main { width: min(100%, 780px) !important; padding: 12px 26px 24px !important; }
body.proposal-active .proposal-progress,
body.proposal-active .proposal-screen__main > h2,
body.proposal-active .proposal-card,
body.proposal-active .proposal-disclaimer { max-width: 680px !important; }
body.proposal-active .proposal-screen__main > h2 { margin-top: 8px !important; margin-bottom: 7px !important; }
body.proposal-active .proposal-card { gap: 11px !important; padding-top: 4px !important; }
body.proposal-active .proposal-two-column { gap: 11px !important; }
body.proposal-active .proposal-card label,
body.proposal-active .proposal-card fieldset { gap: 4px !important; }
body.proposal-active .proposal-date > span,
body.proposal-active .proposal-money,
body.proposal-active .proposal-statement-date > span {
  display: flex !important;
  align-items: center !important;
  width: min(100%, 360px) !important;
  height: 34px !important;
  overflow: hidden !important;
  border: 1px solid rgb(75 36 88 / 24%) !important;
  border-radius: 6px !important;
  background: #fff !important;
}
body.proposal-active .proposal-statement-date input {
  width: 100% !important;
  height: 100% !important;
  padding: 0 13px !important;
  border: 0 !important;
  outline: 0 !important;
  background: #fff !important;
  color: #31254c !important;
  font-size: .875rem !important;
  font-weight: 700 !important;
}
body.proposal-active .proposal-statement-date small { color: #6d6474 !important; font-size: .75rem !important; line-height: 1.25 !important; }
body.proposal-active .proposal-choices button { min-height: 34px !important; padding-block: 3px !important; }
body.proposal-active .proposal-choices button.selected,
body.proposal-active .proposal-choices button[aria-pressed="true"] {
  border-color: #4b2458 !important;
  background: #eadff0 !important;
  color: #261134 !important;
  box-shadow: 0 0 0 2px rgb(75 36 88 / 18%) !important;
}
body.proposal-active .proposal-receipts > p { padding-block: 5px !important; }
body.proposal-active .proposal-card footer { margin-top: 0 !important; }
body.proposal-active .proposal-disclaimer { margin-top: 6px !important; padding-top: 5px !important; }

/* Six-question first screen: compact address group and exact branded action. */
body.proposal-active .proposal-screen__main {
  width: min(100%, 780px) !important;
  padding-top: 8px !important;
  padding-bottom: 14px !important;
}

body.proposal-active .proposal-card {
  gap: 7px !important;
  padding-block: 2px !important;
}

body.proposal-active .proposal-two-column {
  gap: 7px !important;
}

body.proposal-active .proposal-card label,
body.proposal-active .proposal-card fieldset {
  gap: 3px !important;
}

body.proposal-active .proposal-card label > b,
body.proposal-active .proposal-card legend {
  font-size: .86rem !important;
  line-height: 1.2 !important;
}

body.proposal-active .proposal-date > span,
body.proposal-active .proposal-money,
body.proposal-active .proposal-statement-date > span {
  height: 31px !important;
}

body.proposal-active .proposal-choices button {
  min-height: 31px !important;
}

body.proposal-active .proposal-receipts > p {
  padding-block: 4px !important;
  line-height: 1.2 !important;
}

body.proposal-active .proposal-statement-date small {
  font-size: .75rem !important;
}

body.proposal-active .proposal-address {
  width: 100% !important;
  max-width: 680px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.proposal-active .proposal-address-grid {
  display: grid !important;
  grid-template-columns: 2fr .72fr .58fr .8fr !important;
  gap: 5px 7px !important;
}

body.proposal-active .proposal-address-grid label {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

body.proposal-active .proposal-address-grid label > span {
  color: #6d6474 !important;
  font-size: .75rem !important;
  line-height: 1.1 !important;
}

body.proposal-active .proposal-address-grid input {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 30px !important;
  min-width: 0 !important;
  padding: 0 9px !important;
  border: 1px solid rgb(75 36 88 / 24%) !important;
  border-radius: 6px !important;
  outline: 0 !important;
  background: #fff !important;
  color: #31254c !important;
  font-size: .8rem !important;
}

body.proposal-active .proposal-address-street {
  grid-column: span 3 !important;
}

body.proposal-active .proposal-address-city {
  grid-column: span 2 !important;
}

body.proposal-active #proposal-next {
  border-color: #fcdf9c !important;
  background: #4b2458 !important;
  background-image: none !important;
  color: #fff !important;
}

body.proposal-active .proposal-disclaimer {
  margin-top: 3px !important;
  padding-top: 3px !important;
}

body.proposal-active .proposal-disclaimer p {
  gap: 2px !important;
  line-height: 1.2 !important;
}

@media (max-width: 650px) {
  body.proposal-active .proposal-address-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  body.proposal-active .proposal-address-street,
  body.proposal-active .proposal-address-city {
    grid-column: span 2 !important;
  }
}

/* Compact data-entry sheet based on the final review layout. */
.question-row--details-form {
  display: grid !important;
  gap: 16px !important;
  width: min(100%, 720px) !important;
  margin-inline: auto !important;
}

.details-form-context,
.details-form-field {
  display: grid;
  grid-template-columns: minmax(150px, 190px) minmax(0, 1fr);
  align-items: center;
  gap: 10px 18px;
}

.details-form-context > span,
.details-form-field > span {
  color: #4b2458 !important;
  font-size: .82rem !important;
  font-weight: 800 !important;
  letter-spacing: .045em;
  line-height: 1.25;
  text-transform: uppercase;
}

.details-form-context strong {
  white-space: pre-line;
  color: #9d6814;
  font-size: .95rem;
}

.details-form-fields {
  display: grid;
  gap: 10px;
}

.details-form-field input,
.details-form-field select {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 38px !important;
  border: 1px solid rgb(75 36 88 / 24%) !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #1b183e !important;
  -webkit-text-fill-color: #1b183e !important;
  padding: 8px 10px !important;
  box-shadow: none !important;
  font-size: .95rem !important;
}

.details-form-field input:focus,
.details-form-field select:focus {
  border-color: #4b2458 !important;
  outline: 2px solid rgb(252 223 156 / 75%) !important;
  outline-offset: 1px;
}

.details-form-field--landlordPhone input,
.details-form-field--landlordPhone input:-webkit-autofill {
  background: #fff !important;
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
  box-shadow: 0 0 0 1000px #fff inset !important;
  color: #1b183e !important;
  -webkit-text-fill-color: #1b183e !important;
}

.details-form-note {
  margin: 0 !important;
  padding-left: 208px;
}

.details-form-next {
  justify-self: end;
}

#proposal-rental-state,
#rentalState {
  text-transform: uppercase !important;
}

@media (max-width: 650px) {
  .question-row--details-form {
    gap: 13px !important;
  }

  .details-form-context,
  .details-form-field {
    grid-template-columns: minmax(112px, 39%) minmax(0, 1fr);
    gap: 8px 12px;
  }

  .details-form-context > span,
  .details-form-field > span {
    font-size: .76rem !important;
  }

  .details-form-note {
    padding-left: calc(39% + 12px);
  }
}

/* Compact, centered qualification result — especially important on phones. */
body.questionnaire-active #first-review.review-panel {
  width: min(100%, 660px) !important;
  max-width: 660px !important;
  margin-inline: auto !important;
  padding: 0 0 28px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

body.questionnaire-active #first-review .claim-result {
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto 22px !important;
  padding: 30px 26px !important;
  box-sizing: border-box !important;
  text-align: center !important;
}

body.questionnaire-active #first-review .claim-result h2 {
  max-width: 540px !important;
  margin-inline: auto !important;
  font-size: clamp(1.7rem, 4vw, 2.45rem) !important;
  line-height: 1.14 !important;
  overflow-wrap: anywhere;
}

body.questionnaire-active #first-review .claim-promise {
  margin: 22px auto 0 !important;
  font-size: clamp(1.15rem, 2.8vw, 1.5rem) !important;
  line-height: 1.45 !important;
}

body.questionnaire-active #first-review .reality-statement {
  width: min(100%, 560px) !important;
  max-width: 560px !important;
  margin: 0 auto 20px !important;
  padding: 20px 24px !important;
  box-sizing: border-box !important;
  text-align: center !important;
}

body.questionnaire-active #first-review .claim-instruction {
  margin: 0 auto !important;
  text-align: center !important;
}

body.questionnaire-active #first-review .stage-actions {
  width: min(100%, 560px) !important;
  margin: 26px auto 0 !important;
  justify-content: center !important;
}

body.questionnaire-active #first-review #exit-review {
  display: none !important;
}

@media (max-width: 900px) {
  body.questionnaire-active .questionnaire__inner {
    width: min(100% - 32px, 760px) !important;
    margin-inline: auto !important;
  }

  body.questionnaire-active .interview {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
  }
}

/* Final proposal layout: both aubergine sections share one exact edge. */
body.proposal-active .proposal-screen {
  grid-template-columns: 310px minmax(0, 1fr) !important;
  background: linear-gradient(to right, #4b2458 0 310px, var(--warm-cream, #fbf6ee) 310px) !important;
}

body.proposal-active .proposal-title-block,
body.proposal-active .proposal-screen__rail {
  box-sizing: border-box !important;
  width: 310px !important;
  min-width: 310px !important;
  max-width: 310px !important;
  background: #4b2458 !important;
}

body.proposal-active .proposal-missing :is(input, button),
body.proposal-active input[aria-invalid="true"] {
  border-color: #b3261e !important;
  box-shadow: 0 0 0 2px rgb(179 38 30 / 16%) !important;
}

body.proposal-active #proposal-error:not(:empty) {
  font-weight: 700 !important;
}

@media (max-width: 900px) {
  body.proposal-active .proposal-screen {
    grid-template-columns: 1fr !important;
    background: var(--warm-cream, #fbf6ee) !important;
  }

  body.proposal-active .proposal-title-block,
  body.proposal-active .proposal-screen__rail {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

@media (max-width: 520px) {
  body.questionnaire-active .questionnaire__inner {
    width: min(100% - 24px, 760px) !important;
    padding-top: 20px !important;
  }

  body.questionnaire-active .interview {
    min-height: 0 !important;
    padding: 20px 14px 26px !important;
  }

  body.questionnaire-active #first-review .claim-result {
    padding: 24px 16px !important;
  }

  body.questionnaire-active #first-review .claim-result h2 {
    font-size: 1.65rem !important;
  }

  body.questionnaire-active #first-review .reality-statement {
    padding: 17px 16px !important;
  }

  body.questionnaire-active #first-review .stage-actions {
    gap: 14px !important;
  }
}

/* Mobile is a compact questionnaire, not a desktop sidebar stacked on top. */
@media (max-width: 900px) {
  body.proposal-active .proposal-screen {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto 1fr !important;
    min-height: 100svh !important;
    background: var(--warm-cream, #fbf6ee) !important;
  }

  body.proposal-active .proposal-title-block {
    width: 100% !important;
    min-width: 0 !important;
    padding: 12px 18px 7px !important;
  }

  body.proposal-active .proposal-title-block__identity {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
  }

  body.proposal-active .proposal-title-block__identity img {
    width: 58px !important;
    height: 66px !important;
  }

  body.proposal-active .proposal-title-block__identity strong {
    font-size: 1.2rem !important;
    line-height: 1.1 !important;
  }

  body.proposal-active .proposal-title-block > p {
    gap: 0 !important;
    max-width: 340px !important;
    margin-top: 4px !important;
    font-size: .78rem !important;
    line-height: 1.25 !important;
  }

  body.proposal-active .proposal-screen__rail {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 5px 16px 10px !important;
  }

  body.proposal-active .proposal-screen__tagline {
    display: flex !important;
    justify-content: center !important;
    gap: 6px !important;
    margin: 0 !important;
    font-size: 1rem !important;
    line-height: 1.1 !important;
  }

  body.proposal-active .proposal-screen__tagline strong {
    display: inline !important;
    margin: 0 !important;
    font-size: 1rem !important;
  }

  body.proposal-active .proposal-promise {
    display: none !important;
  }

  body.proposal-active .proposal-screen__main {
    grid-row: 3 !important;
    width: min(calc(100% - 28px), 540px) !important;
    margin-inline: auto !important;
    padding: 12px 0 24px !important;
  }

  body.proposal-active .proposal-progress,
  body.proposal-active .proposal-screen__main > h2,
  body.proposal-active .proposal-card,
  body.proposal-active .proposal-disclaimer {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
  }

  body.proposal-active .proposal-progress {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
  }

  body.proposal-active .proposal-progress > div {
    width: 120px !important;
  }

  body.proposal-active .proposal-progress ol {
    display: flex !important;
    width: 100% !important;
    justify-content: space-between !important;
    gap: 4px !important;
  }

  body.proposal-active .proposal-progress li {
    width: auto !important;
  }

  body.proposal-active .proposal-progress li span {
    display: none !important;
  }

  body.proposal-active .proposal-progress li b {
    width: 22px !important;
    height: 22px !important;
  }

  body.proposal-active .proposal-screen__main > h2 {
    margin: 8px 0 7px !important;
    font-size: .95rem !important;
  }

  body.proposal-active .proposal-date > span,
  body.proposal-active .proposal-statement-date > span {
    width: 130px !important;
    max-width: 130px !important;
  }

  body.proposal-active .proposal-money {
    width: 140px !important;
    max-width: 140px !important;
  }

  body.proposal-active .proposal-two-column > fieldset .proposal-choices {
    width: 188px !important;
    max-width: 188px !important;
  }

  body.proposal-active .proposal-receipts .proposal-choices {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 240px !important;
    max-width: 240px !important;
  }

  body.proposal-active .proposal-receipts .proposal-choices button {
    width: 240px !important;
    white-space: normal !important;
  }

  body.proposal-active .proposal-guidance {
    width: 100% !important;
  }

  body.proposal-active .proposal-address {
    width: 337px !important;
    max-width: 100% !important;
  }

  body.proposal-active .proposal-address-row--top {
    grid-template-columns: minmax(0, 250px) 80px !important;
  }

  body.proposal-active .proposal-address-row--bottom {
    grid-template-columns: minmax(0, 150px) 55px 75px !important;
  }

  body.proposal-active .proposal-card footer {
    width: 100% !important;
  }

  .test-mode-notice {
    top: 6px !important;
    right: 8px !important;
    max-width: calc(100% - 16px) !important;
    padding: 5px 9px !important;
    font-size: .7rem !important;
  }
}

@media (max-width: 380px) {
  body.proposal-active .proposal-address-row--top,
  body.proposal-active .proposal-address-row--bottom {
    grid-template-columns: 1fr 1fr !important;
  }

  body.proposal-active .proposal-address-row--bottom label:first-child {
    grid-column: span 2 !important;
  }
}

/* Balanced control proportions across desktop and mobile. */
body.proposal-active .proposal-date > span,
body.proposal-active .proposal-statement-date > span {
  width: 145px !important;
  min-width: 145px !important;
  max-width: 145px !important;
}

body.proposal-active .proposal-money {
  width: 155px !important;
  min-width: 155px !important;
  max-width: 155px !important;
}

body.proposal-active .proposal-two-column > fieldset .proposal-choices {
  display: flex !important;
  width: 156px !important;
  min-width: 156px !important;
  max-width: 156px !important;
  gap: 6px !important;
}

body.proposal-active .proposal-two-column > fieldset .proposal-choices button {
  flex: 0 0 75px !important;
  width: 75px !important;
  min-width: 75px !important;
  max-width: 75px !important;
}

body.proposal-active .proposal-receipts .proposal-choices {
  display: grid !important;
  grid-template-columns: 165px 150px 145px !important;
  gap: 6px !important;
  width: 472px !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

body.proposal-active .proposal-receipts .proposal-choices button:nth-child(1) {
  width: 165px !important;
}

body.proposal-active .proposal-receipts .proposal-choices button:nth-child(2) {
  width: 150px !important;
}

body.proposal-active .proposal-receipts .proposal-choices button:nth-child(3) {
  width: 145px !important;
}

body.proposal-active .proposal-receipts .proposal-choices button {
  min-width: 0 !important;
  max-width: none !important;
  padding-inline: 6px !important;
  white-space: normal !important;
}

body.proposal-active .proposal-address {
  width: 357px !important;
  max-width: 100% !important;
}

body.proposal-active .proposal-address-row--top {
  grid-template-columns: 250px 100px !important;
}

body.proposal-active .proposal-address-row--bottom {
  grid-template-columns: 180px 70px 90px !important;
}

@media (max-width: 500px) {
  body.proposal-active .proposal-receipts .proposal-choices {
    grid-template-columns: 165px 150px !important;
    width: 321px !important;
  }

  body.proposal-active .proposal-receipts .proposal-choices button:nth-child(3) {
    grid-column: 1 / span 2 !important;
    width: 145px !important;
  }
}

@media (max-width: 380px) {
  body.proposal-active .proposal-address {
    width: 100% !important;
  }

  body.proposal-active .proposal-address-row--top,
  body.proposal-active .proposal-address-row--bottom {
    grid-template-columns: 1fr 1fr !important;
  }
}

/* Exact final alignment and compact field dimensions. */
body.proposal-active .proposal-screen__main {
  width: min(100%, 640px) !important;
  justify-self: center !important;
  margin-inline: auto !important;
  padding-top: 2px !important;
}

body.proposal-active .proposal-screen__main > h2,
body.proposal-active .proposal-progress,
body.proposal-active .proposal-card,
body.proposal-active .proposal-disclaimer {
  width: min(100%, 540px) !important;
  max-width: 540px !important;
  margin-inline: auto !important;
}

body.proposal-active .proposal-date > span,
body.proposal-active .proposal-statement-date > span {
  width: 130px !important;
  max-width: 130px !important;
}

body.proposal-active .proposal-money {
  width: 140px !important;
  max-width: 140px !important;
}

body.proposal-active .proposal-two-column > label,
body.proposal-active .proposal-two-column > fieldset {
  width: 100% !important;
  max-width: 540px !important;
}

body.proposal-active .proposal-two-column > fieldset .proposal-choices {
  width: 188px !important;
  max-width: 188px !important;
  gap: 6px !important;
}

body.proposal-active .proposal-two-column > fieldset .proposal-choices button {
  flex: 0 0 91px !important;
  width: 91px !important;
  padding-inline: 5px !important;
}

body.proposal-active .proposal-receipts .proposal-choices {
  display: flex !important;
  width: max-content !important;
  max-width: 100% !important;
}

body.proposal-active .proposal-receipts .proposal-choices button {
  flex: 0 0 auto !important;
  width: auto !important;
  padding-inline: 8px !important;
  white-space: nowrap !important;
}

body.proposal-active .proposal-guidance {
  width: min(100%, 540px) !important;
}

body.proposal-active .proposal-address {
  width: 337px !important;
  max-width: 100% !important;
}

body.proposal-active .proposal-address-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 4px !important;
}

body.proposal-active .proposal-address-row {
  display: grid !important;
  gap: 7px !important;
}

body.proposal-active .proposal-address-row--top {
  grid-template-columns: 250px 80px !important;
}

body.proposal-active .proposal-address-row--bottom {
  grid-template-columns: 150px 55px 75px !important;
}

body.proposal-active .proposal-address-row label {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

@media (max-width: 650px) {
  body.proposal-active .proposal-screen__main {
    width: min(100% - 28px, 540px) !important;
  }

  body.proposal-active .proposal-receipts .proposal-choices {
    display: grid !important;
    width: min(100%, 280px) !important;
  }

  body.proposal-active .proposal-receipts .proposal-choices button {
    width: 100% !important;
    white-space: normal !important;
  }

  body.proposal-active .proposal-address-row--top,
  body.proposal-active .proposal-address-row--bottom {
    grid-template-columns: 1fr 1fr !important;
  }

  body.proposal-active .proposal-address-row--bottom label:first-child {
    grid-column: span 2 !important;
  }
}

/* Decisively compact controls in one centered questionnaire column. */
body.proposal-active .proposal-screen__main {
  width: min(100%, 720px) !important;
  justify-self: center !important;
}

body.proposal-active .proposal-screen__main > h2,
body.proposal-active .proposal-card,
body.proposal-active .proposal-disclaimer {
  width: min(100%, 600px) !important;
  max-width: 600px !important;
  margin-inline: auto !important;
}

body.proposal-active .proposal-progress {
  width: min(100%, 540px) !important;
  max-width: 540px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

body.proposal-active .proposal-date > span,
body.proposal-active .proposal-statement-date > span {
  width: 145px !important;
  max-width: 145px !important;
}

body.proposal-active .proposal-money,
body.proposal-active .proposal-two-column > label {
  width: 155px !important;
  max-width: 155px !important;
}

body.proposal-active .proposal-two-column > fieldset {
  width: 210px !important;
  max-width: 210px !important;
}

body.proposal-active .proposal-choices {
  gap: 5px !important;
}

body.proposal-active .proposal-receipts .proposal-choices button {
  padding-inline: 8px !important;
}

body.proposal-active .proposal-guidance {
  width: min(100%, 560px) !important;
}

body.proposal-active .proposal-address {
  width: 421px !important;
  max-width: 100% !important;
}

body.proposal-active .proposal-address-grid {
  grid-template-columns: 180px 80px 60px 80px !important;
}

@media (max-width: 650px) {
  body.proposal-active .proposal-screen__main,
  body.proposal-active .proposal-screen__main > h2,
  body.proposal-active .proposal-card,
  body.proposal-active .proposal-disclaimer {
    width: 100% !important;
  }
}

/* Field lengths communicate the expected amount of information. */
body.proposal-active .proposal-date > span,
body.proposal-active .proposal-statement-date > span { width: 190px !important; }
body.proposal-active .proposal-money { width: 220px !important; }
body.proposal-active .proposal-two-column > fieldset { width: 300px !important; max-width: 300px !important; }
body.proposal-active .proposal-receipts .proposal-choices { width: max-content !important; max-width: 100% !important; }
body.proposal-active .proposal-receipts .proposal-choices button { flex: 0 0 auto !important; padding-inline: 15px !important; }

body.proposal-active .proposal-guidance {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 3px 8px !important;
  width: max-content !important;
  max-width: 100% !important;
  padding: 4px 9px !important;
  border-radius: 6px !important;
  background: #f2eaf6 !important;
  color: #282044 !important;
  font-size: .75rem !important;
  line-height: 1.3 !important;
}
body.proposal-active .proposal-guidance details { display: block !important; }
body.proposal-active .proposal-guidance details[open] { flex-basis: 100% !important; width: 100% !important; }
body.proposal-active .proposal-guidance summary {
  color: #4b2458 !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}
body.proposal-active .proposal-guidance summary::marker { content: "" !important; }
body.proposal-active .proposal-guidance details p {
  flex-basis: 100% !important;
  max-width: 570px !important;
  margin: 3px 0 1px !important;
  padding: 5px 0 0 !important;
  border-top: 1px solid rgb(75 36 88 / 16%) !important;
  background: transparent !important;
}
body.proposal-active .proposal-address { max-width: 555px !important; }
body.proposal-active .proposal-address-grid { grid-template-columns: 240px 110px 70px 105px !important; }

@media (max-width: 650px) {
  body.proposal-active .proposal-date > span,
  body.proposal-active .proposal-statement-date > span,
  body.proposal-active .proposal-money,
  body.proposal-active .proposal-two-column > fieldset { width: 100% !important; max-width: 360px !important; }
  body.proposal-active .proposal-receipts .proposal-choices { display: grid !important; width: 100% !important; }
  body.proposal-active .proposal-receipts .proposal-choices button { width: 100% !important; }
  body.proposal-active .proposal-address-grid { grid-template-columns: 1fr 1fr !important; }
}

/* The Question 4 explanation is short enough to remain visible. */
body.proposal-active .proposal-guidance {
  display: grid !important;
  gap: 2px !important;
  width: min(100%, 640px) !important;
}

/* Literal content-sized controls rather than abbreviated full-width fields. */
body.proposal-active .proposal-date > span,
body.proposal-active .proposal-statement-date > span {
  width: 170px !important;
  max-width: 170px !important;
}

body.proposal-active .proposal-money {
  width: 185px !important;
  max-width: 185px !important;
}

body.proposal-active .proposal-two-column > label {
  width: 185px !important;
  max-width: 185px !important;
}

body.proposal-active .proposal-two-column > fieldset {
  width: 260px !important;
  max-width: 260px !important;
}

body.proposal-active .proposal-receipts .proposal-choices button {
  padding-inline: 10px !important;
}

body.proposal-active .proposal-address {
  width: 451px !important;
  max-width: 100% !important;
}

body.proposal-active .proposal-address-grid {
  grid-template-columns: 190px 90px 60px 90px !important;
}

@media (max-width: 650px) {
  body.proposal-active .proposal-date > span,
  body.proposal-active .proposal-statement-date > span,
  body.proposal-active .proposal-money,
  body.proposal-active .proposal-two-column > label,
  body.proposal-active .proposal-two-column > fieldset {
    width: min(100%, 280px) !important;
    max-width: 280px !important;
  }

  body.proposal-active .proposal-address {
    width: 100% !important;
  }
}

/* Final centering and compact control dimensions. */
body.proposal-active .proposal-screen__main { width: min(100%, 720px) !important; justify-self: center !important; }
body.proposal-active .proposal-screen__main > h2,
body.proposal-active .proposal-card,
body.proposal-active .proposal-disclaimer {
  width: min(100%, 600px) !important;
  max-width: 600px !important;
  margin-inline: auto !important;
}
body.proposal-active .proposal-progress {
  width: min(100%, 540px) !important;
  max-width: 540px !important;
  margin-inline: auto !important;
}
body.proposal-active .proposal-date > span,
body.proposal-active .proposal-statement-date > span { width: 145px !important; max-width: 145px !important; }
body.proposal-active .proposal-money,
body.proposal-active .proposal-two-column > label { width: 155px !important; max-width: 155px !important; }
body.proposal-active .proposal-two-column > fieldset { width: 210px !important; max-width: 210px !important; }
body.proposal-active .proposal-choices { gap: 5px !important; }
body.proposal-active .proposal-receipts .proposal-choices button { padding-inline: 8px !important; }
body.proposal-active .proposal-guidance { width: min(100%, 560px) !important; }
body.proposal-active .proposal-address { width: 421px !important; max-width: 100% !important; }
body.proposal-active .proposal-address-grid { grid-template-columns: 180px 80px 60px 80px !important; }

@media (max-width: 650px) {
  body.proposal-active .proposal-screen__main,
  body.proposal-active .proposal-screen__main > h2,
  body.proposal-active .proposal-card,
  body.proposal-active .proposal-disclaimer { width: 100% !important; }
}

/* Keep question copy full length; shorten only the controls. */
body.proposal-active .proposal-screen__main {
  justify-self: start !important;
  margin-right: 0 !important;
  margin-left: 38px !important;
  padding-top: 2px !important;
}

body.proposal-active .proposal-screen__main > h2,
body.proposal-active .proposal-progress,
body.proposal-active .proposal-card,
body.proposal-active .proposal-disclaimer {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

body.proposal-active .proposal-screen__main > h2 {
  margin-top: 5px !important;
}

body.proposal-active .proposal-two-column > label,
body.proposal-active .proposal-two-column > fieldset {
  width: 100% !important;
  max-width: 560px !important;
}

body.proposal-active .proposal-two-column > fieldset .proposal-choices {
  width: 210px !important;
  max-width: 210px !important;
}

body.proposal-active .proposal-address {
  width: 420px !important;
  max-width: 100% !important;
}

body.proposal-active .proposal-address-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  column-gap: 7px !important;
}

body.proposal-active .proposal-address-street {
  grid-column: span 9 !important;
}

body.proposal-active .proposal-address-grid > label:nth-child(2) {
  grid-column: span 3 !important;
}

body.proposal-active .proposal-address-city {
  grid-column: span 6 !important;
}

body.proposal-active .proposal-address-grid > label:nth-child(4) {
  grid-column: span 2 !important;
}

body.proposal-active .proposal-address-grid > label:nth-child(5) {
  grid-column: span 4 !important;
}

@media (max-width: 900px) {
  body.proposal-active .proposal-screen__main {
    justify-self: center !important;
    margin-inline: auto !important;
    padding-top: 18px !important;
  }
}

@media (max-width: 650px) {
  body.proposal-active .proposal-two-column > label,
  body.proposal-active .proposal-two-column > fieldset {
    max-width: 100% !important;
  }
}

/* Final questionnaire geometry: one centered rhythm with proportional controls. */
body.proposal-active .proposal-screen__main {
  width: min(100%, 680px) !important;
  justify-self: center !important;
  margin-inline: auto !important;
  padding-top: 2px !important;
}

body.proposal-active .proposal-screen__main > h2,
body.proposal-active .proposal-progress,
body.proposal-active .proposal-card,
body.proposal-active .proposal-disclaimer {
  width: min(100%, 600px) !important;
  max-width: 600px !important;
  margin-inline: auto !important;
}

body.proposal-active .proposal-two-column {
  display: grid !important;
  grid-template-columns: 1fr !important;
}

body.proposal-active .proposal-two-column > label,
body.proposal-active .proposal-two-column > fieldset {
  width: 100% !important;
  max-width: 100% !important;
}

body.proposal-active .proposal-date > span,
body.proposal-active .proposal-statement-date > span {
  width: 170px !important;
  min-width: 170px !important;
  max-width: 170px !important;
}

body.proposal-active .proposal-money {
  width: 185px !important;
  min-width: 185px !important;
  max-width: 185px !important;
}

body.proposal-active .proposal-two-column > fieldset .proposal-choices {
  display: flex !important;
  width: 166px !important;
  min-width: 166px !important;
  max-width: 166px !important;
  gap: 6px !important;
}

body.proposal-active .proposal-two-column > fieldset .proposal-choices button {
  flex: 0 0 80px !important;
  width: 80px !important;
  min-width: 80px !important;
  max-width: 80px !important;
}

body.proposal-active .proposal-receipts .proposal-choices {
  display: grid !important;
  grid-template-columns: 190px 170px 155px !important;
  gap: 7px !important;
  width: 529px !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

body.proposal-active .proposal-receipts .proposal-choices button,
body.proposal-active .proposal-receipts .proposal-choices button:nth-child(n) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  padding-inline: 7px !important;
  white-space: normal !important;
}

body.proposal-active .proposal-address {
  width: 418px !important;
  max-width: 100% !important;
}

body.proposal-active .proposal-address-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 5px !important;
  width: 100% !important;
}

body.proposal-active .proposal-address-row {
  display: grid !important;
  gap: 8px !important;
  width: 100% !important;
}

body.proposal-active .proposal-address-row--top {
  grid-template-columns: minmax(0, 300px) 110px !important;
}

body.proposal-active .proposal-address-row--bottom {
  grid-template-columns: minmax(0, 217px) 75px 110px !important;
}

body.proposal-active .proposal-address-row label {
  display: grid !important;
  grid-column: auto !important;
  gap: 2px !important;
  min-width: 0 !important;
}

body.proposal-active .proposal-address-row input {
  width: 100% !important;
  min-width: 0 !important;
}

@media (max-width: 900px) {
  body.proposal-active .proposal-screen__main {
    width: min(100% - 28px, 680px) !important;
    padding-top: 12px !important;
  }
}

@media (max-width: 650px) {
  body.proposal-active .proposal-screen__main > h2,
  body.proposal-active .proposal-progress,
  body.proposal-active .proposal-card,
  body.proposal-active .proposal-disclaimer {
    width: 100% !important;
  }

  body.proposal-active .proposal-receipts .proposal-choices {
    grid-template-columns: 190px 155px !important;
    width: 352px !important;
  }

  body.proposal-active .proposal-receipts .proposal-choices button:nth-child(3) {
    grid-column: 1 / span 2 !important;
    width: 155px !important;
  }

  body.proposal-active .proposal-address {
    width: min(100%, 418px) !important;
  }
}

@media (max-width: 390px) {
  body.proposal-active .proposal-receipts .proposal-choices {
    grid-template-columns: 1fr !important;
    width: min(100%, 250px) !important;
  }

  body.proposal-active .proposal-receipts .proposal-choices button:nth-child(3) {
    grid-column: auto !important;
    width: 100% !important;
  }

  body.proposal-active .proposal-address-row--top {
    grid-template-columns: minmax(0, 1fr) 88px !important;
  }

  body.proposal-active .proposal-address-row--bottom {
    grid-template-columns: minmax(0, 1fr) 58px 86px !important;
  }
}

/* Keep the mobile verification sequence visible and in reading order. */
.return-dialog {
  overflow-y: auto !important;
  overscroll-behavior: contain;
}

.return-dialog__panel {
  max-height: calc(100dvh - 32px) !important;
  overflow-y: auto !important;
}

.return-entry .verification-code-wrap {
  width: min(100%, 330px) !important;
  margin: 2px auto 0 !important;
}

.return-entry .verification-code-wrap input {
  width: 100% !important;
}

@media (max-width: 520px) {
  .return-dialog {
    align-items: flex-start !important;
    padding: 12px !important;
  }

  .return-dialog__panel {
    margin-block: 4px !important;
    padding: 34px 20px 24px !important;
  }
}

/* Final mobile control sizes — intentionally last so older refinements cannot override them. */
body.proposal-active .proposal-date > span,
body.proposal-active .proposal-statement-date > span {
  width: 140px !important;
  min-width: 140px !important;
  max-width: 140px !important;
}

body.proposal-active .proposal-money {
  width: 158px !important;
  min-width: 158px !important;
  max-width: 158px !important;
}

@media (max-width: 650px) {
  body.proposal-active .proposal-receipts .proposal-choices {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.proposal-active .proposal-receipts .proposal-choices button,
  body.proposal-active .proposal-receipts .proposal-choices button:nth-child(n) {
    grid-column: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 58px !important;
    padding: 6px 4px !important;
    font-size: .82rem !important;
    line-height: 1.16 !important;
  }
}

body.proposal-active .proposal-guidance {
  background: #fff3d6 !important;
  border: 1px solid rgb(252 223 156 / 65%) !important;
}

body.proposal-active #proposal-next {
  transform: translateX(40px) !important;
}

@media (max-width: 650px) {
  body.proposal-active #proposal-next {
    transform: translateX(24px) !important;
  }
}

/* Questionnaire actions use the same visual language as the hero CTA. */
body.proposal-active,
body.questionnaire-active,
.return-dialog {
  --data-orange: #b77a14;
}

body.proposal-active #proposal-next,
body.questionnaire-active .field-next,
body.questionnaire-active .interview .primary-button,
body.questionnaire-active .process-stage > .primary-button,
body.questionnaire-active .review-panel > .primary-button,
body.questionnaire-active #submit-button,
body.questionnaire-active .friend-share .primary-button,
body.questionnaire-active .share-options button,
body.questionnaire-active .confirmation-finish,
.return-dialog .continue-device,
.return-dialog .return-entry button {
  border: 3px solid #fcdf9c !important;
  background: #4b2458 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.proposal-active #proposal-next:hover,
body.proposal-active #proposal-next:focus-visible,
body.questionnaire-active .field-next:hover,
body.questionnaire-active .field-next:focus-visible,
body.questionnaire-active .primary-button:hover,
body.questionnaire-active .primary-button:focus-visible,
body.questionnaire-active #submit-button:hover,
body.questionnaire-active #submit-button:focus-visible,
body.questionnaire-active .share-options button:hover,
body.questionnaire-active .share-options button:focus-visible,
body.questionnaire-active .confirmation-finish:hover,
body.questionnaire-active .confirmation-finish:focus-visible,
.return-dialog .continue-device:hover,
.return-dialog .continue-device:focus-visible,
.return-dialog .return-entry button:hover,
.return-dialog .return-entry button:focus-visible {
  border-color: #fcdf9c !important;
  background: #fcdf9c !important;
  color: #4b2458 !important;
  -webkit-text-fill-color: #4b2458 !important;
}

body.questionnaire-active .field-next span,
body.questionnaire-active .primary-button span,
body.questionnaire-active .share-options button span,
.return-dialog .continue-device span,
.return-dialog .return-entry button span {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Final questionnaire structure and button system. */
.request-progress {
  display: none !important;
}

.question-row--landlord-info {
  display: grid !important;
  gap: 14px !important;
  width: min(100%, 680px) !important;
}

.landlord-info-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 16px;
}

.landlord-info-field {
  display: grid;
  gap: 6px;
  color: #1b183e;
  font-weight: 700;
}

.landlord-info-field span {
  font-size: .86rem;
}

.landlord-info-field input {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

.landlord-info-field--landlordName,
.landlord-info-field--payeeName {
  grid-column: span 1;
}

.landlord-info-field--landlordPhone {
  width: min(100%, 250px);
}

.landlord-info-note {
  margin: -4px 0 0 !important;
}

.landlord-info-next {
  justify-self: end;
}

body.proposal-active #proposal-next,
body.questionnaire-active .field-next,
body.questionnaire-active .interview .primary-button,
body.questionnaire-active #submit-button,
body.questionnaire-active .share-options button,
body.questionnaire-active .confirmation-finish,
.return-dialog .continue-device,
.return-dialog .return-entry button {
  min-width: 104px !important;
  min-height: 40px !important;
  border: 3px solid #fcdf9c !important;
  border-radius: 999px !important;
  background: #4b2458 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  padding: 9px 20px !important;
  box-shadow: none !important;
  font-weight: 700 !important;
}

@media (max-width: 650px) {
  .landlord-info-fields {
    grid-template-columns: 1fr;
    gap: 11px;
  }

  .landlord-info-field--landlordPhone {
    width: min(100%, 230px);
  }
}

/* Keep every questionnaire page optically centered in the available canvas. */
body.questionnaire-active .questionnaire__inner {
  margin-inline: auto !important;
}

body.questionnaire-active .interview,
body.questionnaire-active .active-question,
body.questionnaire-active .review-panel,
body.questionnaire-active .process-stage,
body.questionnaire-active .details-stage,
body.questionnaire-active .summary,
body.questionnaire-active .confirmation {
  box-sizing: border-box !important;
  margin-inline: auto !important;
}

body.questionnaire-active .review-panel,
body.questionnaire-active .process-stage,
body.questionnaire-active .details-stage {
  width: min(100%, 760px) !important;
  max-width: 760px !important;
}

body.questionnaire-active .summary,
body.questionnaire-active .confirmation {
  width: min(100%, 700px) !important;
  max-width: 700px !important;
}

body.questionnaire-active .stage-actions,
body.questionnaire-active .summary-actions {
  width: 100% !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}

/* Preserve the diagram's left-to-right reading rhythm at every width. */
.recovery-path {
  grid-template-columns: max-content 18px max-content 18px max-content !important;
  column-gap: 8px !important;
  width: min(100%, 430px) !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.recovery-path > div > span {
  white-space: nowrap !important;
}

@media (max-width: 420px) {
  .recovery-path {
    grid-template-columns: max-content 14px max-content 14px max-content !important;
    column-gap: 4px !important;
    padding-inline: 12px !important;
  }

  .recovery-path > div > span {
    font-size: .75rem !important;
  }
}

/* A confident, celebratory result without turning the page into an ad. */
body.questionnaire-active #first-review .claim-result {
  position: relative !important;
  margin-top: 42px !important;
  padding: 58px 30px 34px !important;
  border: 1px solid rgb(75 36 88 / 16%) !important;
  border-top: 4px solid #fcdf9c !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 50% 0, rgb(252 223 156 / 28%), transparent 34%),
    linear-gradient(145deg, #fff 0%, #fbf6e9 100%) !important;
  box-shadow: 0 16px 38px rgb(75 36 88 / 10%) !important;
}

.claim-emblem {
  position: absolute;
  top: 0;
  left: 50%;
  display: grid;
  place-items: center;
  width: 82px;
  height: 82px;
  overflow: hidden;
  transform: translate(-50%, -50%);
  border: 4px solid #fcdf9c;
  border-radius: 50%;
  background: #4b2458;
  box-shadow: 0 8px 18px rgb(75 36 88 / 20%);
}

.claim-emblem img {
  width: 72px;
  height: 72px;
  object-fit: contain;
}

body.questionnaire-active #first-review .claim-kicker {
  display: inline-block !important;
  margin-bottom: 12px !important;
  color: #b77a14 !important;
  letter-spacing: .015em !important;
}

body.questionnaire-active #first-review .reality-statement {
  border-radius: 12px !important;
  background: linear-gradient(90deg, #fffaf0, #f7f2e8) !important;
  box-shadow: 0 8px 20px rgb(75 36 88 / 7%) !important;
}

@media (max-width: 520px) {
  body.questionnaire-active #first-review .claim-result {
    margin-top: 36px !important;
    padding: 52px 18px 28px !important;
  }

  .claim-emblem {
    width: 70px;
    height: 70px;
  }

  .claim-emblem img {
    width: 62px;
    height: 62px;
  }
}

/* Brand and document names always read as complete terms. */
.no-break-term {
  white-space: nowrap !important;
}

/* Final questionnaire-height correction: keep short pages compact while
   preserving a dedicated navigation band for Back/Return and Next. */
body.questionnaire-active .questionnaire__inner {
  min-height: 0 !important;
  padding-bottom: 34px !important;
}

body.questionnaire-active .interview {
  min-height: 0 !important;
  padding-bottom: 26px !important;
}

body.questionnaire-active .active-question {
  min-height: 210px !important;
  padding-bottom: 72px !important;
}

body.questionnaire-active .active-question .forward-action {
  bottom: 18px !important;
}

body.questionnaire-active .stage-actions {
  margin-top: 30px !important;
}

@media (max-width: 900px) {
  body.questionnaire-active .questionnaire__inner {
    padding-bottom: 28px !important;
  }

  body.questionnaire-active .interview {
    padding-bottom: 22px !important;
  }

  body.questionnaire-active .active-question {
    min-height: 190px !important;
    padding-bottom: 68px !important;
  }
}

/* Completion is its own page, not another questionnaire step. Remove the
   introductory prompt and form shell, then begin the result near the header. */
body.confirmation-active .request-intro,
body.confirmation-active .question-back,
body.confirmation-active .save-status {
  display: none !important;
}

/* The questionnaire prompt is complete by the consent summary. */
body.summary-active .request-intro {
  display: none !important;
}

body.confirmation-active .questionnaire__inner {
  width: min(100% - 34px, 700px) !important;
  padding-top: 16px !important;
}

body.confirmation-active .interview {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.confirmation-active .confirmation {
  margin-top: 0 !important;
}

@media (max-width: 520px) {
  body.confirmation-active .questionnaire__inner {
    width: min(100% - 20px, 700px) !important;
    padding-top: 10px !important;
  }
}

/* The eligibility result is a destination, not another questionnaire page. */
body.review-active .request-rail,
body.review-active .request-intro,
body.review-active .question-back,
body.review-active .save-status,
body.review-active #transcript,
body.review-active #active-question,
body.review-active #first-review .claim-instruction {
  display: none !important;
}

body.review-active .questionnaire {
  display: block !important;
  min-height: 100svh !important;
}

body.review-active .questionnaire__inner {
  width: min(100% - 32px, 700px) !important;
  min-height: 0 !important;
  padding: 26px 0 38px !important;
}

body.review-active .interview {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.review-active #first-review.review-panel {
  padding-bottom: 20px !important;
}

body.review-active #first-review .claim-result {
  margin-bottom: 18px !important;
}

body.review-active #first-review .reality-statement {
  margin-bottom: 0 !important;
}

body.review-active #first-review .stage-actions {
  margin-top: 22px !important;
}

/* Keep the result treatment crisp: borders create the separation, not a glow. */
body.questionnaire-active #first-review .claim-result,
body.questionnaire-active #first-review .reality-statement,
.claim-emblem {
  box-shadow: none !important;
}

/* Questionnaire color authority: no lavender states or field fills. */
body.proposal-active .proposal-date > span,
body.proposal-active .proposal-money,
body.proposal-active .proposal-statement-date > span,
body.proposal-active .proposal-date input,
body.proposal-active .proposal-money input,
body.proposal-active .proposal-statement-date input {
  background: #fff8e8 !important;
}

body.proposal-active .proposal-date input:-webkit-autofill,
body.proposal-active .proposal-date input:-webkit-autofill:hover,
body.proposal-active .proposal-date input:-webkit-autofill:focus,
body.proposal-active .proposal-money input:-webkit-autofill,
body.proposal-active .proposal-money input:-webkit-autofill:hover,
body.proposal-active .proposal-money input:-webkit-autofill:focus,
body.proposal-active .proposal-statement-date input:-webkit-autofill,
body.proposal-active .proposal-statement-date input:-webkit-autofill:hover,
body.proposal-active .proposal-statement-date input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #fff8e8 inset !important;
  box-shadow: 0 0 0 1000px #fff8e8 inset !important;
}

body.proposal-active .proposal-choices button.selected,
body.proposal-active .proposal-choices button[aria-pressed="true"],
body.proposal-active .proposal-guidance,
body.proposal-active .proposal-receipts > p {
  background: #fff4d8 !important;
}

body.proposal-active .proposal-choices button.selected,
body.proposal-active .proposal-choices button[aria-pressed="true"] {
  box-shadow: none !important;
}

/* Primary actions: warm gold, with purple reserved for type and definition. */
.landing .begin-button,
.referral-landing .begin-button,
body.proposal-active #proposal-next,
body.questionnaire-active .field-next,
body.questionnaire-active .interview .primary-button,
body.questionnaire-active .process-stage > .primary-button,
body.questionnaire-active .review-panel > .primary-button,
body.questionnaire-active #submit-button,
body.questionnaire-active .friend-share .primary-button,
body.questionnaire-active .share-options button,
body.questionnaire-active .confirmation-finish,
.return-dialog .continue-device,
.return-dialog .return-entry button {
  border: 2px solid #4b2458 !important;
  background: #fcdf9c !important;
  color: #4b2458 !important;
  -webkit-text-fill-color: #4b2458 !important;
  box-shadow: none !important;
}

.landing .begin-button:hover,
.landing .begin-button:focus-visible,
.referral-landing .begin-button:hover,
.referral-landing .begin-button:focus-visible,
body.proposal-active #proposal-next:hover,
body.proposal-active #proposal-next:focus-visible,
body.questionnaire-active .field-next:hover,
body.questionnaire-active .field-next:focus-visible,
body.questionnaire-active .primary-button:hover,
body.questionnaire-active .primary-button:focus-visible,
body.questionnaire-active #submit-button:hover,
body.questionnaire-active #submit-button:focus-visible,
body.questionnaire-active .share-options button:hover,
body.questionnaire-active .share-options button:focus-visible,
body.questionnaire-active .confirmation-finish:hover,
body.questionnaire-active .confirmation-finish:focus-visible,
.return-dialog .continue-device:hover,
.return-dialog .continue-device:focus-visible,
.return-dialog .return-entry button:hover,
.return-dialog .return-entry button:focus-visible {
  border-color: #4b2458 !important;
  background: #ffdc82 !important;
  color: #261134 !important;
  -webkit-text-fill-color: #261134 !important;
}

/* Brighter action color and a calmer, more intentional completion page. */
.landing .begin-button,
.referral-landing .begin-button,
body.proposal-active #proposal-next,
body.questionnaire-active .field-next,
body.questionnaire-active .interview .primary-button,
body.questionnaire-active .process-stage > .primary-button,
body.questionnaire-active .review-panel > .primary-button,
body.questionnaire-active #submit-button,
body.questionnaire-active .friend-share .primary-button,
body.questionnaire-active .share-options button,
body.questionnaire-active .confirmation-finish,
.return-dialog .continue-device,
.return-dialog .return-entry button {
  background: #ffe8ad !important;
}

.landing .begin-button span,
.referral-landing .begin-button span {
  color: #4b2458 !important;
  -webkit-text-fill-color: #4b2458 !important;
}

body.confirmation-active .request-rail {
  display: none !important;
}

body.confirmation-active .questionnaire {
  display: block !important;
  min-height: 100svh !important;
  padding: 34px 18px 48px !important;
  background: #4b2458 !important;
}

body.confirmation-active .questionnaire__inner {
  width: min(100%, 700px) !important;
  margin-inline: auto !important;
  padding: 0 !important;
}

body.confirmation-active .confirmation {
  position: relative !important;
  overflow: visible !important;
  margin: 28px auto 0 !important;
  border: 2px solid #fcdf9c !important;
  border-radius: 20px !important;
  background: #fffdf8 !important;
  box-shadow: 8px 8px 0 rgb(252 223 156 / 48%) !important;
}

body.confirmation-active .confirmation-masthead {
  position: relative !important;
  padding: 62px 44px 30px !important;
  border-radius: 18px 18px 0 0 !important;
  background: #fff9ec !important;
  color: #4b2458 !important;
  text-align: center !important;
}

body.confirmation-active .confirmation-emblem {
  position: absolute;
  top: 0;
  left: 50%;
  width: 78px;
  height: 78px;
  transform: translate(-50%, -50%);
  border: 3px solid #ffe8ad;
  border-radius: 50%;
  background: #4b2458;
}

body.confirmation-active .confirmation-masthead .eyebrow {
  margin: 0 0 8px !important;
  color: #b77a14 !important;
  letter-spacing: .08em !important;
  text-align: center !important;
}

body.confirmation-active .confirmation-masthead h2,
body.confirmation-active .confirmation-copy,
body.confirmation-active .confirmation-delivery {
  margin-inline: auto !important;
  color: #4b2458 !important;
  text-align: center !important;
}

body.confirmation-active .confirmation-masthead h2 {
  margin-top: 4px !important;
  margin-bottom: 14px !important;
  font-size: clamp(2rem, 6vw, 2.65rem) !important;
}

body.confirmation-active .confirmation-masthead::after {
  right: auto !important;
  bottom: 0 !important;
  left: 50% !important;
  width: 72px !important;
  height: 3px !important;
  transform: translateX(-50%) !important;
  background: #fcdf9c !important;
}

body.confirmation-active .confirmation-body {
  padding: 28px 44px 38px !important;
  border-radius: 0 0 18px 18px !important;
  background: #fffdf8 !important;
}

body.confirmation-active .confirmation-promise {
  width: min(100%, 420px) !important;
  margin: 0 auto 30px !important;
  padding: 14px 22px !important;
  border: 1px solid #f2cf78 !important;
  border-radius: 10px !important;
  background: #fff4d8 !important;
  color: #4b2458 !important;
  text-align: center !important;
}

body.confirmation-active .confirmation .friend-share,
body.confirmation-active .confirmation .friend-share__marker,
body.confirmation-active .confirmation .friend-share h3,
body.confirmation-active .confirmation .friend-share > div > p {
  text-align: center !important;
}

body.confirmation-active .confirmation .friend-share .primary-button {
  margin-inline: auto !important;
}

body.confirmation-active .confirmation-finish {
  margin: 28px auto 0 !important;
}

/* CTAs never retain a selected-looking state after activation. */
:is(
  .landing .begin-button,
  .referral-landing .begin-button,
  body.proposal-active #proposal-next,
  body.questionnaire-active .field-next,
  body.questionnaire-active .interview .primary-button,
  body.questionnaire-active .process-stage > .primary-button,
  body.questionnaire-active .review-panel > .primary-button,
  body.questionnaire-active #submit-button,
  body.questionnaire-active .friend-share .primary-button,
  body.questionnaire-active .share-options button,
  body.questionnaire-active .confirmation-finish,
  .return-dialog .continue-device,
  .return-dialog .return-entry button
) {
  border-color: #f4c95d !important;
  background: #fffdf7 !important;
  color: #4b2458 !important;
  -webkit-text-fill-color: #4b2458 !important;
  transform: none !important;
  box-shadow: none !important;
}

:is(
  .landing .begin-button,
  .referral-landing .begin-button,
  body.proposal-active #proposal-next,
  body.questionnaire-active .field-next,
  body.questionnaire-active .primary-button,
  body.questionnaire-active #submit-button,
  body.questionnaire-active .share-options button,
  body.questionnaire-active .confirmation-finish,
  .return-dialog .continue-device,
  .return-dialog .return-entry button
) span {
  color: #4b2458 !important;
  -webkit-text-fill-color: #4b2458 !important;
}

:is(
  .landing .begin-button,
  .referral-landing .begin-button,
  body.proposal-active #proposal-next,
  body.questionnaire-active .field-next,
  body.questionnaire-active .primary-button,
  body.questionnaire-active #submit-button,
  body.questionnaire-active .share-options button,
  body.questionnaire-active .confirmation-finish,
  .return-dialog .continue-device,
  .return-dialog .return-entry button
):hover,
:is(
  .landing .begin-button,
  .referral-landing .begin-button,
  body.proposal-active #proposal-next,
  body.questionnaire-active .field-next,
  body.questionnaire-active .primary-button,
  body.questionnaire-active #submit-button,
  body.questionnaire-active .share-options button,
  body.questionnaire-active .confirmation-finish,
  .return-dialog .continue-device,
  .return-dialog .return-entry button
):focus {
  border-color: #f4c95d !important;
  background: #fffdf7 !important;
  color: #4b2458 !important;
  -webkit-text-fill-color: #4b2458 !important;
  transform: none !important;
  box-shadow: none !important;
}

:is(
  .landing .begin-button,
  .referral-landing .begin-button,
  body.proposal-active #proposal-next,
  body.questionnaire-active .field-next,
  body.questionnaire-active .primary-button,
  body.questionnaire-active #submit-button,
  body.questionnaire-active .share-options button,
  body.questionnaire-active .confirmation-finish,
  .return-dialog .continue-device,
  .return-dialog .return-entry button
):focus-visible {
  outline: 3px solid #4b2458 !important;
  outline-offset: 3px !important;
}

:is(
  .landing .begin-button,
  .referral-landing .begin-button,
  body.proposal-active #proposal-next,
  body.questionnaire-active .field-next,
  body.questionnaire-active .primary-button,
  body.questionnaire-active #submit-button,
  body.questionnaire-active .share-options button,
  body.questionnaire-active .confirmation-finish,
  .return-dialog .continue-device,
  .return-dialog .return-entry button
):active {
  background: #fff3cd !important;
  transform: translate(1px, 1px) !important;
}

@media (hover: hover) and (pointer: fine) {
  :is(
    .landing .begin-button,
    .referral-landing .begin-button,
    body.proposal-active #proposal-next,
    body.questionnaire-active .field-next,
    body.questionnaire-active .primary-button,
    body.questionnaire-active #submit-button,
    body.questionnaire-active .share-options button,
    body.questionnaire-active .confirmation-finish,
    .return-dialog .continue-device,
    .return-dialog .return-entry button
  ):hover {
    background: #fff3cd !important;
  }
}

@media (max-width: 520px) {
  body.confirmation-active .questionnaire {
    padding: 26px 12px 38px !important;
  }

  body.confirmation-active .confirmation-masthead {
    padding: 56px 22px 26px !important;
  }

  body.confirmation-active .confirmation-body {
    padding: 24px 22px 30px !important;
  }
}

@media (max-width: 520px) {
  body.review-active .questionnaire__inner {
    width: min(100% - 22px, 700px) !important;
    padding-top: 18px !important;
  }
}

/* Questionnaire polish: a quiet header, white controls, and neutral guidance. */
body.proposal-active > div > .masthead,
body.proposal-active .masthead,
body.questionnaire-active > div > .masthead,
body.questionnaire-active .masthead {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Give the brand promise its own readable line instead of leaving it as tiny
   artwork inside the logo image. */
body:not(.questionnaire-active) > div > .masthead .masthead__brand-lockup {
  width: min(100%, 370px);
  margin: 0 auto;
}

body:not(.questionnaire-active) > div > .masthead .masthead__brand-image {
  position: relative;
}

body:not(.questionnaire-active) > div > .masthead .masthead__brand {
  width: 100% !important;
  margin: 0 !important;
}

body:not(.questionnaire-active) > div > .masthead .masthead__tagline-mask {
  position: absolute;
  top: 77%;
  right: 0;
  left: 15.5%;
  height: 23%;
  background: #4b2458;
}

body:not(.questionnaire-active) > div > .masthead .masthead__support {
  margin: 5px auto 0 !important;
  color: #f8e5af !important;
  font-family: var(--font-sans) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.28 !important;
  text-align: center !important;
  text-wrap: balance;
}

/* Keep the brand-support sentence as one calm, readable line beneath the mark. */
body:not(.questionnaire-active) > div > .masthead .masthead__support {
  width: min(calc(100vw - 20px), 440px) !important;
  max-width: none !important;
  position: relative;
  left: 50%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transform: translateX(-50%);
  white-space: nowrap !important;
  font-size: .94rem !important;
  letter-spacing: -.015em !important;
}

@media (max-width: 520px) {
  body:not(.questionnaire-active) > div > .masthead .masthead__brand-lockup {
    width: min(100%, 290px);
  }

  body:not(.questionnaire-active) > div > .masthead .masthead__support {
    margin-top: 4px !important;
    font-size: .84rem !important;
  }
}

body.proposal-active .proposal-title-block::after {
  content: none !important;
}

body.proposal-active .proposal-date > span,
body.proposal-active .proposal-money,
body.proposal-active .proposal-statement-date > span,
body.proposal-active .proposal-date input,
body.proposal-active .proposal-money input,
body.proposal-active .proposal-statement-date input,
body.proposal-active .proposal-choices button {
  background: #fff !important;
}

body.proposal-active .proposal-date input:-webkit-autofill,
body.proposal-active .proposal-date input:-webkit-autofill:hover,
body.proposal-active .proposal-date input:-webkit-autofill:focus,
body.proposal-active .proposal-money input:-webkit-autofill,
body.proposal-active .proposal-money input:-webkit-autofill:hover,
body.proposal-active .proposal-money input:-webkit-autofill:focus,
body.proposal-active .proposal-statement-date input:-webkit-autofill,
body.proposal-active .proposal-statement-date input:-webkit-autofill:hover,
body.proposal-active .proposal-statement-date input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
  box-shadow: 0 0 0 1000px #fff inset !important;
}

body.proposal-active :is(.proposal-date > span, .proposal-money, .proposal-statement-date > span):focus-within,
body.proposal-active :is(.proposal-date input, .proposal-money input, .proposal-statement-date input):focus {
  outline: none !important;
  border-color: #b8afba !important;
  box-shadow: none !important;
  background: #fff !important;
}

body.proposal-active :is(.proposal-date input, .proposal-money input, .proposal-statement-date input)::selection {
  background: #fcdf9c;
  color: #4b2458;
}

body.proposal-active input[type="date"]::-webkit-datetime-edit,
body.proposal-active input[type="date"]::-webkit-datetime-edit-fields-wrapper,
body.proposal-active input[type="date"]::-webkit-datetime-edit-text,
body.proposal-active input[type="date"]::-webkit-datetime-edit-month-field,
body.proposal-active input[type="date"]::-webkit-datetime-edit-day-field,
body.proposal-active input[type="date"]::-webkit-datetime-edit-year-field {
  background: transparent !important;
}

body.proposal-active .proposal-choices button i {
  display: none !important;
}

body.proposal-active .proposal-choices button.selected,
body.proposal-active .proposal-choices button[aria-pressed="true"] {
  background: #fff4d8 !important;
  color: #66616a !important;
  -webkit-text-fill-color: #66616a !important;
}

body.proposal-active .proposal-guidance,
body.proposal-active .proposal-receipts > p {
  background: #fff4d8 !important;
  color: #66616a !important;
  -webkit-text-fill-color: #66616a !important;
}

@media (max-width: 900px) {
  body.proposal-active .proposal-title-block {
    padding-top: 24px !important;
  }

  body.proposal-active .test-mode-notice {
    top: 7px !important;
    right: 8px !important;
  }
}

/* The process explanation is its own page, not another questionnaire step. */
body.process-active .request-rail,
body.process-active .request-intro,
body.process-active .save-status,
body.process-active #transcript,
body.process-active #active-question {
  display: none !important;
}

body.process-active .questionnaire {
  display: block !important;
  min-height: 100svh !important;
  padding: 24px 18px 48px !important;
  background: #fffdf7 !important;
}

body.process-active .questionnaire__inner {
  width: min(100%, 760px) !important;
  min-height: 0 !important;
  margin-inline: auto !important;
  padding: 0 !important;
}

body.process-active .interview,
body.process-active .process-stage {
  width: 100% !important;
  min-height: 0 !important;
  margin-inline: auto !important;
}

body.process-active .interview {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.process-active .question-back {
  margin: 0 0 12px !important;
}

body.process-active .process-stage {
  padding-top: 4px !important;
}

/* Give the request-to-recovery explanation a single, deliberate centerline.
   The process page previously kept the full questionnaire width on phones,
   which made the entire lower sequence feel visually stranded to the left. */
body.process-active .questionnaire__inner {
  width: min(calc(100% - 64px), 680px) !important;
  margin-inline: auto !important;
}

body.process-active .process-stage,
body.process-active .request-editorial,
body.process-active .process-steps {
  margin-inline: auto !important;
}

@media (max-width: 520px) {
  body.process-active .questionnaire__inner {
    width: calc(100% - 48px) !important;
  }
}

/* Final cross-page audit: restore hierarchy and remove the duplicate mid-page masthead. */
.landing h1 .hero-title__subject {
  font-size: clamp(2.55rem, 5.3vw, 3.5rem) !important;
  line-height: .98 !important;
}

.landing h1 .hero-title__action {
  font-size: clamp(2.35rem, 4.8vw, 3.15rem) !important;
  line-height: .98 !important;
}

.landing > .hero-narrative + .deductions {
  margin-top: clamp(42px, 7vw, 64px) !important;
  padding-top: clamp(30px, 5vw, 42px) !important;
  border-top: 3px solid #4b2458 !important;
}

body.questionnaire-active :is(
  .field-wrap input,
  .field-wrap select,
  .answer-area input,
  .answer-area select,
  .share-field input,
  .return-entry input
) {
  background: #fff !important;
}

body.questionnaire-active :is(
  .field-wrap input,
  .field-wrap select,
  .answer-area input,
  .answer-area select,
  .share-field input,
  .return-entry input
):focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Keep the expanded referral choice compact and visually self-explanatory. */
body.confirmation-active .friend-share #share-button[hidden],
body.confirmation-active .share-options[hidden],
body.confirmation-active .share-options button[hidden] {
  display: none !important;
}

body.confirmation-active .share-options {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 14px !important;
  width: min(100%, 420px) !important;
  margin: 22px auto 0 !important;
}

body.confirmation-active .share-options__note {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  color: var(--aubergine-dark) !important;
  font-size: .96rem !important;
  line-height: 1.55 !important;
  text-align: center !important;
}

body.confirmation-active .share-email-panel {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
}

body.confirmation-active .share-email-panel h4 {
  margin: 4px 0 0 !important;
  color: var(--aubergine-dark) !important;
  font-family: var(--font-display) !important;
  font-size: 1.45rem !important;
  font-weight: 400 !important;
  text-align: center !important;
}

body.confirmation-active .share-field {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  width: 100% !important;
  text-align: left !important;
}

body.confirmation-active .share-field input,
body.confirmation-active .share-field textarea,
body.confirmation-active .share-options button {
  width: 100% !important;
  min-height: 46px !important;
}

body.confirmation-active .share-field textarea {
  box-sizing: border-box !important;
  min-height: 84px !important;
  padding: 10px 12px !important;
  resize: vertical !important;
  border: 1px solid rgb(46 18 61 / 32%) !important;
  border-radius: 7px !important;
  background: #fff !important;
  color: var(--form-data) !important;
}

body.confirmation-active .share-field em {
  font-style: normal !important;
  font-weight: 400 !important;
}

@media (max-width: 520px) {
  .landing h1 .hero-title__subject {
    font-size: clamp(2.35rem, 10.8vw, 2.8rem) !important;
  }

  .landing h1 .hero-title__action {
    font-size: clamp(2.25rem, 10.2vw, 2.65rem) !important;
  }

  .landing > .hero-narrative + .deductions {
    margin-top: 40px !important;
    padding-top: 30px !important;
  }
}

/* Raise the questionnaire into the first viewport while keeping a clear top edge. */
body.questionnaire-active .questionnaire__inner {
  padding-top: 14px !important;
}

body.questionnaire-active .request-intro {
  margin-top: 12px !important;
  margin-left: 24px !important;
}

/* Let the important deductions question read as a compact statement without
   reducing its accessible type size. */
.deductions .deductions__bridge {
  width: min(680px, calc(100vw - 48px)) !important;
  max-width: none !important;
  margin-left: 50% !important;
  margin-right: 0 !important;
  transform: translateX(-50%);
  line-height: 1.45 !important;
  text-wrap: balance;
}

@media (max-width: 520px) {
  .deductions .deductions__bridge {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none;
    text-wrap: pretty;
  }
}

@media (max-width: 900px) {
  body.questionnaire-active .questionnaire__inner {
    padding-top: 14px !important;
  }

  body.questionnaire-active .request-intro {
    margin-top: 12px !important;
    margin-left: 0 !important;
  }
}

/* Authoritative proposal edge and validation treatment. */
body.proposal-active .proposal-screen {
  grid-template-columns: 310px minmax(0, 1fr) !important;
  background: linear-gradient(to right, #4b2458 0 310px, var(--warm-cream, #fbf6ee) 310px) !important;
}

body.proposal-active .proposal-title-block,
body.proposal-active .proposal-screen__rail {
  box-sizing: border-box !important;
  width: 310px !important;
  min-width: 310px !important;
  max-width: 310px !important;
  background: #4b2458 !important;
}

body.proposal-active .proposal-missing :is(input, button),
body.proposal-active input[aria-invalid="true"] {
  border-color: #b3261e !important;
  box-shadow: 0 0 0 2px rgb(179 38 30 / 16%) !important;
}

body.proposal-active #proposal-error:not(:empty) {
  font-weight: 700 !important;
}

@media (max-width: 900px) {
  body.proposal-active .proposal-screen {
    grid-template-columns: 1fr !important;
    background: var(--warm-cream, #fbf6ee) !important;
  }

  body.proposal-active .proposal-title-block,
  body.proposal-active .proposal-screen__rail {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

/* Final mobile canvas correction. */
@media (max-width: 900px) {
  body.questionnaire-active,
  body.questionnaire-active .questionnaire {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
  }

  body.questionnaire-active .questionnaire__inner {
    width: min(calc(100% - 32px), 760px) !important;
    max-width: 760px !important;
    margin-inline: auto !important;
  }

  body.questionnaire-active :is(
    .interview,
    .active-question,
    .question-row,
    .field-wrap,
    .answer-area,
    .review-panel,
    .process-stage,
    .details-stage,
    .summary,
    .confirmation,
    .friend-share,
    .share-options,
    .stage-actions,
    .summary-actions
  ) {
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

@media (max-width: 520px) {
  body.questionnaire-active .questionnaire__inner,
  body.review-active .questionnaire__inner,
  body.confirmation-active .questionnaire__inner {
    width: min(calc(100% - 24px), 700px) !important;
  }

  body.questionnaire-active .recovery-path {
    grid-template-columns: minmax(0, 1fr) 12px minmax(0, 1fr) 12px minmax(0, 1fr) !important;
    width: 100% !important;
    column-gap: 3px !important;
    padding-inline: 0 !important;
  }

  body.questionnaire-active .recovery-path > div > span {
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
}

/* The referral content and Finish action share the same centerline on the
   completion screen. Earlier editorial styling removed the auto margins from
   the narrower referral block, leaving it anchored to the left. */
body.confirmation-active .confirmation .friend-share {
  width: min(100%, 480px) !important;
  margin-inline: auto !important;
}

body.confirmation-active .confirmation #share-invitation {
  width: 100% !important;
  margin-inline: auto !important;
}

body.confirmation-active .confirmation .friend-share > div > p,
body.confirmation-active .confirmation .friend-share h3 {
  margin-inline: auto !important;
}

/* Final scenario-first intake overrides. */
body.proposal-active .proposal-screen__main { width: min(100%, 1040px) !important; padding: 36px 42px 32px !important; }
body.proposal-active .scenario-layout { display: grid; grid-template-columns: minmax(190px, 25%) minmax(0, 1fr); gap: clamp(22px, 4vw, 48px); align-items: start; max-width: 900px; margin: 12px auto 0; }
body.proposal-active .scenario-visual { min-height: 425px; margin: 0; overflow: hidden; border-radius: 12px; background: #eee0c7; }
body.proposal-active .scenario-visual img { display: block; width: 100%; height: 100%; min-height: 425px; object-fit: cover; object-position: 50% 54%; }
body.proposal-active .scenario-content .section-marker { margin: 2px 0 8px; color: #9d6814; font-size: .76rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
body.proposal-active .scenario-content > h2 { max-width: 640px; margin: 0 0 8px !important; color: #4b2458; font-family: Forum, Georgia, serif; font-size: clamp(1.55rem, 2.4vw, 2.2rem) !important; font-weight: 400 !important; line-height: 1.08; }
body.proposal-active .scenario-content .proposal-information-note { max-width: 570px; margin: 0 0 20px; color: #594e60; font-size: .94rem; line-height: 1.45; }
body.proposal-active .scenario-content .proposal-card { display: grid; gap: 18px !important; max-width: 620px !important; padding: 0 !important; }
body.proposal-active .scenario-content .proposal-card fieldset { width: 100%; max-width: none !important; }
body.proposal-active .scenario-content .proposal-card legend { margin-bottom: 8px; color: #34203e; font-size: .95rem !important; font-weight: 800; }
body.proposal-active .proposal-choices--stacked { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px !important; }
body.proposal-active .proposal-choices--stacked button { min-height: 45px !important; padding: 8px 10px !important; line-height: 1.18; }
body.proposal-active .proposal-location { padding-top: 2px !important; }
body.proposal-active .proposal-location-grid { display: grid; grid-template-columns: minmax(0, 1fr) 95px; gap: 10px; max-width: 380px; }
body.proposal-active .proposal-location-grid label { display: grid; gap: 4px; }
body.proposal-active .proposal-location-grid label > span { color: #6d6474; font-size: .76rem; font-weight: 700; }
body.proposal-active .proposal-location-grid input { box-sizing: border-box; width: 100%; height: 38px; border: 1px solid rgb(75 36 88 / 24%); border-radius: 6px; outline: 0; background: #fff; color: #31254c; padding: 0 10px; font-size: .92rem; }
body.proposal-active .scenario-content .proposal-card footer { grid-template-columns: auto 1fr auto !important; gap: 12px !important; margin-top: 2px; }
body.proposal-active .proposal-disclaimer { max-width: 900px !important; margin: 20px auto 0 !important; }
@media (max-width: 900px) { body.proposal-active .proposal-screen__main { padding: 24px 18px 28px !important; } body.proposal-active .scenario-layout { grid-template-columns: 1fr; gap: 16px; margin-top: 0; } body.proposal-active .scenario-visual, body.proposal-active .scenario-visual img { min-height: 160px; height: 160px; } body.proposal-active .scenario-visual img { object-position: 50% 48%; } body.proposal-active .scenario-content > h2 { font-size: 1.65rem !important; } body.proposal-active .scenario-content .proposal-card footer { grid-template-columns: auto 1fr auto !important; } }
@media (max-width: 520px) { body.proposal-active .proposal-choices--stacked { grid-template-columns: 1fr; } body.proposal-active .proposal-choices--stacked button { justify-content: flex-start; padding-inline: 14px !important; } body.proposal-active .scenario-content .proposal-card footer { grid-template-columns: 1fr auto !important; } body.proposal-active #proposal-back { display: none !important; } }

/* Deliberately crop to the human gesture: neckline to mid-thigh. */
body.proposal-active .scenario-visual img {
  height: 215% !important;
  min-height: 0 !important;
  object-position: 50% top !important;
  transform: translateY(-7%);
}

/* The empty-pockets visual opens the public hero: 25% image, 75% message. */
.hero-entry {
  display: grid;
  grid-template-columns: minmax(170px, 25%) minmax(0, 75%);
  gap: clamp(22px, 4vw, 48px);
  align-items: start;
  width: 100%;
  margin: 28px auto 0;
}
.hero-entry__visual {
  overflow: hidden;
  min-height: 365px;
  border-radius: 12px;
  background: #eee0c7;
}
.hero-entry__visual > img {
  display: block;
  width: 100%;
  height: 215%;
  min-height: 0;
  object-fit: cover;
  object-position: 50% top;
  transform: translateY(-7%);
}
.hero-entry .hero-narrative { margin: 0 !important; }
.hero-entry .hero-narrative__script { width: 100%; }
body.proposal-active .scenario-layout { display: block !important; max-width: 620px !important; }
@media (max-width: 680px) {
  .hero-entry { grid-template-columns: 1fr; gap: 18px; margin-top: 20px; }
  .hero-entry__visual { min-height: 160px; }
  .hero-entry__visual > img { height: 215%; }
}

/* Lock the hero crop to the pocket gesture rather than the full figure. */
.hero-entry__visual {
  position: relative;
  height: 365px;
  min-height: 0;
}
.hero-entry__visual > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  transform: none;
  transform-origin: center;
}
@media (max-width: 680px) {
  .hero-entry__visual { height: 160px; }
  .hero-entry__visual > img { height: 100%; }
}

/* Keep the promised 25/75 hero relationship on phones too. */
@media (max-width: 680px) {
  .hero-entry {
    grid-template-columns: minmax(82px, 25%) minmax(0, 75%) !important;
    gap: 14px !important;
    align-items: start;
  }
  .hero-entry__visual {
    height: 250px !important;
    min-height: 0 !important;
  }
  .hero-entry__visual > img {
    height: 100% !important;
    object-position: 50% 48% !important;
    transform: none !important;
  }
}

/* Hero visual balance: give the empty-pocket gesture enough horizontal room to
   read immediately, and inset the complete two-column unit slightly from the
   page edge. */
.hero-entry {
  grid-template-columns: minmax(190px, 28%) minmax(0, 72%);
  width: calc(100% - 28px);
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}
.hero-entry__visual {
  height: 320px;
}
.hero-entry__visual > img {
  object-position: 50% 54%;
}

@media (max-width: 680px) {
  .hero-entry {
    grid-template-columns: minmax(88px, 29%) minmax(0, 71%) !important;
    gap: 16px !important;
    width: calc(100% - 22px);
  }
  .hero-entry__visual {
    height: 190px !important;
  }
  .hero-entry__visual > img {
    object-position: 50% 54% !important;
  }
}

/* Give the no-charge reassurance its own clear, centered moment before the list. */
.hero-entry .hero-narrative__cost {
  width: 100%;
  margin: 10px auto 28px !important;
  color: #4b2458;
  font-size: clamp(1.18rem, 2.1vw, 1.36rem) !important;
  font-weight: 700;
  line-height: 1.3 !important;
  text-align: center;
}
.hero-entry .hero-narrative__cost::after {
  margin: 22px auto 0 !important;
}
.hero-entry .hero-narrative__recognition {
  margin-top: 0 !important;
}
@media (max-width: 680px) {
  .hero-entry .hero-narrative__cost {
    margin-top: 12px !important;
    margin-bottom: 30px !important;
    font-size: 1.18rem !important;
  }
}

/* Center the reassurance, then let the practical recognition list use the
   full message column and read as a comfortable, left-aligned section. */
.hero-entry .hero-narrative {
  width: 100% !important;
}
.hero-entry .hero-narrative__recognition {
  width: 100%;
  max-width: none;
  text-align: left;
}

/* The practical list belongs below the photo-and-introduction row, where it
   can begin at the left edge and use the page's full reading width. */
.hero-entry > .hero-narrative__recognition,
.hero-entry > .hero-narrative__conclusion {
  grid-column: 1 / -1;
  width: 100%;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left;
}
.hero-entry > .hero-narrative__recognition {
  margin-top: 2px !important;
}

/* Keep the left-aligned recognition list on the same visual centerline as
   the centered reassurance that follows it. */
@media (min-width: 681px) {
  .hero-entry > .hero-narrative__recognition {
    width: min(100%, 600px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Reassurance after the recognition list: set apart as the hopeful takeaway. */
.hero-entry > .hero-narrative__conclusion {
  max-width: 760px !important;
  margin: 26px auto 0 !important;
  color: #b77a14 !important;
  font-size: clamp(1.15rem, 2.1vw, 1.38rem) !important;
  font-weight: 700;
  line-height: 1.38 !important;
  text-align: center !important;
}

/* Separate the bold deductions question from the list so it reads as the
   next thought, rather than as another list item. */
.deductions .deductions__bridge {
  margin-top: 42px !important;
  margin-bottom: 18px !important;
}

@media (max-width: 520px) {
  .deductions .deductions__bridge {
    margin-top: 36px !important;
    margin-bottom: 16px !important;
  }
}

/* Primary landing CTA: a clear, centered action without overpowering the page. */
.landing .landing__prompt .begin-button {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: center !important;
  justify-items: center !important;
  width: min(100%, 560px) !important;
  min-height: 76px !important;
  margin: 22px auto 0 !important;
  padding: 16px 30px !important;
  border: 3px solid #f4c95d !important;
  border-radius: 999px !important;
  background: #fffdf7 !important;
  color: #4b2458 !important;
  font-size: clamp(1.35rem, 2.2vw, 1.85rem) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

.landing .landing__prompt .begin-button span {
  display: block !important;
  margin: 0 !important;
  color: #4b2458 !important;
  -webkit-text-fill-color: #4b2458 !important;
}

@media (max-width: 700px) {
  .landing .landing__prompt .begin-button {
    width: min(100%, 360px) !important;
    min-height: 58px !important;
    margin-top: 18px !important;
    padding: 13px 22px !important;
    border-width: 3px !important;
    font-size: clamp(1.2rem, 5.6vw, 1.45rem) !important;
    line-height: 1.18 !important;
  }
}

/* Questionnaire centerline: do not introduce a left rail only after the
   visitor begins the form. */
body.questionnaire-active .questionnaire {
  display: block !important;
  width: 100% !important;
  min-height: 100svh !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.questionnaire-active .request-rail {
  display: none !important;
}

body.questionnaire-active .questionnaire__inner {
  width: min(calc(100% - 48px), 760px) !important;
  min-height: 0 !important;
  margin-inline: auto !important;
  padding-top: 14px !important;
}

/* Keep the recognition list, its reassurance, and the practical explanation
   in one readable sequence instead of separating them with grid-sized gaps. */
.hero-entry {
  column-gap: clamp(22px, 4vw, 48px) !important;
  row-gap: 18px !important;
}

.hero-entry > .hero-narrative__conclusion {
  margin-top: 8px !important;
}

.landing > .hero-entry + .deductions {
  margin-top: 26px !important;
}

@media (max-width: 520px) {
  body.questionnaire-active .questionnaire__inner {
    width: calc(100% - 24px) !important;
  }

  .hero-entry {
    row-gap: 16px !important;
  }

  .hero-entry > .hero-narrative__conclusion {
    margin-top: 6px !important;
  }

  .landing > .hero-entry + .deductions {
    margin-top: 22px !important;
  }
}

/* On phones, keep the completed-request and referral flow compact enough to
   read as one screen sequence rather than a stack of disconnected panels. */
@media (max-width: 520px) {
  body.confirmation-active .questionnaire {
    padding: 14px 12px 26px !important;
  }

  body.confirmation-active .confirmation-masthead {
    padding: 36px 20px 18px !important;
  }

  body.confirmation-active .confirmation-body {
    padding: 18px 18px 24px !important;
  }

  body.confirmation-active .confirmation-promise {
    margin-bottom: 22px !important;
  }

  body.confirmation-active .confirmation .friend-share {
    margin-top: 22px !important;
    padding: 18px 16px 16px !important;
  }

body.confirmation-active .confirmation .friend-share > p:not(.friend-share__marker, .friend-share__status) {
    margin: 8px auto 12px !important;
  }

  body.confirmation-active .share-options {
    gap: 10px !important;
    margin-top: 16px !important;
  }

  body.confirmation-active .confirmation-finish {
    margin-top: 20px !important;
  }
}

/* Readability is a baseline, not a desktop-only luxury. Keep the explanatory
   copy, questions, form labels, and fine print at a comfortable reading size
   on every screen. Headings and CTAs retain their intentional scale. */
.landing :is(.hero-narrative p, .hero-narrative li, .deductions p, .deductions li, .proposal-information-note, .proposal-disclaimer p),
.referral-landing :is(.referral-landing__lead, .referral-landing__details, .referral-landing__promise),
.questionnaire :is(.request-intro, .request-rail__promise p, .claim-instruction, .reality-statement p, .process-stage p, .process-stage li, .summary-intro, .consent, .authorization-error, .confirmation-copy, .confirmation-delivery, .confirmation-promise, .friend-share p, .share-options__note, .friend-share__status, .share-field > span),
.site-footer p {
  font-size: clamp(1rem, 1.2vw, 1.1rem) !important;
  line-height: 1.48 !important;
}

body.proposal-active :is(.proposal-information-note, .proposal-guidance, .proposal-disclaimer p, .proposal-statement-date small, .scenario-content .proposal-card legend, .proposal-location-grid label > span) {
  font-size: 1rem !important;
  line-height: 1.45 !important;
}

body.proposal-active :is(.proposal-choices button, .proposal-money input, .proposal-location-grid input, .proposal-card footer button) {
  font-size: 1rem !important;
}

body.proposal-active .section-marker,
.referral-landing__eyebrow,
.questionnaire .section-marker,
.questionnaire .eyebrow,
.friend-share__marker {
  font-size: .88rem !important;
  line-height: 1.35 !important;
}

@media (max-width: 520px) {
  .landing :is(.hero-narrative p, .hero-narrative li, .deductions p, .deductions li, .proposal-information-note, .proposal-disclaimer p),
  .referral-landing :is(.referral-landing__lead, .referral-landing__details, .referral-landing__promise),
  .questionnaire :is(.request-intro, .request-rail__promise p, .claim-instruction, .reality-statement p, .process-stage p, .process-stage li, .summary-intro, .consent, .authorization-error, .confirmation-copy, .confirmation-delivery, .confirmation-promise, .friend-share p, .share-options__note, .friend-share__status, .share-field > span),
  .site-footer p {
    font-size: 1rem !important;
    line-height: 1.5 !important;
  }

  body.proposal-active :is(.proposal-information-note, .proposal-guidance, .proposal-disclaimer p, .proposal-statement-date small, .scenario-content .proposal-card legend, .proposal-location-grid label > span) {
    font-size: .98rem !important;
  }
}

/* A validation message needs to be read and acted on, not treated as fine print. */
body.proposal-active #proposal-error:not(:empty) {
  min-height: auto !important;
  margin: 10px 0 4px !important;
  font-size: 1rem !important;
  line-height: 1.4 !important;
}

/* Keep the statement-date instruction in complete, natural sentences. */
body.proposal-active .proposal-statement-date small > span {
  display: block;
}

/* Give the two ideas in the receipt explanation room to be read separately. */
body.proposal-active .proposal-guidance {
  display: grid;
  gap: .85rem;
}

/* Each informational thought stands on its own, with a consistent and quiet
   pause before the next one. */
body.proposal-active .proposal-guidance,
body.proposal-active .proposal-disclaimer p {
  display: grid !important;
  gap: .85rem !important;
}

/* Each answer is a deliberate choice, not a left-aligned list item.  On the
   single-column phone form, use the same centered treatment for the short
   return answers and the longer receipt answers. */
@media (max-width: 520px) {
  body.proposal-active .proposal-choices--stacked button {
    justify-content: center !important;
    text-align: center !important;
  }
}

/* Keep compact answers centered beneath their question. The question itself
   remains left aligned for easy reading, while its date, amount, or paired
   Yes/No response has a clear, balanced resting place. */
body.proposal-active .proposal-date > span,
body.proposal-active .proposal-statement-date > span,
body.proposal-active .proposal-money,
body.proposal-active .proposal-two-column > fieldset .proposal-choices,
body.proposal-active .proposal-receipts .proposal-choices {
  margin-inline: auto !important;
}

/* A clear, optional explanation for tenants who need the everyday meaning of
   normal wear and tear before they continue. */
.deductions .wear-and-tear-guide {
  width: min(100%, 650px);
  margin: 25px auto 23px;
  border: 2px solid #b77a14;
  border-radius: 13px;
  background: #fff9eb;
  box-shadow: 5px 5px 0 rgb(183 122 20 / 18%);
  overflow: hidden;
}

.deductions .wear-and-tear-guide summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 19px;
  color: #4b2458;
  font-size: 1.05rem;
  font-weight: 800;
  line-height: 1.25;
  cursor: pointer;
  list-style: none;
}

.deductions .wear-and-tear-guide summary::-webkit-details-marker { display: none; }
.deductions .wear-and-tear-guide summary::marker { content: ""; }

.deductions .wear-and-tear-guide summary b {
  flex: 0 0 auto;
  color: #8e5b08;
  font-size: .9rem;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.deductions .wear-and-tear-guide[open] summary {
  border-bottom: 1px solid rgb(183 122 20 / 35%);
  background: #fff2cf;
}

.deductions .wear-and-tear-guide__content {
  padding: 18px 19px 20px;
  color: #34213c;
  font-size: 1rem;
  line-height: 1.52;
}

.deductions .wear-and-tear-guide__content p { margin: 0; }
.deductions .wear-and-tear-guide__content p + p { margin-top: 14px; }
.deductions .wear-and-tear-guide__close { color: #4b2458; font-weight: 750; }

.deductions .wear-and-tear-guide__examples {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 16px 0;
}

.deductions .wear-and-tear-guide__examples section {
  padding: 15px 16px;
  border: 1px solid rgb(75 36 88 / 18%);
  border-radius: 12px;
  background: rgb(255 255 255 / 65%);
}

.deductions .wear-and-tear-guide__examples section:last-child {
  border-color: rgb(157 52 79 / 24%);
  background: rgb(157 52 79 / 6%);
}

.deductions .wear-and-tear-guide__examples h3 {
  margin: 0 0 9px;
  color: #4b2458;
  font-size: .95rem;
  line-height: 1.25;
}

.deductions .wear-and-tear-guide__examples ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding-left: 1.1rem;
}

.deductions .wear-and-tear-guide__examples li { padding-left: 2px; }

.case-timeline {
  margin: 18px 0 20px;
  padding: 16px 18px;
  border-left: 4px solid #c39a45;
  border-radius: 0 12px 12px 0;
  background: rgb(195 154 69 / 12%);
}

.case-timeline p { margin: 0; }

/* Keep every questionnaire question at one readable, consistent size. */
body.proposal-active .proposal-card label > b,
body.proposal-active .proposal-card legend {
  font-size: 1rem !important;
  line-height: 1.3 !important;
}
.case-timeline__label {
  margin-bottom: 7px !important;
  color: #4b2458;
  font-size: .9rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

@media (max-width: 520px) {
  .deductions .wear-and-tear-guide { margin: 22px 0; }
  .deductions .wear-and-tear-guide summary { align-items: flex-start; padding: 15px 16px; font-size: 1rem; }
  .deductions .wear-and-tear-guide summary b { font-size: .84rem; }
  .deductions .wear-and-tear-guide__content { padding: 16px; font-size: 1rem; }
  .deductions .wear-and-tear-guide__examples { grid-template-columns: 1fr; }
}