/* Shared Launch Lab visual system: checker, content pages, account and admin. */
:root {
  --ll-bg:#02040b;
  --ll-bg-soft:#070a18;
  --ll-panel:rgba(12,24,38,.94);
  --ll-inset:rgba(7,17,31,.62);
  --ll-line:rgba(112,132,174,.22);
  --ll-line-strong:rgba(112,132,174,.38);
  --ll-text:#edf2fb;
  --ll-muted:#9fb1cf;
  --ll-muted-2:#7185a7;
  --ll-cyan:#50e0c1;
  --ll-blue:#42a5ff;
  --ll-violet:#7c5cff;
  --ll-danger:#ff7e98;
  --ll-radius:14px;
  --ll-radius-small:10px;
  --ll-chrome:linear-gradient(135deg,rgba(13,25,43,.98) 0%,rgba(19,17,49,.96) 58%,rgba(25,13,50,.94) 100%);
  --ll-chrome-line:rgba(126,96,226,.34);
}

html { color-scheme:dark; background:var(--ll-bg); }

body.content-page,
body.admin-page {
  color:var(--ll-text);
  background:
    radial-gradient(ellipse 82% 62% at -12% 76%,rgba(191,58,255,.22),transparent 70%),
    radial-gradient(ellipse 56% 48% at 104% 62%,rgba(48,42,205,.14),transparent 70%),
    linear-gradient(180deg,var(--ll-bg) 0%,#030612 28%,var(--ll-bg-soft) 100%);
  background-attachment:fixed;
}

:where(a,button,input,textarea,select):focus-visible {
  outline:2px solid rgba(80,224,193,.82)!important;
  outline-offset:3px!important;
}

/* The language code is sufficient; the font emoji made the header look inconsistent across platforms. */
.language-switcher-globe { display:none!important; }

/* Site chrome now uses the same violet graphite material as the report cards. */
.checker-page .topbar,
.content-page .topbar,
.admin-page .admin-topbar,
.site-footer {
  border-color:var(--ll-chrome-line)!important;
  background:var(--ll-chrome)!important;
  box-shadow:inset 0 1px 0 rgba(121,196,255,.05),0 14px 36px rgba(5,2,22,.18)!important;
}

/* Shared identity lockup, adapted from the CS2-panel reference. */
.brand-lockup {
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
  color:var(--ll-text)!important;
  text-decoration:none!important;
}
.brand-lockup>.brand-mark {
  display:grid!important;
  flex:0 0 40px!important;
  place-items:center!important;
  width:40px!important;
  height:40px!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.brand-lockup>.brand-mark img {
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.brand-lockup>.brand-copy {
  display:grid!important;
  min-width:0!important;
  gap:4px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.brand-lockup .brand-lockup-name {
  display:flex!important;
  align-items:baseline!important;
  gap:.28em!important;
  margin:0!important;
  color:var(--ll-text)!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  font-size:15px!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
  line-height:1!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.brand-lockup .brand-lockup-name>span,
.brand-lockup .brand-lockup-name>b {
  display:inline!important;
  margin:0!important;
  color:inherit!important;
  font:inherit!important;
  letter-spacing:inherit!important;
  line-height:inherit!important;
}
.brand-lockup .brand-lockup-name>b {
  color:#5b91ff!important;
  background:linear-gradient(90deg,#59cfff 0%,#6f78ff 58%,#8a63ff 100%)!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
.brand-lockup .brand-lockup-product {
  display:block!important;
  margin:0!important;
  color:#7d90b9!important;
  font-family:ui-monospace,"Cascadia Mono",Consolas,monospace!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:.36em!important;
  line-height:1!important;
  text-transform:uppercase!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.topbar .brand-lockup>.brand-copy,
.topbar .brand-lockup .brand-lockup-name,
.topbar .brand-lockup .brand-lockup-product {
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

/* One compact footer on every public page. */
.site-footer {
  width:min(calc(100% - 24px),1480px)!important;
  margin:16px auto 24px!important;
  padding:16px 18px!important;
  gap:16px!important;
  border:1px solid var(--ll-line)!important;
  border-radius:var(--ll-radius)!important;
  background:var(--ll-panel)!important;
  box-shadow:none!important;
}
.footer-brand.brand-lockup>.brand-mark { flex-basis:36px!important; width:36px!important; height:36px!important; }
.footer-brand.brand-lockup .brand-lockup-name { font-size:13px!important; }
.footer-brand.brand-lockup .brand-lockup-product { font-size:7px!important; }
.footer-copy { color:var(--ll-muted-2)!important; }
.footer-links { gap:4px 18px!important; }
.footer-links a { min-height:36px!important; color:var(--ll-muted)!important; font-size:11px!important; }
.footer-links a:hover,.footer-links a:focus-visible,.footer-links a[aria-current="page"] { color:var(--ll-cyan)!important; }
.footer-links a[aria-current="page"]::after { transform:scaleX(1)!important; }

/* Content pages use report hierarchy instead of oversized marketing heroes. */
.content-page .content-shell { width:min(1040px,calc(100% - 24px))!important; padding:16px 0 30px!important; }
.content-page.account-page .content-shell { width:min(1120px,calc(100% - 24px))!important; }
.content-page .topbar {
  min-height:66px!important;
  margin:0!important;
  padding:10px 12px!important;
  border:1px solid var(--ll-line)!important;
  border-radius:var(--ll-radius)!important;
  background:var(--ll-panel)!important;
  box-shadow:none!important;
  backdrop-filter:blur(12px)!important;
}
.content-page .brand-mark { width:40px!important; height:40px!important; border-radius:10px!important; background:transparent!important; box-shadow:none!important; }
.content-page .content-back,
.account-ghost-btn,.account-item-btn,.account-danger-btn {
  min-height:42px!important;
  border:1px solid var(--ll-line)!important;
  border-radius:var(--ll-radius-small)!important;
  color:var(--ll-muted)!important;
  background:transparent!important;
  box-shadow:none!important;
  transition:color 160ms ease,border-color 160ms ease,background-color 160ms ease!important;
}
.content-page .content-back:hover,.account-ghost-btn:hover,.account-item-btn:hover {
  color:var(--ll-text)!important;
  border-color:var(--ll-line-strong)!important;
  background:rgba(112,132,174,.08)!important;
}
.content-page .content-hero {
  margin:14px 0 12px!important;
  padding:clamp(24px,4vw,36px)!important;
  border:1px solid var(--ll-line)!important;
  border-radius:var(--ll-radius)!important;
  background:var(--ll-panel)!important;
  box-shadow:none!important;
}
.content-page .content-hero::after { display:none!important; }
.content-page .content-kicker { margin-bottom:10px!important; color:var(--ll-cyan)!important; font-size:10px!important; letter-spacing:.12em!important; }
.content-page .content-hero h1 {
  max-width:760px!important;
  font-size:clamp(28px,4vw,42px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  text-wrap:balance!important;
}
.content-page .content-hero>p { max-width:72ch!important; margin-top:12px!important; color:var(--ll-muted)!important; font-size:13px!important; line-height:1.65!important; }
.content-page .content-grid { gap:10px!important; }
.content-page .content-card {
  min-width:0!important;
  padding:20px!important;
  border:1px solid var(--ll-line)!important;
  border-radius:var(--ll-radius)!important;
  background:var(--ll-panel)!important;
  box-shadow:none!important;
}
.content-page .content-card h2 { margin-bottom:10px!important; color:var(--ll-text)!important; font-size:16px!important; line-height:1.3!important; }
.content-page .content-card p,.content-page .content-card li { color:var(--ll-muted)!important; font-size:13px!important; line-height:1.65!important; }
.content-page .content-card li+li { margin-top:6px!important; }
.content-page .content-meta { gap:0!important; margin-top:18px!important; }
.content-page .content-meta span { padding:0!important; border:0!important; border-radius:0!important; color:var(--ll-muted-2)!important; background:transparent!important; }
.content-page .content-meta span+span::before { content:"·"; margin:0 8px; }

/* Numbers remain only where order is real, without ornamental tiles. */
.content-page .step-number {
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin-bottom:10px!important;
  border:0!important;
  border-radius:0!important;
  color:var(--ll-cyan)!important;
  background:transparent!important;
  font-family:ui-monospace,"Cascadia Mono",Consolas,monospace!important;
  font-size:10px!important;
  letter-spacing:.08em!important;
}

/* Contacts: one channel row, no repeated card heading. */
.content-page .contact-channel-card { min-height:0!important; }
.content-page .contact-channel-card>h2 { display:none!important; }
.content-page .contact-link {
  margin:0!important;
  padding:13px!important;
  border-color:var(--ll-line)!important;
  border-radius:var(--ll-radius-small)!important;
  background:var(--ll-inset)!important;
  box-shadow:none!important;
}
.content-page .contact-note { margin-top:10px!important; color:var(--ll-muted-2)!important; }

/* Account: actions and data stay; ornamental benefits do not. */
.account-hero-points { gap:0!important; margin-top:16px!important; }
.account-hero-points span { padding:0!important; border:0!important; border-radius:0!important; color:var(--ll-muted-2)!important; background:transparent!important; font-size:10px!important; }
.account-hero-points span+span::before { content:"·"; margin:0 8px; }
.account-feature-number { display:none!important; }
.account-signin-card { grid-template-columns:64px minmax(0,1fr) auto!important; gap:18px!important; padding:22px!important; background:var(--ll-panel)!important; }
.account-signin-mark { width:64px!important; height:64px!important; border-color:var(--ll-line)!important; border-radius:12px!important; background:var(--ll-inset)!important; box-shadow:none!important; }
.account-steam-btn,.account-add-form button {
  min-height:46px!important;
  border:0!important;
  border-radius:var(--ll-radius-small)!important;
  color:#fff!important;
  background:linear-gradient(135deg,var(--ll-blue),var(--ll-violet))!important;
  box-shadow:none!important;
}
.account-summary-grid { gap:0!important; overflow:hidden!important; border:1px solid var(--ll-line)!important; border-radius:var(--ll-radius-small)!important; background:var(--ll-inset)!important; }
.account-summary-grid div { border:0!important; border-radius:0!important; background:transparent!important; }
.account-summary-grid div+div { border-left:1px solid var(--ll-line)!important; }
.account-list-item,.account-empty { border-color:var(--ll-line)!important; border-radius:var(--ll-radius-small)!important; background:var(--ll-inset)!important; }
.account-settings-card,.account-danger-card { min-height:0!important; }
.account-danger-card { border-color:rgba(255,126,152,.24)!important; }
.account-danger-btn { color:var(--ll-danger)!important; border-color:rgba(255,126,152,.28)!important; }

/* Admin uses the same material and denser operational spacing. */
.admin-page .admin-bg { display:none!important; }
.admin-page .admin-shell { width:min(1480px,calc(100% - 24px))!important; padding:16px 0 40px!important; }
.admin-page .admin-topbar {
  top:10px!important;
  padding:10px 12px!important;
  border-color:var(--ll-line)!important;
  border-radius:var(--ll-radius)!important;
  background:var(--ll-panel)!important;
  box-shadow:none!important;
  backdrop-filter:blur(12px)!important;
}
.admin-page .admin-brand>.brand-mark { flex-basis:42px!important; width:42px!important; height:42px!important; }
.admin-page .btn { min-height:42px!important; border-radius:var(--ll-radius-small)!important; box-shadow:none!important; transition:color 160ms ease,border-color 160ms ease,background-color 160ms ease!important; }
.admin-page .btn.primary { color:#fff!important; background:linear-gradient(135deg,var(--ll-blue),var(--ll-violet))!important; }
.admin-page .btn.secondary { border-color:var(--ll-line)!important; background:transparent!important; }
.admin-page .admin-intro { margin:28px 2px 14px!important; }
.admin-page .login-card,.admin-page .panel { border-color:var(--ll-line)!important; border-radius:var(--ll-radius)!important; background:var(--ll-panel)!important; box-shadow:none!important; }
.admin-page .login-card { margin-top:8vh!important; padding:24px!important; }
.admin-page .login-brand { min-width:170px!important; }
.admin-page .login-brand>.brand-mark { flex-basis:58px!important; width:58px!important; height:58px!important; }
.admin-page .login-brand .brand-lockup-name { font-size:16px!important; }
.admin-page .panel { padding:20px!important; }
.admin-page .panel-head { margin-bottom:16px!important; }
.admin-page .step {
  display:block!important;
  width:auto!important;
  height:auto!important;
  border-radius:0!important;
  color:var(--ll-cyan)!important;
  background:transparent!important;
  font-family:ui-monospace,"Cascadia Mono",Consolas,monospace!important;
  letter-spacing:.06em!important;
}
.admin-page :where(input,textarea,select) { border-color:var(--ll-line)!important; border-radius:var(--ll-radius-small)!important; background:var(--ll-inset)!important; }
.admin-page :where(.ad-editor,.learning-kpis>div,.learning-row,.verified-importer,.vacban-dataset-box,.vacban-review-diagnostics,.live-learning,.live-learning-kpis>div,.mini-browser) {
  border-color:var(--ll-line)!important;
  border-radius:var(--ll-radius-small)!important;
  background:var(--ll-inset)!important;
  box-shadow:none!important;
}
.admin-page .verified-importer-kpis span,.admin-page .live-learning-meta span,.admin-page .vacban-review-kpis span { border-color:var(--ll-line)!important; border-radius:8px!important; background:transparent!important; }

/* The empty checker state should explain the value of the report, not read as a half-empty banner. */
.checker-page:not(.has-player) .start-guide {
  min-height:390px!important;
  grid-template-columns:82px minmax(0,1fr) minmax(290px,360px)!important;
  gap:clamp(26px,3vw,44px)!important;
  padding:clamp(38px,5vw,64px)!important;
  border-color:var(--ll-chrome-line)!important;
  border-radius:var(--ll-radius)!important;
  background:
    radial-gradient(circle at 5% 28%,rgba(72,180,255,.12),transparent 30%),
    radial-gradient(circle at 90% 70%,rgba(129,74,255,.14),transparent 38%),
    linear-gradient(135deg,rgba(12,25,43,.97),rgba(19,15,45,.96))!important;
  box-shadow:none!important;
}
.checker-page:not(.has-player) .start-guide-icon {
  width:82px!important;
  height:82px!important;
  border-radius:18px!important;
  font-size:34px!important;
}
.checker-page:not(.has-player) .start-guide-copy { max-width:760px!important; }
.checker-page:not(.has-player) .start-guide h1 {
  max-width:760px;
  font-size:clamp(40px,4vw,58px)!important;
  line-height:1!important;
}
.checker-page:not(.has-player) .start-guide p {
  max-width:720px!important;
  font-size:15px!important;
  line-height:1.7!important;
}
.checker-page:not(.has-player) .hero-llc-note {
  max-width:720px!important;
  margin-top:16px!important;
  font-size:12px!important;
}
.checker-page:not(.has-player) .start-guide-steps { margin-top:28px!important; }
.checker-page:not(.has-player) .start-guide-steps span {
  min-height:38px;
  display:inline-flex;
  align-items:center;
  padding:10px 13px!important;
  font-size:11px!important;
}
.start-guide-report {
  align-self:stretch;
  display:grid;
  align-content:center;
  min-width:0;
  padding-left:32px;
  border-left:1px solid rgba(126,96,226,.28);
}
.start-guide-report-title {
  margin-bottom:14px;
  color:var(--ll-cyan);
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.start-guide-report>div {
  display:grid;
  gap:5px;
  padding:16px 0;
  border-top:1px solid var(--ll-line);
}
.start-guide-report>div:last-child { border-bottom:1px solid var(--ll-line); }
.start-guide-report strong { color:var(--ll-text); font-size:14px; }
.start-guide-report span { color:var(--ll-muted); font-size:12px; line-height:1.5; }

/* Leetify heading carries the source context; duplicate labels and actions are intentionally removed. */
.leetify-card .leetify-head {
  grid-template-columns:minmax(0,1fr)!important;
  min-height:52px!important;
  margin-bottom:20px!important;
}
.leetify-card .leetify-title-wrap { min-width:0!important; }
.leetify-card .leetify-title-wrap > div { display:flex!important; align-items:center!important; min-height:36px!important; }
.leetify-card #leetifyTitleLabel { margin:0!important; }

/* Keep the Premier / FACEIT / behavior row on one shared vertical rhythm. */
.secondary-grid > .premier-card .stat-row-compact,
.secondary-grid > .faceit-card .stat-row-compact {
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  column-gap:0!important;
  padding-inline:12px!important;
}
.secondary-grid > .premier-card .stat-row-compact > div,
.secondary-grid > .faceit-card .stat-row-compact > div {
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-end!important;
  width:100%!important;
  min-width:0!important;
  text-align:center!important;
}
.secondary-grid > .premier-card .stat-row-compact :where(span,strong),
.secondary-grid > .faceit-card .stat-row-compact :where(span,strong) {
  width:100%!important;
  text-align:center!important;
}

.secondary-grid > .ai-card {
  display:grid!important;
  grid-template-rows:68px 92px minmax(0,1fr) auto!important;
  align-items:stretch!important;
  gap:10px!important;
  height:460px!important;
  min-height:460px!important;
  padding:20px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.secondary-grid > .ai-card .section-head {
  width:100%!important;
  height:68px!important;
  min-height:68px!important;
  margin:0!important;
  padding:16px 18px!important;
  box-sizing:border-box!important;
}
.secondary-grid > .ai-card .ai-score {
  width:100%!important;
  height:92px!important;
  min-height:92px!important;
  margin:0!important;
  padding:14px 16px!important;
  box-sizing:border-box!important;
}
.secondary-grid > .ai-card .factor-list {
  align-self:stretch!important;
  align-content:center!important;
  gap:8px!important;
  min-height:0!important;
  margin:0!important;
  padding:2px 0!important;
}
.secondary-grid > .ai-card .factor { gap:10px!important; }
.secondary-grid > .ai-card .factor-copy span { margin-bottom:5px!important; }
.secondary-grid > .ai-card .disclaimer {
  align-self:end!important;
  width:100%!important;
  margin:0!important;
  padding:10px 12px!important;
  box-sizing:border-box!important;
  font-size:10px!important;
  line-height:1.5!important;
}

@media (max-width:1099px) {
  html.ll-fluid-desktop .secondary-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  html.ll-fluid-desktop .secondary-grid > .ai-card {
    grid-column:1/-1!important;
    grid-template-rows:auto!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  .secondary-grid > .ai-card .section-head,
  .secondary-grid > .ai-card .ai-score {
    height:auto!important;
  }
}

@media (max-width:1050px) {
  .checker-page:not(.has-player) .start-guide {
    grid-template-columns:68px minmax(0,1fr)!important;
  }
  .start-guide-report {
    grid-column:2;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    padding:18px 0 0;
    border-top:1px solid rgba(126,96,226,.28);
    border-left:0;
  }
  .start-guide-report-title { grid-column:1/-1; margin:0; }
  .start-guide-report>div { padding:12px 0; border-top:0; border-bottom:0!important; }
}

@media (max-width:760px) {
  html.ll-fluid-desktop .secondary-grid,.secondary-grid { grid-template-columns:minmax(0,1fr)!important; }
  html.ll-fluid-desktop .secondary-grid > .ai-card,.secondary-grid > .ai-card { grid-column:auto!important; }
  body.content-page,body.admin-page { background-attachment:scroll; }
  .content-page .content-shell,.content-page.account-page .content-shell,.admin-page .admin-shell { width:calc(100% - 16px)!important; padding-top:8px!important; }
  .content-page .content-hero { padding:22px 18px!important; }
  .account-hero-points { display:flex!important; }
  .account-signin-card { grid-template-columns:54px minmax(0,1fr)!important; padding:18px!important; }
  .account-signin-mark { width:54px!important; height:54px!important; }
  .account-summary-grid { grid-template-columns:minmax(0,1fr)!important; }
  .account-summary-grid div+div { border-top:1px solid var(--ll-line)!important; border-left:0!important; }
  .site-footer { width:calc(100% - 16px)!important; }
}

@media (max-width:680px) {
  .checker-page:not(.has-player) .start-guide {
    min-height:0!important;
    grid-template-columns:1fr!important;
    padding:28px 22px!important;
  }
  .checker-page:not(.has-player) .start-guide h1 { font-size:clamp(32px,10vw,44px)!important; }
  .start-guide-report {
    grid-column:auto;
    grid-template-columns:1fr;
    gap:0;
  }
  .start-guide-report>div { padding:13px 0; border-top:1px solid var(--ll-line); }
  .start-guide-report>div:last-child { border-bottom:1px solid var(--ll-line)!important; }
}

@media (max-width:520px) {
  .brand-lockup { gap:6px!important; }
  .brand-lockup>.brand-mark { flex-basis:34px!important; width:34px!important; height:34px!important; }
  .brand-lockup .brand-lockup-name { font-size:10px!important; letter-spacing:.1em!important; }
  .brand-lockup .brand-lockup-product { font-size:6px!important; letter-spacing:.28em!important; }
  .content-page .brand-lockup { gap:4px!important; }
  .content-page .brand-lockup>.brand-mark { flex-basis:30px!important; width:30px!important; height:30px!important; }
  .content-page .brand-lockup .brand-lockup-name { font-size:8px!important; letter-spacing:.06em!important; }
  .content-page .brand-lockup .brand-lockup-product { font-size:5px!important; letter-spacing:.2em!important; }
  .footer-brand.brand-lockup>.brand-mark { flex-basis:36px!important; width:36px!important; height:36px!important; }
  .footer-brand.brand-lockup .brand-lockup-name { font-size:12px!important; }
  .footer-brand.brand-lockup .brand-lockup-product { font-size:7px!important; }
  .admin-page .login-brand { min-width:0!important; }
  .admin-page .login-brand>.brand-mark { flex-basis:50px!important; width:50px!important; height:50px!important; }
  .content-page .content-card,.admin-page .panel { padding:16px!important; }
  .account-hero-points span+span::before { margin:0 5px; }
}

@media (max-width:340px) {
  .content-page .brand-lockup>.brand-copy { display:none!important; }
}

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

/* Footer console: one quiet, cohesive closing surface for every public page. */
.site-footer {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;
  width:min(calc(100% - 24px),1480px)!important;
  margin:18px auto 24px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--ll-chrome-line)!important;
  border-radius:var(--ll-radius)!important;
  background:radial-gradient(circle at 7% 110%,rgba(124,92,255,.16),transparent 34%),var(--ll-chrome)!important;
  box-shadow:inset 0 1px 0 rgba(121,196,255,.05),0 14px 36px rgba(5,2,22,.18)!important;
}

.content-page .site-footer {
  width:min(calc(100% - 24px),1040px)!important;
  margin-top:4px!important;
}

.content-page.account-page .site-footer {
  width:min(calc(100% - 24px),1120px)!important;
}

.site-footer .footer-main {
  display:grid!important;
  grid-template-columns:minmax(320px,1fr) auto!important;
  align-items:center!important;
  gap:28px!important;
  padding:22px 24px 18px!important;
}

.site-footer .footer-identity {
  display:flex!important;
  align-items:center!important;
  gap:20px!important;
  min-width:0!important;
}

.site-footer .footer-brand {
  flex:0 0 auto!important;
  width:auto!important;
}

.site-footer .footer-tagline {
  max-width:390px!important;
  margin:0!important;
  color:var(--ll-muted)!important;
  font-size:11px!important;
  font-weight:650!important;
  line-height:1.55!important;
}

.site-footer .footer-links {
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:max-content!important;
  align-items:center!important;
  justify-content:end!important;
  gap:4px!important;
  width:auto!important;
}

.site-footer .footer-links a {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  padding:0 12px!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  color:var(--ll-muted)!important;
  font-size:11px!important;
  text-align:center!important;
  text-decoration:none!important;
  transition:color 160ms ease,border-color 160ms ease,background-color 160ms ease!important;
}

.site-footer .footer-links a::after { display:none!important; }

.site-footer .footer-links a:hover,
.site-footer .footer-links a:focus-visible,
.site-footer .footer-links a[aria-current="page"] {
  color:var(--ll-text)!important;
  border-color:var(--ll-line)!important;
  background:rgba(112,132,174,.09)!important;
}

.site-footer .footer-links a[aria-current="page"] {
  color:var(--ll-cyan)!important;
  border-color:rgba(80,224,193,.22)!important;
  background:rgba(80,224,193,.07)!important;
}

.site-footer .footer-meta {
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  min-height:44px!important;
  padding:10px 24px!important;
  border-top:1px solid var(--ll-line)!important;
  background:rgba(3,8,20,.24)!important;
}

.site-footer .footer-status {
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  color:var(--ll-muted-2)!important;
  font-size:10px!important;
  font-weight:750!important;
}

.site-footer .footer-status i {
  width:7px!important;
  height:7px!important;
  flex:0 0 7px!important;
  border-radius:50%!important;
  background:var(--ll-cyan)!important;
  box-shadow:0 0 12px rgba(80,224,193,.55)!important;
}

.site-footer .footer-copy {
  color:var(--ll-muted-2)!important;
  font-size:10px!important;
  white-space:nowrap!important;
}

@media (max-width:900px) {
  .site-footer .footer-main {
    grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important;
  }

  .site-footer .footer-links {
    grid-auto-flow:row!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-auto-columns:auto!important;
    justify-content:stretch!important;
    width:100%!important;
  }

  .site-footer .footer-links a { padding-inline:8px!important; }
}

@media (max-width:640px) {
  .site-footer,
  .content-page .site-footer,
  .content-page.account-page .site-footer {
    width:calc(100% - 16px)!important;
    margin-top:12px!important;
  }

  .site-footer .footer-main { padding:20px 18px 16px!important; }

  .site-footer .footer-identity {
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:12px!important;
  }

  .site-footer .footer-tagline { max-width:32ch!important; }

  .site-footer .footer-links {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  .site-footer .footer-links a {
    min-height:44px!important;
    border-color:var(--ll-line)!important;
    background:rgba(112,132,174,.05)!important;
  }

  .site-footer .footer-meta {
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:6px!important;
    padding:12px 18px!important;
  }
}