/* Touch-friendly public registration, login and personal-center pages. */
.member-columns>*,.member-side>*,.member-content,.form-grid>*,.section-head>*{min-width:0}
.member-content .section-head{gap:12px;flex-wrap:wrap}
#profileForm .birth-date-field{margin-bottom:18px}
@media(max-width:800px){
 input:not([type=checkbox]),select,textarea,button,.button{max-width:100%}
 .section-head{flex-wrap:wrap;gap:12px}.section-head h2{margin-bottom:0}
 .member-content .panel{padding:20px}.member-details p{font-size:14px}
 .member-welcome>div{min-width:0}.member-welcome h1{overflow-wrap:anywhere}
 .file-row>a{min-width:0}.file-row{flex-wrap:wrap}
}
@media(max-width:600px){
 input:not([type=checkbox]),select,textarea{font-size:16px;min-height:44px;min-width:0}
 button,.button,.brand-button,.photo-action,.photo-upload-button{min-height:44px}
 .narrow{padding-inline:16px}.panel{padding:18px}.form-grid{gap:4px 16px}
 .form-grid label,.form-grid .birth-date-field{font-size:14px;line-height:1.6}
 .member-main{padding-inline:16px}.member-content .panel{padding:18px}.member-welcome{gap:12px}
 .member-content .section-head h2{font-size:18px}.member-content .journey li{font-size:12px;line-height:1.5;min-width:0}
 .file-upload input{width:100%;max-width:100%}.file-row button{min-height:44px}
 .sms-code-row{gap:8px}.sms-code-row button{font-size:14px;padding-inline:10px}
 .password-row{gap:8px}.password-row button{min-width:64px}
 .photo-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,145px),1fr))}
 .photo-gallery-heading{gap:8px;flex-wrap:wrap}.photo-viewer-bar{gap:8px;flex-wrap:wrap}.photo-viewer-bar strong{overflow-wrap:anywhere;min-width:0}
 .site-header .login-link{min-height:44px;display:inline-flex;align-items:center}
 .site-header .brand-logo{min-width:0}
}