.topbar { height: auto; min-height: 72px; padding-top: 10px; padding-bottom: 10px; gap: 12px 24px; flex-wrap: wrap; }
.topbar .brand { white-space: nowrap; }
.topbar nav { flex-wrap: wrap; min-width: 0; }
.topbar nav a { white-space: nowrap; }
.topbar .account-details { margin-left: auto; }
#navigation-form #id_shown { display: grid; grid-template-columns: repeat(auto-fit,minmax(190px,1fr)); gap: 10px; margin: 22px 0; }
#navigation-form #id_shown label { display: flex; align-items: center; gap: 9px; padding: 12px; border: 1px solid var(--line); border-radius: 9px; }
#navigation-form #id_shown input { width: 18px; height: 18px; margin: 0; }
.latex-upload-form .field { margin-bottom: 18px; }
.latex-upload-form .field.checkbox { margin-bottom: 9px; }
@media(max-width:850px) { .topbar nav { flex-wrap: wrap; gap: 2px; } .topbar nav a { padding: 7px 9px; } .shell { padding-bottom: 150px; } }