/* V22 adapts existing V21 layout only where the new contracts need states. */
.question .progress{display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:12px}.question-map details>button{display:block;text-align:left;width:100%;border:0;font-size:12px;padding:8px 0;min-height:40px}.question-map details>button[aria-current]{font-weight:700;background:#e9e0d5}.question-help{margin-top:26px}.question-help summary{font-weight:500;text-decoration:underline}.question-footer{display:flex;justify-content:space-between;gap:20px;margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}.question-footer button{min-width:120px}.orientation>button{display:flex;align-items:center;gap:8px;margin-bottom:24px}.v22-dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}.v22-dialog-heading button{border:0;font-size:30px;padding:0 6px}.v22-status{padding:40px 0}.v22-range{display:flex;align-items:center;gap:20px;font-size:14px;margin:34px 0}.v22-range i{display:block;flex:1;height:10px;border-radius:6px;background:var(--wine)}.v22-findings>article{padding:26px 0;border-top:1px solid var(--line)}.v22-transfer{padding:36px;background:#eee7dc;border-radius:7px;margin:50px 0}.v22-transfer-row{display:grid;grid-template-columns:1fr 24px 1fr;gap:20px;margin-top:26px}.v22-transfer-row h3{grid-column:1/-1}.v22-transfer-row small{margin-bottom:14px}.v22-waterfall{overflow-x:auto}.v22-waterfall svg{display:block;width:100%;min-width:560px;fill:var(--wine);font-family:Montserrat,sans-serif}.v22-equity{font-size:24px;font-weight:600}.v22-search{font-size:13px}.v22-search input{margin-bottom:18px}.v22-dialog-heading h2{font-size:34px}.rail-group meter{appearance:none;writing-mode:vertical-lr;width:10px;height:58px}.rail-group meter::-webkit-meter-bar{background:#e4d9cc;border:1px solid #c8b7a3}.rail-group meter::-webkit-meter-optimum-value{background:#491924}input:disabled{opacity:.5}
@media(max-width:1100px){.wizard>.orientation{display:none}.wizard{grid-template-columns:1fr}.question .progress span:last-child{display:none}.question{max-width:850px;width:100%;margin:auto}.mobile-progress-rail{display:flex;position:fixed;inset:0 auto 0 0;width:44px;z-index:25;flex-direction:column;background:#eee8de;border-right:1px solid #d5c7b6;padding:10px 0}.rail-groups{display:flex;flex-direction:column;gap:14px}.rail-toggle,.rail-info{border:0;padding:0;min-height:44px;width:44px}.rail-group{border:0;padding:5px 0;display:flex;flex-direction:column;align-items:center;gap:6px;width:44px;font-size:10px}.rail-info{margin-top:auto}.rail-total{font-size:10px;text-align:center}body:has(.wizard)>header,body:has(.wizard)>.demo-banner,body:has(.wizard)>main,body:has(.wizard)>footer{margin-left:44px}body:has(.wizard)>main{padding:28px 26px;width:calc(100% - 44px);max-width:none}.v22-transfer-row{grid-template-columns:1fr}.v22-transfer-row>span{display:none}}
@media(max-width:600px){body:has(.wizard)>main{padding:16px 16px 100px;height:auto;min-height:calc(100dvh - 100px)}.question legend{font-size:28px;margin-bottom:20px}.question .progress{margin-bottom:20px;font-size:11px}.question .option{min-height:52px;padding:9px 11px;gap:10px;font-size:13px}.question .answer-icon{width:24px;height:24px}.question-footer{position:fixed;bottom:0;right:0;left:44px;padding:12px 16px;background:var(--paper);z-index:10;margin:0}.question-footer button{min-width:0;min-height:44px;font-size:12px;padding:10px 16px}.question textarea{min-height:110px;max-height:140px}.question-help{margin-top:18px;font-size:12px}.question>form>fieldset>label{font-size:13px;margin:10px 0}.v22-transfer{padding:22px}.v22-transfer-row{gap:10px}.v22-findings h2{font-size:29px}.v22-range{font-size:10px;gap:8px}.v19-report-top{display:block}.v19-context{margin-top:30px}.v22-search input{min-height:40px;padding:9px}.choice-pages{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-top:12px}.choice-pages button{padding:5px 12px;min-height:36px}.header-inner{padding:14px 16px}.header-inner img{max-width:75%;width:150px}.demo-banner{font-size:10px;padding:5px 10px}}
.v22-transfer-row h3{display:flex;align-items:center;gap:12px}.v22-transfer-row h3 .answer-icon{width:28px;height:28px;color:#795056}.v22-transfer-row.work>div:last-child{font-weight:550}.bridge-panel details{margin:18px 0}.v22-findings>.v22-clarification{border-top:0;padding-top:8px}

/* The rail consumes layout width. A 100% main plus a left margin would
   overflow every compact viewport by exactly the rail width. */

/* V17 visual hierarchy restored; current report JSON remains authoritative. */
.short-report .v28-range{margin:30px 0 22px;padding:0 12px;color:#f3e6d3}
.v28-range-labels{display:flex;justify-content:space-between;gap:14px;font-size:13px;line-height:1.6}
.v28-range-track{height:14px;margin:12px 0;background:#87555b;border-radius:20px;padding:0 7%}
.v28-range-track i{display:block;height:100%;background:#c8ab7b;border-radius:20px}
.short-report .v22-transfer{margin:38px 0 48px;padding:30px 34px;background:#eee7dc}
.short-report .v22-transfer>h2{font-size:30px;margin:12px 0 24px}
.short-report .v22-transfer-row{grid-template-columns:145px minmax(0,1fr) 24px minmax(0,1.15fr);align-items:start;gap:22px;margin-top:20px;font-size:14px}
.short-report .v22-transfer-row h3{grid-column:auto;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;margin:0}
.v22-transfer-row small{display:none}.v22-transfer-row p{margin:0;line-height:1.65}
.short-report .v22-findings{margin:42px 0 52px}.short-report .v22-findings>h2{font-size:36px;margin:12px 0 24px}
.v28-action-list{background:#fffdf9;padding:0 28px;border-radius:4px}
.short-report .v28-action-list>article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:34px;padding:27px 0}
.v28-action-list>article+article{border-top:1px solid #e7dfd3}
.v28-action-title{display:flex;gap:16px}.v28-action-title>span{color:#a18160;font-size:18px}
.short-report .v28-action-title h3{font-size:25px;line-height:1.25;margin:0}
.v28-action-list p{font-size:14px;line-height:1.8;margin:0 0 12px}
.v28-finance-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:start;margin:44px 0}
.v28-finance-grid:not(:has(.v28-result-effect)){grid-template-columns:1fr}
.short-report .v28-finance-grid .bridge-panel{margin:0;min-width:0;background:#fffdf9;border:1px solid #e1d5c5;padding:28px}
.short-report .v28-result-effect{background:#eee4d4;padding:30px;border-radius:4px}
.short-report .v28-result-effect h3{font-size:30px;line-height:1.2;margin:20px 0}
.v28-result-effect strong{display:block;color:#57202b;font-size:22px;margin:12px 0}
.v28-result-effect p{font-size:14px;line-height:1.8}
.short-report .v19-conversation{background:#43131c;color:#fff7ec;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:40px;align-items:center;padding:36px;margin-top:46px;border-radius:4px}
.short-report .v19-conversation .figure-index{color:#d6b98d}.short-report .v19-conversation h2{color:#fff7ec;font-size:34px;margin:14px 0}
.short-report .v19-conversation button{background:#f0e5d4;color:#43131c;border:0;padding:18px;white-space:normal}
.v28-more-reference{margin-top:22px}.v28-more-reference summary{cursor:pointer;text-decoration:underline;font-weight:600}
.short-report .v22-waterfall svg{min-width:0;width:100%}.short-report .v22-equity{background:#43131c;color:#fff7ec;padding:16px;font-size:20px}
@media(max-width:800px){.short-report .v22-transfer-row{grid-template-columns:1fr 20px 1fr;gap:12px}.short-report .v22-transfer-row h3{grid-column:1/-1}.short-report .v22-transfer-row>span{display:block}.v28-finance-grid{grid-template-columns:1fr}.short-report .v19-conversation{grid-template-columns:1fr;gap:20px}.short-report .v28-action-list>article{grid-template-columns:1fr;gap:16px}.v28-action-list{padding:0 20px}.short-report .v22-transfer{padding:24px}.short-report .v19-conversation{padding:26px}.v28-range-labels{font-size:11px}}
.short-report .v28-action-title h3,.short-report .v28-result-effect h3{font-family:Cormorant,Georgia,serif;font-weight:500}
@media print{.short-report .v19-conversation{background:white;color:#330e13;border:1px solid #ded6c6}.short-report .v19-conversation h2{color:#330e13}.v28-action-list>article,.v28-finance-grid{break-inside:avoid}}
.v28-example-label{display:inline-block;color:#886744;border:1px solid #cdbb9d;padding:5px 9px;font-size:11px;letter-spacing:.03em;margin:8px 0}
.v28-result-effect details{margin-top:24px;padding-top:16px;border-top:1px solid #d9cbb7}.v28-result-effect summary{cursor:pointer;font-size:13px;font-weight:600}

/* A single buyer insight occupies the whole section at every breakpoint. */
.short-report .v21-buyer-context:has(> :only-child){grid-template-columns:minmax(0,1fr)}
.short-report .v21-buyer-context:has(> :only-child)>article{width:100%;max-width:none}

/* Quiet navigation: status and current location are different signals. */
.orientation .question-map details>button{display:flex;align-items:baseline;gap:9px;padding:9px 10px;font-size:13px;line-height:1.5;font-weight:400;min-height:39px;border-radius:3px}
.orientation .question-map details>button[aria-current="step"]{font-weight:600;background:#e9e0d5}
.question-map-mark{flex:0 0 17px;color:#70494b;text-align:center;font-size:14px}
.orientation .question-map-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-bottom:15px}
.orientation .question-map-heading>span{font-weight:400}
.orientation .question-map summary{font-size:13px;font-weight:600;line-height:1.5;padding:9px 0}
.orientation .question-map details+details{margin-top:7px}
.orientation>button.link{font-size:12px;font-weight:500;color:var(--muted);text-decoration:none;margin-bottom:14px;padding-left:0}
.orientation>button.link .answer-icon{width:19px;height:19px}

/* Restore the established V20 information dialog without changing lifecycle state. */
#v22-dialog.calculator-info{width:min(720px,calc(100% - 32px));max-width:720px;max-height:calc(100dvh - 32px);padding:0;overflow:auto;border:0;border-radius:5px;background:var(--paper);box-shadow:0 25px 70px #0003}
#v22-dialog.calculator-info::backdrop{background:rgba(24,10,13,.68)}
.calculator-info .v22-dialog-heading{position:relative;display:block;padding:34px 40px 30px;background:linear-gradient(135deg,#330e13,#4b2730);color:#f6f3ed}
.calculator-info .v22-dialog-heading:before{content:"Ihr Unternehmensverkauf";display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#d9c8b9;margin-bottom:12px}
.calculator-info .v22-dialog-heading h2{color:#f6f3ed;font-size:38px;line-height:1.08;font-weight:500;margin:0 25px 0 0;hyphens:none}
.calculator-info .v22-dialog-heading button{position:absolute;right:10px;top:10px;width:44px;height:44px;color:#f6f3ed;background:transparent;border:0;padding:0;font-size:28px;font-weight:400}
.calculator-info .info-modal-body{padding:28px 40px 30px}.calculator-info .info-intro{font-size:15px;line-height:1.7;margin:0 0 20px}
.calculator-info .info-benefits{list-style:none;padding:0;margin:0 0 20px;border-top:1px solid var(--line)}
.calculator-info .info-benefits li{display:grid;grid-template-columns:142px 1fr;gap:12px;padding:12px 0;margin:0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.6}
.calculator-info .info-benefits b{font-weight:600}.calculator-info .info-benefits span{color:var(--muted)}
.calculator-info .info-detail{font-size:13px;line-height:1.7;margin-bottom:20px}.calculator-info .confidentiality{padding:16px 18px;border-left:2px solid #ac9076;background:#ece6dc;font-size:13px}
.calculator-info .confidentiality p{font-size:12px;line-height:1.7;margin:6px 0 0}.calculator-info .actions{margin-top:22px;display:flex}.calculator-info .actions button{min-height:48px;padding:15px 22px;font-size:13px}
.calculator-info .info-session{margin-top:22px;font-size:12px}.calculator-info .info-session summary{cursor:pointer;color:var(--muted)}.calculator-info .info-session p{line-height:1.7}
.calculator-info .info-demo-note{display:block;font-size:10px;line-height:1.6;color:#7c6c64;margin-top:20px;padding-top:14px;border-top:1px solid var(--line)}
@media(max-width:600px){.calculator-info .v22-dialog-heading{padding:28px 24px 24px}.calculator-info .v22-dialog-heading h2{font-size:30px}.calculator-info .info-modal-body{padding:22px 24px}.calculator-info .info-benefits li{grid-template-columns:1fr;gap:2px}.calculator-info .actions button{width:100%}}

.calculator-info #v22-dialog-title:focus{outline:none}

@media(max-width:600px){.question-footer:has([data-action="show-report"]){display:grid;grid-template-columns:1fr 1fr;gap:8px}.question-footer [data-action="show-report"]{grid-column:1/-1;width:100%}}

.question-trust{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;line-height:1.5;margin:0 0 22px}.question-trust svg{width:19px;height:19px;flex:0 0 19px}@media(max-width:600px){.question-trust{font-size:10px;margin-bottom:16px}}

/* Layout breakpoint: reserve enough width for a readable question + full sidebar.
   This applies to any narrow window, independently of device model or OS. */
:root{--calculator-rail-width:3rem;--calculator-drawer-width:23rem}
@media(max-width:90rem){
 .wizard{display:block}.wizard>.orientation{display:none}
 .question{width:100%;max-width:53rem;margin-inline:auto}
 .mobile-progress-rail{display:flex;position:fixed;inset:0 auto 0 0;width:var(--calculator-rail-width);z-index:25;flex-direction:column;padding:10px 0;background:#eee8de;border-right:1px solid #d5c7b6}
 .rail-groups{display:flex;flex-direction:column;gap:clamp(12px,3vh,28px)}
 .rail-toggle,.rail-info{border:0;padding:0;min-height:44px;width:var(--calculator-rail-width)}
 .rail-group{border:0;padding:6px 0;display:flex;flex-direction:column;align-items:center;gap:8px;width:var(--calculator-rail-width);font-size:11px}
 .rail-info{margin-top:auto}.rail-total{text-align:center;font-size:10px;margin-top:20px}
 .rail-group meter{height:clamp(3rem,9vh,6rem);width:10px}
 body:has(.wizard)>header,body:has(.wizard)>.demo-banner,body:has(.wizard)>main,body:has(.wizard)>footer{margin-left:var(--calculator-rail-width)}
 body:has(.wizard)>main{width:calc(100% - var(--calculator-rail-width));max-width:none;padding:clamp(20px,3vw,42px) clamp(16px,4vw,52px) 36px}
 #v22-dialog.is-overview{position:fixed;inset:0 auto 0 var(--calculator-rail-width);margin:0;width:min(var(--calculator-drawer-width),calc(100vw - var(--calculator-rail-width)));max-width:none;height:100dvh;max-height:100dvh;padding:20px;border:0;border-right:1px solid var(--line);border-radius:0;overflow-y:auto;overscroll-behavior:contain;box-shadow:12px 0 40px #23090d24}
 #v22-dialog.is-overview::backdrop{background:#23090d70}
 .is-overview .v22-dialog-heading{align-items:center;margin-bottom:18px}.is-overview .v22-dialog-heading h2{font-size:27px;margin:0}
 .is-overview .v22-dialog-heading button{min-width:44px;min-height:44px}
 .is-overview .orientation{display:block;position:static;max-height:none;overflow:visible}
 .is-overview .pillar-house{max-width:19rem;margin-inline:auto}
 .is-overview .orientation>button{display:none}
 body:has(#v22-dialog.is-overview[open]){overflow:hidden}
}
@media(max-width:37.5rem){body:has(.wizard)>main{padding:16px 16px 155px}.question-footer{left:var(--calculator-rail-width)}}

/* One coordinate scale for the house; viewport rules must not squash its parts.
   cqw is relative to the house, not the screen or the number of questions. */
.orientation .pillar-house{container-type:inline-size;width:100%;max-width:20rem;margin-inline:auto;padding:0 0 12px}
.orientation .pillar-house .house-roof{position:relative;width:100%;height:auto;aspect-ratio:276 / 76;padding:0;background:none;clip-path:none;display:block}
.orientation .pillar-house .house-roof svg{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}
.orientation .pillar-house .pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8cqw;padding:12cqw 7cqw 0}
.orientation .pillar-house .pillar{height:48cqw;min-height:0;padding:0}
.orientation .pillar-house .pillar-title{top:-9cqw;left:-3cqw;width:calc(100% + 6cqw);font-size:clamp(9px,3.6cqw,12px);line-height:1.3;letter-spacing:0;white-space:nowrap}
.orientation .pillar-house .column-cap,.orientation .pillar-house .pillar.is-current .column-cap{height:2.5cqw;left:-2.3cqw;width:calc(100% + 4.6cqw);border-top-width:1px}
.orientation .pillar-house .column-cap:after{top:2.2cqw;left:1.4cqw;right:1.4cqw;height:1.8cqw}
.orientation .pillar-house .column-foot{height:2.8cqw;left:-2.3cqw;width:calc(100% + 4.6cqw)}
.orientation .pillar-house .column-foot:before{top:-1.4cqw;left:1.4cqw;right:1.4cqw;height:1.4cqw}
.orientation .pillar-house .column-segments{inset:4.5cqw .7cqw 3.6cqw;gap:.7cqw}
.orientation .pillar-house .house-base{height:3cqw;padding:0;margin-top:0}

.v28-personal-preferences{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}
.v28-personal-preferences .figure-index{font-size:10px}.v28-personal-preferences dl{margin:12px 0 0}
.v28-personal-preferences dl>div{display:grid;grid-template-columns:108px minmax(0,1fr);column-gap:16px;row-gap:3px;margin:12px 0;font-size:13px;line-height:1.55}
.v28-personal-preferences dt{color:var(--muted);white-space:nowrap}.v28-personal-preferences dd{margin:0;min-width:0;text-wrap:pretty}
@media(max-width:600px){.v28-personal-preferences dl>div{grid-template-columns:1fr;gap:2px;margin:14px 0}}

/* Keep long, answer-dependent headings readable within the report column. */
.report-v19 .v19-context h2{font-size:clamp(30px,2.6vw,38px);line-height:1.16;max-width:100%;text-wrap:pretty;hyphens:none;overflow-wrap:normal}

/* The comparison responds to its available width, including sidebar layouts. */
.short-report .v22-transfer{container-type:inline-size}
.short-report .v22-transfer-row{grid-template-columns:12rem minmax(0,1fr) 1.25rem minmax(0,1.15fr);column-gap:24px;row-gap:10px;align-items:start;margin-top:26px}
.short-report .v22-transfer-row>*{min-width:0}
.short-report .v22-transfer-row h3{grid-column:auto;align-items:flex-start;gap:12px;line-height:1.65;white-space:nowrap}
.short-report .v22-transfer-row h3 .answer-icon{flex:0 0 28px}
.short-report .v22-transfer-row>span{display:block;text-align:center;line-height:1.65;color:#986e50}
.short-report .v22-transfer-row p{text-wrap:pretty}
@container(max-width:56rem){
 .short-report .v22-transfer-row{grid-template-columns:minmax(0,1fr) 1.25rem minmax(0,1.15fr);column-gap:20px;margin-top:28px}
 .short-report .v22-transfer-row h3{grid-column:1/-1}
}
@container(max-width:32rem){
 .short-report .v22-transfer-row{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:28px}
 .short-report .v22-transfer-row h3{grid-column:auto}
 .short-report .v22-transfer-row>span{display:none}
 .short-report .v22-transfer-row small{display:block;margin:0 0 4px;font-size:10px;line-height:1.5;color:var(--muted)}
 .short-report .v22-transfer-row>div:last-child{margin-top:4px}
}

/* Reference facts remain separate from their individual seller takeaway. */
.short-report .v21-reference{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:32px;padding:30px 0;margin:0}
.short-report .v21-reference+.v21-reference{border-top:1px solid var(--line)}
.short-report .v21-reference-parties{min-width:0}
.short-report .v21-reference-parties h3{font-size:clamp(24px,2.2vw,30px);line-height:1.2;margin:8px 0 20px;overflow-wrap:anywhere;hyphens:none}
.short-report .v28-reference-label{display:block;margin-top:16px;font-size:12px;color:var(--muted)}
.short-report .v28-reference-facts{margin:0;display:grid;gap:14px}
.short-report .v28-reference-facts dt{font-size:11px;color:var(--muted);margin-bottom:3px}
.short-report .v28-reference-facts dd{margin:0;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.short-report .v21-reference-reading{min-width:0}
.short-report .v21-reference-action ul{padding-left:20px;margin:8px 0 0}
.short-report .v21-reference-action li{margin:8px 0;line-height:1.65}
@media(max-width:700px){.short-report .v21-reference{grid-template-columns:minmax(0,1fr);gap:18px}.short-report .v28-reference-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:400px){.short-report .v28-reference-facts{grid-template-columns:1fr}}

/* Editorial comparison: a clear present-to-handover reading direction. */
.short-report .v22-transfer{background:linear-gradient(120deg,#eee7dc,#f2ece3);padding:34px 36px;border-radius:10px}
.short-report .v22-transfer>h2{margin-bottom:30px;font-size:clamp(28px,2.6vw,36px)}
.short-report .v28-transfer-head,.short-report .v22-transfer-row{grid-template-columns:12rem minmax(0,1fr) 1.25rem minmax(0,1.15fr);column-gap:24px}
.short-report .v28-transfer-head{display:grid;padding-bottom:12px;color:#806957;font-size:10px;line-height:1.5;letter-spacing:.07em;text-transform:uppercase}
.short-report .v22-transfer-row{margin-top:0;padding:20px 0;border-top:1px solid #dcd0c0;align-items:center}
.short-report .v22-transfer-row h3{align-items:center;font-size:14px;gap:12px}
.short-report .v22-transfer-row h3 .answer-icon{color:#82545b;width:30px;height:30px;flex-basis:30px}
.short-report .v22-transfer-row>div:first-of-type{color:#67574f}
.short-report .v22-transfer-row>div:last-child{background:rgba(255,253,248,.75);border-radius:6px;padding:14px 18px;font-weight:550;line-height:1.65}
.short-report .v22-transfer-row>span{font-size:22px;color:#a27e5e}
@container(max-width:56rem){
 .short-report .v28-transfer-head{display:none}
 .short-report .v22-transfer-row{grid-template-columns:minmax(0,1fr) 1.25rem minmax(0,1.15fr);align-items:start;row-gap:12px;padding:22px 0}
 .short-report .v22-transfer-row h3{grid-column:1/-1}
 .short-report .v22-transfer-row small{display:block;font-size:10px;line-height:1.5;color:#806957;margin-bottom:6px;font-weight:400}
}
@container(max-width:32rem){
 .short-report .v22-transfer-row{grid-template-columns:minmax(0,1fr);gap:12px}
 .short-report .v22-transfer-row h3{grid-column:auto}
 .short-report .v22-transfer-row>span{display:none}
 .short-report .v22-transfer-row>div:last-child{padding:14px 16px;margin-top:0}
}
@media(max-width:600px){.short-report .v22-transfer{padding:24px 20px}}

/* Solid progress fills also paint reliably on the first restored Safari frame. */
.orientation .pillar-house .column-segment.is-filled{background:#87585d;border-color:#754349}
.orientation .pillar-house .pillar.is-current .column-segment.is-filled{background:#491924;border-color:#4a1c23}

/* Calculator utility information has one consistent place outside the question. */
.header-tools{display:flex;align-items:center;gap:14px}
.header-tools .calculator-utility{display:inline-flex;align-items:center;gap:7px;min-height:44px;min-width:0;padding:8px 4px;border:0;background:transparent;color:var(--muted);font-size:12px;line-height:1.4;font-weight:500;white-space:nowrap}
.calculator-utility svg{width:19px;height:19px;flex:none}
.calculator-utility:hover{text-decoration:underline;text-underline-offset:4px}
body>.demo-banner{background:#eee7dc;color:#715e59;border-bottom:1px solid var(--line);font-size:11px;padding:6px 16px}
.question-save-status{display:flex;align-items:center;gap:6px;margin:12px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
@media(max-width:48rem){.header-tools{gap:10px}.header-tools .badge{display:none}.header-inner{flex-wrap:wrap}.header-tools .calculator-utility{font-size:11px}}
@media(max-width:37.5rem){.question-save-status{margin-top:8px}.question-footer{padding-bottom:24px}}

/* Embedded calculator: utility navigation belongs to the section, not the site header. */
.calculator-section-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 30px;padding:0 0 14px;border-bottom:1px solid var(--line)}
.calculator-section-header>p{margin:0;color:var(--muted);font-size:12px;font-weight:500;letter-spacing:.04em}
.calculator-utilities{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}
.calculator-utilities .calculator-utility{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 4px;border:0;background:transparent;color:var(--muted);font-size:12px;line-height:1.4;font-weight:500;white-space:nowrap}
@media(max-width:37.5rem){.calculator-section-header{align-items:flex-start;flex-direction:column;gap:0;margin-bottom:22px}.calculator-utilities{gap:20px}}

/* Reset is deliberately separate from the next-question action. */
.calculator-info .reset-actions{gap:12px}
@media(max-width:600px){.calculator-info .reset-actions{flex-direction:column;align-items:stretch}}