:root{
  --paper:#ffffff;
  --ink:#0f172a;
  --muted:#475569;
  --accent:#3b82f6;
  --accent2:#4f46e5;
  --hero:#f1f5ff;
}

body.theme-a0056{
  color:var(--ink);
  background:#f8fafc;
}

#logo img{height:42px;width:auto;display:block}

#page-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:9999;background:transparent}
#page-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent2))}

.hero{
  background:radial-gradient(1200px 600px at 10% 10%, #e0f2fe 0%, transparent 60%),
             radial-gradient(800px 400px at 90% 30%, #ede9fe 0%, transparent 60%),
             var(--hero);
  border:1px solid rgba(15,23,42,.08);
}
.hero-card{background:rgba(255,255,255,.75);border:1px solid rgba(15,23,42,.08)}

.magazine-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap:1rem;
}
@media (min-width: 992px){
  .magazine-grid{grid-template-columns: minmax(0, 1fr) 320px;align-items:start}
}

.paper{
  background:var(--paper);
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 10px 30px rgba(15,23,42,.06);
}

.rail .rail-block{background:#ffffff;border:1px solid rgba(15,23,42,.08)}
.rail a{color:var(--ink);text-decoration:none}
.rail a:hover{text-decoration:underline}

#footer{padding:2rem 0;background:#ffffff;border-top:1px solid rgba(15,23,42,.08)}
#footer .social a{margin-right:.5rem;text-decoration:none}

[x-cloak]{display:none !important}