.app-dock{display:none}svg{flex-shrink:0}#portal-material-list a svg,#portal-grants a svg{width:18px;height:18px}
@media(max-width:700px){
 body.app-mobile{padding-bottom:calc(84px + env(safe-area-inset-bottom));background-color:#090909}
 .app-dock:not([hidden]){position:fixed;z-index:70;bottom:0;left:0;right:0;display:flex;align-items:stretch;padding:8px 8px calc(8px + env(safe-area-inset-bottom));gap:4px;background:#101010f5;border-top:1px solid #343434;backdrop-filter:blur(20px)}
 .app-dock>a,.app-dock>button{flex:1;min-width:0;min-height:56px;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:6px 3px;border:0;border-radius:10px;background:transparent;color:#a5a5a5;text-decoration:none;font:600 10px/1.2 Inter,Arial,sans-serif;letter-spacing:0;box-shadow:none}
 .app-dock svg{width:23px;height:23px}.app-dock .active{background:#ff343b1a;color:#ff464d}.app-dock a:active,.app-dock button:active{background:#242424}
 .app-workspace>.admin-nav{display:none!important}.app-workspace>.section-heading{margin-top:12px}
 .app-mobile:has(#portal-workspace:not([hidden])) main>.eyebrow{display:none}
 .app-mobile:has(#portal-workspace:not([hidden])) main>h1{font-size:26px;margin-top:2px;margin-bottom:8px}
 .app-mobile:has(#portal-workspace:not([hidden])) main>.intro{font-size:12px;margin-top:0;margin-bottom:18px}
 .app-mobile #portal-press>.section-heading h2,.app-mobile #portal-materials>h2{font-size:25px}
 .ui-panel .app-primary-action{display:flex;align-items:center;gap:8px;width:100%;margin-top:18px;min-height:48px;background:#ffd52a;border-color:#ffd52a;color:#080808;font-size:13px}
 .app-primary-action svg{width:19px;height:19px}.app-account-identity>.section-heading{align-items:center;margin:16px 0}.app-account-identity h2{font-size:24px}.app-account-identity p{overflow-wrap:anywhere}
 .app-history{margin-top:40px;padding-top:12px;border-top:1px solid #292929;color:#aaa}.app-history summary{font-size:12px}.app-history button{width:100%;margin-top:8px}
 .app-extras h2{margin-top:0}.app-extra-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.app-extra-controls>button,.app-extra-controls>a{margin:0!important;min-width:0;min-height:48px}
 .app-mobile #portal-material-list,.app-mobile #portal-grants{gap:10px}.app-mobile #portal-material-list .show-choice,.app-mobile #portal-grants .show-choice{border-radius:12px;padding:6px;background:#141414}
 .app-mobile .show-details>span{line-height:1.4}.app-mobile #portal-material-list a,.app-mobile #portal-grants a{gap:8px;justify-content:space-between;font-size:11px}
 .app-mobile #portal-material-list .show-details,.app-mobile #portal-grants .show-details{padding:8px}
 .app-mobile #portal-history{margin-top:18px}.app-mobile #portal-history>h2{font-size:23px}
 .app-mobile .site-header .menu-toggle{font-size:12px}
 .app-mobile .site-header .main-nav.open{border-bottom:1px solid #333}
 .app-mobile .seo-header{flex-wrap:wrap;gap:10px;padding:14px 16px}.app-mobile .seo-header nav{font-size:11px;gap:12px;flex-wrap:wrap}
}

@media(max-width:700px) and (prefers-reduced-motion:no-preference){
 .app-dock>a,.app-dock>button{transition:background .18s,color .18s,transform .16s cubic-bezier(.2,.8,.2,1)}
 .app-dock>a:active,.app-dock>button:active{transform:scale(.94)}
 .app-dock svg{transition:transform .22s cubic-bezier(.2,.8,.2,1)}.app-dock .active svg{transform:translateY(-2px)}
 .app-mobile button:not(.app-dock button),.app-mobile .button{transition:background .18s,border-color .18s,transform .16s,box-shadow .18s}
 .app-mobile button:not(:disabled):active,.app-mobile .button:active{transform:scale(.98)}
 .app-mobile .show-choice{transition:border-color .2s,background .2s,box-shadow .2s}
 .app-mobile .show-choice.selected{box-shadow:0 0 0 2px #ffd52a44}
 .app-mobile .status:not(:empty){animation:app-notice .22s ease-out}
 @keyframes app-notice{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
}