@media(max-width:760px){.topbar{height:auto;min-height:116px;padding:12px 16px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions" "search search";gap:10px}
.brand{grid-column:auto}
.header-actions{grid-column:auto;display:flex;align-items:center;gap:5px}
.header-actions select{width:64px;padding:8px 4px;font-size:.74rem}
.topbar #signin{padding:8px 7px;font-size:.72rem;max-width:116px}
.topbar #search{grid-column:auto;grid-row:auto}
.shell{display:block;padding-bottom:64px}
nav{position:fixed;z-index:6;bottom:0;left:0;right:0;height:64px;padding:6px 8px max(6px,env(safe-area-inset-bottom));border:0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
nav button{padding:8px 3px;text-align:center;font-size:.72rem;white-space:nowrap}
nav .privacy-action{display:none}
main{padding:24px 16px 40px}
.page-heading{display:block;padding-bottom:20px}
.page-heading h1{font-size:2rem}
.lede{font-size:.93rem}
.session{margin-top:18px;max-width:none}
.grid{grid-template-columns:1fr;gap:24px}
.empty{min-height:230px;padding:24px}
dialog{padding:14px}
.actions button{flex:1 1 42%}
}
@media(max-width:760px){html[dir="rtl"] .topbar{grid-template-areas:"actions brand" "search search"}}
@media(min-width:761px) and (max-width:1000px){.topbar{grid-template-columns:150px minmax(220px,1fr) 170px;gap:14px}
.shell{grid-template-columns:185px 1fr}
.page-heading{display:block}
.session{margin-top:18px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}
.skeleton{animation:none}
}