:root{color-scheme:light;--ink:#18302e;--paper:#f5f2e9;--accent:#d56828}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Georgia,serif}header{height:86px;padding:15px 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink)}h1{font-size:28px;font-weight:normal;margin:5px 0 0}.eyebrow,#status,button,#position{font-family:ui-monospace,monospace}.eyebrow{font-size:10px;letter-spacing:1.7px}#status{font-size:12px;padding:9px 12px;border:1px solid var(--ink);max-width:48%}#status[data-state=error]{color:#9b2a1a}#map{position:absolute;top:86px;bottom:0;width:100%}aside{position:absolute;left:20px;top:108px;width:250px;padding:18px;background:var(--paper);border:1px solid var(--ink);box-shadow:4px 4px 0 #18302e24}aside strong{font-size:19px;font-weight:normal}nav{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}button{padding:9px 6px;border:1px solid #18302e55;background:transparent;color:var(--ink);cursor:pointer}button:hover{background:var(--ink);color:var(--paper)}button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}p{font-size:13px;line-height:1.5;margin:14px 0 0}.note{border-top:1px solid #18302e33;padding-top:12px;color:#576b66}#position{font-size:11px}noscript{position:absolute;top:100px;right:30px}@media(max-width:600px){header{padding:12px 14px;height:86px}h1{font-size:24px}.eyebrow{font-size:8px;letter-spacing:.7px}#status{font-size:10px;padding:7px;max-width:43%}aside{top:auto;bottom:35px;left:12px;width:225px;padding:12px}nav{grid-template-columns:repeat(3,1fr)}.note{font-size:11px}}

label[for=dataset]{display:block;font-size:12px;margin-top:12px}#dataset{margin-top:5px;width:100%;padding:7px;background:var(--paper);border:1px solid var(--ink);color:var(--ink);font-family:ui-monospace,monospace;font-size:11px}