/* Ravornis — serif editorial vibe with centered nav and bordered sections */
:root{--bg:#0e0f12;--paper:#111319;--ink:#e6e7eb;--accent:#f59e0b;--muted:#9aa3b2;--rule:#232634}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font:400 16px/1.8 ui-serif, Georgia, Cambria, "Times New Roman", serif}
a{color:#facc15}
.container{max-width:980px;margin:0 auto;padding:22px}
header{border-bottom:1px solid var(--rule);background:#0d0f14;position:sticky;top:0;z-index:4}
.mast{display:flex;align-items:center;justify-content:center;padding:14px 0}
.nav-toggle{display:none}
.hamburger{display:none;position:absolute;right:22px;top:10px;width:32px;height:26px;cursor:pointer;align-items:center;justify-content:center}
.hamburger span{display:block;width:100%;height:3px;background:var(--ink);border-radius:3px;transition:transform .3s ease,opacity .3s ease}
.logo{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f59e0b,#facc15);box-shadow:0 6px 20px rgba(245,158,11,.3);margin-right:10px}
.brand{display:flex;align-items:center;gap:10px}
.brand h1{margin:0;font:800 22px/1.1 "Georgia",ui-serif;text-transform:uppercase;letter-spacing:.08em}
nav{display:flex;gap:14px;justify-content:center;padding:10px 0;border-top:1px solid var(--rule)}
nav a{padding:8px 10px;border-radius:8px}
nav a.active,nav a:hover{background:#151823}
.lead{display:grid;grid-template-columns:1fr;gap:18px;background:var(--paper);border:1px solid var(--rule);border-radius:12px;padding:18px;margin-top:18px}
.notices{display:flex;gap:8px;flex-wrap:wrap}
.pill{padding:6px 10px;border-radius:999px;border:1px solid var(--rule);background:#0f1220;color:#d7dbe6;font-size:12px}
.frame{width:100%;height:560px;border:1px solid var(--rule);border-radius:12px;background:#0b0e17}
.grid{display:grid;gap:16px;grid-template-columns:1fr 1fr}
.card{background:var(--paper);border:1px solid var(--rule);border-radius:12px;overflow:hidden}
.card h3{margin:0;padding:12px;border-bottom:1px solid var(--rule)}
.card .body{padding:12px}
footer{border-top:1px solid var(--rule);margin-top:24px;padding:16px 0;color:var(--muted)}
.age-modal{position:fixed;inset:0;background:rgba(0,0,0,.7);display:none;align-items:center;justify-content:center}
.age-modal.visible{display:flex}
.age-card{width:min(560px,92vw);background:#0d0f14;border:1px solid var(--rule);border-radius:14px}
.age-card header{padding:16px;border-bottom:1px solid var(--rule)}
.age-card .content{padding:16px}
.actions{display:flex;gap:10px;justify-content:flex-end;padding:0 16px 16px}
@media(max-width:900px){
  .grid{grid-template-columns:1fr}
  .frame{height:520px}
}
@media(max-width:640px){
  .hamburger{display:flex}
  header nav{display:none;flex-direction:column;gap:8px;padding:10px 0}
  header nav a{display:block}
  .nav-toggle:checked ~ .hamburger span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .nav-toggle:checked ~ .hamburger span:nth-child(2){opacity:0}
  .nav-toggle:checked ~ .hamburger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .nav-toggle:checked ~ nav{display:flex}
}