/* Blog Scan v5: shared visual language with the public v4 landing page. */
:root{--brand:#29553a;--brand-hover:#203f2d;--brand-soft:#e8efdc;--canvas:#f5f6f1;--surface:#fdfefb;--surface-muted:#eef1e7;--surface-hover:#e9efdf;--line:#dce3d3;--line-subtle:#e6ebdf;--ink:#19271f;--ink-2:#64715e;--ink-3:#728166;--focus:#6f9650;--accent-lime:#d0f582;--nav-mark-bg:#19271f;--nav-mark-ink:#d0f582;--button-bg:#19271f;--button-ink:#fff;--r-sm:7px;--r-md:14px;--r-lg:18px;--ui-shadow:0 18px 48px -24px #2a482d33;color-scheme:light}
:root[data-theme=dark]{--brand:#b5dd87;--brand-hover:#d0f582;--brand-soft:#2b3f27;--canvas:#121c16;--surface:#1a271e;--surface-muted:#213023;--surface-hover:#2c3d2b;--line:#374735;--line-subtle:#2c3b2b;--ink:#edf3e7;--ink-2:#b2bfa8;--ink-3:#a5b49a;--focus:#c4e99a;--accent-lime:#d0f582;--nav-mark-bg:#d0f582;--nav-mark-ink:#19271f;--button-bg:#d0f582;--button-ink:#19271f;--ui-shadow:0 18px 48px -24px #0008;color-scheme:dark}
html body.product{background:var(--canvas);color:var(--ink)}body.product .layout{display:block}body.product .main{max-width:1400px;margin:auto;padding:48px clamp(24px,4vw,58px) 24px}body.product .sidebar.lab-sidebar{position:sticky;top:0;z-index:90;display:flex;flex-direction:row;align-items:center;gap:32px;width:100%;height:90px;min-height:0;padding:0 max(32px,calc((100vw - 1280px)/2));overflow:visible;background:var(--canvas);color:var(--ink);border:0;border-bottom:1px solid var(--line);box-shadow:none}body.product .lab-brand{min-width:190px;width:auto;display:inline-flex;align-items:center;gap:10px;padding:0;margin:0;color:var(--ink);line-height:1.2}body.product .brand-name{font-size:24px;font-weight:780;letter-spacing:-1.25px;color:var(--ink)}body.product .brand-name small{display:none}body.product .lab-brand-mark{display:grid;place-items:center;width:34px;height:34px;min-width:34px;flex-shrink:0;border-radius:10px;background:var(--nav-mark-bg);color:var(--nav-mark-ink);box-shadow:none}body.product .lab-brand-mark svg{width:27px;height:27px;max-width:100%;display:block}body.product .lab-nav{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:8px;flex:1;padding:0;margin:0;max-height:none;overflow:visible}body.product .lab-nav-group,body.product .lab-nav-group:hover,body.product .lab-nav-group:focus-within,body.product.nav-enhanced .lab-nav-group{height:auto;width:auto;min-width:0;margin:0;padding:0;position:relative;border:0;background:none}body.product .nav-trigger,body.product .lab-nav-group>h2{display:inline-flex;align-items:center;justify-content:center;gap:14px;width:auto;height:42px;min-height:42px;padding:0 21px;margin:0;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:100px;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;line-height:1.4;letter-spacing:-.02em}body.product .nav-trigger:after,body.product .lab-nav-group>h2:after{content:'⌄';margin:0;color:var(--ink-3);font-size:13px;line-height:1;transform:translateY(-2px);transition:transform .18s}body.product .nav-trigger:hover,body.product .nav-trigger[aria-expanded=true]{background:var(--surface-hover);border-color:#9fb78a;color:var(--ink)}body.product .lab-nav-group.has-current>.nav-trigger,body.product .lab-nav-group.has-current>h2{background:var(--nav-mark-bg);border-color:var(--nav-mark-bg);color:var(--nav-mark-ink)}body.product .lab-nav-group.has-current>.nav-trigger:after{color:var(--nav-mark-ink)}body.product .nav-trigger[aria-expanded=true]:after{transform:translateY(1px) rotate(180deg)}body.product .lab-nav-group:has(:focus-visible){outline:0}body.product .nav-trigger:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
body.product .nav-group-panel{display:none;position:absolute;top:calc(100% + 12px);left:0;width:274px;min-width:240px;max-height:calc(100dvh - 125px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--ui-shadow);padding:8px;z-index:95}body.product .lab-nav-group.is-open>.nav-group-panel{display:block}body.product .lab-nav-group:last-of-type>.nav-group-panel{left:auto;right:0}body.product.nav-enhanced .lab-nav-group .nav-group-panel :is(.lab-nav-row,.lab-nav-item){width:100%;position:static;background:transparent;color:var(--ink-2);border:0;box-shadow:none;margin:0;height:auto;min-height:44px}body.product.nav-enhanced .lab-nav-group .nav-group-panel .lab-nav-row{display:flex;align-items:center;border-radius:8px;overflow:hidden}body.product.nav-enhanced .lab-nav-group .nav-group-panel .lab-nav-item{padding:11px 13px;border-radius:8px;font-size:13px;line-height:22px;gap:10px;white-space:normal}body.product.nav-enhanced .lab-nav-group .nav-group-panel .lab-nav-row.is-active,body.product.nav-enhanced .lab-nav-group .nav-group-panel a.lab-nav-item.is-active,body.product.nav-enhanced .lab-nav-group .nav-group-panel .lab-nav-row:has(a[aria-current=page]){background:var(--brand-soft)!important;color:var(--brand)}body.product.nav-enhanced .lab-nav-group .nav-group-panel .is-active>.lab-nav-item{font-weight:650;color:var(--brand)}body.product.nav-enhanced .lab-nav-group .nav-group-panel .lab-nav-item:hover{background:var(--surface-hover)!important;color:var(--ink)}body.product .lab-bulk{align-self:center;flex-shrink:0;margin:0 8px 0 0;padding:3px 6px;border:1px solid var(--line);border-radius:5px;font-size:10px;line-height:18px;color:var(--brand);background:var(--surface)}body.product .lab-logout,body.product .lab-nav>.lab-logout{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-width:90px;min-height:42px;height:42px;margin:0 0 0 18px!important;padding:0 8px!important;border:0;border-radius:7px;background:none;color:var(--ink-2);font-size:12px;font-weight:500;white-space:nowrap;line-height:1.4}body.product .lab-logout:hover{background:var(--surface-hover);color:var(--ink)}body.product .lab-logout .ui-icon{width:16px;height:16px;flex-basis:16px}body.product .workspace-sidebar-note{display:none}body.product .lab-menu-toggle{display:none;position:static;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);box-shadow:none}
body.product .workspace-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:0 0 32px;padding:0 0 28px;border:0;border-bottom:1px solid var(--line);background:none}body.product .workspace-eyebrow{font-size:10px;letter-spacing:.06em;font-weight:500;color:var(--ink-3);gap:10px;margin:0 0 16px}body.product .workspace-heading h1{font-size:38px;line-height:1.3;font-weight:650;letter-spacing:-.055em;color:var(--ink);margin:0}body.product .workspace-heading .sub{font-size:14px;line-height:1.8;margin:12px 0 0;color:var(--ink-2)}body.product .workspace-utilities{gap:12px;padding-top:8px;align-items:center}body.product .ui-icon-button{background:var(--surface);border:1px solid var(--line);color:var(--ink-2);border-radius:10px;min-width:40px;width:40px;min-height:40px}body.product .ui-icon-button:hover{background:var(--surface-hover)}body.product .workspace-account{font-size:12px;padding-left:14px;border-left:1px solid var(--line);color:var(--ink-2);max-width:240px}body.product .workspace-account>.ui-icon{width:17px;height:17px;flex-basis:17px}body.product :is(.panel,.kw-card,.mi-card,.pd-card,.dash-panel,.lab-panel,.tile,.up-card){border-color:var(--line);background:var(--surface);border-radius:14px;box-shadow:none;color:var(--ink)}body.product :is(.control,input:not([type=checkbox]):not([type=radio]),select,textarea){border-color:var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}body.product :is(.control,input,select,textarea):focus-visible{outline:2px solid var(--focus);outline-offset:2px}body.product :is(.btn,.lab-primary,.kw-primary,.mi-primary,.pd-primary){background:var(--button-bg);color:var(--button-ink);border-color:var(--button-bg);border-radius:8px;box-shadow:none;font-weight:650}body.product :is(.btn,.lab-primary,.kw-primary,.mi-primary,.pd-primary):hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover);color:var(--surface)}body.product :is(.btn.secondary,.lab-chip){background:var(--surface);border:1px solid var(--line);color:var(--ink-2);border-radius:7px}body.product :is(.lab-chip.active,.lab-chip[aria-selected=true]){background:var(--brand-soft);color:var(--brand);border-color:var(--line)}body.product .lab-profile .lab-avatar{border-color:var(--line);border-radius:12px;background:var(--brand-soft);color:var(--brand)}body.product .workspace-footer{border-top:1px solid var(--line);padding-top:22px;margin-top:40px;color:var(--ink-3);font-size:11px}body.product :is(.note,.lab-data-note){border-color:var(--line);background:var(--surface-muted);color:var(--ink-2);border-radius:9px}body.product :is(.writing-shortcut,.report-tools){border-color:var(--line);color:var(--ink-2);background:var(--surface-muted);border-radius:10px}body.product ::selection{background:var(--brand-soft);color:var(--ink)}
@media(min-width:1024px) and (max-width:1200px){body.product .sidebar.lab-sidebar{gap:16px;padding:0 28px;height:84px}body.product .lab-brand{min-width:160px}body.product .brand-name{font-size:21px}body.product .nav-trigger{padding:0 16px;font-size:12px;gap:10px}body.product .lab-nav{gap:7px}body.product .lab-logout,body.product .lab-nav>.lab-logout{margin-left:6px!important;min-width:80px}body.product .workspace-account{display:none}}
@media(max-width:1023px){body.product .sidebar.lab-sidebar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0;padding:20px 24px;position:relative;height:auto;min-height:76px;background:var(--canvas);border-bottom:1px solid var(--line)}body.product .lab-brand{min-width:0;width:auto;padding:0;margin:0}body.product .brand-name{font-size:22px}body.product .lab-brand-mark{width:32px;height:32px;min-width:32px;border-radius:9px}body.product .lab-brand-mark svg{width:25px;height:25px}body.product .lab-menu-toggle{position:static;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:76px;min-height:42px;height:42px;padding:0 13px;margin:0;border-color:var(--line);background:var(--surface);color:var(--ink);font-size:12px}body.product .lab-menu-toggle[aria-expanded=true]{background:var(--nav-mark-bg);border-color:var(--nav-mark-bg);color:var(--nav-mark-ink)}body.product .lab-nav{display:none;flex-direction:column;align-items:stretch;justify-content:flex-start;flex:none;width:100%;gap:9px;max-height:70dvh;overflow:auto;margin:20px 0 0;padding:15px 0 0;border-top:1px solid var(--line)}body.product .menu-open .lab-nav{display:flex}body.product .lab-nav-group,body.product .lab-nav-group:hover,body.product .lab-nav-group:focus-within,body.product.nav-enhanced .lab-nav-group{width:100%;height:auto;min-height:0;margin:0;padding:0;background:transparent;border:0}body.product .nav-trigger,body.product .lab-nav-group>h2{display:flex;justify-content:space-between;width:100%;height:44px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:9px;font-size:13px;text-align:left;background:var(--surface);color:var(--ink-2)}body.product .nav-trigger:after{display:block}body.product .nav-group-panel,body.product .lab-nav-group:last-of-type>.nav-group-panel{display:none;position:static;top:auto;left:auto;right:auto;width:100%;min-width:0;max-height:none;box-shadow:none;border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;background:var(--surface);padding:7px;margin-top:-1px}body.product .lab-nav-group.is-open>.nav-trigger{border-radius:9px 9px 0 0}body.product .lab-nav-group.is-open>.nav-group-panel{display:block}body.product.nav-enhanced .lab-nav-group .nav-group-panel :is(.lab-nav-row,.lab-nav-item){color:var(--ink-2);background:transparent!important;border:0!important;min-height:44px}body.product.nav-enhanced .lab-nav-group .nav-group-panel .lab-nav-row.is-active,body.product.nav-enhanced .lab-nav-group .nav-group-panel .lab-nav-item.is-active{background:var(--brand-soft)!important;color:var(--brand)}body.product.nav-enhanced .lab-nav-group .nav-group-panel .is-active>.lab-nav-item{color:var(--brand);font-weight:650}body.product .lab-logout,body.product .lab-nav>.lab-logout{align-self:flex-start;width:auto;margin:4px 0 0!important;padding:10px 13px!important;min-height:44px;height:auto;border:1px solid var(--line);background:var(--surface);border-radius:8px;color:var(--ink-2)}body.product .main{padding:30px 24px 20px}body.product .workspace-heading h1{font-size:32px}body.product .workspace-header{margin-bottom:27px;padding-bottom:24px}body.product .workspace-account{display:none}body.product .workspace-utilities{padding-top:5px}}
@media(max-width:540px){body.product .sidebar.lab-sidebar{padding:17px 20px;min-height:76px}body.product .brand-name{font-size:22px}body.product .lab-brand{gap:8px}body.product .lab-menu-toggle{min-height:42px;min-width:72px;font-size:11px}body.product .main{padding:26px 18px 18px}body.product .workspace-eyebrow{font-size:8px;letter-spacing:.04em;gap:7px;margin-bottom:11px}body.product .workspace-heading h1{font-size:30px}body.product .workspace-heading .sub{font-size:12px;line-height:1.8;margin-top:11px}body.product .workspace-header{gap:14px;margin-bottom:24px;padding-bottom:22px}body.product .workspace-utilities{padding-top:0}body.product .ui-icon-button{width:40px;min-width:40px;min-height:40px}body.product :is(.panel,.kw-card,.mi-card,.pd-card,.dash-panel,.lab-panel,.tile,.up-card){border-radius:12px}body.product .workspace-footer{font-size:10px;line-height:1.8}body.product .nav-trigger{font-size:13px}body.product.nav-enhanced .lab-nav-group .nav-group-panel .lab-nav-item{font-size:12px;padding:11px 12px}body.product .lab-bulk{font-size:10px}}
/* Login still exposes only its own login controls, never the member navigation. */
body.product[data-page=login] .lab-nav,body.product[data-page=login] .lab-menu-toggle,body.product[data-page=login] .workspace-sidebar-note,body.product[data-page=login] .workspace-header{display:none!important}
@media(prefers-reduced-motion:reduce){body.product *,body.product *:before,body.product *:after{transition:none!important;animation:none!important}}

/* Override legacy page-level rules that hide headings or restyle navigation links. */
body.product .workspace-header>.workspace-heading{display:block!important}body.product.nav-enhanced .lab-nav-group>.nav-trigger{border-radius:100px}body.product.nav-enhanced .lab-nav>.lab-logout,body.product.nav-enhanced .lab-nav>.lab-logout span,body.product.nav-enhanced .lab-nav>.lab-logout svg{color:var(--ink-2)!important}body.product[data-page=blog] .workspace-heading h1{font-size:38px}@media(max-width:1023px){body.product.nav-enhanced .lab-nav-group>.nav-trigger{border-radius:9px}body.product.nav-enhanced .lab-nav-group.is-open>.nav-trigger{border-radius:9px 9px 0 0}body.product[data-page=blog] .workspace-heading h1{font-size:32px}}@media(max-width:540px){body.product[data-page=blog] .workspace-heading h1{font-size:30px}}