/* src/aa5obs/static/style.css */
:root { --bg:#0e1418; --panel:#131c22; --border:#243038; --fg:#cdd6dc; --dim:#7d8a92; --accent:#3fae7a; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--fg);
  font-family:'SF Mono',Menlo,Consolas,monospace; font-size:14px; line-height:1.55; }
main { max-width:980px; margin:0 auto; padding:24px 20px 60px; }
a { color:var(--accent); text-decoration:none; } a:hover { text-decoration:underline; }
.site-head { display:flex; justify-content:space-between; align-items:center;
  padding:14px 20px; border-bottom:1px solid var(--border); }
.brand { font-weight:700; letter-spacing:.12em; }
.site-head nav { color:var(--dim); font-size:12px; }
.site-foot { max-width:980px; margin:0 auto; padding:24px 20px; color:var(--dim);
  font-size:11px; border-top:1px solid var(--border); }
.kick { font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:var(--accent); margin:0; }
h1 { font-size:24px; color:#eaf2f6; font-weight:600; margin:6px 0; }
.tagline { color:var(--dim); font-size:12px; }
.search { width:100%; padding:13px 14px; margin-top:10px; background:var(--panel);
  border:1px solid var(--accent); border-radius:6px; color:var(--fg); font:inherit; }
.facets { display:flex; gap:8px; flex-wrap:wrap; margin:14px 0; }
.facet { background:var(--panel); border:1px solid var(--border); border-radius:20px;
  padding:4px 11px; font-size:12px; } .facet b { color:var(--accent); }
.label { font-size:10px; letter-spacing:.15em; text-transform:uppercase; color:var(--dim); margin:18px 0 6px; }
table { width:100%; border-collapse:collapse; font-size:12px; }
th { text-align:left; color:var(--dim); font-size:10px; letter-spacing:.1em; text-transform:uppercase;
  border-bottom:1px solid var(--border); padding:6px; }
td { padding:6px; border-bottom:1px dotted #1d262c; } .tl { font-weight:700; }
.crumb { font-size:10px; letter-spacing:.15em; text-transform:uppercase; color:var(--dim); }
.tail { font-size:30px; font-weight:700; color:var(--accent); letter-spacing:.04em; margin:6px 0 0; }
.nick { color:var(--fg); font-size:16px; }
.dossier { display:grid; grid-template-columns:1.1fr 1fr; gap:24px; margin-top:14px; }
@media (max-width:640px){ .dossier{ grid-template-columns:1fr; } }
.row { display:flex; justify-content:space-between; padding:3px 0; border-bottom:1px dotted #1d262c; }
.row span:first-child { color:var(--dim); }
.status { border:1px solid var(--border); border-left:3px solid #4a5862; background:var(--panel);
  padding:10px 12px; border-radius:4px; color:var(--dim); }
.status.live { border-left-color:var(--accent); }
.sister { display:inline-block; background:var(--panel); border:1px solid var(--border);
  border-radius:4px; padding:4px 9px; margin:3px 4px 0 0; }
.featured { border:1px solid var(--border); border-left:3px solid var(--accent);
  background:var(--panel); padding:12px 14px; border-radius:4px; margin:12px 0; }
#map { height:360px; border:1px solid var(--border); border-radius:6px; margin-top:8px; }