/* Small additions for the PHP edition (states that were handled by scripts before). */
#hdr { border-color: transparent; background: #0E0E0E; }
#hdr.home { background: transparent; }
#hdr.is-solid { border-color: rgba(255,255,255,.1); background: rgba(14,14,14,.85); -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); }
.navlink.on { color: #FFF3C4; }
.navlink.on > span { transform: scaleX(1); }
.soc-tab { font-weight: 600; color: #CFC8BE; }
.soc-tab:hover { color: #FAF7F2; }
.soc-tab[aria-selected="true"] { background: #FAF7F2; color: #0E0E0E; font-weight: 700; }
.choice { border: 1px solid rgba(255,255,255,.2); font-weight: 600; color: #CFC8BE; }
.choice:hover { border-color: rgba(255,255,255,.5); }
.choice[aria-pressed="true"] { border-color: var(--accent); background: var(--accent); font-weight: 700; color: #FFF3C4; }
.err:empty { display: none; }
[data-slide] { animation: pop .5s cubic-bezier(.22,1,.36,1); }
.hero-frame { position: absolute; left: 50%; top: 50%; max-width: none; transform: translate(-50%,-50%); border: 0; pointer-events: none; opacity: 0; transition: opacity 1s; }
.hero-frame.ready { opacity: 1; }
.flash { border-radius: 12px; padding: 12px 16px; font-size: 14px; font-weight: 700; }
.flash.ok { background: #E3F1E4; color: #1F5E2A; } .flash.err { background: #FBE3E3; color: #8E1519; }
.adm-tab[aria-selected="true"] { background: #0E0E0E; color: #FAF7F2; }
.adm-nav a[aria-current="page"] { background: #C42126; color: #FFF3C4; font-weight: 700; }