@media(max-width:850px){
 body.soa-tabbed{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
 body.soa-tabbed main{padding-bottom:24px}
 body.soa-tabbed main>section.panel.soa-tab-hidden{display:none!important}
 #soa-mobile-summary{background:rgba(22,33,41,.88);color:#e4d0a1;font:600 12px/1.5 system-ui;text-align:center;border:1px solid #9b7b48;border-radius:10px;padding:9px 6px;margin:8px 5px 12px;position:sticky;top:env(safe-area-inset-top,0px);z-index:15;backdrop-filter:blur(12px)}
 #soa-mobile-nav{position:fixed;z-index:999;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:8px 7px calc(8px + env(safe-area-inset-bottom,0px));background:rgba(24,30,35,.97);border-top:1px solid #9c845b;box-shadow:0 -6px 20px #0003;backdrop-filter:blur(12px)}
 #soa-mobile-nav button{font:600 11px system-ui;color:#e5d8b7;white-space:normal;overflow-wrap:anywhere;text-align:center;border:1px solid transparent;border-radius:8px;background:transparent;min-height:45px;margin:0;padding:6px 1px}
 #soa-mobile-nav button.active{background:#6e5534;border-color:#e0c68b;color:#fff5da}
 body.soa-tabbed main>section.panel{margin-block:10px;padding:14px}
 body.soa-tabbed main>section.panel h2{font-size:clamp(20px,5vw,26px)}
}
@media(min-width:851px){#soa-mobile-nav,#soa-mobile-summary{display:none!important}}