/* Final responsive layer shared by home, community and administration.
   Keep the approved colours/artwork; size controls for fingers and narrow Fold screens. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.pp-nav-compact{display:none!important}
body :is(main,section,article,aside,form,dialog){box-sizing:border-box}
body :is(input,textarea,select){max-width:100%;box-sizing:border-box}
body :is(.pp-showcase-content,.pp-shared-middle,.pp-social-main,.pp-shared-content){min-width:0}
@media(display-mode:standalone){
 body .pp-ref-install,body [data-pp-install],#ppa-install-card{display:none!important}
}
@media(max-width:900px){
 html body[class]:is(.portal,.pp-shared-shell)>.pp-ref-primary .pp-nav-full{display:none!important}
 html body[class]:is(.portal,.pp-shared-shell)>.pp-ref-primary .pp-nav-compact{display:block!important}
 html body[class]:is(.portal,.pp-shared-shell) .pp-ref-upper{height:auto!important;min-height:58px!important;flex-wrap:wrap!important;gap:8px!important;padding:7px!important}
 html body[class]:is(.portal,.pp-shared-shell) .pp-ref-upper .pp-ref-brand{flex:1 1 auto!important;min-width:0!important}
 html body[class]:is(.portal,.pp-shared-shell) .pp-ref-upper #pp-session-controls{display:flex!important;flex-wrap:wrap!important;gap:6px!important;max-width:100%!important;margin-left:auto!important}
 html body[class]:is(.portal,.pp-shared-shell) #pp-session-controls :is(a,button){min-height:44px!important;font-size:12px!important;padding:10px!important;white-space:normal!important}
 html body[class]:is(.portal,.pp-shared-shell) .pp-ref-install{min-height:44px!important;font-size:12px!important}
 html body[class]:is(.portal,.pp-shared-shell)>.pp-ref-primary{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;padding:4px!important;max-width:100%!important}
 html body[class]:is(.portal,.pp-shared-shell)>.pp-ref-primary a{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:5px!important;min-height:60px!important;min-width:0!important;max-width:100%!important;padding:5px 0!important;font:650 11px/1.25 system-ui,sans-serif!important;white-space:normal!important;text-align:center!important}
 html body[class]:is(.portal,.pp-shared-shell)>.pp-ref-primary a span{max-width:100%;overflow-wrap:anywhere;hyphens:auto;text-wrap:balance}
 html body[class]:is(.portal,.pp-shared-shell)>.pp-ref-primary .pp-ref-icon{width:20px!important;height:20px!important;flex:none!important}
 html body[class]:is(.portal,.pp-shared-shell) .pp-ref-langs button{min-width:36px!important;min-height:44px!important;font-size:13px!important}
 html body[class]:is(.portal,.pp-shared-shell) .pp-ref-hero-tools{flex-wrap:wrap!important;gap:10px!important}
 html body[class]:is(.portal,.pp-shared-shell) .pp-ref-search input{font-size:16px!important}
 html body[class]:is(.portal,.pp-shared-shell) .pp-ref-search>button{width:44px!important;height:44px!important;flex:0 0 44px!important}
 html body[class]:is(.portal,.pp-shared-shell) .pp-ref-search{height:auto!important;min-height:54px!important;box-sizing:border-box!important;max-width:100%!important}
 html body #ppVerifiedOffers .pp-more-offers-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body #ppVerifiedOffers .pp-more-offer-card strong{font-size:14px!important;line-height:1.4!important}
 html body #ppVerifiedOffers .pp-more-offer-card em{font-size:12px!important}
 html body #ppVerifiedOffers .pp-more-head{flex-wrap:wrap;min-width:0}
 html body #ppVerifiedOffers .pp-more-head>a{white-space:normal;min-height:44px;box-sizing:border-box}
 html body .pp-create-modal{max-height:calc(100dvh - 16px);overflow-y:auto}
 html body .pp-ref-drawer{padding-bottom:max(24px,env(safe-area-inset-bottom))}
}
@media(max-width:380px){
 html body #ppVerifiedOffers .pp-more-offers-grid{grid-template-columns:minmax(0,1fr)!important}
 html body #ppVerifiedOffers .pp-more-offer-card img{height:170px!important;object-fit:contain;background:#e4edf3}
 html body[class]:is(.portal,.pp-shared-shell) .pp-ref-upper .pp-ref-small-flag{display:none!important}
 html body[class]:is(.portal,.pp-shared-shell) .pp-ref-upper .pp-ref-brand strong{font-size:13px!important}
 html body[class]:is(.portal,.pp-shared-shell) .pp-ref-hero-copy h1{font-size:clamp(26px,8.5vw,34px)!important;white-space:normal!important}
 html body[class]:is(.portal,.pp-shared-shell) .pp-ref-hero-copy p{white-space:normal!important;font-size:11px!important;line-height:1.5!important}
}