:root{--navy:#193d5c;--teal:#008b92;--gold:#e5aa26;--line:#d5e1e8}*{box-sizing:border-box}body{margin:0;background:#f1f5f7;color:var(--navy);font:16px Arial,sans-serif}header{background:white;padding:15px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:4px solid var(--teal)}header img{width:135px}a{color:var(--navy)}main{max-width:1350px;margin:auto;padding:30px 24px}.eyebrow{font-size:12px;letter-spacing:.1em;font-weight:700;color:var(--teal)}h1{font-size:38px;margin:10px 0}h2{font-size:23px;margin:10px 0}h3{font-size:19px}.address{color:#597080}.documents{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.documents a,.button{display:inline-block;background:var(--navy);color:white;border-radius:6px;padding:12px 16px;text-decoration:none;font-weight:700}.documents a:nth-child(n+2){background:white;color:var(--navy);border:1px solid var(--line)}.stats{display:flex;gap:30px;flex-wrap:wrap;margin:25px 0}.stats b{font-size:24px;margin-right:6px}.stats span{font-size:14px}.layout{display:grid;grid-template-columns:235px 1fr;gap:22px}aside,.workspace,#record{background:white;border:1px solid var(--line);border-radius:10px;padding:20px}label{display:block;font-size:12px;margin:14px 0 7px}input{width:100%;padding:10px;border:1px solid #a9bdc9;border-radius:5px;font:inherit}button{cursor:pointer;font:inherit;color:var(--navy);background:white;border:1px solid var(--line);border-radius:5px;padding:9px}button:hover{border-color:var(--teal)}#units button{width:100%;text-align:left;margin-top:8px;padding:12px}#units small{display:block;margin-top:5px;font-size:11px}#units button.active{background:var(--navy);color:white}.hint{font-size:12px;color:#5e7481;line-height:1.5}.planhead{display:flex;justify-content:space-between;gap:10px;align-items:center}.zoom{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:12px}.zoom button{padding:7px}#viewport{overflow:auto;max-height:730px;border:1px solid var(--line)}#plan{position:relative;width:100%}#drawing{display:block;width:100%;height:auto}.hotspot{position:absolute;border:2px solid var(--gold);border-radius:4px;background:#e5aa261a;min-width:22px;min-height:22px;padding:0}.hotspot:hover,.hotspot.active{background:#008b9240;outline:3px solid var(--teal)}.hotspot span{position:absolute;left:50%;top:-25px;transform:translateX(-50%);white-space:nowrap;font-size:11px;background:var(--navy);color:white;padding:4px;border-radius:3px;opacity:0}.hotspot:hover span,.hotspot:focus span,.hotspot.active span{opacity:1}#record{margin-top:24px;scroll-margin-top:20px}.recordhead{display:flex;justify-content:space-between;gap:20px}.badge{font-size:12px;background:#fbf5e2;padding:10px;border-radius:6px;align-self:center}.meta{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.meta div{padding:15px;background:#f1f6f8;overflow-wrap:anywhere}.meta small{display:block;color:#617986;font-size:11px;margin-bottom:8px}.note{background:#fbf5e2;border-left:3px solid var(--gold);padding:14px;font-size:13px;line-height:1.5}.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.photos a{display:block;border:1px solid var(--line);border-radius:7px;overflow:hidden;text-decoration:none}.photos img{width:100%;height:260px;object-fit:contain;background:#eef3f5;display:block}.photos span{display:block;padding:12px;font-size:13px}.empty{padding:20px;border:1px dashed #aec1cc;border-radius:6px;font-size:14px}.formrow{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.formrow p{font-size:13px;max-width:620px;line-height:1.5}footer{font-size:12px;line-height:1.6;color:#637b88;padding:30px 0}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}@media(max-width:750px){main{padding:24px 14px}h1{font-size:29px}.layout{grid-template-columns:1fr}#units{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.meta{grid-template-columns:1fr 1fr}.photos{grid-template-columns:1fr 1fr}.photos img{height:220px}.planhead,.recordhead{flex-direction:column;align-items:flex-start}.badge{align-self:flex-start}#viewport{max-height:650px}}@media(max-width:400px){.photos{grid-template-columns:1fr}.meta{grid-template-columns:1fr}}