:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #2e7c91}.site-header{background:#fff;border-bottom:1px solid #dce4e4}.header-inner{justify-content:space-between;align-items:center;max-width:1260px;margin:auto;padding:19px 36px;display:flex}.brand{color:#214d59;letter-spacing:-.8px;align-items:center;gap:6px;font-size:23px;font-weight:700;text-decoration:none;display:flex}.brand span{margin-left:-6px;font-weight:400}.header-note{letter-spacing:1.4px;color:#718187;align-items:center;gap:20px;font-size:10px;display:flex}.prototype{color:#48636c;letter-spacing:0;border:1px solid #d8e3e3;border-radius:4px;padding:5px 10px;font-size:11px}main{max-width:1260px;margin:auto;padding:42px 36px 0}.intro{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.eyebrow{color:#687f86;letter-spacing:1.5px;font-size:10px;font-weight:650}h1{letter-spacing:-1.4px;margin:9px 0 8px;font-size:clamp(30px,4vw,42px);font-weight:600;line-height:1.2}.intro p{color:#63777e;margin:0;font-size:15px}.basis-link{color:#346779;border-bottom:1px solid #b5cccf;padding-bottom:4px;font-size:13px;text-decoration:none}.basis-link span{margin-left:10px}.development-notice{color:#705a30;background:#fcf8ef;border:1px solid #e5d8bb;border-left:3px solid #b78b43;border-radius:5px;align-items:center;gap:13px;margin-bottom:31px;padding:13px 17px;display:flex}.notice-symbol{text-align:center;border:1px solid #a88e59;border-radius:50%;flex-shrink:0;width:19px;height:19px;font-family:Georgia,serif;line-height:18px}.development-notice strong{margin-bottom:3px;font-size:12px;display:block}.development-notice span:not(.notice-symbol){font-size:12px}h2{letter-spacing:-.25px;margin:0;font-size:17px;font-weight:600}.mode-section h2{margin-bottom:12px;font-size:14px}.mode-options{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:25px;display:grid}.mode-option{color:#536b73;font:inherit;cursor:pointer;text-align:left;background:#fff;border:1px solid #d7e0e0;border-radius:6px;align-items:center;gap:9px;padding:14px 12px;font-size:12px;display:flex}.mode-option:hover{border-color:#7ba0aa}.mode-option.active{color:#205566;background:#eaf3f4;border-color:#2d7181;font-weight:600;box-shadow:inset 0 0 0 .4px #2d7181}.mode-index{opacity:.65;font-size:10px}.mode-mark{margin-left:auto;font-size:12px}.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.panel{background:#fff;border:1px solid #dce4e4;border-radius:9px}.input-panel{padding:25px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.text-button{font:inherit;color:#2b7183;cursor:pointer;background:0 0;border:0;padding:7px 4px;font-size:12px}fieldset{border:0;border-top:1px solid #e6ebeb;min-width:0;margin:0;padding:22px 0 18px}legend{padding:0 8px 0 0;font-size:13px;font-weight:650}legend span{color:#94a5aa;margin-right:9px;font-size:11px}.field-label{color:#6a7e84;margin-bottom:9px;font-size:12px;display:block}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 18px;display:grid}.field-grid .MuiFormHelperText-root{min-height:16px;margin-left:1px;font-size:10px}.field-grid .MuiInputBase-root{font-size:14px}.field-grid .MuiInputAdornment-root p{color:#7b8b91;font-size:11px}.field-grid .MuiInputLabel-root{font-size:14px}.top-gap{margin-top:24px}.fixed-load{color:#6d7f86;background:#f5f7f7;border-radius:5px;justify-content:space-between;gap:8px;margin:3px 0;padding:11px 13px;font-size:11px;display:flex}.fixed-load strong{color:#455f68;font-weight:550}.button-arrow{margin-left:auto;font-size:19px}.result-column{min-width:0}.roof-diagram{width:100%;display:block}.diagram-panel{margin-bottom:20px;overflow:hidden}.diagram-caption{letter-spacing:1.5px;fill:#819297;font:9px sans-serif}.diagram-label{fill:#355d68;font:13px sans-serif}.diagram-small{fill:#657f86;font:10px sans-serif}.diagram-footer{color:#7c9095;border-top:1px solid #e8eded;justify-content:space-between;padding:12px 20px;font-size:10px;display:flex}.result-region:focus{outline:none}.empty-result{text-align:center;color:#55717c;padding:37px 26px}.empty-icon{background:#edf4f4;border-radius:50%;justify-content:center;align-items:center;width:43px;height:43px;margin-bottom:18px;font-size:23px;display:inline-flex}.empty-result h2{font-size:17px}.empty-result p{color:#83949a;max-width:290px;margin:9px auto 24px;font-size:13px;line-height:1.65}.empty-tags{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.empty-tags span{color:#83949a;background:#f6f8f8;border-radius:4px;padding:5px 8px;font-size:10px}.result-panel{padding:25px}.status-label{color:#927338;background:#f8f2e6;border-radius:4px;padding:4px 8px;font-size:10px}.result-heading{color:#6a8189;font-size:13px}.result-number{letter-spacing:-1.5px;color:#23596a;margin:2px 0 7px;font-size:42px;font-weight:550}.result-number span{color:#809498;letter-spacing:0;font-size:19px;font-weight:400}.result-description{color:#758990;margin:0 0 23px;font-size:12px;line-height:1.6}.governing{background:#edf4f4;border-radius:5px;align-items:center;gap:10px;margin-bottom:22px;padding:12px;font-size:11px;display:flex}.governing span:first-child{color:#729096}.governing span:last-child{color:#256475;margin-left:auto;font-weight:600}.check-row{margin-bottom:12px}.check-row>div:first-child{color:#607780;justify-content:space-between;margin-bottom:5px;font-size:11px;display:flex}.check-row strong{font-weight:550}.check-track{background:#edf1f1;border-radius:4px;height:5px;overflow:hidden}.check-track>div{background:#a4c2c8;border-radius:4px;height:100%}.check-track .check-governing{background:#347b89}.small-note{color:#7f8f96;font-size:11px;line-height:1.6}.metrics{border-top:1px solid #e6ebeb;border-bottom:1px solid #e6ebeb;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px;padding:19px 0;display:grid}.metrics>div{flex-direction:column;gap:4px;display:flex}.metrics span{color:#829398;font-size:10px}.metrics strong{color:#385e6a;font-size:22px;font-weight:550}.metrics small{font-size:12px;font-weight:400}.detail-block{border-bottom:1px solid #e6ebeb}summary{cursor:pointer;color:#45636c;padding:16px 0;font-size:12px}table{border-collapse:collapse;width:100%;margin-bottom:12px;font-size:11px}td,th{text-align:left;white-space:nowrap;border-bottom:1px solid #edf0f0;padding:9px 5px}th{color:#8b9ba1;font-weight:500}.table-scroll{overflow-x:auto}.data-list{color:#71878e;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin:0 0 18px;font-size:11px;display:grid}.data-list dd{color:#315866;text-align:right;margin:0}.version-note{color:#8e9da2;text-align:center;margin:18px 0 0;font-size:9px}.basis-panel{margin-top:24px;padding:0 24px}.basis-panel summary{padding:20px 0;font-size:13px;font-weight:550}.basis-panel summary span:first-child{margin-left:5px}.basis-status{float:right;color:#97a1a2;font-size:10px;font-weight:400}.basis-panel p,.basis-panel li{color:#6e8289;font-size:12px;line-height:1.8}.basis-panel ul{padding-left:22px}.site-footer{color:#8a9ba0;justify-content:space-between;padding:25px 0 32px;font-size:10px;display:flex}.loading{color:#617780;align-items:center;gap:12px;padding:35px 0;display:flex}@media (width<=950px){.mode-option{padding:12px 9px;font-size:11px}.mode-index{display:none}.input-panel,.result-panel{padding:19px}.field-grid{gap:14px 12px}}@media (width<=740px){main{padding:27px 18px 0}.header-inner{padding:15px 18px}.header-note{gap:0;font-size:0}.intro{align-items:start}.intro p{max-width:290px;font-size:13px}.basis-link{display:none}.mode-options{grid-template-columns:repeat(2,1fr)}.mode-options>:last-child{grid-column:1/-1}.mode-option{min-height:44px;font-size:12px}.workspace{grid-template-columns:1fr;gap:20px}.result-column{display:contents}.input-panel{order:1}.diagram-panel{order:0;margin:0}.roof-diagram{max-height:245px}.result-region{order:2}.basis-status{float:none;margin-top:7px;margin-left:18px;display:block}.site-footer{gap:12px;font-size:9px}.text-button{min-height:40px}}@media (width<=370px){.field-grid{grid-template-columns:1fr}.result-number{font-size:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}