:root { color-scheme: light; }
    body { line-height: 1.6; background-color: rgb(255,215,0,0.5);}
    a { text-decoration: none; }
    .maxw { max-width: 980px; }
    .muted { color: rgba(0,0,0,.65); }
    .hairline { border-top: 1px solid rgba(0,0,0,.12); }
    .pill { display:inline-block; border:1px solid rgba(0,0,0,.15); background-color:rgba(0,0,0,.01); border-radius:999px; padding:.25rem .6rem; font-size:.875rem; }
    .badge { display:inline-block; border:1px solid rgba(0,0,0,.15); border-radius:999px; padding:.25rem .6rem; font-size:.875rem; background-color:rgba(0, 0, 0, 0.5);}
    .marker { width:56px; height:56px; object-fit:contain; opacity:.95; }
    .marker-section { width: 22px; height: 22px; }
    .marker-sm { width: 32px; height: 32px; }
    .marker-md { width: 40px; height: 40px; }
    .marker-lg { width: 72px; height: 72px; }
    .card-lite { border:3px solid rgba(0,0,0,.12); border-radius:16px; }
    .card-lite:hover { border:3px solid rgba(12, 209, 22, 0.356); border-radius:16px; }



.top-header {
    color: rgba(184,134,11);
    background-color: rgb(255,215,0,0.5);
    border-bottom:10px solid rgba(255,215,0,0.5);
    padding:10px;
}




/* Floating menu trigger */
#magic_menu {
  position: fixed;
  top: 16px;
  right: 16px;
  z-index: 1050; /* above content, below modal */
}

#magic_menu .btn {
  border-radius: 999px;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}