/* Shared frame geometry. Content remains in normal flow at every breakpoint. */
.homepage{--card-radius:14px;--card-gap:clamp(18px,1.8vw,28px)}
.homepage main :is(.benefit-card,.use-card,.use-storage,.compare-day,.compare-table-wrap,.live-context,.live-chart-card,.operation-auto-card,.operation-demo,.operation-browser-note,.planning-map-card,.planning-search,.planning-result,.planning-controls,.planning-chart-card,.assembly-film,.specs-table-card,.about-workshop,.inquiry-form){border-radius:var(--card-radius)}
.homepage main :is(.kpi-card,.planning-kpis>div,.planning-anchor-grid article,.well){border-radius:10px}
@media(min-width:901px){
 .homepage #live.live-photo .live-layout{align-items:stretch;gap:var(--card-gap)}
 .homepage #live .live-dashboard{display:flex;flex-direction:column}
 .homepage #live .live-chart-card{flex:1;display:flex;flex-direction:column}
 .homepage #live .live-chart-wrap{flex:0 0 auto}
 .homepage #live.live-photo .live-context{align-content:space-between}

 /* Align map with search + recommendation frames, including their notes. */
 .homepage #standort .planning-site-grid{grid-template-rows:auto 1fr;column-gap:var(--card-gap);row-gap:10px;align-items:stretch}
 .homepage #standort .planning-site-results{display:contents}
 .homepage #standort .planning-map-card{grid-column:1;grid-row:1 / 3;display:flex;flex-direction:column}
 .homepage #standort .planning-map{flex:none}
 .homepage #standort .planning-map-select{margin-top:auto}
 .homepage #standort .planning-search{grid-column:2;grid-row:1}
 .homepage #standort .planning-result{grid-column:2;grid-row:2;display:flex;flex-direction:column}
 .homepage #standort .planning-anchor-grid{margin-top:auto;padding-top:9px}
 .homepage #standort .planning-result-notes{margin-top:10px;padding-top:10px;border-top:1px solid #bedbe526;display:grid;gap:6px}
 

 /* Align the input frame with the chart; actions and notes share the row below. */
 .homepage #rechner .planning-calc-grid{grid-template-rows:auto 1fr auto;column-gap:var(--card-gap);row-gap:8px;align-items:stretch}
 .homepage #rechner .planning-calc-results{display:contents}
 .homepage #rechner .planning-controls{grid-column:1;grid-row:1 / 3}
 .homepage #rechner .planning-invest{margin-top:8px;padding-top:8px}
 .homepage #rechner .planning-kpis{grid-column:2;grid-row:1}
 .homepage #rechner .planning-chart-card{grid-column:2;grid-row:2;display:flex;flex-direction:column}
 .homepage #rechner .planning-chart-card>.planning-small{margin-top:auto}
 .homepage #rechner .planning-calc-footer{grid-column:1 / -1;grid-row:3;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px}
 .homepage #rechner .planning-calc-footer>.planning-disclaimer{grid-column:2;grid-row:1}
 .homepage #rechner .planning-calc-footer>.button{grid-column:3;grid-row:1}

 .homepage #bedienung .operation-layout{gap:var(--card-gap);align-items:stretch}
 .homepage #bedienung .operation-demo{align-self:stretch}
 .homepage #bedienung .operation-benefit-cards{height:100%}
 .homepage #bedienung .operation-demo-bottom{margin-top:auto}
 .homepage #technik .specs-tables{align-items:stretch;gap:var(--card-gap)}
 .homepage #technik .specs-table-card table{height:100%}
 .homepage #vergleich.compare-photo .compare-layout{align-items:stretch;gap:var(--card-gap)}
 .homepage #vergleich .compare-evidence{display:flex;flex-direction:column}
 .homepage #vergleich .compare-day{flex:1;display:flex;flex-direction:column}
 .homepage #vergleich .compare-legend{margin-top:auto}
 .homepage #vergleich .compare-table{height:100%}
 .homepage #einsatz.use-photo .use-grid,.homepage #vorteile.benefits-seven .benefits-grid{gap:var(--card-gap)}
}

@media(max-width:900px){.homepage #standort .planning-result-notes{margin-top:16px;display:grid;gap:10px}}

@media(max-width:900px){.homepage #rechner .planning-calc-footer>.planning-disclaimer{flex-basis:100%}}