.orientation-intro{padding:40px 0 19px;max-width:770px}
.orientation-intro h1{font-size:clamp(34px,5vw,56px);letter-spacing:-.05em;margin:13px 0}
.orientation-intro p{font-size:15px}
.orientation-panel,.orientation-result,.orientation-bypass{border:1px solid #435677;background:#14223b;border-radius:20px;margin:18px 0;padding:23px 26px}
.orientation-panel h2,.orientation-result h2{margin:7px 0 24px}
.orientation-panel fieldset{border:0;padding:0;margin:0 0 23px;min-width:0}
.orientation-panel legend{font-weight:800;font-size:14px;color:#f2f4ff;margin-bottom:12px}
.orientation-choices{display:flex;flex-wrap:wrap;gap:9px}
.orientation-choices label{display:flex;gap:9px;align-items:center;border:1px solid #506484;background:#1b2e4b;border-radius:11px;padding:12px 14px;font-size:13px;cursor:pointer}
.orientation-choices label:has(input:checked){border-color:#c8bcff;background:#324267;color:#fff}
.orientation-choices input{accent-color:#c8bcff;width:16px;height:16px;flex-shrink:0}
.orientation-pace{margin:0 0 21px}.orientation-pace label{display:block;font-weight:800;font-size:14px;margin-bottom:10px}
.orientation-pace select{background:#1b2e4b;border:1px solid #667798;color:#faf9ff;border-radius:10px;padding:12px;font:inherit;max-width:100%}
.orientation-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.orientation-buttons button{border-radius:10px;border:1px solid #667798;padding:12px 16px;font-weight:800;cursor:pointer;font-size:12px;background:#263957;color:#f4f5ff}
.orientation-buttons #show-orientation{background:#c8bcff;color:#101b34;border-color:#c8bcff}
.orientation-privacy{font-size:12px;line-height:1.65;color:#bbc8dd}
.orientation-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.orientation-options article{background:#1e3150;border:1px solid #4d6384;border-radius:15px;padding:20px}
.orientation-options article h3{margin:12px 0 8px}
.orientation-options article p{font-size:13px}
.orientation-link{display:inline-block;padding:11px 14px;background:#c8bcff;border-radius:9px;color:#14203b;font-weight:850;font-size:13px}
.orientation-link.muted{background:#334665;color:#f0eaff}
.orientation-bypass-links{display:flex;gap:12px;flex-wrap:wrap}
.orientation-bypass-links a{font-size:13px;font-weight:800;color:#d6c9ff}
.orientation-bypass h2{font-size:21px}
.orientation-result[hidden]{display:none}
@media(max-width:700px){.orientation-intro{padding:19px 0 12px}.orientation-panel,.orientation-result,.orientation-bypass{padding:19px}.orientation-choices{display:grid;grid-template-columns:1fr}.orientation-options{grid-template-columns:1fr}.orientation-buttons button{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}