:root{
  --card: rgba(255,255,255,.88);
  --line: rgba(2,6,23,.12);
  --shadow: 0 18px 45px rgba(2,6,23,.12);
}

body.theme-b0015{background:linear-gradient(180deg, rgba(56,189,248,.12), rgba(250,204,21,.10));}

#logo img{height:42px; width:auto; display:block;}
#logo a{display:flex; align-items:center; gap:.6rem; text-decoration:none;}
#logo .logo-fallback{display:none; font-weight:800; letter-spacing:.01em;}

.bento{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap:1rem;
}

.cardx{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:18px;
  padding:1rem;
  box-shadow: var(--shadow);
}

.selectnav{display:flex; gap:.75rem; align-items:center; flex-wrap:wrap;}
.selectnav select{min-width:min(360px, 100%);} 

#footer{margin-top:2rem; padding:1.75rem 0; border-top:1px solid var(--line);} 

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

@media (max-width: 980px){
  .bento{grid-template-columns:1fr;}
}