/* ui2-slice-746.css: the 7.46 slice of UI-2 (font A, logo block, one-line app footer). Load AFTER theme.css, pages.css, wide.css and site-design.css. Namespaced w2- so nothing existing is overridden except the font token. */
:root { --w2-font: "Plex", system-ui, "Segoe UI", sans-serif; }
html body, html body button, html body input, html body select, html body textarea { font-family: var(--w2-font); }

/* logo block (sidebar header, every app page): 32 px mark + wordmark; on phones only the 28 px mark in the top bar */
.w2-brand { display: flex; align-items: center; gap: 10px; padding: 4px 8px 16px; color: var(--w-text, #e8ecf1); text-decoration: none; }
.w2-brand:hover { text-decoration: none; }
.w2-brand .mk { width: 32px; height: 32px; border-radius: 8px; background: #0f131b; position: relative; flex: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }
.w2-brand .mk b { position: absolute; left: 5px; top: 2px; color: #fff; font: 800 21px/28px var(--w2-font); letter-spacing: -.04em; }
.w2-brand .mk i { position: absolute; left: 21px; top: 21px; width: 7px; height: 3px; background: #c98a1f; }
.w2-brand .wm { font: 600 24px/1 var(--w2-font); letter-spacing: .01em; } .w2-brand .wm span { color: var(--w-accent, #e8b24a); }
.w2-topmark { display: none; }
@media (max-width: 800px) { .w2-topmark { display: flex; align-items: center; margin-right: 8px; padding: 0; } html body .top2 .w2-topmark { flex: none; white-space: nowrap; color: var(--w-text, #0b1019); } html body .top2 .w2-topmark .wm { font-size: 21px; color: var(--w-text, #0b1019); } }
/* 11 Oct 2026: the phone top bar after the W_ mark was removed: wordmark | search | Log in | Sign up | menu fit in 390 px; the colour theme button leaves the bar (it stays in the page settings), the search box takes what is left and shows a magnifier instead of the clipped placeholder */
@media (max-width: 480px) { html body .top2 .thtog { display: none; } html body .top2 #gsbar { flex: 1 1 0; min-width: 0; margin: 0 8px; } html body .top2 #gsbar .gsbar { min-width: 0; margin: 0; width: 100%; } html body .top2 #gsbar input { min-width: 0; width: 100%; padding-left: 8px; padding-right: 8px; } html body .top2 #gsbar .gssign { display: flex; align-items: center; justify-content: center; font-size: 0; min-width: 0; width: 100%; height: 36px; margin: 0; padding: 0; } html body .top2 #gsbar .gssign svg { display: block; width: 20px; height: 20px; flex: none; } }

/* one-line app footer (pages with the left menu); the full footer stays on public pages */
.w2-foot { margin-top: 32px; padding: 14px 32px; border-top: 1px solid var(--w-line, #232d3a); color: var(--w-muted, #7d8998); font-size: 13px; display: flex; gap: 8px 16px; flex-wrap: wrap; }
.w2-foot a { color: var(--w-text2, #aab4c2); }
@media (max-width: 800px) { .w2-foot { padding: 14px 16px; } }