/* The reference's tile wall, counter and hanging apron form one scene.
   The two content rows set their own height, independently of the artwork. */
.selected-preview .selected-counter { --prop-space: 0px; }
.selected-preview .selected-counter::before { content: none; }
.selected-preview .selected-proof {
  width: 100%; margin: 0; padding: 72px var(--page-edge) 76px;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: clamp(48px, 6vw, 100px); align-items: center;
  color: #faf4e5; background: #0c4338 url('../../images/approved/consult-tile-texture-20260914.webp') center / 1100px auto repeat;
}
.selected-preview .selected-proof__copy { padding: 0; }
.selected-preview .selected-proof h2 { max-width: 12em; font-size: clamp(46px, 5.3vw, 82px); line-height: 1.07; }
.selected-preview .proof-scene-intro { font-size: 18px; margin: 24px 0 0; color: #f1e9d8; }
.selected-preview .selected-receipt { width: calc(100% + 88px); max-width: 610px; justify-self: center; align-self: center; margin: 0 0 -120px; transform: translateY(70px) rotate(-6deg); z-index: 4; color: var(--ink); filter: drop-shadow(10px 20px 14px #24120730); }
.selected-preview .selected-receipt__content { padding: 31% 14% 16%; }
.selected-preview .selected-receipt__content img { margin-bottom: 24px; }
.selected-preview .selected-receipt__content p { font-size: clamp(16px, 1.5vw, 23px); }
.selected-preview .selected-receipt__content strong { margin-top: 22px; font-size: clamp(42px, 4.7vw, 74px); line-height: 1.13; }
.selected-preview .proof-typeset { margin: 32px 0 24px; gap: 28px 28px; }
.selected-preview .proof-typeset dt { color: #d4ddcf; font-size: 15px; }
.selected-preview .proof-typeset dd { font-size: clamp(30px, 3vw, 47px); color: #faf4e5; }
.selected-preview .proof-typeset dd strong { color: var(--orange); }
.selected-preview .proof-typeset > div:first-child dd { font-size: clamp(25px, 2.4vw, 36px); }
.selected-preview .proof-typeset > div:first-child dd > span { display: inline; margin-left: .24em; }
.selected-preview .proof-typeset > div:not(:first-child) { border-top: 1px solid #f5eed43d; padding-top: 20px; }
.selected-preview .selected-proof .selected-note { color: #d4ddcf; font-size: 13px; line-height: 1.65; }
.selected-preview .selected-stores { gap: 18px; margin-top: 28px; }
.selected-preview .selected-stores img { aspect-ratio: 1.5; }
.selected-preview .selected-stores strong { font-size: 16px; }
.selected-preview .selected-stores figcaption span { color: #d4ddcf; }
.selected-preview .selected-support {
  width: 100%; margin: 0; display: block; position: relative;
  padding: 184px var(--page-edge) 88px; isolation: isolate;
}
.selected-preview .selected-support::before {
  content: ''; position: absolute; z-index: 1; inset: 0 0 auto; height: 58px;
  background: #744722 url('../../images/selected-20260918/timber-rail.webp') center 20% / cover no-repeat;
  box-shadow: 0 10px 18px #55321630;
}
.selected-preview .selected-support .counter-props { top: 10px; right: var(--page-edge); width: min(36vw, 510px); z-index: 2; }
.selected-preview .selected-support .counter-apron { width: 100%; height: auto; filter: drop-shadow(8px 12px 12px #32201020); }
.selected-preview .support-heading { position: relative; z-index: 3; width: 58%; }
.selected-preview .support-kicker { margin-bottom: 18px; font-size: 15px; }
.selected-preview .selected-support h2 { font-size: clamp(42px, 4.5vw, 68px); line-height: 1.13; }
.selected-preview .selected-support ol { width: 55%; margin: 42px 0 32px; }
.selected-preview .selected-support li { padding: 0 0 27px; }
.selected-preview .selected-support li::before,
.selected-preview .selected-support li:not(:last-child)::after { content: none; }
.selected-preview .selected-support h3 { color: var(--green); font-size: clamp(27px, 2.7vw, 39px); }
.selected-preview .selected-support li p { font-size: 18px; margin-top: 5px; }
.selected-preview .selected-support > .selected-note { max-width: 55%; font-size: 14px; }
.selected-preview .selected-opening { padding-block: 80px 100px; border-top: 1px solid #8d78552f; grid-template-columns: minmax(0, .9fr) minmax(0, 1.2fr); grid-template-rows: min-content 1fr; align-items: start; column-gap: 52px; }
.selected-preview .opening-heading { grid-column: 1; grid-row: 1; }
.selected-preview .opening-heading h2 { font-size: clamp(44px, 4.5vw, 68px); max-width: 8em; }
.selected-preview .opening-model-scene { grid-column: 2; grid-row: 1 / span 2; }
.selected-preview .model-annotation { text-align: center; margin-bottom: 24px; }
.selected-preview .model-annotation strong { font-size: 29px; margin-top: 10px; }
.selected-preview .model-annotation b { font-size: 2em; letter-spacing: -.065em; }
.selected-preview .selected-opening__copy { grid-column: 1; grid-row: 2; }
.selected-preview .selected-opening__copy h3 { font-size: 24px; color: var(--green); margin-bottom: 14px; }
.selected-preview .selected-finance__lead { font-size: 20px; }
.selected-preview .selected-finance__steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 24px; margin-block: 24px; }
.selected-preview .selected-finance__steps li { font-size: 16px; }
.selected-preview .selected-finance__steps li:not(:last-child)::after { content: none; }
.selected-preview .opening-size-note { font-size: 13px; }
html[lang=en] .selected-preview .selected-receipt__content p { font-size: clamp(14px, 1.3vw, 20px); }
html[lang=en] .selected-preview .selected-receipt__content strong { font-size: clamp(32px, 3.3vw, 53px); }
html[lang=en] .selected-preview .selected-support h2 { font-size: clamp(38px, 4vw, 60px); }
@media (max-width: 1100px) {
  .selected-preview .selected-proof { gap: 36px; padding-block: 56px 64px; }
  .selected-preview .selected-proof h2 { font-size: 49px; }
  .selected-preview .selected-receipt { width: 112%; margin-bottom: -110px; }
  .selected-preview .selected-receipt__content strong { font-size: 4.5vw; }
  .selected-preview .proof-typeset { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .selected-preview .proof-typeset > div:first-child { grid-column: 1 / -1; }
  .selected-preview .selected-stores { gap: 12px; }
  .selected-preview .selected-stores img { aspect-ratio: 1.1; }
  .selected-preview .selected-support { padding-top: 155px; }
  .selected-preview .selected-opening { column-gap: 32px; }
  .selected-preview .model-annotation strong { font-size: 23px; }
}
@media (min-width: 761px) and (max-width: 1000px) {
  .selected-preview .selected-proof { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 24px; }
  .selected-preview .selected-proof h2 { font-size: 43px; }
  .selected-preview .selected-receipt { max-width: none; }
  .selected-preview .selected-receipt__content p { font-size: 14px; }
  .selected-preview .selected-receipt__content strong { font-size: 3.4vw; }
  .selected-preview .selected-receipt__content img { margin-bottom: 16px; }
  .selected-preview .selected-support h2 { font-size: 40px; }
  .selected-preview .selected-support li p { font-size: 16px; }
  .selected-preview .selected-support h3 { font-size: 28px; }
  .selected-preview .selected-opening { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); }
  .selected-preview .opening-heading h2 { font-size: 42px; }
  .selected-preview .selected-finance__steps { grid-template-columns: minmax(0, 1fr); }
}
/* Mobile: keep the existing copy scale and share the first row with a readable receipt. */
@media (max-width: 760px) {
  .selected-preview .selected-proof { --proof-title-size: clamp(43px, 10.6vw, 64px); display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 0 10px; align-items: center; overflow: clip; padding: 48px var(--gutter) 0; }
  .selected-preview .selected-proof h2 { font-size: var(--proof-title-size); word-break: keep-all; overflow-wrap: normal; text-wrap: wrap; }
  .selected-preview .proof-scene-heading { grid-column: 1; grid-row: 1; }
  .selected-preview .proof-scene-intro { font-size: 16px; margin-top: 20px; }
  .selected-preview .selected-proof__copy { display: contents; }
  .selected-preview .proof-typeset,
  .selected-preview .selected-proof__copy > .selected-note,
  .selected-preview .selected-stores { grid-column: 1 / -1; }
  .selected-preview .proof-typeset { margin-top: 28px; gap: 20px 18px; }
  .selected-preview .proof-typeset dd { font-size: 31px; }
  .selected-preview .proof-typeset > div:first-child dd { font-size: 25px; }
  .selected-preview .proof-typeset > div:first-child dd > span { display: block; margin-left: 0; }
  .selected-preview .selected-stores { gap: 10px; }
  .selected-preview .selected-stores img { aspect-ratio: 1; }
  .selected-preview .selected-stores strong { font-size: 14px; }
  .selected-preview .selected-receipt { grid-column: 2; grid-row: 1; position: relative; top: auto; right: auto; width: calc(100% + 48px); max-width: 288px; justify-self: start; margin: 0 0 0 -14px; transform: none; container-type: inline-size; }
  .selected-preview .selected-receipt__content { padding: 30% 14% 10%; }
  .selected-preview .selected-receipt__content img { width: 60%; margin-bottom: 8px; }
  .selected-preview .selected-receipt__content p { font-size: clamp(14px, 7.4cqi, 18px); line-height: 1.3; }
  .selected-preview .selected-receipt__content strong { font-size: 16cqi; margin-top: 10px; }
  .selected-preview .selected-support { --mobile-apron-width: clamp(220px, 64vw, 280px); display: flow-root; overflow: clip; padding: 8px var(--gutter) 56px; }
  .selected-preview .selected-support::before { height: 38px; }
  /* The border-box shape follows the apron silhouette; copy uses its transparent left area. */
  .selected-preview .selected-support .counter-props { position: static; float: right; width: var(--mobile-apron-width); max-width: none; margin: 0 calc(-1 * var(--gutter) - 48px) 0 0; shape-outside: polygon(78% 0, 100% 0, 100% 100%, 56% 100%, 0 76%, 16% 53%, 44% 33%, 66% 19%) border-box; shape-margin: 12px; }
  .selected-preview .support-heading { width: 100%; padding-top: 80px; }
  .selected-preview .selected-support h2 { font-size: clamp(36px, 9vw, 49px); word-break: keep-all; overflow-wrap: normal; text-wrap: wrap; }
  .selected-preview .selected-support ol { width: 100%; margin: 30px 0; }
  .selected-preview .selected-support h3 { font-size: 28px; word-break: keep-all; overflow-wrap: normal; text-wrap: wrap; }
  .selected-preview .selected-support li p { font-size: 16px; }
  .selected-preview .selected-support > .selected-note { max-width: none; }
  .selected-preview .selected-opening { display: flex; padding-block: 48px 56px; gap: 32px; }
  .selected-preview .opening-heading h2 { font-size: clamp(38px, 9vw, 50px); max-width: 9em; }
  .selected-preview .model-annotation strong { font-size: 24px; }
  .selected-preview .model-annotation b { font-size: 1.9em; }
  .selected-preview .selected-opening__copy { padding: 0; }
  .selected-preview .selected-finance__steps { font-size: 16px; gap: 14px; }
  html[lang=en] .selected-preview .selected-receipt__content p { font-size: 14px; }
  html[lang=en] .selected-preview .selected-receipt__content strong { font-size: 13cqi; }
  html[lang=en] .selected-preview .selected-support h2 { font-size: clamp(34px, 8.5vw, 46px); hyphens: auto; }
}

/* Profit, break-even timing and payback examples retain separate meanings.
   Number scale establishes the hierarchy without another card grid. */
.selected-preview .proof-typeset { gap: 28px 28px; margin-bottom: 0; }
.selected-preview .proof-typeset dt { font-size: 15px; line-height: 1.5; word-break: keep-all; }
.selected-preview .proof-typeset .proof-fact--0 dt { color: #faf4e5; font-weight: 600; margin-bottom: 8px; }
.selected-preview .proof-typeset dd { font-size: 19px; line-height: 1.15; }
.selected-preview .proof-typeset .proof-number { font-size: clamp(48px, 4.4vw, 66px); font-weight: 900; letter-spacing: -.06em; font-variant-numeric: tabular-nums; }
.selected-preview .proof-typeset dd > .proof-unit { display: inline; margin: 0; font-size: 19px; }
.selected-preview .proof-typeset .proof-fact--0 dd { font-size: 24px; }
.selected-preview .proof-typeset .proof-fact--0 dd strong { display: inline-flex; align-items: baseline; gap: 3px; font-size: 28px; line-height: 1; }
.selected-preview .proof-typeset .proof-fact--0 .proof-number { font-size: clamp(76px, 6.8vw, 104px); }
.selected-preview .proof-typeset .proof-fact--0 dd > span { display: block; margin: 8px 0 0; font-size: clamp(30px, 2.6vw, 40px); font-weight: 800; }
.selected-preview .proof-typeset > div:not(:first-child) { display: grid; grid-template-rows: 1fr auto; align-items: start; padding-top: 22px; }
.selected-preview .selected-stores { margin-top: 32px; }
.selected-preview .selected-proof .proof-source-note { margin: 16px 0 0; font-size: 13px; color: #d4ddcf; }
html[lang=en] .selected-preview .proof-typeset .proof-fact--0 dd strong { font-size: clamp(30px, 3vw, 42px); }
@media (max-width: 760px) {
  .selected-preview .proof-typeset { margin-top: 30px; gap: 24px 20px; }
  .selected-preview .proof-typeset dt { font-size: 15px; min-height: 3em; margin-bottom: 8px; }
  .selected-preview .proof-typeset .proof-fact--0 dt { min-height: 0; margin-bottom: 8px; font-size: 16px; }
  .selected-preview .proof-typeset dd { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 4px; font-size: 17px; }
  .selected-preview .proof-typeset dd > .proof-unit { font-size: 17px; }
  .selected-preview .proof-typeset .proof-number { font-size: clamp(54px, 14vw, 76px); }
  .selected-preview .proof-typeset .proof-fact--0 dd { display: block; font-size: 24px; }
  .selected-preview .proof-typeset .proof-fact--0 .proof-number { font-size: clamp(82px, 23vw, 112px); }
  .selected-preview .proof-typeset .proof-fact--0 dd > span { font-size: clamp(32px, 8vw, 42px); }
  .selected-preview .selected-proof .selected-stores { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 28px; }
  .selected-preview .selected-stores figure { display: block; }
  .selected-preview .selected-stores img { aspect-ratio: 1; }
  .selected-preview .selected-stores figcaption { padding-top: 8px; }
  .selected-preview .selected-stores strong { font-size: 14px; word-break: keep-all; }
  .selected-preview .selected-proof .proof-source-note { padding-bottom: 24px; }
}
.selected-preview .proof-typeset .proof-fact--0 dd { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.selected-preview .proof-typeset .proof-fact--0 dd > .proof-timing { margin: 0; font-size: 24px; font-weight: 600; white-space: nowrap; }
.selected-preview .proof-typeset .proof-fact--0 dd > .proof-result { margin: 0; max-width: 2.15em; line-height: 1.08; word-break: keep-all; }
html[lang=en] .selected-preview .proof-typeset .proof-fact--0 dd { display: block; }
html[lang=en] .selected-preview .proof-typeset .proof-fact--0 dd > .proof-timing { white-space: normal; }
html[lang=en] .selected-preview .proof-typeset .proof-fact--0 dd > .proof-result { max-width: none; margin-top: 8px; font-size: 24px; }
@media (min-width: 501px) {
  .selected-preview .proof-typeset .proof-fact--0 dd { justify-content: flex-start; gap: 28px; }
  .selected-preview .proof-typeset .proof-fact--0 dd > .proof-result { max-width: none; }
}
@media (max-width: 760px) {
  .selected-preview .proof-typeset dt { min-height: 0; }
  .selected-preview .proof-typeset .proof-fact--0 dd { gap: 16px; }
  .selected-preview .proof-typeset .proof-fact--0 dd > .proof-timing { font-size: 22px; }
  .selected-preview .proof-typeset .proof-fact--0 dd > .proof-result { font-size: clamp(32px, 8vw, 42px); }
}