.realms-app .page-wrap.realm-directory-home { max-width:none; padding:0; }
.realms-app .dir-home { min-height:calc(100svh - 130px); padding:48px 24px; }
.realms-app .dir-home-hero-actions { display:flex; justify-content:center; gap:14px; flex-wrap:wrap; margin-top:32px; text-shadow:none; }
.realms-app .dir-home-hero-actions .btn { min-width:190px; padding:12px 20px; }
.realms-app .dir-home-note { max-width:700px; margin:20px auto 0; color:rgba(255,255,255,.78); font-size:.875rem; text-shadow:0 2px 8px #000; }
@media (max-width:600px) {
    .realms-app .dir-home-hero-actions { align-items:stretch; flex-direction:column; }
    .realms-app .dir-home-hero-actions .btn { width:100%; }
}