body{isolation:isolate}
#pageBackground{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none}
body.hasPageBackground::before{content:'';position:fixed;inset:0;background:linear-gradient(120deg,#06131de8,#071924bd);z-index:-1;pointer-events:none}
.hasPageBackground .siteHeader{background:#09151ed9}
#pageLinksSection{margin:12px 0 32px}
#pageLinks{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.pageSocialLink{display:flex;flex-direction:column;gap:6px;background:#102631e8;border:1px solid #ffffff35;border-radius:14px;padding:18px;text-decoration:none;overflow-wrap:anywhere}
.pageSocialLink:hover{border-color:var(--accent);background:#1a3542}
.pageSocialLink small{color:#b7ced5;font-size:12px}
#settingsForm fieldset{border:1px solid #54707b;border-radius:12px;padding:15px;min-width:0}
#pageLinksEditor{display:flex;flex-direction:column;gap:14px;margin:14px 0}
.pageLinkEditorRow{display:grid;grid-template-columns:1fr 1.5fr auto;align-items:end;gap:12px;padding-bottom:14px;border-bottom:1px solid #ffffff20}
.pageLinkEditorRow button{font-size:12px;padding:12px 8px}
@media(max-width:650px){.pageLinkEditorRow{grid-template-columns:1fr}.pageLinkEditorRow button{justify-self:start}}