.roof-area-wrapper{gap:var(--space-6);grid-template-columns:minmax(0,1fr);width:100%;min-width:0;display:grid}@media (width>=960px){.roof-area-wrapper{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}}.ra-panel{min-width:0;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-xs)}.ra-panel-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.ra-input-intro{margin:calc(-1 * var(--space-2)) 0 var(--space-4);color:var(--color-text-muted);line-height:1.5}.roof-area-wrapper [hidden]{display:none!important}.ra-panel-title{color:var(--color-text);margin:0;font-weight:700}.ra-sections{gap:var(--space-3);margin-block:var(--space-3) var(--space-4);display:grid}.ra-section-card{min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.ra-section-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.ra-section-title{color:var(--color-text);margin:0;font-weight:700}.ra-remove-section{min-height:36px;padding-inline:var(--space-2);color:var(--color-danger)}.ra-pitch-row,.ra-overhang-fields{margin-top:var(--space-3)}.ra-section-card .form-group{min-width:0}.ra-overhang-grid{margin-top:var(--space-2)}.ra-shared-edge-hint{margin-block:var(--space-2);display:block}.ra-edge-note{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-xs);align-self:end;line-height:1.5}.ra-add-section{gap:var(--space-2);width:100%;min-height:44px}.ra-header-actions{align-items:center;gap:var(--space-2);display:flex}.ra-link-action{font-size:var(--text-xs);color:var(--color-brand);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:0;font-weight:600}.ra-link-action:hover{text-decoration:underline}.ra-link-action:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.ra-sep{color:var(--color-text-muted);font-size:var(--text-xs)}.ra-segmented{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:3px;padding:3px;display:flex}.ra-segmented-btn{min-height:36px;padding:var(--space-1) var(--space-3);color:var(--color-text-muted);font-family:inherit;font-size:var(--text-xs);border-radius:calc(var(--radius-md) - 2px);cursor:pointer;transition:all var(--transition-fast);text-align:center;background:0 0;border:none;flex:1;justify-content:center;align-items:center;font-weight:600;display:flex}.ra-segmented-btn.active{background-color:var(--color-surface);color:var(--color-brand);box-shadow:var(--shadow-xs);font-weight:700}.ra-segmented-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px;z-index:1}.ra-section-block{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.ra-group-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-2);font-size:.72rem;font-weight:700;display:block}.ra-section-header-inline{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.ra-sub-segmented{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:2px;padding:2px;display:flex}.ra-sub-segmented-btn{color:var(--color-text-muted);border-radius:calc(var(--radius-sm) - 1px);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:.15rem .45rem;font-size:.7rem;font-weight:600}.ra-sub-segmented-btn.active{background-color:var(--color-surface);color:var(--color-brand);box-shadow:var(--shadow-xs);font-weight:700}.ra-grid-2col{gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=480px){.ra-grid-2col{grid-template-columns:repeat(2,minmax(0,1fr))}}.ra-input-wrap{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background-color:var(--color-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);align-items:stretch;display:flex;overflow:hidden}.ra-input-wrap:focus-within{border-color:var(--color-focus);box-shadow:0 0 0 3px var(--color-focus-ring)}.ra-input-wrap:has(.has-error){border-color:var(--color-danger)}.roof-area-wrapper .ra-input-wrap .form-input{min-width:0;padding:var(--space-2) var(--space-3);font-variant-numeric:tabular-nums;background:0 0;flex:1;min-height:40px;box-shadow:none!important;border:none!important}.ra-suffix{padding:0 var(--space-3);background-color:var(--color-bg);border-left:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;user-select:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.ra-pill-chips{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.ra-pill{min-height:32px;font-size:var(--text-xs);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);cursor:pointer;transition:all var(--transition-fast);padding:.2rem .6rem;font-weight:600}.ra-pill:hover{border-color:var(--color-brand);color:var(--color-brand)}.ra-pill.active{border-color:var(--color-brand);color:var(--color-brand);background-color:var(--color-brand-subtle);font-weight:700}.ra-results-panel{flex-direction:column;display:flex}.ra-highlight-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center;margin-bottom:var(--space-4)}.ra-highlight-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-2);font-size:.68rem;font-weight:700;display:block}.ra-hero-val-wrap{justify-content:center;align-items:baseline;gap:var(--space-2);margin:var(--space-1) 0;display:flex}.ra-hero-val{color:var(--color-brand);font-size:clamp(2rem,1.8rem + 1vw,2.75rem);font-weight:800;font-family:var(--font-mono,monospace);font-variant-numeric:tabular-nums;line-height:1.05}.ra-hero-unit{font-size:var(--text-sm);color:var(--color-text);font-weight:700}.ra-hero-sub{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2);font-weight:500;display:block}.ra-specs-list{margin:0 0 var(--space-4)}.ra-specs-list>div{justify-content:space-between;align-items:baseline;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-subtle);font-size:var(--text-xs);display:flex}.ra-specs-list dt{color:var(--color-text-muted);font-weight:500}.ra-specs-list dd{color:var(--color-text);font-variant-numeric:tabular-nums;text-align:right;margin:0;font-weight:700}.ra-breakdown{margin-top:var(--space-4)}.ra-breakdown-title{margin:0 0 var(--space-2);font-weight:700}.ra-breakdown-card{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md)}.ra-breakdown-card+.ra-breakdown-card{margin-top:var(--space-2)}.ra-breakdown-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);color:var(--color-text);font-size:var(--text-xs);display:flex}.ra-breakdown-head strong:last-child{text-align:right;font-variant-numeric:tabular-nums}.ra-breakdown-card p{margin:var(--space-1) 0 0;color:var(--color-text-muted);overflow-wrap:anywhere;line-height:1.45}.ra-error-message{padding:var(--space-3);border:1px solid var(--color-danger);border-radius:var(--radius-md);color:var(--color-danger);background:var(--color-surface)}.editorial-content .formula-box code{white-space:normal;overflow-wrap:anywhere;max-width:100%;display:block}.ra-actions-row{gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.ra-action-btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:40px;font-size:var(--text-xs);flex:1;display:inline-flex}.ra-dropdown-wrap{flex:1;position:relative}.ra-dropdown-wrap .ra-action-btn{width:100%}.ra-dropdown-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:10;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.ra-menu-item{width:100%;padding:var(--space-2) var(--space-3);text-align:left;cursor:pointer;font-size:var(--text-xs);color:var(--color-text);border:none;border-bottom:1px solid var(--color-border-subtle);background:0 0;font-weight:600;display:block}.ra-menu-item:last-child{border-bottom:none}.ra-menu-item:hover{background-color:var(--color-bg)}.ra-message{color:var(--color-success);background-color:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);margin:0 0 var(--space-3);align-items:center;gap:var(--space-2);font-weight:600;display:flex}.ra-message:empty{display:none}.ra-footnote{margin:var(--space-2) 0 0;color:var(--color-text-muted);line-height:1.4}.ra-empty-container{padding:var(--space-8) var(--space-4);text-align:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.ra-empty-symbol{color:var(--color-brand);opacity:.5;margin-bottom:var(--space-1)}.ra-empty-title{color:var(--color-text);margin:0;font-weight:700}.ra-empty-text{color:var(--color-text-muted);max-width:32ch;margin:0;margin-bottom:var(--space-2);line-height:1.4}@media (width<=479px){.ra-panel{padding:var(--space-4)}.ra-actions-row{flex-direction:column}}