/* Integrate the mobile header into the page while preserving support and back navigation. */
@media(max-width:760px){
 .topbar{background:var(--paper);border-bottom:0;box-shadow:none}
 .topbar .mobile-route-title{display:none!important}
 body[data-page=overview] .heading{margin-top:2px}
 .transfer-card{padding:20px 18px}
 .transfer-card h2{font-size:20px;margin:2px 0 10px}
 .transfer-card form>label:not(.transfer-confirm){margin:16px 0 6px}
 .transfer-balance{margin:8px 0 16px}
 .transfer-target{padding:10px 0 12px}
 .transfer-scope{margin-top:18px}
 .transfer-card form>.btn{margin-top:18px}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 :is(.home-account,.home-products,.activity-item,.install-card,.products-category summary){transition:background-color .2s ease,border-color .2s ease,transform .2s ease}
 :is(.home-account,.home-products,.activity-item,.install-card):hover{transform:translateY(-2px)}
}
@media(prefers-reduced-motion:no-preference){
 :is(.mobile-tabs button,.top-actions button,.transfer-card .btn,.home-account,.home-products):active{transition:transform .12s ease;transform:scale(.97)}
}
@media(prefers-reduced-motion:reduce){
 :is(.home-account,.home-products,.activity-item,.install-card,.products-category summary){transition:none}
}