:root{
  --bg:#0b0b0b;
  --panel:#0f1720;
  --muted:#9aa0a6;
  --accent:#0E4282;
  --text:#e9eef6;
  --border:#1b2430;
  --maxw:1100px;
  --radius:8px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif;
  background:linear-gradient(180deg,#06070a 0%, #0b0b0b 100%);
  color:var(--text);
}

#container{
  max-width:var(--maxw);
  margin:1.25rem auto;
  padding:1rem;
  border:1px solid var(--border);
  background:linear-gradient(180deg, rgba(255,255,255,0.01), rgba(0,0,0,0.02));
  border-radius:6px;
}

/* Header */
#masthead{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}
#logo{height:56px;width:auto;display:block}
#mainnav{margin-left:auto;display:flex;gap:0.5rem;flex-wrap:wrap}
#mainnav a{color:var(--muted);text-decoration:none;padding:0.35rem 0.6rem;border-radius:6px;font-size:0.95rem;border:1px solid transparent}
#mainnav a:hover{background:rgba(14,66,130,0.12);color:var(--accent);border-color:rgba(14,66,130,0.18)}
#mainnav a.active{background:rgba(14,66,130,0.14);color:var(--accent);border-color:rgba(14,66,130,0.22)}

/* Content */
.lede{color:var(--muted);max-width:70ch}
.muted{color:var(--muted)}
hr{border:0;border-top:1px solid var(--border);margin:1rem 0}

/* Layout */
.split{display:flex;gap:1rem;align-items:flex-start}
.panel{flex:1;background:linear-gradient(180deg,#0e1620,#0b1116);padding:1rem;border-radius:6px;border:1px solid var(--border)}
.narrow{flex:0 0 260px}

/* Map and sheet */
.mapwrap{height:300px;border-radius:6px;overflow:hidden;border:1px solid var(--border);margin-bottom:0.75rem}
.mapwrap iframe{width:100%;height:100%;display:block;border:0}
.sheetwrap{height:260px;border-radius:6px;overflow:hidden;border:1px solid var(--border)}
.sheetwrap iframe{width:100%;height:100%;border:0}

/* Thumbs & gallery */
.thumb{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.6rem}
.thumb img{width:100%;height:110px;object-fit:cover;border-radius:4px;border:1px solid var(--border)}
.artcard{background:linear-gradient(180deg,#0b1116,#07090c);padding:0.6rem;border-radius:6px;border:1px solid var(--border);margin-bottom:1rem}
.artcard img{width:100%;height:320px;object-fit:cover;border-radius:4px;border:1px solid var(--border)}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1rem}

/* Links and CTAs */
a{color:var(--accent)}
a:hover{color:#6fb0ff}
.meta{color:var(--muted);font-size:.9rem;margin-top:.4rem}

/* Footer */
#sitefoot{margin-top:1.25rem;text-align:center;color:var(--muted);font-size:0.9rem}

/* Responsive */
@media (max-width:880px){
  .split{flex-direction:column}
  .narrow{flex:1}
  .sheetwrap{height:220px}
  .mapwrap{height:220px}
}