.development-panel{position:absolute;left:24px;top:76px;z-index:8;width:370px;max-width:calc(100% - 48px);max-height:calc(100% - 140px);overflow:auto;overscroll-behavior:contain;padding:20px;border:1px solid #d6e3e8;border-radius:14px;background:#fff;color:#12394b;box-shadow:0 10px 32px #00213d30;font-size:14px;line-height:1.5}.development-panel h2{font-size:25px;margin:2px 0}.development-panel h3{font-size:17px;line-height:1.4;margin:12px 0}.development-panel p{font-size:14px;line-height:1.55}.development-panel a{display:block;color:#086878;text-underline-offset:3px;margin:10px 0;overflow-wrap:anywhere}.development-panel .eyebrow{font-size:11px;margin:0}.development-actions{display:flex;gap:8px;flex-wrap:wrap}.development-actions button{flex:1;padding:8px;font-size:13px}.development-filters{display:grid;grid-template-columns:85px minmax(0,1fr);gap:10px;margin-top:12px}.development-filters label,.development-search{display:flex;flex-direction:column;gap:5px;font-size:13px}.development-search{margin-top:12px}.development-panel input[type=search],.development-panel select{box-sizing:border-box;width:100%;min-width:0;min-height:42px;border:1px solid #c6d9df;border-radius:7px;background:white;color:#12394b;font-size:14px;padding:8px;margin:0}.development-case{display:flex;flex-direction:column;gap:6px;width:100%;text-align:left;border:1px solid #d9e5e9;border-radius:9px;background:white;color:#153d50;padding:13px;margin:9px 0}.development-case:hover,.development-case.selected{background:#eff7f8;border-color:#448d98}.development-case strong{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.development-case>span:last-child{font-size:12px;color:#55727f}.development-stage{font-size:12px;border-left:4px solid;padding-left:7px;line-height:1.5}.development-method{border-top:1px solid #dde7eb;padding-top:12px;margin-top:14px}.development-panel summary{cursor:pointer;font-weight:600}.development-zoning{border-top:1px solid #d3e1e7;margin-top:18px;padding-top:4px}#developmentDetail{background:#eff6f7;border:1px solid #cfe0e5;border-radius:10px;padding:14px;margin-bottom:16px;overflow-wrap:anywhere}#developmentDetail dl{margin:12px 0}#developmentDetail dt{font-size:12px;color:#5d717c;margin-top:10px}#developmentDetail dd{margin:2px 0;font-size:14px}#developmentDetail small{display:block;color:#506976;font-size:12px}.zoning-key{display:flex;align-items:center;gap:9px;margin:8px 0;font-size:13px}.zoning-key i{width:14px;height:14px;border:1px solid #0002;border-radius:3px}#zoningDetail{padding:0 3px}#developmentOpen{margin-top:16px;width:100%;background:#003b53;color:white}#developmentOpen:hover{background:#00556a}#developmentStatus{font-size:13px}#developmentRows{margin-top:10px}.development-panel [hidden]{display:none!important}#buildingDataContent>.context-action{margin-bottom:15px}@media(max-width:760px){.development-panel{left:8px;right:8px;top:auto;bottom:46px;width:auto;max-width:none;max-height:48dvh;padding:16px}.development-panel h2{font-size:22px}.development-panel input[type=search],.development-panel select{font-size:16px}.development-actions button{min-height:44px}.property-layers{max-height:calc(100% - 115px);overflow:auto}}

.development-panel>.context-heading{position:sticky;top:-20px;background:white;z-index:2;margin:-20px -20px 0;padding:20px 20px 12px;border-bottom:1px solid #e4ecef}#zoningOpen{width:100%;margin-top:8px}@media(max-width:760px){.development-panel>.context-heading{top:-16px;margin:-16px -16px 0;padding:16px 16px 10px}}

#developmentDetail,#zoningDetail{scroll-margin-top:105px}