:root{--navy:#1B2F5A;--gold:#B8975A}
*{box-sizing:border-box}html,body{margin:0;height:100%;font:14px/1.4 system-ui,Segoe UI,Arial,sans-serif}
#side{position:absolute;left:0;top:0;bottom:0;width:300px;background:var(--navy);color:#fff;padding:14px;overflow:auto;z-index:1000}
#map{position:absolute;left:300px;right:0;top:0;bottom:0}
.brand{font-size:20px;font-weight:700;color:var(--gold)}.brand span{color:#fff;font-weight:400}
.langs{margin:8px 0}.langs button{background:transparent;color:#fff;border:1px solid var(--gold);padding:3px 9px;cursor:pointer;border-radius:3px}
.langs button.on{background:var(--gold);color:var(--navy);font-weight:700}
h3{color:var(--gold);font-size:13px;text-transform:uppercase;letter-spacing:.05em;margin:14px 0 6px;border-bottom:1px solid rgba(184,151,90,.4)}
label{display:block;margin:4px 0;cursor:pointer}input[type=checkbox],input[type=radio]{accent-color:var(--gold)}
abbr{border-bottom:1px dotted var(--gold);color:var(--gold);text-decoration:none;cursor:help;font-size:12px}
.srch{position:relative}#q{width:100%;padding:7px;border:1px solid var(--gold);border-radius:4px}
#sugg{position:absolute;left:0;right:0;background:#fff;color:#222;list-style:none;margin:0;padding:0;z-index:5}
#sugg li{padding:6px;cursor:pointer;border-bottom:1px solid #eee}#sugg li:hover{background:#f4efe5}
.box{background:rgba(255,255,255,.08);padding:7px;border-radius:4px;font-size:13px;margin-top:4px}
.leg{font-size:11px;margin-top:5px}.leg i{display:inline-block;width:9px;height:9px;border-radius:50%;margin:0 2px 0 6px}
.disc{background:var(--gold);color:var(--navy);padding:7px;border-radius:4px;font-weight:600;font-size:12px;margin-top:14px}
.src{font-size:11px;opacity:.8}.links a{color:var(--gold);font-size:12px}
#card{position:absolute;right:12px;top:12px;width:320px;background:#fff;border-top:4px solid var(--gold);box-shadow:0 2px 12px rgba(0,0,0,.25);padding:12px;z-index:1000;border-radius:4px;max-height:80vh;overflow:auto}
#card h4{margin:0 0 6px;color:var(--navy)}#card .x{float:right;cursor:pointer;border:0;background:none;font-size:18px}
#card table{width:100%;border-collapse:collapse}#card td{padding:3px 0;border-bottom:1px solid #eee;vertical-align:top}#card td:first-child{color:#666;width:40%}
#card a.sv{display:inline-block;margin-top:8px;background:var(--navy);color:#fff;padding:5px 10px;border-radius:3px;text-decoration:none}
#card .d{font-size:11px;color:#7a6a45;margin-top:6px}.hidden{display:none}
@media(max-width:700px){#side{width:100%;bottom:auto;max-height:45vh}#map{left:0;top:45vh}#card{width:auto;left:8px;right:8px;top:auto;bottom:8px}}
.back-tr{display:inline-block;margin:0 0 8px;padding:4px 10px;border:1px solid var(--gold);border-radius:14px;color:var(--gold);font-size:12px;text-decoration:none}.back-tr:hover,.back-tr:focus-visible{background:var(--gold);color:#1B2F5A;outline:none}.back-tr span{color:inherit;opacity:.8}