*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#172b40;font:15px/1.5 Inter,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}header{height:82px;background:#10263e;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:3px solid #ed8537}.brand{display:flex;gap:13px;align-items:center}.brand strong{font-size:22px;letter-spacing:-.5px}.brand em{font-style:normal;color:#ed8537}.brand small{display:block;font-size:9px;letter-spacing:2.3px;color:#c3d0dc}.mark{width:45px;height:45px;border:2px solid #4aa6df;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:26px;font-weight:900;position:relative}.mark span{position:absolute;bottom:1px;right:2px;font-size:17px;color:#ed8537}.header-right{display:flex;gap:10px;align-items:center}.pill{border:1px solid #50637a;border-radius:30px;padding:7px 13px;color:#c6d4e2;font-size:12px}.ghost,.accent{border-radius:8px;padding:10px 14px;font-weight:700}.ghost{background:transparent;color:#fff;border:1px solid #6e8092}.accent{background:#ed8537;color:#10263e;border:1px solid #ed8537}.shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:calc(100vh - 82px)}aside{background:#142c46;color:#d3dfeb;padding:28px 15px}.side-heading{font-size:11px;font-weight:800;letter-spacing:1.8px;color:#8ba3b9;padding:0 14px 15px}nav{display:grid;gap:5px}nav button{border:0;background:transparent;text-align:left;color:#d2dfea;padding:13px 15px;border-radius:8px;font-weight:650;display:flex;gap:12px;align-items:center;width:100%}nav button.active{background:#2c5273;color:#fff;border-left:3px solid #ed8537}nav button:hover{background:#284760}.nav-icon{font-size:18px;width:22px;text-align:center}.side-note{background:#203b56;border-radius:12px;padding:17px;margin-top:30px;font-size:12px}.side-note p{color:#afc2d3;margin:7px 0 0}main{padding:36px 42px;max-width:1510px;width:100%;margin:0 auto}.eyebrow{font-size:11px;color:#287db5;letter-spacing:2px;font-weight:850}h1{font-size:36px;letter-spacing:-1.2px;margin:5px 0}h1 span{color:#df782a}.intro{margin:0 0 26px;color:#607187}.panel{background:white;border:1px solid #e0e8f0;border-radius:13px;padding:24px;box-shadow:0 5px 22px #152b4010}.section-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:18px}.section-head h2,.section-head h3{margin:0;font-size:19px}.section-head p{margin:3px 0 0;color:#738399;font-size:13px}.chip{font-size:10px;font-weight:850;letter-spacing:1.1px;background:#e8f2f9;color:#286c98;padding:7px 10px;border-radius:5px;white-space:nowrap}.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.field label{display:block;font-size:12px;color:#475e73;font-weight:750;margin-bottom:6px}.field input,.field select{border:1px solid #cbd9e5;border-radius:8px;padding:11px 12px;width:100%;outline:none;background:#fff;color:#172b40}.field input:focus,.field select:focus{border-color:#2688c4;box-shadow:0 0 0 3px #2688c420}.field small{display:block;font-size:11px;color:#8b9aaa;margin-top:4px}.analysis-header{display:flex;align-items:end;justify-content:space-between;margin:32px 0 16px}.analysis-header h2{font-size:27px;margin:3px 0}.analysis-header p{color:#66788c;margin:0}.analysis-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px;align-items:start}.analysis-grid .fields{grid-template-columns:repeat(2,minmax(0,1fr))}.linkbtn{border:0;background:transparent;color:#237db3;font-size:12px;font-weight:700}.preset{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.preset button{border:1px solid #c7d7e4;background:#fff;padding:7px 12px;border-radius:7px;font-size:12px;font-weight:750}.preset button.active{background:#173d60;color:#fff;border-color:#173d60}.metric{border-bottom:1px solid #e6edf3;padding:13px 0;display:flex;justify-content:space-between;gap:15px;align-items:baseline}.metric .name{color:#63758a;font-size:13px}.metric .val{font-weight:850;font-size:17px;text-align:right}.metric.primary{background:#142e48;color:white;border-radius:10px;padding:17px;margin-bottom:12px;border:0;display:block}.metric.primary .name{color:#bcd1e3;font-size:12px;display:block}.metric.primary .val{font-size:31px;text-align:left}.metric.negative .val{color:#bd3c36}.metric.primary.negative .val{color:#ffad9b}.notice{border-radius:8px;padding:12px 14px;margin-top:15px;font-size:12px;background:#fff5e8;border:1px solid #f2d3a8;color:#7a4a1b}.notice.good{background:#eef8f3;border-color:#c6e4d3;color:#276b49}.explain{margin-top:20px;border-top:1px solid #e4ebf2;padding-top:15px;color:#63758a;font-size:12px}footer{color:#8795a5;font-size:11px;margin:30px 0 5px}@media(max-width:1050px){.fields{grid-template-columns:repeat(2,1fr)}.analysis-grid{grid-template-columns:1fr}}@media(max-width:760px){header{padding:14px;height:auto;gap:12px;flex-wrap:wrap}.pill{display:none}.shell{display:block}aside{padding:12px}nav{display:flex;overflow-x:auto}nav button{min-width:max-content} .side-heading,.side-note{display:none}main{padding:23px 16px}h1{font-size:28px}.fields,.analysis-grid .fields{grid-template-columns:1fr 1fr}.panel{padding:17px}.analysis-header{align-items:start}}@media(max-width:440px){.fields,.analysis-grid .fields{grid-template-columns:1fr}.header-right{width:100%}.section-head{align-items:start}.chip{display:none}}@media print{header,aside,.header-right,.linkbtn,.preset{display:none!important}.shell{display:block}main{padding:0}.analysis-grid{display:grid;grid-template-columns:1fr 1fr}.panel{box-shadow:none}body{background:#fff}input{border:0!important;padding:0!important}footer{margin-top:20px}}
/* REI Back Office logo below sidebar note */
.sidebar-logo{margin:24px auto 0;padding:0 8px;text-align:center}.sidebar-logo img{display:block;width:100%;max-width:205px;height:auto;margin:0 auto;object-fit:contain}@media(max-width:760px){.sidebar-logo{display:none}}

