@import url('./structure.css');
:root{--trade:#8e6e49}.roof-shell .intro{margin-bottom:28px}.roof-shell .intro>div{max-width:850px}.roof-shell .lede{max-width:800px;font-size:19px}.roof-section-nav{display:flex;gap:12px 28px;flex-wrap:wrap;border-top:1px solid #cdbfaa;border-bottom:1px solid #cdbfaa;padding:14px 0;margin:0 0 27px;font-size:12px;color:#765e3d}.roof-section-nav a{text-decoration:none}.roof-section-nav a:hover{text-decoration:underline}.roof-model-tools{padding:14px 18px;background:#faf8f3;border-bottom:1px solid #ded4c4}.roof-controls-row{display:flex;align-items:center;gap:10px 18px;margin-bottom:9px;flex-wrap:wrap}.roof-controls-row:last-child{margin-bottom:0}.roof-controls-row>span{font-size:9px;letter-spacing:1px;color:#806b4a;min-width:92px}.roof-controls-row .segmented{display:flex}.roof-controls-row button{font-size:11px;padding:7px 12px;border-color:#d8cdbb;border-radius:0;background:#faf9f6}.roof-controls-row .segmented button+button{border-left:0}.roof-controls-row button[aria-pressed=true]{background:#40372c;color:#fff;border-color:#40372c}.roof-controls-row button:disabled{opacity:.4;cursor:default}.roof-controls-row small{font-size:9px;color:#8b7c66;margin-left:auto}.roof-viewport{height:520px;position:relative;overflow:hidden;background:#efede6}.roof-viewport canvas{display:block;width:100%;height:100%}.roof-shell .source-scroll{height:674px}.roof-shell .model-legend{display:flex;gap:9px 20px;flex-wrap:wrap}.roof-shell .model-legend[hidden]{display:none}.roof-shell .model-legend span{font-size:10px}.roof-shell .visual-caption{margin-bottom:0}.roof-shell .finding .metric-label{font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:#92764d;margin:0 0 5px}.roof-shell .finding .metric-value{font-family:Georgia,'Times New Roman',serif;font-size:29px;font-weight:400;color:#3e3327;line-height:1.2;margin:0 0 7px}.roof-shell .finding .metric-detail{margin:0;font-size:12px}.roof-shell .visual-notes .finding{border-bottom:1px solid #d6c7af;padding-bottom:20px;margin-bottom:20px}.roof-shell .visual-notes .finding:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}.roof-shell .source-note a{font-size:11px;display:inline-block;margin-top:10px}.roof-shell .connection-details{padding:12px 18px}.roof-shell #model-notes{padding-left:17px;font-size:11px;color:#7c6c52}.roof-shell #model-notes li{margin:7px 0}.roof-sequence{margin-top:30px;border-top:1px solid #cdbc9f;padding-top:25px}.roof-sequence ol{list-style:none;padding:0;margin:17px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;counter-reset:roof-step}.roof-sequence li{counter-increment:roof-step;padding:19px;background:#eee8dc;border-top:2px solid #b1956b}.roof-sequence li:before{content:counter(roof-step,decimal-leading-zero);display:block;font-size:11px;color:#8f6d3c;margin-bottom:12px}.roof-sequence h3{font-size:20px;line-height:1.25;margin-bottom:10px}.roof-sequence p{font-size:12px;line-height:1.7;color:#766951;margin:0}.roof-shell .estimate-cards article strong{font-size:34px}.roof-shell .estimate-table td:first-child{width:48%;min-width:300px}.roof-shell .estimate-table td:first-child strong{display:block;font-size:12px;font-weight:600}.roof-shell .estimate-table td:first-child small{display:block;font-size:11px;line-height:1.7;color:#86765e;margin-top:5px}.roof-shell .estimate-table td:nth-child(2){white-space:normal;min-width:110px}.roof-pricing-sources{border-top:1px solid #d7cbb7;padding-top:20px;margin-top:20px}.roof-pricing-sources h3{font-size:23px}.roof-pricing-source{font-size:12px;margin:12px 0}.roof-pricing-source p{font-size:11px;color:#837057;margin:4px 0}.roof-shell .conflict-card .gap-owner{display:block;font-size:10px;letter-spacing:.4px;color:#977a50;margin-top:12px}.roof-shell .primary-sources{display:flex;gap:12px 25px;flex-wrap:wrap}.roof-shell .primary-sources a{font-size:12px}.roof-shell .empty-state{padding:35px;text-align:center;font-size:13px;color:#7d705d}.roof-shell .model-loading{margin:0;padding:35px;font-size:13px;color:#7d705d}.roof-shell [hidden]{display:none!important}
@media(min-width:1500px){.roof-viewport{height:560px}.roof-shell .source-scroll{height:714px}}
@media(max-width:1150px){.roof-controls-row small{width:100%;margin-left:0}.roof-viewport{height:480px}.roof-shell .source-scroll{height:660px}.roof-sequence ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.roof-shell #roof-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.roof-shell .visual-notes .finding{margin:0;padding:0;border:0}.roof-viewport{height:490px}.roof-shell .source-scroll{height:620px}.roof-shell .source-note{margin-top:24px}.roof-shell .intro .status-note{max-width:600px}.roof-shell .estimate-cards article strong{font-size:30px}}
@media(max-width:560px){.roof-shell h1{font-size:41px}.roof-shell .lede{font-size:17px}.roof-section-nav{gap:12px 21px;padding:12px 0;font-size:11px}.roof-model-tools{padding:13px 12px}.roof-controls-row{gap:6px;margin-bottom:13px}.roof-controls-row>span{width:100%;font-size:8px;min-width:0}.roof-controls-row .segmented{width:100%}.roof-controls-row .segmented button{flex:1;padding:8px 5px;font-size:10px;white-space:nowrap}.roof-controls-row.camera-row>div{display:flex;gap:4px}.roof-controls-row.camera-row button{padding:6px 11px;font-size:10px}.roof-controls-row small{font-size:8px}.roof-viewport{height:365px}.roof-shell .source-scroll{height:465px}.roof-shell #roof-metrics{gap:20px}.roof-shell .finding .metric-value{font-size:25px}.roof-shell .finding .metric-detail{font-size:11px}.roof-sequence ol{grid-template-columns:1fr}.roof-shell .estimate-cards article strong{font-size:29px}.roof-shell .roof-model-tools .camera-row{margin-bottom:0}.roof-shell .source-tools select{max-width:210px}}