.app{flex-direction:column;min-block-size:100dvh;display:flex}.app-header{z-index:20;align-items:center;gap:var(--space-3);min-block-size:calc(var(--header-h) + env(safe-area-inset-top));padding-block-start:env(safe-area-inset-top);padding-inline:max(var(--space-4), env(safe-area-inset-left)) max(var(--space-4), env(safe-area-inset-right));background:var(--topbar-bg);color:#fff;display:flex;position:sticky;inset-block-start:0}.app-header .brand-mark{background-image:url(/brand/mark-dark.png)}.app-header-org{flex:1;min-inline-size:0;display:flex}.org-name{color:#fffc;font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.org-switch{align-items:center;gap:var(--space-2);min-block-size:40px;min-inline-size:0;max-inline-size:100%;padding-inline:var(--space-3);color:#fff;font-family:inherit;font-size:var(--text-sm);cursor:pointer;transition:background-color var(--motion);background:#ffffff1a;border:1px solid #ffffff29;border-radius:999px;font-weight:500;display:inline-flex}.org-switch:hover{background:#ffffff2e}.org-switch-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lang-switch{border-radius:999px;flex:none}.app-header .lang-switch{color:#fff;block-size:40px;inline-size:40px;transition:background-color var(--motion);background:#ffffff1a;border:1px solid #ffffff29;border-radius:999px}.app-header .lang-switch:hover,.app-header .lang-switch[aria-expanded=true]{background:#ffffff2e}.app-header :focus-visible{outline-color:#fff}.app-header .lang-switch:focus:not(:focus-visible){outline:none}@media (min-width:768px){.app-header{gap:var(--space-4);padding-inline-start:0}.app-header>.wordmark{box-sizing:border-box;inline-size:220px;padding-inline:var(--space-4);border-inline-end:1px solid #ffffff24;flex:none;align-self:stretch}}@media (min-width:1024px){.app-header>.wordmark{inline-size:240px}}@media (max-width:479px){.app-header-admin .wordmark{display:none}}.view-as{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-4);background:var(--selected-bg);color:var(--selected-text);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.view-as-text{flex:1;min-inline-size:12ch}.app-body{flex:1;display:flex}.content{min-inline-size:0;padding:var(--space-6) var(--space-4);flex:1;padding-block-end:calc(72px + env(safe-area-inset-bottom))}.sidebar{display:none}.tabbar{z-index:20;background:var(--header-bg);border-block-start:1px solid var(--border);padding-block-end:env(safe-area-inset-bottom);display:flex;position:fixed;inset-block-end:0;inset-inline:0}.tab{min-block-size:56px;color:var(--text-muted);font-size:var(--text-xs);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-weight:500;text-decoration:none;display:flex}.tab.active{color:var(--accent)}@media (min-width:768px){.tabbar{display:none}.sidebar{gap:var(--space-1);inline-size:220px;block-size:calc(100dvh - var(--header-h));padding:var(--space-4) var(--space-3);border-inline-end:1px solid var(--border);flex-direction:column;flex:none;display:flex;position:sticky;inset-block-start:var(--header-h);overflow-y:auto}.nav-link{align-items:center;gap:var(--space-3);min-block-size:44px;padding-inline:var(--space-3);border-radius:var(--radius);color:var(--text);font-size:var(--text-sm);transition:background-color var(--motion);font-weight:500;text-decoration:none;display:flex}.nav-link:hover{background:var(--surface-2)}.nav-link.active{background:var(--selected-bg);color:var(--selected-text)}.content{padding:var(--space-8)}}@media (min-width:1024px){.sidebar{inline-size:240px}}.more-label{align-items:center;gap:var(--space-3);display:inline-flex}.tabbar button.tab{cursor:pointer;background:0 0;border:0;font-family:inherit}.tab span{text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;overflow:hidden}.ptr{inset-block-start:calc(var(--header-h) + env(safe-area-inset-top) - 36px);z-index:15;background:var(--surface);block-size:40px;inline-size:40px;color:var(--accent);pointer-events:none;border-radius:999px;place-items:center;display:grid;position:fixed;left:50%;box-shadow:0 2px 10px #0000002e}
