[id] { scroll-margin-top: 150px; }
#registration-dialog { width: min(460px, calc(100% - 32px)); max-height: calc(100dvh - 32px); overflow-y: auto; border: 1px solid var(--st-border); border-radius: 14px; padding: 32px; background: var(--st-surface); color: var(--st-text); box-shadow: var(--st-shadow-lg); }
#registration-dialog::backdrop { background: rgb(10 15 30 / 70%); }
#registration-dialog h2 { padding-right: 24px; font-size: 1.6rem; }
#registration-dialog p { color: var(--st-text-muted); }
.registration-close { position: absolute; top: 10px; right: 12px; border: 0; background: transparent; color: inherit; font-size: 28px; cursor: pointer; }
#registration-form input { margin-bottom: 16px; }
#registration-form .st-btn { width: 100%; margin-top: 8px; }
body.registration-open { overflow: hidden; }
@media (min-width: 901px) { .st-topbar { flex-wrap: wrap; padding-inline: 20px; } .st-primary-nav ul { flex-wrap: wrap; gap: 12px 20px; } .st-primary-nav { flex: 1 1 650px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }