.roof-plane{background:#f6f8fb;border:1px solid #d2dae5!important;padding:16px!important;border-radius:9px}.roof-plane legend{font-size:1rem!important;width:auto!important}.roof-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.roof-metrics>div{padding:14px;background:#edf3f9;border-radius:8px}.roof-metrics strong{display:block;font-size:1.45rem;color:#152b49}.roof-metrics span{font-size:.78rem;color:#526276}.guided-start{background:#fff;border:1px solid #d2dae5;border-radius:12px;padding:22px;margin-bottom:24px}.guided-start h2{margin:0 0 9px}.guide-steps{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}.guide-steps button,.guide-toggle{padding:10px 14px;border:1px solid #9fb0c4;border-radius:6px;background:#f6f8fb;color:#152b49;font:inherit;font-weight:700;cursor:pointer}.guide-steps button[aria-current=step]{background:#152b49;color:white;border-color:#152b49}.guided-highlight{outline:3px solid #ec672e;outline-offset:8px;border-radius:5px}.guided-start p{margin:8px 0}.workflow-note{padding:14px;border-left:4px solid #ec672e;background:#fff4e9}.guide-toggle{font-size:.85rem}.roof-plane input:disabled{background:#eee;opacity:.6}.roof-plane .pair{min-width:0}.planner-controls fieldset,.planner-controls label{min-width:0}#roof-diagram{max-height:none}#roof-material-rows small{display:block;font-weight:400;color:#526276;font-size:.78rem;margin-top:6px}
@media(max-width:760px){.roof-metrics{grid-template-columns:1fr 1fr}.guide-steps{display:grid;grid-template-columns:1fr 1fr}.guide-steps button{padding:10px 8px;font-size:.86rem}.nav-links{flex-wrap:wrap}.roof-plane .pair{grid-template-columns:1fr}}
@media print{.guided-start,.notice,.workflow-note{display:none!important}.roof-metrics{grid-template-columns:repeat(4,1fr)}#roof-diagram{max-height:250px}.roof-metrics strong{font-size:1.15rem}}