.mobile-security-page { max-width: 760px; margin: 0 auto; }
.mobile-security-page > .eyebrow { display: block; margin-top: 24px; }
.security-panel { padding: 24px; margin-top: 20px; }
.security-choice { display: flex; align-items: flex-start; gap: 14px; padding: 18px 0; min-height: 48px; cursor: pointer; }
.security-choice input { width: 24px; height: 24px; flex: 0 0 24px; margin-top: 3px; }
.security-choice small { display: block; margin-top: 5px; line-height: 1.5; }
.security-panel details { margin-top: 24px; }
.security-panel summary { cursor: pointer; min-height: 44px; padding: 12px 0; }
.security-panel button, .security-panel .secondary { min-height: 44px; white-space: normal; }
.mobile-access-tip { margin: 0 0 18px; padding: 16px; border: 1px solid #c9dacf; border-radius: 12px; background: #f0f8f3; }
.mobile-security-page [role="status"] { overflow-wrap: anywhere; }
@media (max-width: 480px) { .security-panel { padding: 18px; } .security-panel button { width: 100%; } }