.calculator-summary,
.calculator-mini { display: none; }
@media (width <= 700px) {
.focused-hero { padding-block: var(--space-md); }
.focused-hero h1 { font-size: var(--display-md); }
.calculator-summary:not([hidden]),
.calculator-mini:not([hidden]) {
display: block;
padding: var(--space-md);
border: 1px solid var(--border-strong);
border-radius: var(--radius-md);
background: var(--surface-solid);
color: var(--text);
overflow-wrap: anywhere;
}
.calculator-summary { margin-top: var(--space-md); }
.calculator-summary small,
.calculator-mini small { color: var(--accent-2-text); font-weight: 700; }
.calculator-summary p,
.calculator-mini p { margin-block: var(--space-xs); font-size: var(--font-size-sm); }
.calculator-summary strong { font-size: var(--font-size-xl); }
.calculator-mini {
position: fixed;
z-index: 30;
inset: auto var(--space-sm) var(--space-sm);
box-shadow: var(--elevation-raised);
pointer-events: none;
}
.calculator-mini strong { font-size: var(--font-size-lg); }
.focused-form input,
.focused-form select { scroll-margin-block: 100px 180px; }
.focused-page { padding-bottom: 180px; }
}