.temporal-panel{margin:22px 0 20px;padding:16px 18px;background:#eef7f4;border:1px solid #b8d5ce;border-top:5px solid #238d78;border-radius:11px}
.temporal-eyebrow,.trend-eyebrow{color:#227565;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}
.map-section-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;border-top:1px solid #c8d9d5;padding:15px 0 10px;margin-top:4px}.map-section-heading strong{font-size:16px;color:#155564}.map-section-heading span{font-size:12px;color:#52696d}
.temporal-panel h2{font-size:20px;margin:0 0 5px;color:#155564}.temporal-panel p{font-size:13px;line-height:1.45;margin:4px 0 9px}
.temporal-periods{display:flex;gap:6px;flex-wrap:wrap}.temporal-periods button{border:1px solid #a6c4bf;background:#fff;border-radius:7px;color:#18434b;font:600 12px system-ui,sans-serif;padding:7px 9px;cursor:pointer}.temporal-periods button.active{background:#155564;border-color:#155564;color:#fff}.temporal-periods button:focus-visible{outline:2px solid #e11b80;outline-offset:2px}
.temporal-panel .temporal-summary{font-weight:700;margin-top:11px}.temporal-panel .temporal-warning{color:#7c4b1d;margin-bottom:0}
.temporal-panel .temporal-scope{color:#4c6267;font-size:12px;margin-bottom:0}
.trend-chart{margin:20px 0;padding-top:12px}.trend-chart h3{margin:0 0 6px;color:#155564}.trend-chart .small{font-size:12px;line-height:1.45}.sector-trend{border-top:3px solid #c6ddd7}.ranking{border-top:5px solid #155564}
.trend-bars{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:3px;height:115px;align-items:end;margin:12px 0 8px}
.trend-year{display:flex;flex-direction:column;align-items:center;justify-content:end;height:100%;font:12px system-ui,sans-serif;color:#40616a}.trend-value{min-height:14px}.trend-bar{width:min(100%,25px);background:#4c9aa1;min-height:1px;border-radius:3px 3px 0 0}.trend-year.recent .trend-bar{background:#4d9b68}.trend-year.selected .trend-bar{outline:2px solid #133f4a}.trend-label{margin-top:3px}
.trend-key{display:flex;flex-wrap:wrap;gap:4px 14px;margin:8px 0 12px;font-size:12px;color:#48646a}.trend-key span{display:inline-flex;align-items:center;gap:5px}.trend-key i{display:inline-block;width:13px;height:13px;border-radius:2px}.trend-key-old{background:#4c9aa1}.trend-key-recent{background:#4d9b68}.trend-key-selected{border:2px solid #133f4a}
.trend-compare{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;border-top:2px solid #c6ddd7;padding-top:12px}.trend-compare select{max-width:145px;border:1px solid #aac6c2;border-radius:5px;background:white;color:#163e46;padding:5px;font:12px system-ui,sans-serif}.trend-result{font-size:13px;font-weight:700;line-height:1.5;margin:0 0 16px;padding:12px 0;border-bottom:2px solid #c6ddd7}.trend-caveat{color:#80502b}
.street-key{max-width:800px;margin:10px auto 8px;padding:12px 14px;border:1px solid #ddcbd2;border-radius:9px;background:#fcf7f9;font-size:12px;color:#543844}.street-key[hidden]{display:none}.street-key strong{display:block;color:#71304f;font-size:13px;margin-bottom:8px}.street-key-scale{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.street-key-scale span{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;font-size:12px;white-space:nowrap}.street-key-scale i{display:block;width:100%;height:8px;border-radius:6px;background:var(--line-color)}.street-key p{margin:9px 0 5px;line-height:1.4}.street-key-review{display:flex;align-items:center;gap:7px;font-weight:700;color:#805017}.street-key-review i{display:inline-block;width:38px;border-top:5px dashed #d88b22}.mapbox.street-scale ~ .legend{display:none}
@media(max-width:560px){.temporal-panel{padding:13px;margin:18px 0}.temporal-periods button{font-size:12px;padding:7px 8px;min-height:34px}.trend-bars{gap:2px}.trend-year{font-size:9px}.trend-key{font-size:12px}.map-section-heading{display:block}.map-section-heading span{display:block}}
@media(max-width:560px){.street-key{padding:10px}.street-key-scale{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 10px}.street-key-scale span{font-size:12px}.street-key p{font-size:12px}}