/* Contextual welcome: ordinary page flow, no backdrop, scroll lock or sticky footer. */
#alMemberArea #alOnboardingOverlay.al-welcome {
  position: static; display: block; width: 100%; max-width: 760px;
  margin: var(--al-space-24, 24px) auto; padding: clamp(16px, 4vw, 32px);
  box-sizing: border-box; color: var(--al-color-text-ink, #14231c);
  background: var(--al-color-surface-card, #fff);
  border: 1px solid var(--al-color-border-default, #d5e2da);
  border-radius: var(--al-radius-panel, 12px);
  overflow-wrap: anywhere;
}
.al-welcome h1 { font-size: clamp(1.6rem, 5vw, 2rem); line-height: 1.25; margin: 0 0 12px; }
.al-welcome__choices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 24px 0; }
#alMemberArea #alOnboardingOverlay .al-welcome__choice {
  display: flex !important; flex-direction: column; align-items: flex-start !important; gap: 4px !important;
  min-height: 64px !important; height: auto !important; width: 100% !important; padding: 12px 14px !important; text-align: left; white-space: normal !important;
  border: 1px solid var(--al-color-border-strong, #aebeb3); border-radius: var(--al-radius-control, 6px);
  background: var(--al-color-surface-raised, #fbfdfb); color: var(--al-color-text-ink, #14231c);
  box-shadow: none !important; font-size: .9rem !important; line-height: 1.4 !important;
}
.al-welcome__choice span { color: var(--al-color-text-muted, #52645b); font-weight: 400; }
.al-welcome button:focus-visible { outline: 3px solid var(--al-color-border-focus, #416a78); outline-offset: 3px; }
.al-welcome__status:empty { display: none; }
#alMemberArea #alOnboardingOverlay.al-welcome .al-btn { min-height: 44px !important; height: auto !important; white-space: normal !important; }
#alOnboardingOverlay [hidden] { display:none !important; }
.al-welcome__actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:24px; }
.al-welcome__step { color:var(--al-color-text-muted,#52645b); font-size:.75rem; margin:0 0 10px; }
.al-personalization fieldset { border:0; padding:0; margin:20px 0; min-width:0; }
.al-personalization legend { font-size:1rem; font-weight:600; margin-bottom:12px; }
.al-personalization fieldset p { margin:0 0 12px; font-size:.875rem; color:var(--al-color-text-muted,#52645b); }
.al-personalization__journeys,.al-personalization__interests { display:grid; gap:10px; }
.al-personalization__interests { display:flex; flex-wrap:wrap; gap:8px; }
.al-personalization label { display:flex; align-items:center; gap:10px; min-height:44px; padding:10px 12px; border:1px solid var(--al-color-border-default,#d5e2da); border-radius:6px; box-sizing:border-box; cursor:pointer; font-size:.9rem; line-height:1.45; }
.al-personalization label:has(input:checked) { background:var(--al-color-surface-subtle,#edf5f0); border-color:var(--al-color-accent-primary,#2c6b4a); }
.al-personalization input { flex:0 0 auto; width:18px; height:18px; margin:0; accent-color:#2c6b4a; }
.al-personalization input:focus-visible { outline:2px solid #416a78; outline-offset:3px; }
.al-personalization__interests label { border-radius:24px; padding:8px 12px; gap:7px; font-size:.8rem; }
.al-personalization label:has(input:focus-visible) { outline:2px solid #416a78; outline-offset:3px; }
.al-personalization label:has(input:disabled) { opacity:.6; cursor:not-allowed; }
.al-personalization__privacy { font-size:.8rem; line-height:1.55; color:var(--al-color-text-muted,#52645b); }
[data-personalization-controls] { border:0; padding:0; margin:0; min-width:0; }
#alMemberArea #alDash[hidden] { display: none !important; }
@media (hover: hover) { #alOnboardingOverlay .al-welcome__choice:hover { background: var(--al-color-surface-subtle, #edf5f0); } }
@media (max-width: 540px) {
  .al-welcome__choices { grid-template-columns:minmax(0,1fr); gap:8px; margin:18px 0; }
  #alMemberArea #alOnboardingOverlay.al-welcome { margin:8px auto; padding:16px; }
  #alOnboardingOverlay .al-welcome__choice span { font-size:.8rem; }
}
