.name-page { flex: 1; width: min(760px, calc(100% - 2rem)); margin: clamp(1.5rem, 5vh, 3.5rem) auto; padding: clamp(2rem, 5vw, 3.5rem) 1.2rem; text-align: center; display: flex; flex-direction: column; align-items: center; border: 3px solid var(--line); border-radius: 28px; background: var(--surface); box-shadow: 7px 7px 0 var(--line); }
.name-page .vote-actions, .name-page .result-panel { margin-top: .5rem; }
.name-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: .7rem; margin-top: 1.2rem; }
@media (max-width: 450px) { .name-actions { align-items: stretch; flex-direction: column; width: 100%; } }
@media (max-width: 450px) { .name-page { padding-inline: .8rem; } }