/*
 * Shared visual alignment for public pages.
 *
 * The homepage is the reference implementation for LIGHTMGROUP's current
 * editorial system. This file is intentionally loaded after the legacy public
 * layers so all CMS-driven pages inherit the same tokens, type, rhythm and
 * controls without changing their content or routes.
 */
:root {
  --lmg-paper: #f7f7f2;
  --lmg-soft: #eef0e8;
  --lmg-ink: #182a24;
  --lmg-muted: #647069;
  --lmg-green: #163f32;
  --lmg-wine: #910d35;
  --lmg-lime: #d6ef8d;
  --lmg-line: #dcded5;
}

body.ent,
body.challenges-page {
  background: var(--lmg-paper);
  color: var(--lmg-ink);
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}

body.ent h1,
body.ent h2,
body.ent h3,
body.ent h4,
body.challenges-page h1,
body.challenges-page h2,
body.challenges-page h3,
body.challenges-page h4 {
  font-family: Manrope, sans-serif;
}

body.ent .site-header,
body.challenges-page .site-header {
  background: #f7f7f2ed;
  border-bottom-color: var(--lmg-line);
}

body.ent main,
body.challenges-page main {
  background: var(--lmg-paper);
}

body.ent .page-hero,
body.challenges-page .page-hero {
  max-width: none;
  min-height: clamp(540px, 68vh, 720px);
  padding: clamp(110px, 15vh, 170px) max(48px, calc((100% - 1184px) / 2)) 86px;
  border-radius: 0 0 32px 32px;
  background:
    radial-gradient(circle at 84% 17%, rgba(214, 239, 141, .18), transparent 27%),
    linear-gradient(145deg, #f7f7f2 0%, #eef0e8 70%, #e9ede2 100%);
  color: var(--lmg-ink);
}

/* Legacy public-consistency.css marks the old premium hero treatment as
 * important. Match that strength here so the homepage reference actually
 * wins on contact, company, services and other public pages. */
body.ent .page-hero,
body.ent .premium-data-hero,
body.challenges-page .page-hero {
  min-height: clamp(540px, 68vh, 720px) !important;
  padding: clamp(110px, 15vh, 170px) max(48px, calc((100% - 1184px) / 2)) 86px !important;
  border-radius: 0 0 32px 32px !important;
  background:
    radial-gradient(circle at 84% 17%, rgba(214,239,141,.18), transparent 27%),
    linear-gradient(145deg, #f7f7f2 0%, #eef0e8 70%, #e9ede2 100%) !important;
  color: var(--lmg-ink) !important;
}

body.ent .page-hero h1,
body.challenges-page .page-hero h1 {
  color: var(--lmg-ink) !important;
}

body.ent .page-hero .lede,
body.challenges-page .page-hero .lede {
  color: var(--lmg-muted) !important;
}

/* Final specificity bridge for the legacy theme layer. */
html[data-theme] body.ent .page-hero,
html[data-theme] body.ent .premium-data-hero,
html[data-theme] body.challenges-page .page-hero {
  background:
    radial-gradient(circle at 84% 17%, rgba(214,239,141,.18), transparent 27%),
    linear-gradient(145deg, #f7f7f2 0%, #eef0e8 70%, #e9ede2 100%) !important;
  background-color: #f7f7f2 !important;
  color: var(--lmg-ink) !important;
}

html[data-theme] body.ent .premium-data-hero::before,
html[data-theme] body.ent .premium-data-hero::after,
html[data-theme] body.challenges-page .page-hero::before,
html[data-theme] body.challenges-page .page-hero::after {
  display: none !important;
  background: none !important;
}

html[data-theme] body.ent .page-hero h1,
html[data-theme] body.ent .page-hero .lede,
html[data-theme] body.challenges-page .page-hero h1,
html[data-theme] body.challenges-page .page-hero .lede {
  color: var(--lmg-ink) !important;
}

html[data-theme] body.ent .page-hero .lede,
html[data-theme] body.challenges-page .page-hero .lede {
  color: var(--lmg-muted) !important;
}

html[data-theme] body.ent .page-hero .facts {
  border-color: var(--lmg-line) !important;
  background: var(--lmg-soft) !important;
}

html[data-theme] body.ent .page-hero .facts dt {
  color: var(--lmg-wine) !important;
}

html[data-theme] body.ent .page-hero .facts dd,
html[data-theme] body.ent .page-hero .facts a {
  color: var(--lmg-ink) !important;
}

body.ent .page-hero::before,
body.ent .page-hero::after,
body.challenges-page .page-hero::before,
body.challenges-page .page-hero::after {
  display: none;
}

body.ent .page-hero h1,
body.challenges-page .page-hero h1 {
  max-width: 920px;
  margin: 22px 0 25px;
  color: var(--lmg-ink);
  font-size: clamp(58px, 6.5vw, 91px);
  font-weight: 600;
  line-height: 1.03;
  letter-spacing: -.065em;
}

body.ent .page-hero .kicker,
body.challenges-page .page-hero .kicker {
  color: var(--lmg-wine);
}

body.ent .page-hero .lede,
body.challenges-page .page-hero .lede {
  max-width: 680px;
  color: var(--lmg-muted);
  font-size: 16px;
  line-height: 1.85;
}

body.ent .hero-links,
body.challenges-page .hero-links {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 30px;
}

body.ent .pill,
body.challenges-page .pill {
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  padding: 14px 22px;
  border: 1px solid transparent;
  border-radius: 99px;
  background: var(--lmg-ink);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  transition: transform .25s, background .25s, border-color .25s;
}

body.ent .pill:hover,
body.challenges-page .pill:hover {
  transform: translateY(-3px);
  background: var(--lmg-wine);
}

body.ent .pill.secondary,
body.challenges-page .pill.secondary {
  border-color: var(--lmg-line);
  background: transparent;
  color: var(--lmg-ink);
}

body.ent .pill.secondary:hover,
body.challenges-page .pill.secondary:hover {
  border-color: var(--lmg-ink);
  background: transparent;
  color: var(--lmg-ink);
}

body.ent .section,
body.challenges-page .section {
  padding: 95px 0;
  background: var(--lmg-paper);
}

body.ent .section.soft,
body.challenges-page .section.soft {
  background: var(--lmg-soft);
}

body.ent .section > .wrap > h2,
body.ent .section-heading h2,
body.challenges-page .section > .wrap > h2 {
  color: var(--lmg-ink);
  font-size: clamp(36px, 4.2vw, 58px);
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: -.055em;
}

body.ent .section > .wrap > h2 {
  margin-bottom: 34px;
}

body.ent .section-heading > p:last-child,
body.ent .section-intro,
body.challenges-page .section-heading > p:last-child {
  color: var(--lmg-muted);
  line-height: 1.9;
}

body.ent .card,
body.ent .work-card,
body.ent .insight-card,
body.ent .product-card,
body.challenges-page .card {
  border: 1px solid var(--lmg-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: none;
  color: var(--lmg-ink);
  transition: transform .25s, box-shadow .25s, border-color .25s;
}

body.ent .card:hover,
body.ent .work-card:hover,
body.ent .insight-card:hover,
body.ent .product-card:hover,
body.challenges-page .card:hover {
  border-color: #b7c8ad;
  box-shadow: 0 18px 40px rgba(21, 43, 33, .06);
  transform: translateY(-5px);
}

body.ent .card h3,
body.ent .work-card h3,
body.ent .insight-card h3,
body.ent .product-card h3,
body.challenges-page .card h3 {
  color: var(--lmg-ink);
  font-family: Manrope, sans-serif;
  font-size: 23px;
  line-height: 1.25;
  letter-spacing: -.04em;
}

body.ent .card p,
body.ent .work-card p,
body.ent .insight-card p,
body.ent .product-card p,
body.challenges-page .card p {
  color: var(--lmg-muted);
  font-size: 14px;
  line-height: 1.85;
}

body.ent .text-link,
body.challenges-page .text-link {
  color: var(--lmg-wine);
}

body.ent .filters a,
body.challenges-page .filters a {
  border-color: var(--lmg-line);
  border-radius: 999px;
  color: var(--lmg-muted);
  font-size: 11px;
}

body.ent .filters a:hover,
body.ent .filters a[aria-current='true'],
body.challenges-page .filters a:hover,
body.challenges-page .filters a[aria-current='true'] {
  border-color: var(--lmg-green);
  background: var(--lmg-green);
  color: #fff;
}

body.ent .facts,
body.challenges-page .facts {
  border-color: var(--lmg-line);
  border-radius: 18px;
  background: var(--lmg-soft);
}

body.ent form,
body.ent .lead-card,
body.challenges-page form {
  border-color: var(--lmg-line);
  border-radius: 18px;
  background: #fff;
}

body.ent input,
body.ent textarea,
body.ent select,
body.challenges-page input,
body.challenges-page textarea,
body.challenges-page select {
  border-color: #cdd7cc;
  border-radius: 10px;
  background: #fbfcf8;
  color: var(--lmg-ink);
  font: inherit;
}

body.ent input:focus,
body.ent textarea:focus,
body.ent select:focus,
body.challenges-page input:focus,
body.challenges-page textarea:focus,
body.challenges-page select:focus {
  border-color: var(--lmg-green);
  outline: 3px solid var(--lmg-lime);
  outline-offset: 2px;
}

body.ent .button-primary,
body.ent button[type='submit'],
body.challenges-page .button-primary,
body.challenges-page button[type='submit'] {
  border: 0;
  border-radius: 99px;
  background: var(--lmg-wine);
  color: #fff;
  font-weight: 700;
}

body.ent .site-footer,
body.challenges-page .site-footer {
  background: #142b22;
  color: #d9e1d8;
}

/* The focus/detail templates had an older orange treatment; keep their
 * information architecture but bring their surfaces back to the homepage. */
body.ent.focus-page .page-hero {
  min-height: clamp(540px, 68vh, 720px) !important;
  padding: clamp(110px, 15vh, 170px) max(48px, calc((100% - 1184px) / 2)) 86px !important;
  background:
    radial-gradient(circle at 84% 17%, rgba(214, 239, 141, .18), transparent 27%),
    linear-gradient(145deg, #f7f7f2 0%, #eef0e8 70%, #e9ede2 100%) !important;
  color: var(--lmg-ink) !important;
}

body.ent.focus-page .page-hero h1,
body.ent.focus-page .page-hero .lede {
  color: var(--lmg-ink) !important;
}

body.ent.focus-page .page-hero .lede {
  color: var(--lmg-muted) !important;
}

body.ent.focus-page .page-hero .kicker {
  color: var(--lmg-wine) !important;
}

body.ent.focus-page .pill {
  border-radius: 99px !important;
  background: var(--lmg-ink) !important;
  color: #fff !important;
}

body.ent.focus-page .pill.secondary {
  border: 1px solid var(--lmg-line) !important;
  background: transparent !important;
  color: var(--lmg-ink) !important;
}

@media (max-width: 800px) {
  body.ent .page-hero,
  body.challenges-page .page-hero,
  body.ent.focus-page .page-hero {
    min-height: auto;
    padding: 82px 20px 68px !important;
    border-radius: 0 0 20px 20px;
  }

  body.ent .page-hero,
  body.ent .premium-data-hero,
  body.challenges-page .page-hero {
    padding: 82px 20px 68px !important;
    min-height: auto !important;
  }

  body.ent .page-hero h1,
  body.challenges-page .page-hero h1,
  body.ent.focus-page .page-hero h1 {
    font-size: clamp(48px, 12vw, 78px) !important;
  }

  body.ent .section,
  body.challenges-page .section {
    padding: 70px 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.ent *,
  body.ent *::before,
  body.ent *::after,
  body.challenges-page *,
  body.challenges-page *::before,
  body.challenges-page *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* Product landing pages keep their specialized content layout, but use the
 * same type and brand accents as the public marketing site. */
body.lmg-product-page {
  --lmg-product-ink: #182a24;
  --lmg-product-muted: #647069;
  --lmg-product-wine: #910d35;
  --lmg-product-paper: #f7f7f2;
  font-family: 'DM Sans', sans-serif;
  background: var(--lmg-product-paper);
  color: var(--lmg-product-ink);
}

body.lmg-product-page h1,
body.lmg-product-page h2,
body.lmg-product-page h3 {
  font-family: Manrope, sans-serif;
}

body.lmg-product-page .lmg-product-kicker,
body.lmg-product-page .lmg-product-footer a {
  color: var(--lmg-product-wine);
}

/* Account and workspace shells keep their application layouts, but share the
 * same LIGHTMGROUP typography, tokens and brand accents. */
body.account-site,
body.dc-body {
  --app-paper: #f7f7f2;
  --app-ink: #182a24;
  --app-muted: #647069;
  --app-green: #163f32;
  --app-wine: #910d35;
  --app-lime: #d6ef8d;
  --app-line: #dcded5;
  font-family: 'DM Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
}

body.account-site h1,
body.account-site h2,
body.account-site h3,
body.account-site h4,
body.dc-body h1,
body.dc-body h2,
body.dc-body h3,
body.dc-body h4 { font-family: Manrope, sans-serif; }

body.account-site { background: var(--app-paper); color: var(--app-ink); }
body.account-site .account-nav {
  background: rgba(247,247,242,.93);
  border-bottom-color: var(--app-line);
  box-shadow: none;
}
body.account-site .account-nav nav { color: var(--app-ink); }
body.account-site .account-nav nav a:hover,
body.account-site .account-nav nav a:focus-visible,
body.account-site .switch a,
body.account-site .text-link { color: var(--app-wine); }
body.account-site .nav-button,
body.account-site .primary,
body.account-site .small-button {
  border-radius: 99px;
  background: var(--app-wine);
  color: #fff;
}
body.account-site .auth-page { background: var(--app-paper); }
body.account-site .auth-page .auth-story h1,
body.account-site .form-page h1,
body.account-site .welcome h1 {
  color: var(--app-ink);
  font-family: Manrope, sans-serif;
  letter-spacing: -.065em;
}
body.account-site .auth-page .auth-story p,
body.account-site .form-page > div > p,
body.account-site .welcome p,
body.account-site .muted { color: var(--app-muted); }
body.account-site .benefits span,
body.account-site .form-card,
body.account-site .panel,
body.account-site .workspace-card {
  border-color: var(--app-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: none;
}
body.account-site input,
body.account-site textarea,
body.account-site select {
  border-color: #cdd7cc;
  border-radius: 10px;
  background: #fbfcf8;
  color: var(--app-ink);
  font: inherit;
}
body.account-site input:focus,
body.account-site textarea:focus,
body.account-site select:focus {
  border-color: var(--app-green);
  outline: 3px solid var(--app-lime);
  outline-offset: 2px;
}

body.dc-body { background: var(--app-paper); color: var(--app-ink); }
body.dc-body .dc-sidebar { background: linear-gradient(180deg, #071b12, var(--app-green)); }
body.dc-body .dc-topbar {
  border-bottom-color: var(--app-line);
  background: rgba(247,247,242,.93);
  box-shadow: none;
}
body.dc-body .dc-hero,
body.dc-body .dc-panel,
body.dc-body .dc-product,
body.dc-body .dc-secret,
body.dc-body .dc-stats article {
  border-color: var(--app-line);
  border-radius: 18px;
  box-shadow: none;
}
body.dc-body .dc-hero { background: linear-gradient(145deg, #f7f7f2, #eef0e8); }
body.dc-body .dc-hero span,
body.dc-body .dc-panel-head span,
body.dc-body .dc-product > span:first-child { color: var(--app-wine); }
body.dc-body .dc-primary,
body.dc-body .dc-top-actions > a { background: var(--app-wine); }
body.dc-body .dc-panel a,
body.dc-body .dc-product a,
body.dc-body .dc-secondary { color: var(--app-wine); }
body.dc-body .dc-form-grid input,
body.dc-body .dc-form-grid select,
body.dc-body .dc-form-grid textarea {
  border-color: #cdd7cc;
  border-radius: 10px;
  background: #fbfcf8;
  color: var(--app-ink);
  font: inherit;
}
body.dc-body .dc-form-grid input:focus,
body.dc-body .dc-form-grid select:focus,
body.dc-body .dc-form-grid textarea:focus {
  border-color: var(--app-green);
  outline: 3px solid var(--app-lime);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  body.account-site *, body.account-site *::before, body.account-site *::after,
  body.dc-body *, body.dc-body *::before, body.dc-body *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* Dark mode is an explicit theme, not an opacity filter. Keep every shared
 * surface, text role and control readable after the alignment layer wins the
 * legacy cascade. */
html[data-theme="dark"] body.ent,
html[data-theme="dark"] body.challenges-page,
html[data-theme="dark"] body.ent main,
html[data-theme="dark"] body.challenges-page main {
  background: #101d18 !important;
  color: #eaf1e5 !important;
}

html[data-theme="dark"] body.ent .site-header,
html[data-theme="dark"] body.challenges-page .site-header {
  background: rgba(16,29,24,.95) !important;
  border-bottom-color: #354c3d !important;
}

html[data-theme="dark"] body.ent .page-hero,
html[data-theme="dark"] body.ent .premium-data-hero,
html[data-theme="dark"] body.challenges-page .page-hero {
  background:
    radial-gradient(circle at 84% 17%, rgba(214,239,141,.12), transparent 27%),
    linear-gradient(145deg, #071b12 0%, #0e4229 70%, #174b36 100%) !important;
  background-color: #071b12 !important;
  color: #eaf1e5 !important;
}

html[data-theme="dark"] body.ent .page-hero h1,
html[data-theme="dark"] body.ent .page-hero .lede,
html[data-theme="dark"] body.challenges-page .page-hero h1,
html[data-theme="dark"] body.challenges-page .page-hero .lede {
  color: #f0f7ef !important;
}

html[data-theme="dark"] body.ent .page-hero .lede,
html[data-theme="dark"] body.challenges-page .page-hero .lede,
html[data-theme="dark"] body.ent .card p,
html[data-theme="dark"] body.ent .work-card p,
html[data-theme="dark"] body.ent .insight-card p,
html[data-theme="dark"] body.ent .product-card p,
html[data-theme="dark"] body.challenges-page .card p {
  color: #a8b9ac !important;
}

html[data-theme="dark"] body.ent .page-hero .kicker,
html[data-theme="dark"] body.challenges-page .page-hero .kicker {
  color: #d6ef8d !important;
}

html[data-theme="dark"] body.ent .section,
html[data-theme="dark"] body.challenges-page .section {
  background: #101d18 !important;
  color: #eaf1e5 !important;
}

html[data-theme="dark"] body.ent .section.soft,
html[data-theme="dark"] body.challenges-page .section.soft {
  background: #15271f !important;
}

html[data-theme="dark"] body.ent .section > .wrap > h2,
html[data-theme="dark"] body.ent .section-heading h2,
html[data-theme="dark"] body.challenges-page .section > .wrap > h2,
html[data-theme="dark"] body.ent .card h3,
html[data-theme="dark"] body.ent .work-card h3,
html[data-theme="dark"] body.ent .insight-card h3,
html[data-theme="dark"] body.ent .product-card h3,
html[data-theme="dark"] body.challenges-page .card h3 {
  color: #eaf1e5 !important;
}

html[data-theme="dark"] body.ent .card,
html[data-theme="dark"] body.ent .work-card,
html[data-theme="dark"] body.ent .insight-card,
html[data-theme="dark"] body.ent .product-card,
html[data-theme="dark"] body.challenges-page .card,
html[data-theme="dark"] body.ent form,
html[data-theme="dark"] body.ent .lead-card,
html[data-theme="dark"] body.challenges-page form {
  background: #1b3025 !important;
  border-color: #3c5342 !important;
  color: #eaf1e5 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.ent .facts,
html[data-theme="dark"] body.ent .page-hero .facts {
  background: #20372b !important;
  border-color: #3c5342 !important;
}

html[data-theme="dark"] body.ent .facts dt,
html[data-theme="dark"] body.ent .page-hero .facts dt {
  color: #d6ef8d !important;
}

html[data-theme="dark"] body.ent .facts dd,
html[data-theme="dark"] body.ent .page-hero .facts dd,
html[data-theme="dark"] body.ent .page-hero .facts a {
  color: #eaf1e5 !important;
}

html[data-theme="dark"] body.ent input,
html[data-theme="dark"] body.ent textarea,
html[data-theme="dark"] body.ent select,
html[data-theme="dark"] body.challenges-page input,
html[data-theme="dark"] body.challenges-page textarea,
html[data-theme="dark"] body.challenges-page select {
  background: #14251d !important;
  border-color: #486143 !important;
  color: #eaf1e5 !important;
}

html[data-theme="dark"] body.ent .text-link,
html[data-theme="dark"] body.ent .section a:not(.pill),
html[data-theme="dark"] body.challenges-page a:not(.pill) {
  color: #f1a4bc !important;
}

html[data-theme="dark"] body.ent .pill,
html[data-theme="dark"] body.challenges-page .pill {
  background: #d6ef8d !important;
  color: #14271d !important;
}

html[data-theme="dark"] body.ent .pill.secondary,
html[data-theme="dark"] body.challenges-page .pill.secondary {
  background: transparent !important;
  border-color: #d5e4d6 !important;
  color: #f0f7ef !important;
}

html[data-theme="dark"] body.ent .button-primary,
html[data-theme="dark"] body.ent button[type="submit"],
html[data-theme="dark"] body.challenges-page .button-primary,
html[data-theme="dark"] body.challenges-page button[type="submit"] {
  background: #d6ef8d !important;
  color: #14271d !important;
}

html[data-theme="dark"] body.ent .site-footer,
html[data-theme="dark"] body.challenges-page .site-footer {
  background: #08160f !important;
  color: #dde8d7 !important;
}

html[data-theme="dark"] body.account-site,
html[data-theme="dark"] body.account-site .auth-page,
html[data-theme="dark"] body.dc-body,
html[data-theme="dark"] body.dc-body .dc-main {
  background: #101d18 !important;
  color: #eaf1e5 !important;
}

html[data-theme="dark"] body.account-site .account-nav,
html[data-theme="dark"] body.dc-body .dc-topbar {
  background: rgba(12,31,20,.94) !important;
  border-color: #354c3d !important;
  color: #eaf1e5 !important;
}

html[data-theme="dark"] body.account-site .form-card,
html[data-theme="dark"] body.account-site .panel,
html[data-theme="dark"] body.account-site .workspace-card,
html[data-theme="dark"] body.account-site .benefits span,
html[data-theme="dark"] body.dc-body .dc-hero,
html[data-theme="dark"] body.dc-body .dc-panel,
html[data-theme="dark"] body.dc-body .dc-product,
html[data-theme="dark"] body.dc-body .dc-secret,
html[data-theme="dark"] body.dc-body .dc-stats article {
  background: #1b3025 !important;
  border-color: #3c5342 !important;
  color: #eaf1e5 !important;
}

html[data-theme="dark"] body.account-site .muted,
html[data-theme="dark"] body.account-site .auth-page .auth-story p,
html[data-theme="dark"] body.account-site .welcome p,
html[data-theme="dark"] body.dc-body .dc-hero p,
html[data-theme="dark"] body.dc-body .dc-product p {
  color: #a8b9ac !important;
}

html[data-theme="dark"] body.account-site input,
html[data-theme="dark"] body.account-site textarea,
html[data-theme="dark"] body.account-site select,
html[data-theme="dark"] body.dc-body .dc-form-grid input,
html[data-theme="dark"] body.dc-body .dc-form-grid textarea,
html[data-theme="dark"] body.dc-body .dc-form-grid select {
  background: #14251d !important;
  border-color: #486143 !important;
  color: #eaf1e5 !important;
}

.site-user-avatar{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;border:1px solid rgba(18,61,40,.2);transition:transform .2s ease,box-shadow .2s ease}.site-user-avatar:hover,.site-user-avatar:focus-visible{transform:translateY(-1px);box-shadow:0 0 0 3px rgba(139,13,34,.14)}.site-user-avatar img{width:30px;height:30px;border-radius:50%;object-fit:cover}
html[data-theme="dark"] .site-user-avatar{border-color:rgba(220,235,210,.3)}
html[data-theme="dark"] .site-header .brand img{mix-blend-mode:normal;filter:brightness(0) invert(1);background:transparent;padding:0;border-radius:0}