/* Shared culture-results view (see results-view.js). */
.celebrate{padding:16px 18px;border-radius:16px;background:linear-gradient(125deg,var(--sel),var(--soft));border:1px solid var(--line);margin-bottom:12px}
.celebrate p{margin:0;color:var(--accent);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}
.celebrate h1{margin:2px 0 0;font-size:1.9rem;line-height:1.2}.celebrate h1:focus{outline:none}
.result{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;margin:14px 0}
.result.featured{border:2px solid var(--accent)}
.top{display:flex;align-items:center;gap:12px}
.num{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--ink);color:var(--bg);font-weight:700;flex-shrink:0}
.label{display:block;color:var(--accent2);font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.08em}
.top h2{margin:0;font-size:1.4rem}
.tie{font-size:.75rem;font-weight:600;color:var(--mute);border:1px solid var(--line);border-radius:99px;padding:1px 8px;margin-left:8px;vertical-align:middle}
.why{background:var(--soft);border-radius:12px;padding:12px 14px;font-size:.9rem}
.why div{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.why span{background:var(--card);border:1px solid var(--line);border-radius:99px;padding:3px 10px;font-size:.82rem}
.next-step{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:24px 0 8px;padding:20px 22px;border-radius:16px;background:var(--card);border:2px solid var(--accent2)}
.next-eyebrow{margin:0;color:var(--accent2);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}
.next-step h2{margin:2px 0 4px;font-size:1.3rem}
.next-step p{margin:0}
.next-step .btn{white-space:nowrap}
@media (max-width:600px){.celebrate h1{font-size:1.5rem}.next-step .btn{width:100%;text-align:center}}