:root {color-scheme:light;--paper:#f4efe6;--ink:#35312a;--muted:#746b60;--warm:#a14b2e;--rule:#c9beab;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--paper);color:var(--ink)}main{position:relative;width:100%;height:100%;min-height:260px}h1{position:absolute;z-index:1;left:28px;top:21px;margin:0;font-family:Georgia,serif;font-size:20px;font-weight:400;letter-spacing:-.02em;pointer-events:none}#street{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:pan-y}#street:focus-visible{outline:2px solid var(--ink);outline-offset:-5px}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}#about{position:fixed;z-index:3;right:18px;top:16px;width:44px;height:44px;border:1px solid #857867;border-radius:50%;background:var(--paper);color:var(--ink);font-size:22px}button:focus-visible,a:focus-visible{outline:2px solid var(--warm);outline-offset:4px}.reading{position:absolute;bottom:45px;left:28px;right:28px;display:flex;gap:42px;align-items:start;pointer-events:none;background:var(--paper)}.year{min-width:100px;display:flex;flex-direction:column;gap:3px}#year{font:32px/1 Georgia,serif}.index-note{font-size:10px;color:var(--muted)}.measure{display:grid;grid-template-columns:28px auto auto;align-items:baseline;column-gap:9px;row-gap:3px;font-size:12px}.measure output{font-variant-numeric:tabular-nums;font-size:20px;line-height:1.2;padding-left:12px}.measure small{grid-column:2/4;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.sample{display:block;align-self:center;width:26px;height:8px}.sample.profit{border:1px solid var(--ink);background:repeating-linear-gradient(115deg,transparent 0 3px,#35312a66 3px 4px)}.sample.rent{height:0;border-top:2px dashed var(--warm)}.hint{position:absolute;left:28px;right:28px;bottom:14px;font-size:10px;color:var(--muted);margin:0;pointer-events:none}.hint span{padding-left:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#failure{position:absolute;left:28px;top:90px}a{color:inherit;text-underline-offset:3px}dialog{border:1px solid #c6beaf;border-radius:7px;padding:24px;max-width:min(460px,calc(100vw - 28px));color:var(--ink);background:#faf8f2;box-shadow:0 15px 60px #26221633}dialog::backdrop{background:#17150f55}.caption-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}h2{font:400 24px/1.2 Georgia,serif;margin:0}#close{border:0;background:transparent;color:inherit;width:44px;height:44px;margin:-12px -12px -12px 0;font-size:27px}dialog p{font-size:14px;line-height:1.5;margin:14px 0}.source-note{font-size:11px;color:var(--muted)}nav{display:flex;flex-wrap:wrap;gap:18px;font-size:12px;margin-top:24px}
@media(max-width:600px){h1{left:18px;top:24px;font-size:18px}.reading{left:18px;right:18px;bottom:47px;gap:14px;display:grid;grid-template-columns:65px 1fr}.year{grid-row:1/3;min-width:0;padding-top:2px}#year{font-size:25px}.measure{grid-template-columns:20px 1fr auto;font-size:11px;column-gap:6px;row-gap:1px}.sample{width:19px}.measure output{font-size:18px;padding:0}.measure small{font-size:9px}.hint{left:18px;right:18px;font-size:9px;bottom:13px;line-height:1.5}.hint span{display:block;padding:0}.reading{gap:8px 12px}.index-note{font-size:9px}}
@media(max-height:450px) and (min-width:601px){h1{top:15px;font-size:17px}.reading{bottom:30px;gap:24px}#year{font-size:24px}.hint{bottom:8px}.measure output{font-size:18px}.measure small{font-size:9px}#about{top:10px;right:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}