@font-face{font-family:DrainageThai;src:url('./vendor/thai.woff2') format('woff2');font-display:swap}
:root{--paper:#f4f2ec;--ink:#252721;--muted:#555950;--line:#bcbfb3;--accent:#f59e0b;font-family:DrainageThai,system-ui,sans-serif;color:var(--ink);background:var(--paper);font-size:16px}
*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1500px;margin:auto;padding:16px 24px}header{display:flex;justify-content:space-between;border-bottom:2px solid var(--ink);align-items:center}h1{font-size:30px;margin:8px 0}h2{font-size:16px;margin:0 0 12px}p{line-height:1.6;margin:8px 0}a{color:inherit;text-underline-offset:4px;overflow-wrap:anywhere}button,input,select{font:inherit;color:inherit;min-height:44px;border:1px solid var(--line);background:var(--paper);border-radius:0;padding:8px}button{cursor:pointer}button:active{transform:scale(.97)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}label{display:block;margin:12px 0 4px}.meta,small{font-size:13px;color:var(--muted)}.notice{border-left:4px solid var(--accent);padding:8px 12px;max-width:100ch}.lede{max-width:85ch}.explorer{display:grid;grid-template-columns:310px minmax(0,1fr);border-top:2px solid var(--ink);margin-top:20px}.controls{padding:0 16px 16px 0;min-width:0}.controls input,.controls select{width:100%}#records{max-height:340px;overflow:auto;margin-top:12px;border-top:1px solid var(--line)}.record{display:block;text-align:left;width:100%;border:0;border-bottom:1px solid var(--line);padding:10px 4px}.record small{display:block}.record[aria-pressed=true]{border-left:4px solid var(--accent);padding-left:10px}#more{width:100%}#status{font-weight:700}#map{height:520px;background:#e2e5dd;z-index:0}#detail{padding:12px 16px;border-left:2px solid var(--ink);min-height:92px}#detail dl{display:grid;grid-template-columns:120px 1fr;gap:4px 12px;margin:8px 0}#detail dd{margin:0;overflow-wrap:anywhere}#detail dt{color:var(--muted)}.tides{display:grid;grid-template-columns:1fr 1.35fr;gap:30px;border-top:2px solid var(--ink);padding:22px 0;margin-top:20px}.tides p{max-width:65ch}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line)}caption{text-align:left;padding:0 8px 10px}.documents{border-top:2px solid var(--ink);padding-top:20px}.documents details{border-bottom:1px solid var(--line);padding:12px 0}.documents summary{cursor:pointer;min-height:44px}.documents p{max-width:100ch}.leaflet-container{font:inherit}.leaflet-bar,.leaflet-popup-content-wrapper{border-radius:0;box-shadow:none}.leaflet-control-attribution{font-size:13px}footer{border-top:2px solid var(--ink);margin-top:20px;font-size:13px}
@media(max-width:800px){header,main,footer{padding:12px}.explorer{grid-template-columns:1fr}.controls{padding:0 0 12px}#records{max-height:190px}#map{height:420px}.tides{grid-template-columns:1fr;gap:18px}#detail dl{grid-template-columns:90px 1fr}}@media(prefers-reduced-motion:reduce){button:active{transform:none}}