:root{--ink:#283d33;--muted:#7c857c;--paper:#f7f7f0;--line:#dfe2d8;--rust:#b77756;--forest:#385b49}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:13px}button,input,select{font:inherit}button{cursor:pointer}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line)}.brand{color:var(--ink);text-decoration:none;letter-spacing:2.5px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:14px}.brand-icon{font-size:30px;color:var(--forest)}.edition{margin-left:12px;color:#92998e;font-weight:400}.location{font-size:10px;letter-spacing:2px}.location span{padding:0 14px;color:var(--muted)}.offline{font-size:11px;color:var(--muted);display:flex;gap:8px;align-items:center}.offline i,.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6c8960}main{display:grid;grid-template-columns:326px 1fr;height:100dvh;min-height:620px}.eyebrow{font-size:9px;letter-spacing:1.9px;font-weight:600;color:var(--muted)}select{width:100%;border:1px solid #d4dacd;background:transparent;border-radius:3px;padding:11px;color:var(--ink);font-size:11px}.swatch{display:inline-block;width:8px;height:8px;border-radius:2px;flex-shrink:0}.rust{background:var(--rust)}.green{background:#89a176}.neutral{background:#cfccbe}.line{height:2px;background:#b9b4a6}.map{position:relative;overflow:hidden;background:#e9ece3;min-width:0}#viewport{position:absolute;inset:0;touch-action:none;cursor:grab}#viewport:active{cursor:grabbing}canvas{display:block;width:100%;height:100%}.map-heading{position:absolute;top:32px;left:34px;pointer-events:none}.map-heading h2{font:22px Georgia,serif;font-weight:400;margin-top:9px}.compass{position:absolute;right:42px;top:110px;text-align:center;pointer-events:none}.compass span{font-size:10px;letter-spacing:1px}.compass div{font-family:Georgia,serif;font-size:40px;line-height:1.3;color:#657b63}.map-tools{position:absolute;right:28px;bottom:152px;background:#fafbf5e8;border:1px solid #d5dbcd;border-radius:5px;display:flex;flex-direction:column;align-items:center;box-shadow:0 3px 15px #33442508}.map-tools button{width:39px;height:39px;border:0;background:transparent;color:var(--ink);font-size:21px}.map-tools span{width:22px;border-top:1px solid var(--line)}.map-caption{position:absolute;bottom:110px;left:35px;display:flex;align-items:center;gap:11px;font-size:9px;letter-spacing:1px;pointer-events:none}.caption-rule{height:1px;width:30px;background:#acb6a3}.help{position:absolute;bottom:82px;left:35px;color:#838d7d;font-size:10px;pointer-events:none}.help span{padding:0 7px}.legend{position:absolute;bottom:50px;left:35px;display:flex;gap:20px;font-size:9px;color:#697661;pointer-events:none}.legend span{display:flex;align-items:center;gap:7px}.map-footer{position:absolute;bottom:0;left:0;right:0;height:31px;border-top:1px solid #d9dece;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:8px;letter-spacing:.8px;background:#e9ece3d9}.map-footer a{color:#687460;font-size:9px;letter-spacing:0}.status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fafbf4;padding:18px 24px;border-radius:5px;box-shadow:0 4px 30px #0001;max-width:90%;text-align:center;line-height:1.6}.status[hidden]{display:none}#label-layer{position:absolute;inset:0;pointer-events:none}.street-label{position:absolute;white-space:nowrap;font-size:9px;letter-spacing:1px;color:#6e7966;text-shadow:0 1px 3px #fff,0 -1px 3px #fff;transform:translate(-50%,-50%)}.street-label.primary{font-size:11px;letter-spacing:3px;color:#875539;font-weight:700;background:#f9f8f0dc;border:1px solid #c1b298;padding:7px 12px;border-radius:3px;text-shadow:none}@media(min-height:920px){}@media(max-width:1000px){header{padding:0 22px}.location{display:none}main{grid-template-columns:285px 1fr}.map-heading h2{font-size:19px}.compass{top:36px;right:25px}.map-heading{left:27px}.map-heading .eyebrow{font-size:8px}.help{max-width:260px;line-height:1.8;bottom:75px}.legend{gap:10px;font-size:8px}.map-caption{bottom:124px}.map-footer{padding:0 12px}.map-footer>span{display:none}}@media(max-width:680px){header{height:60px;padding:0 18px}.brand{font-size:10px;gap:8px}.edition{margin-left:3px}.offline{font-size:9px}main{display:flex;flex-direction:column;height:auto;min-height:0}.map{order:-1;height:66dvh;min-height:440px}.map-heading{top:22px;left:20px}.map-heading h2{font-size:18px}.map-caption,.help,.legend{left:20px}.map-caption{bottom:104px}.help{bottom:68px;font-size:9px;max-width:250px}.legend{bottom:44px}.map-tools{right:17px;bottom:90px}.compass{right:21px;top:24px}.street-label{font-size:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* The map fills the available screen on every device. */
main{display:block;height:100dvh;min-height:0}.map{height:100%;width:100%}.map-heading h2{font-size:28px}.compass{top:32px}@media(max-width:680px){main{height:100dvh}.map{height:100%;min-height:0}.map-heading h2{font-size:23px}.compass{top:24px}}

.map-footer{justify-content:flex-end;border-top:0;background:transparent}
.compass{width:88px;height:88px}.compass svg{display:block;width:100%;height:100%}.compass-label{font:600 11px Arial,sans-serif;fill:#385b49;text-anchor:middle;dominant-baseline:central}@media(max-width:680px){.compass{width:72px;height:72px}}