/* A small guide over the actual landing page; the hero and logo remain visible. */
.app-shell .member-plan-backdrop{background:transparent!important;backdrop-filter:none!important;pointer-events:none;align-items:flex-end;justify-content:flex-end;padding:20px;z-index:120}
.app-shell .member-plan-backdrop .modal{pointer-events:auto;width:min(460px,100%);max-height:calc(100dvh - 120px);margin:0;overflow-y:auto;border:1px solid #86bbae!important;border-radius:22px!important;box-shadow:0 12px 44px #193c3024!important;padding:28px;font-family:"Linyu MiSans",system-ui,sans-serif}
.member-plan-backdrop .modal h2{font-size:26px;line-height:1.4;margin:8px 32px 12px 0}
.member-plan-backdrop .modal .subtle{line-height:1.7;color:var(--theme-muted-foreground,#333)}
.member-plan-backdrop .choice-grid{grid-template-columns:1fr;gap:12px}
.member-plan-backdrop .choice{min-height:90px;border:1px solid #86bbae;background:var(--theme-background,#f7f9f3);color:var(--theme-foreground,#193c30);border-radius:13px;padding:18px;text-align:left}
.member-plan-backdrop .choice strong{font-size:20px;display:block;margin-bottom:7px}
.member-plan-backdrop .choice small{font-size:14px;line-height:1.6;display:block}
.member-plan-backdrop .choice:hover,.member-plan-backdrop .choice:focus-visible{border-color:var(--theme-primary,#14b8a6);outline:2px solid var(--theme-primary,#14b8a6);outline-offset:2px}
.member-plan-backdrop .form-grid{gap:14px}
.member-plan-backdrop .field{gap:7px}
.member-plan-backdrop .modal input,.member-plan-backdrop .modal select{min-height:44px}
@media(max-width:600px){.app-shell .member-plan-backdrop{padding:10px}.app-shell .member-plan-backdrop .modal{width:100%;max-height:72dvh;padding:22px;border-radius:20px!important}.member-plan-backdrop .modal h2{font-size:24px}}