:root{--bg:#f7f9fb;--fg:#15202b;--muted:#5b6b7a;--card:#fff;--line:#dfe6ec;--accent:#0b7285;--accent-fg:#fff}
@media (prefers-color-scheme:dark){:root{--bg:#0f1720;--fg:#e6edf3;--muted:#98a6b3;--card:#16212c;--line:#2a3a48;--accent:#3bc9db;--accent-fg:#06262c}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
a{color:var(--accent)}main{max-width:1000px;margin:0 auto;padding:24px 16px}
header.site{border-bottom:1px solid var(--line);background:var(--card)}header.site .in{max-width:1000px;margin:0 auto;padding:12px 16px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
header.site a.brand{font-weight:700;text-decoration:none;color:var(--fg);font-size:1.15rem}
form.search{display:flex;gap:8px;flex:1;min-width:240px}form.search input{flex:1;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg);font-size:1rem}
.btn{display:inline-block;padding:10px 14px;border-radius:8px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-fg);text-decoration:none;font-weight:600;cursor:pointer;font-size:1rem}
.btn.ghost{background:transparent;color:var(--accent)}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}
.card h3{margin:0 0 4px}.muted{color:var(--muted)}small.muted{font-size:.85rem}
h1{margin:0 0 4px;font-size:1.8rem}h2{margin:32px 0 12px;font-size:1.3rem;border-bottom:1px solid var(--line);padding-bottom:6px}
.maps{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.map img{width:100%;height:auto;border-radius:8px;border:1px solid var(--line);background:#fff}
.map iframe,.map object{width:100%;height:520px;border:1px solid var(--line);border-radius:8px;background:#fff}
ul.amen{list-style:none;padding:0;margin:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
ul.amen li{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.tag{display:inline-block;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:1px 8px;margin-right:6px}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}
.attrib{font-size:.85rem;color:var(--muted);border-top:1px solid var(--line);margin-top:40px;padding-top:12px}
pre.compare{white-space:pre-wrap;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;font:inherit}
.logo{margin:8px 0 16px}.logo img{max-width:320px;width:60%;height:auto;max-height:110px;object-fit:contain;object-position:left}
@media (prefers-color-scheme:dark){.logo{background:#fff;display:inline-block;padding:10px 14px;border-radius:10px}}
.match{margin-top:10px;font-size:.9rem;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:8px;padding:6px 10px}