.connect-page{padding:42px 4vw 64px}.connect-intro{text-align:center}.connect-intro p{font-family:var(--serif);font-size:1.4rem;margin:10px 0 28px}.quiz-shell{max-width:680px;margin:auto;background:var(--paper);border:1px solid var(--line);border-radius:30px;padding:34px 40px;box-shadow:var(--shadow)}.quiz-progress{display:flex;justify-content:space-between;gap:20px;font-size:.7rem;font-weight:800;letter-spacing:.1em;color:var(--sage)}.progress-track{height:4px;background:var(--cream);margin:14px 0 20px;border-radius:5px}#progress-fill{height:100%;background:var(--gold);border-radius:5px;transition:width .2s}.preview-note{font-size:.75rem;color:#67564f;margin:0 0 26px;padding:10px 12px;background:#f6eddc;border-radius:10px}#quiz-step h1{font-size:clamp(2.5rem,6vw,3.7rem);line-height:1.02;letter-spacing:-.025em;margin-bottom:20px;outline:none}#quiz-step>p{color:#62524c;margin-bottom:24px}.quiz-field{margin:18px 0}.quiz-field label{display:block;font-size:.85rem;font-weight:700;margin-bottom:8px}.quiz-field input,.quiz-field textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff;color:var(--plum)}.quiz-field textarea{min-height:140px;resize:vertical}.quiz-choice{display:flex;align-items:flex-start;gap:12px;padding:18px;border:1px solid var(--line);border-radius:16px;margin:12px 0;cursor:pointer!important}.quiz-choice:has(input:checked){background:#f8f0d0;border-color:var(--gold)}.quiz-choice input{margin-top:5px;accent-color:var(--plum);width:18px;height:18px;flex-shrink:0}.quiz-choice strong{display:block;color:var(--plum)}.quiz-choice small{display:block;font-size:.87rem;line-height:1.5;margin-top:5px;color:#62524c}.quiz-actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.quiz-actions button:disabled{opacity:.6}#quiz-error{color:#9c3027;font-size:.9rem}.colony-card{border-radius:20px;background:var(--cream-light);border:1px solid var(--line);padding:24px;text-align:center}.colony-card img{width:70px;margin:auto}.colony-card h2{font-size:2.2rem;line-height:1.1;margin:14px 0}.colony-card p{margin-bottom:0}.connect-signoff{text-align:center;font-family:var(--serif);font-size:1.25rem;color:var(--sage);margin-top:28px}.quiz-demo-options{margin-top:22px;font-size:.78rem}.quiz-demo-options button{background:transparent;border:1px solid var(--line);border-radius:12px;padding:8px 12px;color:var(--plum);margin:5px}.quiz-choice-button{display:block;width:100%;margin:12px 0;padding:16px;border-radius:16px;border:1px solid var(--plum);color:var(--plum);background:var(--paper);font-weight:700}.quiz-choice-button.primary{background:var(--plum);color:var(--cream-light)}@media(max-width:640px){.connect-page{padding:28px 4vw 42px}.quiz-shell{padding:24px 20px;border-radius:23px}.connect-intro p{font-size:1.2rem}#quiz-step h1{font-size:2.6rem}.quiz-actions .btn{padding:0 16px}.quiz-choice{padding:15px}.preview-note{font-size:.72rem}}
.connect-page [hidden]{display:none!important}.quiz-actions:has(#quiz-back[hidden]){justify-content:flex-end}

.geo-credit{font-size:.7rem;text-align:center;color:#67564f}.geo-credit a{text-decoration:underline}.colony-picker{margin-top:22px}.colony-picker label{display:block;font-size:.85rem;font-weight:700;margin-bottom:8px}.colony-picker select{width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--plum)}.colony-picker p{font-size:.8rem;color:#67564f}.contact-note{font-size:.8rem;color:#67564f}.quiz-shell input,.quiz-shell textarea,.quiz-shell select{cursor:auto!important}