/* Property type dropdown matches existing field styling */
.field select{width:100%;font:inherit;color:#172f49;background:#fff;border:1px solid #c8d9e8;border-radius:9px;padding:13px 14px;min-height:53px;box-sizing:border-box}
.field select:focus{outline:2px solid #2c83b8;outline-offset:1px}

/* Two primary Wholesale results, divided vertically. Other strategies are unchanged. */
.wholesale-result-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#142e48;border-radius:10px;margin-bottom:12px;overflow:hidden}
.wholesale-result-pair .metric.primary{min-width:0;border-radius:0;margin:0;padding:17px 14px;background:transparent}
.wholesale-result-pair .metric.primary + .metric.primary{border-left:2px solid #7890a6}
.wholesale-result-pair .metric.primary .name{font-size:12px;line-height:1.35;min-height:34px}
.wholesale-result-pair .metric.primary .val{font-size:clamp(20px,2vw,29px);overflow-wrap:anywhere;line-height:1.2;margin-top:6px}
@media(max-width:440px){.wholesale-result-pair .metric.primary{padding:13px 10px}.wholesale-result-pair .metric.primary .val{font-size:19px}}

/* Wholesale: clear buyer-side cost bridge below the two headline results. */
.buyer-breakdown{padding-top:7px}
.buyer-breakdown h3{font-size:15px;margin:12px 0 9px;color:#213c57}
.breakdown-line{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #e6edf3;font-size:13px;color:#63758a}
.breakdown-line strong{font-size:15px;color:#21354a;white-space:nowrap;font-variant-numeric:tabular-nums}
.breakdown-line.total{border-top:2px solid #b7c9d9;border-bottom:0;margin-top:5px;padding-top:14px;color:#173d60;font-weight:800}
.breakdown-line.total strong{font-size:19px;color:#1b815d}
.breakdown-line.total strong.negative-value{color:#bd3c36}
.buyer-roi{background:#edf5fa;border-radius:8px;padding:13px 12px;margin-top:6px;border-bottom:0}
.buyer-roi .val{color:#173d60}

/* Header User Guide button matches New Analysis */
.header-right .user-guide-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;font:inherit;font-weight:700;color:#fff;border:1px solid #6e8092;border-radius:8px;padding:10px 14px;background:transparent}
.header-right .user-guide-link:hover,.header-right .user-guide-link:focus-visible{background:#284760;border-color:#9fb3c6;outline-offset:2px}
@media(max-width:440px){.header-right{flex-wrap:wrap}.header-right .user-guide-link{flex:0 0 auto}}
@media print{.user-guide-link{display:none!important}}