/* Shared mobile finishing layer. Desktop layout is intentionally unchanged. */
@media(max-width:760px){
 html{-webkit-text-size-adjust:100%;scroll-padding-top:138px}
 body{font-size:15px;line-height:1.7}
 main{padding:22px 16px 96px}
 main,main section,main article,main aside,main form,main figure,main div{min-width:0}
 main h1{font-size:30px;line-height:1.3;letter-spacing:-.7px;margin:12px 0 16px}
 main h2{line-height:1.45}main h3{line-height:1.45}
 p,li{overflow-wrap:break-word}main a,code,pre{overflow-wrap:anywhere}
 .bar{padding:10px 16px 6px;row-gap:5px}.brand{font-size:23px}.brand img{width:34px;height:34px}
 .bar>nav{gap:10px;min-height:44px;scrollbar-width:none}.bar>nav::-webkit-scrollbar{display:none}
 .bar>nav a{font-size:12px!important;min-height:44px;border-bottom:2px solid transparent}
 .bar>nav a.active{border-bottom-color:#d3b47d}
 .lang{min-height:40px}
 .section-head{gap:12px;flex-wrap:wrap;margin-bottom:18px}.section-head>div{min-width:0}.section-head>a{min-height:36px;display:inline-flex;align-items:center;padding-top:0}
 .page-heading{padding:8px 0 20px}.page-heading>p{font-size:15px;line-height:1.8}
 .tool-heading,.newsroom-heading{margin:16px 0 20px}.tool-heading h1,.newsroom-heading h1{font-size:30px}
 .tool-heading p{font-size:15px}.tool-back{margin-top:0;min-height:36px;display:inline-flex;align-items:center}
 .portal-hero h1{font-size:31px}.portal-hero{gap:20px}.hero-subtitle{font-size:22px}
 .article{margin:20px auto;padding:20px 18px}.article h2{font-size:21px}.article p{line-height:1.85}
 .article ul,.article ol,.longread ul,.longread ol{padding-left:22px}
 .article figure{max-width:100%;margin:22px 0}.article figure img{display:block;width:100%;height:auto}
 .longread{gap:18px}.longread>div{padding:20px 18px}.longread h1{font-size:28px}.longread p{line-height:1.85}
 .reading-aside{padding:18px}.related-links{gap:6px}.related-links a{line-height:1.6}
 .polished-course{padding:20px 16px}.polished-course p{font-size:16px}.polished-course section{margin-top:25px;padding-top:22px}
 .course-explainer{margin:22px 0}.course-reading-controls{gap:10px}.course-reading-controls>*{flex:1 1 130px;min-height:44px}
 .source-box,.polished-course .source-box{padding:16px}.source-box li{overflow-wrap:anywhere}
 .table-wrap{max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}table{font-size:13px}td,th{padding:11px 12px}
 .rebind-panel{padding:18px 16px}.rebind-columns,.bn-routes{grid-template-columns:minmax(0,1fr);gap:16px}
 .rebind-title{gap:12px;flex-wrap:wrap}.rebind-title h2{font-size:21px}.conditions{padding:16px;overflow-wrap:anywhere}
 .account-tabs{flex-wrap:wrap;gap:8px}.account-tabs a{flex:1 1 110px;min-height:44px;text-align:center;padding:10px}
 .ref-code{padding:14px;gap:10px;flex-wrap:wrap}.ref-code strong{letter-spacing:1px;font-size:24px}.ref-code button{min-height:44px}
 .rebind-panel .primary,.rebind-panel .secondary{display:flex;align-items:center;justify-content:center;width:100%;margin:10px 0;min-height:44px;text-align:center;white-space:normal}
 .rebate-entry-grid{gap:10px;margin:20px 0}.rebate-entry-grid .content-card{padding:15px 16px;gap:5px}.rebate-entry-grid h2{font-size:19px;margin:0}.rebate-entry-grid p{font-size:13px;margin:0}.rebate-entry-grid .go{padding-top:2px}
 .rebate-service-layout{gap:18px}.service-problems{padding:18px}.service-consent input{flex:none;width:18px;height:18px}
 #rebateServiceForm button[type=submit]{width:100%;min-height:48px}#rebateServiceForm input,#rebateServiceForm select{min-height:46px}
 .tool-input-panel,.tool-result-panel{padding:20px 16px}.tool-workspace{gap:16px;margin:22px 0}.panda-tool-form{gap:14px}.panda-tool-form .secondary{margin-left:0;min-height:44px}.tool-result-jump{min-height:40px;display:inline-flex;align-items:center}
 .tool-explainer{gap:20px}.tool-next{padding:20px 16px}.tool-next .secondary{display:flex;justify-content:center;align-items:center;min-height:44px;margin:8px 0}
 .tool-guide-card{gap:12px;padding:16px}.tool-guide-card>div{min-width:0}.tool-guide-mark{width:38px;height:38px;font-size:13px}
 .newsroom-browse{gap:10px}.newsroom-browse input{min-width:0;width:100%;flex-basis:100%}.newsroom-filter button,.filter-bar button{min-height:44px}
 .newsroom-stamp{gap:7px}.newsroom-stamp span{padding:5px 8px;font-size:11px}.newsroom-feature{gap:16px;margin:22px 0 28px}
 .newsroom-article{margin:16px auto;padding:20px 16px}.newsroom-article h1{font-size:28px}.newsroom-article figure{margin:22px 0}
 .newsroom-method{padding:18px;font-size:13px}.newsroom-related a{min-height:44px}
 .install-direct-dialog{width:calc(100% - 24px);max-width:550px;padding:18px 16px;max-height:calc(100dvh - 32px);overscroll-behavior:contain;overflow-x:hidden}
 .install-head{gap:10px;align-items:center}.install-head h2{font-size:20px}.install-head button{min-width:44px;min-height:44px;flex:none;line-height:1}
 .install-direct-dialog .primary,.install-direct-dialog .secondary{min-height:46px;display:flex;align-items:center;justify-content:center;line-height:1.6;padding:11px 12px}
 .android-install-help details{padding:0}.android-install-help summary{min-height:48px}.contact-direct-row{gap:10px}.contact-direct-row>*{max-width:100%}
 body:has(dialog[open]) .floating-contact{display:none}
 .offer-card .quick-code button,.exchange-list .card .quick-code button{min-height:44px}
 .download-actions button{min-height:44px}.offer-card .download-actions button,.exchange-list .download-actions button{line-height:1.4}
 .floating-contact{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));min-height:44px;font-size:12px;box-shadow:0 3px 12px #0c254522}
 footer{padding:22px 16px calc(28px + env(safe-area-inset-bottom));line-height:1.8}.footlinks a{min-height:40px;display:inline-flex;align-items:center}
 @media(hover:none){.card:hover,.tool-hub-card:hover,.newsroom-card:hover,.newsroom-lead:hover,.newsroom-small:hover{transform:none}}
}
@media(max-width:360px){
 html{scroll-padding-top:180px}.bar>nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 8px;overflow:visible}.bar>nav a{justify-content:center;font-size:12px!important}
 .section-head h2{font-size:20px}.section-head{gap:6px}.portal-hero h1{font-size:29px}
 .offer-grid,.exchange-list .grid{grid-template-columns:minmax(0,1fr)}.offer-top{flex-direction:row;align-items:center}.offer-card .quick-code button,.exchange-list .card .quick-code button{width:auto!important;margin-top:0!important}.offer-card .quick-code,.exchange-list .card .quick-code{justify-content:space-between}
 .newsroom-small{grid-template-columns:76px minmax(0,1fr);gap:10px;padding:12px}.newsroom-small img{width:76px;height:76px}.newsroom-small h3{font-size:15px}
 .apps-grid{grid-template-columns:1fr}.ref-code{gap:8px}.tool-result-row{gap:10px}.tool-result-row>strong{font-size:16px}
}
@media(min-width:761px) and (max-width:1000px){
 .bar{flex-wrap:wrap;gap:8px 20px;padding:12px 24px 6px}.bar>.lang{margin-left:auto}.bar>nav{order:3;flex-basis:100%;width:100%;justify-content:space-between;gap:14px}.bar>nav a{min-height:44px;font-size:13px}
 html{scroll-padding-top:140px}.rebind-columns,.bn-routes{grid-template-columns:minmax(0,1fr);gap:20px}.rebind-columns>*,.bn-routes>*{min-width:0}.conditions{overflow-wrap:anywhere}.tool-result-panel{top:140px}
}
