/* Customer-facing layout only. No payment or state authorization. */
.field-help,.service-description,.guide-list small{font-size:13px;line-height:1.65}
.security-banner p{font-size:12px;line-height:1.65}
.sensitive-login-note{margin:10px 0 14px;padding:10px 12px;background:#f5f7fc;border-radius:9px;color:#4e607c;font-size:13px;line-height:1.65}
.service-status{background:#f4f6fb;color:#536277}
.service-status .pulse{background:#7d89a0;animation:none}
.progress-track.waiting-animation #resultProgress{width:35%!important;animation:customer-wait 1.8s ease-in-out infinite;transform-origin:left}
@keyframes customer-wait{0%{transform:translateX(-105%)}100%{transform:translateX(390%)}}
@media(prefers-reduced-motion:reduce){.progress-track.waiting-animation #resultProgress{animation:none;transform:none;width:100%!important;opacity:.35}}
#cardMoreServices{margin:0 24px 12px;border:1px solid #dce3f0;border-radius:12px;background:#fbfcff}
#cardMoreServices>summary{padding:12px 14px;cursor:pointer;font-size:14px;color:#465c83;font-weight:600}
#cardMoreServices #cardToolNav{margin:0;padding:0 12px 12px}
#cardCompleteSensitive{margin-top:16px;border-top:1px solid #e1e7f1;padding-top:12px}
#cardCompleteSensitive>summary{font-size:13px;color:#586b89;cursor:pointer}
#cardCompleteSensitive dl{margin-top:12px}
.customer-support-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 0}
.customer-support-actions button{font:inherit;font-size:14px}
.customer-copy-note{font-size:13px;line-height:1.6;color:#586b89;overflow-wrap:anywhere}
[aria-invalid=true]{border-color:#d95565!important;box-shadow:0 0 0 2px #d955651c}
.result-state h3:focus,#progressResumeTitle:focus{outline:2px solid #8d79de;outline-offset:6px}
.result-state h3:focus:not(:focus-visible),#progressResumeTitle:focus:not(:focus-visible){outline:none}
body{padding-bottom:58px}
@media(max-width:600px){
 .site-header{padding:10px 14px}
 .service-select-head{margin-top:14px;margin-bottom:10px;gap:8px}
 .select-heading-copy h1{font-size:18px}
 .select-heading-copy p{font-size:12px}
 .channel-availability{font-size:11px}
 .product-switcher.inventory-integrated{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px}
 .product-switcher.inventory-integrated .product-card{min-height:0;padding:12px 8px;border-radius:14px;align-items:flex-start}
 .product-switcher .product-main{gap:4px;min-height:38px}
 .product-switcher .product-icon{display:none}
 .product-switcher .product-copy strong{font-size:13px;line-height:1.4;overflow-wrap:anywhere}
 .product-switcher .product-copy small{font-size:10px;line-height:1.4}
 .product-switcher .product-choice{width:13px;height:13px;flex-shrink:0}
 .product-switcher .hy-stock-list{display:none}
 .product-switcher .product-card.active .hy-stock-list{display:grid;grid-template-columns:1fr;gap:3px;margin-top:8px;width:100%}
 .product-switcher .hy-stock-line{padding:3px 4px;min-height:0;flex-direction:row;gap:4px;flex-wrap:wrap;justify-content:space-between}
 .product-switcher .hy-stock-line b,.product-switcher .hy-stock-line [data-stock-state]{font-size:10px;line-height:1.4}
 .flow-head{padding:18px 16px 12px}
 .flow-head h2{font-size:19px;line-height:1.45}
 .form-area{padding:16px}
 #cardMoreServices{margin:0 16px 8px}
 #cardMoreServices>summary{padding:10px 12px;font-size:13px}
 #cardMoreServices #cardToolNav{grid-template-columns:repeat(2,minmax(0,1fr))}
 .form-message,.field-help{font-size:13px}
 .account-textarea{font-size:14px;min-height:110px}
 .primary-action{min-height:46px;font-size:15px}
 .workspace{gap:14px}
 .service-panel{padding:18px 16px}
 .guide-list{gap:12px}
 .security-banner{margin-top:18px;padding:16px}
 #progressResumePanel{margin-top:16px;padding:20px 16px}
 .customer-support-actions button{width:100%}
}