*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:#F3F6FB;color:#0B1F3A;font:15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.vh{max-width:1180px;margin:0 auto;padding:14px 14px 24px}.vel,.big{color:#D22B2B;font-weight:800}.big{text-transform:uppercase}
.vhh{display:flex;align-items:center;gap:10px;margin:4px 0 4px}.vda{width:64px;height:38px}.vdt{font:800 22px/1.1 system-ui,-apple-system,Arial,sans-serif}.vds{font:700 10px system-ui,Arial;letter-spacing:1.6px;text-transform:uppercase;color:#5a6a8a}
h2{font:800 1.05rem system-ui,Arial;margin:18px 0 8px}.meta{color:#5a6a8a;font-size:13px;margin:4px 0}
.gg{display:grid;grid-template-columns:1fr 1fr;gap:10px}.g{background:#fff;border:1px solid #dfe5f0;border-radius:14px;padding:10px 10px 8px;min-height:132px;display:flex;flex-direction:column}
.g h3{font:700 12px system-ui,Arial;letter-spacing:.4px;margin:0 0 4px;color:#33466e}.g .gv{font:800 1.5rem/1.1 system-ui,Arial;margin:6px 0 2px}.g .gs{font-size:12px;color:#5a6a8a}
.g svg.gsvg{width:100%;max-width:200px;height:auto;display:block;margin:0 auto}.g.wide{grid-column:1/-1}.sbx{display:inline-block;background:#FFE9A8;color:#5a4300;font:800 10px system-ui,Arial;letter-spacing:1px;padding:2px 6px;border-radius:6px;margin-left:4px;vertical-align:middle}
.nod{color:#5a6a8a;font-size:13px;margin:auto 0}.alert{color:#A51C1C}
.tg{display:grid;grid-template-columns:1fr 1fr;gap:10px}.t{display:block;background:#fff;border:1px solid #dfe5f0;border-radius:14px;padding:12px;color:inherit;text-decoration:none;min-height:120px}
.t:active,.t:hover{border-color:#0B1F3A}.t h3{font:800 14px system-ui,Arial;margin:0 0 6px;display:flex;justify-content:space-between;gap:6px}.t h3:after{content:"›";color:#D22B2B;font-size:18px;line-height:1}
.t .n{display:flex;justify-content:space-between;gap:6px;font-size:13px;margin:2px 0}.t .n b{font-weight:800}.spk{width:100%;height:28px;display:block;margin-top:6px}
.dg{display:grid;grid-template-columns:1fr;gap:10px}.d{background:#fff;border:1px solid #dfe5f0;border-radius:14px;padding:12px}.d h3{font:800 14px system-ui,Arial;margin:0 0 8px}
.fr{display:grid;grid-template-columns:80px 1fr auto;gap:8px;align-items:center;font-size:13px;margin:4px 0}.fb{background:#eef2f8;border-radius:6px;height:12px;overflow:hidden}.fb i{display:block;height:100%;background:#D22B2B}
.d ul{margin:0;padding-left:18px}.d li{margin:3px 0}.d a{color:#0B1F3A}.btn{font:700 13px system-ui,Arial;border:1px solid #0B1F3A;background:#fff;color:#0B1F3A;border-radius:8px;padding:6px 10px;min-height:36px;cursor:pointer}
@media(min-width:700px){.gg{grid-template-columns:repeat(4,1fr)}.tg{grid-template-columns:repeat(4,1fr)}.dg{grid-template-columns:1fr 1fr}.vh{padding:20px 24px 32px}}
@media(prefers-reduced-motion:no-preference){.needle{transition:transform .6s}}
#vdinstall{position:fixed;left:8px;right:8px;bottom:calc(68px + env(safe-area-inset-bottom));z-index:950;background:#0B1F3A;color:#EEF2FA;border-radius:12px;padding:10px 40px 10px 12px;font-size:14px}#vdinstall .x{position:absolute;right:6px;top:4px;background:none;border:0;color:#fff;font-size:22px}#vdinstall .btn{background:#D22B2B;color:#fff;border:0}@media(min-width:900px){#vdinstall{left:236px;bottom:12px}}

/* THE DASH logo v1 header (Oct 21 2026): files in /q/brand/ */
.vhh{background:#0B1F3A;color:#fff;border-radius:12px;padding:10px 14px}.vhh .vel,.vhh .big{color:#ff4d4d}.vhh .vds{color:#B9C7E4}
.vdh .vdlogo,.vhh .vdlogo{width:240px;height:auto;max-width:100%;flex:0 0 auto;display:block}.vdh .vdtx,.vhh .vdtx{min-width:0}
@media(max-width:560px){.vdh,.vhh{flex-direction:column;align-items:flex-start;gap:4px}}

/* UX pass Oct 23 2026 (Sloane design system v1.0): Home Dash keeps the welcome header but capped at 120px; brand type + tokens */
body.vd{background:var(--vd-bg);color:var(--vd-text);font:var(--vd-fw-reg) var(--vd-fs-body)/var(--vd-lh-body) var(--vd-font-body)}
.vh{max-width:var(--vd-content-max);padding:var(--vd-sp-6) var(--vd-page-pad) var(--vd-sp-16)}
.vhh{max-height:120px;overflow:hidden;border-radius:var(--vd-radius-lg);padding:var(--vd-sp-3) var(--vd-sp-4);gap:var(--vd-sp-4)}
.vhh .vdlogo{width:auto;height:88px;aspect-ratio:560/160}
.vdt{font:var(--vd-fw-black) var(--vd-fs-display)/var(--vd-lh-display) var(--vd-font-head)}.vds{font-family:var(--vd-font-head)}
h2{font:var(--vd-fw-bold) var(--vd-fs-h2)/var(--vd-lh-h2) var(--vd-font-head);margin:var(--vd-sp-6) 0 var(--vd-sp-3)}
.g,.t,.d{border-color:var(--vd-border);border-radius:var(--vd-radius-lg);box-shadow:var(--vd-shadow-1)}
.g h3,.t h3,.d h3{font-family:var(--vd-font-head)}.g .gv{font:var(--vd-fw-black) var(--vd-fs-kpi)/var(--vd-lh-kpi) var(--vd-font-head);font-variant-numeric:tabular-nums}
.gg,.tg{gap:var(--vd-sp-4)}
@media(max-width:767px){.vhh{max-height:none}.vhh .vdlogo{height:56px}.vdt{font-size:var(--vd-fs-h1);line-height:var(--vd-lh-h1)}}