/* Compact gaps on mobile; retain 48px inputs, readable type and consent controls. */
@media(max-width:760px){
 .secondary-interface main :is(.form-sheet,.auth-card) .field{margin-top:12px;margin-bottom:0}
 .secondary-interface main :is(.form-sheet,.auth-card) .form-row{row-gap:0}
 .secondary-interface main :is(.form-sheet,.auth-card) .form-row>.field{margin-top:12px}
 .secondary-interface main :is(.form-sheet,.auth-card) .field label{margin-bottom:6px}
 .secondary-interface main :is(.form-sheet,.auth-card) .field small{margin-top:6px}
 .secondary-interface main .form-sheet .form-section{padding-block:14px;margin:0}
 .secondary-interface main .form-sheet .form-section:first-of-type{padding-top:0}
 .secondary-interface main .form-sheet .form-section+.form-section{margin-top:14px;padding-top:16px}
 .secondary-interface main .form-sheet .form-section h2{margin-bottom:8px}
 .secondary-interface main .form-sheet .form-actions{padding-top:16px}
}

/* Bring the new request fields closer to the account navigation, mobile only. */
@media(max-width:760px){
 .secondary-interface main .page-wrap:has(.new-request-form){padding-top:12px}
 .secondary-interface main .page-wrap:has(.new-request-form)>.breadcrumb{margin-bottom:10px}
 .secondary-interface main .page-wrap:has(.new-request-form)>.page-heading{margin-bottom:12px}
 .secondary-interface main .page-wrap:has(.new-request-form)>.page-heading>.eyebrow{margin-bottom:6px}
 .secondary-interface main .page-wrap:has(.new-request-form)>.page-heading>h1{margin-bottom:8px}
 .secondary-interface main .page-wrap:has(.new-request-form)>.page-heading>p:not(.eyebrow){margin-top:0;margin-bottom:0}
}

/* Compact the introductions to registration and account overview on mobile. */
@media(max-width:760px){
 .secondary-interface main .page-wrap:has(.registration-layout),.secondary-interface main .page-wrap:has(>.portal-header){padding-top:12px}
 .secondary-interface main .page-wrap:has(.registration-layout)>.breadcrumb{margin-bottom:10px}
 .secondary-interface main .page-wrap:has(.registration-layout)>.eyebrow{margin-bottom:6px}
 .secondary-interface main .page-wrap:has(.registration-layout)>.page-heading{margin-bottom:12px}
 .secondary-interface main .page-wrap:has(.registration-layout)>.page-heading h1{margin-bottom:8px}
 .secondary-interface main .page-wrap:has(.registration-layout)>.page-heading p{margin-block:0}
 .secondary-interface main .page-wrap:has(>.portal-header)>.eyebrow{margin-bottom:6px}
 .secondary-interface main .page-wrap>.portal-header{gap:12px;margin-bottom:16px}
 .secondary-interface main .portal-header>.page-heading{margin-bottom:0}
 .secondary-interface main .portal-header>.page-heading h1{margin-bottom:8px}
 .secondary-interface main .portal-header>.page-heading p{margin-block:0}
 .secondary-interface main .page-wrap:has(>.portal-header)>.inline-note{margin-block:12px}
 .secondary-interface main .page-wrap:has(>.portal-header)>.request-list{margin-top:16px}
}