/* Local test calculator: compact after Calculate, same inputs and result data. */
.vent-layout-enabled #fixed-container { padding: 2px 8px 7px; }
.vent-layout-enabled #fixed-container > h2 { font-size: 1.05rem; line-height: 1.2; padding: 0 0 2px; }
.vent-layout-enabled .vent-control-panel { gap: 5px; padding: 7px !important; }
#vent-calculation-inputs { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
#vent-calculation-inputs:focus { outline: none; }
.vent-layout-enabled .vent-control-fields { display: flex; flex-direction: column; gap: 5px; }
.vent-layout-enabled .vent-control-row { min-height: 44px; padding: 3px 7px; }
.vent-layout-enabled .vent-control-label { font-size: .84rem; }
.vent-layout-enabled .vent-control-input,
.vent-layout-enabled .vent-control-panel .vent-control-select { font-size: 1rem; min-height: 36px; }
.vent-layout-enabled .square-footage-field { min-width: 122px; width: 138px; }
.vent-layout-enabled .attic-ratio-row { grid-template-areas: "ratio" "summary"; grid-template-columns: minmax(0, 1fr); gap: 3px; }
.vent-layout-enabled .attic-ratio-choice { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; position: static; }
.vent-layout-enabled .attic-ratio-heading { flex: 0 1 auto; min-width: 0; width: auto; justify-content: flex-start; font-size: .78rem; min-height: 24px; padding: 0; }
.vent-layout-enabled .attic-ratio-buttons { flex: 1 1 140px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
.vent-layout-enabled .attic-ratio-buttons label { min-height: 44px; padding: 3px 6px; font-size: 1rem; }
.vent-layout-enabled .attic-exhaust-line { font-size: .8rem; }
.vent-layout-enabled .attic-exhaust-quantity { display: inline; }
.vent-layout-enabled .attic-ratio-caption { display: none; }
.vent-layout-enabled .vent-control-unit { font-size: .8rem; padding: 9px 7px; }
.vent-layout-enabled .vent-control-note { padding: 5px 7px; }
.vent-layout-enabled .vent-control-note p { font-size: .72rem; }
.vent-layout-enabled .vent-control-panel .button-container { gap: 7px; min-height: 44px; padding: 0; }
.vent-layout-enabled .vent-control-panel .button-container .btn { min-height: 44px; font-size: .9rem; padding: 8px 12px; }
.vent-layout-enabled .vent-control-panel .button-container .btn-primary { min-width: 85px; }
.vent-layout-enabled .vent-control-panel .button-container .share-button { min-width: 154px; }
.vent-inputs-collapsed .vent-control-panel .button-container .share-button { width: 100%; }
#vent-calculation-summary { color: #1f2937; min-width: 0; }
.vent-summary-row { display: flex; gap: 8px; align-items: center; justify-content: space-between; }
#vent-summary-inputs { font-size: .88rem; line-height: 1.18; font-weight: 600; margin: 0; min-width: 0; overflow-wrap: anywhere; }
#vent-summary-inputs > span { display: block; }
#vent-summary-details { font-size: .78rem; line-height: 1.2; margin: 0; overflow-wrap: anywhere; }
#vent-input-toggle { flex: 0 0 auto; min-width: 52px; min-height: 44px; border: 1px solid #0057b8; border-radius: 6px; background: white; color: #0057b8; margin: 0; padding: 6px 10px; font-size: .85rem; font-weight: 600; }
#vent-input-toggle:focus-visible { outline: 3px solid #163d68; outline-offset: 2px; }
.vent-layout-enabled .intake-results-summary { grid-template-columns: minmax(0, 1fr); margin-bottom: 7px; }
.vent-layout-enabled .intake-results-icon { display: none; }
.vent-layout-enabled .intake-vents-header { font-size: .87rem; }
.vent-layout-enabled .intake-results { padding-top: 10px; }
.vent-layout-enabled .intake-results table { margin-top: 7px; }
.vent-layout-enabled.vent-controls-scroll .square-footage-row,
.vent-layout-enabled.vent-controls-scroll .crawlspace-height-row { grid-template-columns: minmax(0, 1fr) auto; }
.vent-layout-enabled.vent-controls-scroll .selector-row { grid-template-columns: auto minmax(0, 1fr); }
.vent-layout-enabled.vent-controls-scroll .vent-control-field-unit { width: auto; }
.vent-layout-enabled.vent-controls-scroll .square-footage-field { min-width: 122px; width: 138px; }
@media (max-width: 360px) {
    .vent-layout-enabled .attic-ratio-choice { grid-template-columns: minmax(0, 1fr); gap: 3px; }
    .vent-layout-enabled .attic-ratio-heading { justify-content: center; }
    .vent-layout-enabled .vent-control-label { font-size: .78rem; }
    .vent-layout-enabled .square-footage-field { min-width: 114px; width: 122px; }
}

.vent-layout-enabled .vent-control-input { min-width: 0; flex: 1 1 0; }

/* Override legacy narrow-screen column widths for these compact input rows. */
.vent-layout-enabled .square-footage-row { grid-template-columns: minmax(0, 1fr) auto; }
.vent-layout-enabled .selector-row { grid-template-columns: auto minmax(0, 1fr); }
.vent-layout-enabled .vent-control-panel .button-container { flex-direction: row; }
.vent-layout-enabled:not(.vent-inputs-collapsed) .vent-control-panel .button-container .btn { width: auto; }

/* Preserve normal footer spacing without doubling its gaps with enlarged text. */
.vent-layout-enabled .global-footer nav > ul { gap: min(2rem, 32px) !important; }

.vent-layout-enabled .accordion .model-number-result,
.vent-layout-enabled .accordion .vents-needed-result,
.vent-layout-enabled .accordion .intake-toggle-text { min-width: 0; white-space: normal; overflow-wrap: anywhere; }

.vent-layout-enabled .attic-ratio-row { position: relative; }
.vent-layout-enabled .attic-ratio-help { position: static; }
.vent-layout-enabled .attic-ratio-help p { left: 0; top: calc(100% + 4px); width: min(300px, 100%); max-height: 40dvh; overflow: auto; }

/* Keep the original decorative results arrow inside its column at large text. */
.vent-layout-enabled .results-instructions-arrow { font-size: min(1.8rem, 29px); }