:root{--paper:#fff;--ink:#000;--muted:#707070;--rule:#e3e3e3;--panel:#f5f5f4;--accent:#1f4fa3;--focus:#1f4fa3;--font:"Helvetica Neue", Helvetica, Arial, sans-serif;--index-w:180px;--base:14px;--s:.75;--plate-h:clamp(340px,68vh,780px);color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:inherit}html{scroll-padding-top:env(safe-area-inset-top,0px);height:100%}body{background:var(--paper);min-height:100%;color:var(--ink);font-family:var(--font);font-size:var(--base);margin:0;line-height:1.55}.site{grid-template-columns:var(--index-w) minmax(0,1fr);min-height:100vh;display:grid}.site>.index{grid-area:1/1}.site>main{grid-area:1/2}a{color:var(--accent)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.index{top:env(safe-area-inset-top,0px);height:calc(100vh - env(safe-area-inset-top,0px));padding:calc(28px*var(--s)) 22px;border-right:1px solid var(--rule);font-size:calc(var(--base) - 1.5px);align-self:start;position:sticky;overflow-y:auto}.index .name{font-size:var(--base);margin:0 0 2px;font-weight:600}.index .name a{color:var(--ink);text-decoration:none}.index .role{color:var(--muted);margin:0 0 28px;line-height:1.4}.index h2{font-size:inherit;color:var(--muted);margin:calc(22px*var(--s)) 0 6px;font-weight:400}.index ul{margin:0;padding:0;list-style:none}.index li a{color:var(--ink);padding:3px 0;text-decoration:none;display:block}.index li a:hover{color:var(--accent)}.index li a[aria-current=page]{color:var(--accent);font-weight:500}main{padding:calc(28px*var(--s)) calc(40px*var(--s)) 64px;min-width:0}article{max-width:1120px}article h1{font-size:calc(var(--base) + 7px);letter-spacing:-.005em;margin:0;font-weight:500}.sub{color:var(--muted);margin:2px 0 calc(22px*var(--s))}figure{margin:0}figure+figure{margin-top:calc(30px*var(--s))}.plate{background:var(--panel);border:1px solid var(--rule);height:var(--plate-h);position:relative}.plate .viewer,.plate svg,.plate iframe{border:0;width:100%;height:100%;display:block}.controls{z-index:5;gap:4px;display:flex;position:absolute;top:10px;right:10px}.controls button{font:inherit;cursor:pointer;background:var(--paper);color:var(--ink);border:1px solid var(--rule);border-radius:2px;padding:4px 9px;font-size:12.5px}.controls button:hover{border-color:var(--muted)}figcaption{color:var(--muted);max-width:72ch;margin-top:8px;font-size:13px}.legend{flex-wrap:wrap;gap:4px 16px;margin-top:6px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{width:10px;height:10px;display:inline-block}.legend .legend-title{color:var(--muted)}.fig-title{color:var(--ink)}.fig-note{margin-top:6px}.text{max-width:62ch;margin-top:calc(30px*var(--s))}.text p{margin:0 0 1em}.text h2{font-size:var(--base);margin:1.6em 0 .4em;font-weight:600}.mapnote{z-index:5;background:var(--paper);border:1px solid var(--rule);max-width:280px;padding:9px 11px;font-size:13px;position:absolute;bottom:10px;left:10px}.mapnote strong{font-weight:600}.loading{color:var(--muted);text-align:center;place-items:center;padding:20px;font-size:13px;display:grid;position:absolute;inset:0}.placeholder{border:1px dashed var(--muted);height:clamp(300px,60vh,640px);color:var(--muted);text-align:center;place-items:center;padding:20px;font-size:13px;display:grid}.photo{background:var(--panel);border:1px solid var(--rule);display:block}.photo img{width:auto;max-width:100%;height:auto;max-height:85vh;margin:0 auto;display:block}.row{grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:calc(16px*var(--s));align-items:start;display:grid}.row .photo img{width:100%;max-height:none}.after{margin-top:calc(40px*var(--s))}.open-embed{font:inherit;cursor:pointer;background:var(--paper);color:var(--ink);border:1px solid var(--rule);border-radius:2px;padding:6px 12px;font-size:13px}.open-embed:hover{border-color:var(--muted)}.city{cursor:pointer}.city text{fill:var(--ink);font-family:inherit;font-size:13px}@media (width<=760px){.site{grid-template-columns:1fr}.site>main{grid-area:2/1}.index{border-right:0;border-bottom:1px solid var(--rule);height:auto;padding:20px 18px;position:static}.index .role{margin-bottom:10px}.index nav{flex-wrap:wrap;gap:0 22px;display:flex}.index h2{margin:10px 0 2px}main{padding:20px 18px 48px}.plate{height:62vh}.mapnote{max-width:calc(100% - 20px)}.row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
