.collection-more{margin-top:24px}.collection-grid{margin:32px 0}.comparison-picker{margin:28px 0 12px;max-width:500px}.comparison-note{margin:24px 0}.invite-banner{padding:16px 22px;background:var(--sage);border-radius:16px;margin:15px 0}.traits{margin-top:32px}.card-motto{text-align:center}.benefit-page .detail-card{text-align:left;margin:24px 0}.benefit-page .detail-card h2{font-size:22px;margin-bottom:14px}.stack{display:grid;gap:12px}dialog.dialog-panel{border:0;color:var(--ink);font-family:var(--font-body);line-height:1.7}dialog::backdrop{background:#183d3280}.dialog-panel .button-row{margin-top:22px}.dialog-panel .field{margin-top:20px}.dialog-panel .character-image{width:100%}.option-marker{flex-shrink:0}.question-card .question-hint{margin-top:14px}.question-card .microcopy{margin-top:16px}.trait-track .trait-dot{display:block}.status-message{overflow-wrap:anywhere}

.card-meta{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.result-actions{margin-bottom:28px}
.button-line{background:#06c755;color:#073b20;border-color:#06c755;font-weight:700}.button-line:hover{background:#05b94f;border-color:#05b94f}.button-line svg{flex-shrink:0}.line-share-note{flex-basis:100%;margin:0;max-width:700px}.result-actions .button-line{flex-basis:100%}@media(min-width:701px){.result-actions .button-line{flex-basis:auto}}