/* Approved document mockups and the complete budget, September 2026. */
.process-v16 .process-frames {container-type:inline-size;}
.process-v16 .approved-design {background:#eeebe3;display:flex;align-items:center;justify-content:center;}
.process-v16 .approved-design img {display:block;width:100%;height:100%;object-fit:contain;}
.process-v16 .stage-open-material {text-decoration:underline;text-underline-offset:4px;}
.process-v16 .stage-open-material:hover {color:var(--stage-ink);}
.process-v16 .budget-full,.process-v16 .floor-comparison {padding:clamp(24px,3.6cqw,36px);background:#fbfaf6;}
.process-v16 .budget-full h4 {font-size:clamp(27px,4.1cqw,40px);margin:15px 0 22px;}
.process-v16 .budget-full .budget-document-total {padding:0;border:0;}
.process-v16 .budget-full .budget-document-total strong {font-size:clamp(31px,5.5cqw,51px);white-space:nowrap;}
.process-v16 .budget-full .budget-document-total strong span {font-size:.78em;color:inherit;}
.process-v16 p.budget-unit {font-size:11px;text-align:right;color:var(--stage-muted);margin:14px 0 10px;}
.process-v16 .budget-all-columns {display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(22px,4.4cqw,44px);}
.process-v16 .budget-column {min-width:0;}
.process-v16 .budget-column h5 {font-size:clamp(10px,1.5cqw,14px);line-height:1.4;letter-spacing:.025em;font-weight:400;color:var(--stage-muted);text-transform:uppercase;border-top:1px solid var(--stage-rule);margin:0;padding:15px 0 9px;}
.process-v16 .budget-column dl {margin:0;}
.process-v16 .budget-column dl>div {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:42px;padding:9px 0;border-bottom:1px solid var(--stage-rule);font-size:clamp(12px,1.75cqw,16px);line-height:1.25;}
.process-v16 .budget-column dt {min-width:0;}
.process-v16 .budget-column dd {margin:0;white-space:nowrap;font-variant-numeric:tabular-nums;}
.process-v16 .budget-full .budget-explanation {margin-top:auto;background:#eeebe3;border-radius:12px;padding:14px 16px;font-size:clamp(11px,1.65cqw,15px);line-height:1.5;}
.process-v16 .floor-comparison h4 {font-size:clamp(26px,3.8cqw,36px);margin:12px 0 16px;}
.process-v16 p.floor-area {font-size:clamp(11px,1.8cqw,17px);line-height:1.5;color:var(--stage-muted);margin:0 0 18px;}
.process-v16 .floor-options {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(9px,1.4cqw,14px);}
.process-v16 .floor-option {min-width:0;display:flex;flex-direction:column;padding:clamp(12px,1.8cqw,18px);border-radius:18px;background:#f3f1ea;}
.process-v16 .floor-quartz {background:#e2e6d6;}
.process-v16 .floor-tag {font-size:clamp(9px,1.3cqw,12px);letter-spacing:.04em;text-transform:uppercase;color:var(--stage-muted);}
.process-v16 .floor-option h5 {margin:16px 0 12px;font-size:clamp(15px,2.5cqw,23px);line-height:1.22;font-weight:400;letter-spacing:-.02em;}
.process-v16 .floor-option h5>span {display:block;margin-top:5px;}
.process-v16 .floor-option .floor-brand {font-size:clamp(9px,1.16cqw,12px);line-height:1.4;color:var(--stage-muted);margin:0;min-height:22px;}
.process-v16 .floor-option img {width:100%;height:clamp(44px,7.5cqw,68px);object-fit:contain;margin:12px 0 8px;mix-blend-mode:multiply;}
.process-v16 .floor-layers {display:flex;flex-direction:column;gap:5px;color:var(--stage-muted);font-size:clamp(11px,1.55cqw,14px);min-height:42px;}
.process-v16 .floor-layers small {font-size:clamp(9px,1.3cqw,12px);line-height:1.3;}
.process-v16 .floor-price {border-top:1px solid var(--stage-rule);padding-top:15px;margin-top:8px;display:flex;align-items:baseline;justify-content:space-between;gap:4px;}
.process-v16 .floor-price strong {font-size:clamp(23px,3.2cqw,33px);letter-spacing:-.045em;font-weight:400;white-space:nowrap;}
.process-v16 .floor-price>span {font-size:clamp(10px,1.5cqw,14px);color:var(--stage-muted);white-space:nowrap;}
.process-v16 .floor-total {display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin-top:13px;}
.process-v16 .floor-total>span {font-size:clamp(10px,1.35cqw,13px);color:var(--stage-muted);white-space:nowrap;}
.process-v16 .floor-total strong {font-size:clamp(16px,2.2cqw,22px);font-weight:400;letter-spacing:-.035em;white-space:nowrap;}
.process-v16 .floor-option .floor-description {font-size:clamp(12px,1.7cqw,16px);line-height:1.45;margin:14px 0;}
.process-v16 .floor-delta {margin-top:auto;border-top:1px solid var(--stage-rule);padding-top:13px;display:flex;flex-direction:column;gap:8px;}
.process-v16 .floor-delta strong {font-size:clamp(12px,1.75cqw,18px);font-weight:400;line-height:1.35;}
.process-v16 .floor-delta>span {font-size:clamp(10px,1.45cqw,14px);color:var(--stage-muted);line-height:1.3;}
.process-v16 p.floor-selection-note {font-size:clamp(11px,1.65cqw,15px);line-height:1.45;margin:20px 0 0;}
.process-v16 .floor-comparison .evidence-footnote {font-size:clamp(10px,1.45cqw,13px);padding-top:13px;line-height:1.5;}
@media(min-width:761px) and (max-height:850px) {
  .process-v16 .budget-full,.process-v16 .floor-comparison {padding:22px 24px;}
  .process-v16 .budget-full h4,.process-v16 .floor-comparison h4 {font-size:27px;margin:12px 0 14px;}
  .process-v16 .budget-full .budget-document-total strong {font-size:34px;}
  .process-v16 .budget-column dl>div {min-height:32px;padding:6px 0;font-size:12px;}
  .process-v16 .budget-column h5 {padding:10px 0 7px;}
  .process-v16 .budget-full .budget-explanation {padding:10px 12px;font-size:11px;}
  .process-v16 .floor-option {padding:12px;}
  .process-v16 .floor-option h5 {margin-top:10px;font-size:15px;}
  .process-v16 .floor-option img {margin:8px 0;height:58px;object-fit:contain;}
  .process-v16 .floor-layers {min-height:37px;}
  .process-v16 .floor-price {margin-top:4px;padding-top:10px;}
  .process-v16 .floor-total {display:block;margin-top:9px;}
  .process-v16 .floor-total strong {display:block;font-size:17px;margin-top:3px;}
  .process-v16 .floor-option .floor-description {font-size:11px;margin:12px 0;}
  .process-v16 .floor-delta {padding-top:10px;gap:5px;}
  .process-v16 p.floor-area {font-size:11px;margin-bottom:13px;}
  .process-v16 p.floor-selection-note {font-size:11px;margin-top:12px;}
  .process-v16 .floor-comparison .evidence-footnote {font-size:10px;padding-top:10px;}
  .process-v16 .floor-comparison {padding-top:18px;padding-bottom:18px;overflow-y:auto;}
  .process-v16 .floor-comparison h4 {font-size:23px;margin:8px 0 10px;}
  .process-v16 .floor-option h5 {margin:8px 0;font-size:15px;}
  .process-v16 .floor-option img {height:44px;}
  .process-v16 .floor-layers {min-height:31px;}
  .process-v16 .floor-price {padding-top:7px;}
  .process-v16 .floor-comparison .evidence-footnote {line-height:1.35;}
}
@media(max-width:760px) {
  .process-v16 .approved-design {min-height:0;height:auto;aspect-ratio:1;}
  .process-v16 .approved-design img {height:auto;aspect-ratio:1;}
  .process-v16 .budget-full,.process-v16 .floor-comparison {padding:28px 20px;}
  .process-v16 .budget-full h4,.process-v16 .floor-comparison h4 {font-size:28px;line-height:1.12;}
  .process-v16 .budget-full .budget-document-total strong {font-size:31px;}
  .process-v16 .budget-all-columns {grid-template-columns:1fr;gap:27px;}
  .process-v16 .budget-column h5 {font-size:12px;}
  .process-v16 .budget-column dl>div {font-size:13px;min-height:43px;padding:12px 0;}
  .process-v16 .budget-full .budget-explanation {font-size:12px;margin-top:25px;}
  .process-v16 p.budget-unit {font-size:11px;text-align:left;margin:20px 0 16px;}
  .process-v16 .floor-options {grid-template-columns:1fr;gap:16px;}
  .process-v16 .floor-option {padding:24px;}
  .process-v16 .floor-tag {font-size:11px;}
  .process-v16 .floor-option h5 {font-size:25px;}
  .process-v16 .floor-option .floor-brand {font-size:11px;min-height:0;}
  .process-v16 .floor-option img {max-width:270px;height:auto;align-self:center;margin:18px 0 12px;}
  .process-v16 .floor-layers {font-size:14px;min-height:0;}
  .process-v16 .floor-layers small {font-size:12px;}
  .process-v16 .floor-price {margin-top:17px;}
  .process-v16 .floor-price strong {font-size:33px;}
  .process-v16 .floor-price>span,.process-v16 .floor-total>span {font-size:13px;}
  .process-v16 .floor-total strong {font-size:23px;}
  .process-v16 .floor-option .floor-description {font-size:15px;}
  .process-v16 .floor-delta strong {font-size:18px;}
  .process-v16 .floor-delta>span {font-size:13px;}
  .process-v16 p.floor-area,.process-v16 p.floor-selection-note {font-size:13px;}
  .process-v16 .floor-comparison .evidence-footnote {font-size:12px;}
}