.density-selection { width:390px; max-height:calc(100% - 68px); overflow:auto; overscroll-behavior:contain; border:1px solid #c65c3b; padding:16px; scrollbar-width:thin; }
.density-selection-head { position:sticky; top:-16px; z-index:1; display:flex; align-items:center; gap:8px; flex-wrap:wrap; background:#111b24; margin:-16px -16px 0; padding:13px 16px 9px; border-bottom:1px solid #35404a; }
.density-selection-head>strong { flex:1; min-width:100px; font-size:17px; line-height:1.25; }
.density-selection-head>.density-buttons { margin:0; gap:5px; }
.density-selection-head button { min-height:28px; padding:4px 9px; }
.neighborhood-guide { font-family:inherit; font-size:12px; line-height:1.45; }
.neighborhood-guide a { color:#dbadf7; text-decoration:none; overflow-wrap:anywhere; }
.neighborhood-guide a:hover { text-decoration:underline; }
.ng-eyebrow { margin:10px 0; color:#a5b8c7; font-size:10px; letter-spacing:.05em; text-transform:uppercase; }
.ng-streets { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.ng-street { min-width:0; display:flex; flex-direction:column; justify-content:center; border:1px solid #493852; border-radius:7px; padding:9px; background:linear-gradient(140deg,#35253f80,#172531); font-size:11px; }
.ng-street small { font-size:10px; color:#8194a3; margin-top:3px; }.ng-pending { color:#adb8c2; }
.ng-section { border-top:1px solid #35404a; margin-top:14px; padding-top:12px; }
.ng-section h3 { font-size:12px; margin:0 0 8px; font-weight:650; color:#f2f1f5; }
.ng-caption { font-size:10px; line-height:1.5; color:#9aacbb; margin:7px 0; }
.ng-price { display:flex; align-items:baseline; gap:8px; }.ng-price strong { font-size:25px; letter-spacing:-.04em; }.ng-price span { font-size:10px; color:#9aacbb; }
.ng-chart { display:block; width:100%; height:auto; margin:4px 0 0; }.ng-chart rect { fill:#9563b9; }.ng-chart text { fill:#a7bac6; font:9px system-ui; }.ng-chart-axis { stroke:#536373; }.ng-normal { fill:none; stroke:#efcf7a; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.ng-chart-key { display:flex; flex-wrap:wrap; column-gap:12px; row-gap:3px; color:#b8a0cc; font-size:9px; }.ng-chart-key span:nth-child(2) { color:#efcf7a; }.ng-chart-key .ng-median-key { color:#d3b7e5; }.ng-chart-key .ng-ahc-key { color:#75e4d4; }
.ng-empty { padding:11px; border:1px dashed #465362; border-radius:6px; background:#1c273340; }.ng-empty strong { font-size:12px; }.ng-empty p { margin:4px 0 0; font-size:11px; color:#9aacbb; }
.ng-lot-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.ng-lot-grid>div { display:flex; flex-direction:column; }.ng-lot-grid strong { font-size:20px; line-height:1.25; }.ng-lot-grid strong small { font-size:10px; font-weight:400; }.ng-lot-grid span { font-size:10px; color:#9aacbb; margin-top:3px; }
.ng-fees { margin:8px 0; font-size:11px; }.ng-fees>div { display:flex; justify-content:space-between; gap:10px; padding:3px 0; }.ng-fees dt { color:#b8c5d0; }.ng-fees dd { margin:0; font-variant-numeric:tabular-nums; flex-shrink:0; }
.ng-subtotal { display:flex; align-items:baseline; justify-content:space-between; gap:8px; padding-top:8px; border-top:1px solid #35404a; font-size:11px; }.ng-subtotal strong { font-size:15px; }
.ng-warning { color:#d8b988; font-size:10px; line-height:1.5; }
.neighborhood-guide details { color:#aab9c6; font-size:10px; margin-top:8px; }.neighborhood-guide summary { cursor:pointer; color:#c9a2df; padding:3px 0; }.neighborhood-guide details p { margin:6px 0; }
.ng-ahc { display:flex; flex-direction:column; gap:3px; }.ng-ahc strong { color:#efcf7a; font-size:19px; }.ng-ahc span { color:#b0bac3; font-size:10px; }.ng-ahc-section { padding-bottom:2px; }
@media(max-width:760px){.density-selection { max-height:calc(100% - 82px); padding:12px; }.density-selection-head { top:-12px; margin:-12px -12px 0; padding:9px 12px; }.density-selection-head button { min-height:36px; }.density-selection-head>strong { font-size:16px; }.ng-street { padding:8px; }}

.ng-chart-grid { stroke:#71879a; stroke-opacity:.22; stroke-dasharray:2 4; }.ng-median { stroke:#d3b7e5; stroke-width:1; stroke-dasharray:2 3; }.ng-ahc-marker line { stroke:#75e4d4; stroke-width:1.8; }.ng-ahc-marker circle { fill:#75e4d4; }.ng-chart .ng-ahc-marker text { fill:#8bf0df; font-size:10px; font-weight:650; paint-order:stroke; stroke:#111b24; stroke-width:3px; stroke-linejoin:round; }.ng-chart .ng-sales-axis { fill:#91a4b3; font-size:8px; }

.ng-rent-section .ng-price { flex-wrap:wrap; row-gap:1px; }.ng-rent-section .ng-price small { font-size:11px; font-weight:400; letter-spacing:normal; color:#9aacbb; }

.ng-chart .ng-percentile-label { fill:#c5adcf; font-size:8px; }.ng-chart .ng-percentile-price { fill:#e3d7e9; font-size:10px; font-weight:600; }
.ng-date { white-space:nowrap; }
