/* The participant journey uses the established slate canvas and quiet typography. */
.participant-footer { position:relative; z-index:1; padding:20px; margin-top:auto; text-align:center; font:13px/1.7 system-ui,sans-serif; border-top:1px solid #334155; background:#0b1220; color:#aebed0; }
.participant-footer a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
.participant-footer p { margin:3px 0; font-size:12px; }
body.od-code { flex-direction:column; padding:0; }
body.od-code #main { width:100%; flex:1; display:grid; place-items:center; padding:32px 20px; position:relative; z-index:1; }
body.od-code .participant-footer { width:100%; }
body.od-identity { background:#0f172a; color:#f1f5f9; min-height:100dvh; display:flex; flex-direction:column; }
.od-identity #main { flex:1; width:100%; padding:40px 20px; position:relative; z-index:1; }
.od-identity .container { max-width:610px; margin:auto; padding:0; }
.od-identity .card { background:#111d34; border:1px solid #334155; box-shadow:0 18px 40px #0003; padding:28px; border-radius:12px; }
.od-identity .scenario-info { background:#0b1220; border:1px solid #334155; padding:16px; border-radius:6px; margin:20px 0; }
.od-identity .scenario-info p,.od-identity .pick-desc { color:#bdcbdc; font-size:14px; line-height:1.5; }
.od-identity .experience-caption { color:#a8c8eb; font-size:13px; margin:8px 0 0; }
.od-identity label,.od-identity .field-note,.od-identity .pick-legend { color:#bdcbdc; }
.od-identity .field input { background:#0b1220; color:#f1f5f9; border:1px solid #52647c; padding:12px; }
.od-identity .btn { background:#e5edf7; color:#0f172a; padding:12px; }
.od-identity .btn:hover { background:white; }
.od-identity .pick-card { background:#111d34; color:#f1f5f9; border:1px solid #52647c; }
.od-identity .pick-card:hover,.od-identity .pick-card.selected { background:#1e314c; border-color:#93c5fd; }
.od-identity .pick-name,.od-identity .pick-desc { display:block; }
.od-identity .checkbox-field label { color:#bdcbdc!important; line-height:1.5; }
.od-identity a { color:#b5d7ff; }
.od-identity .od-brand img { width:150px; height:auto; }