html[data-theme="light"] {
  --color-primary: #059669;
  --color-primary-hover: rgba(16, 185, 129, .24);
  --color-white: #ffffff;
  --color-bg-light: #f7f9fc;
  --color-bg-hover: #eef3f6;
  --color-text-dark: #172033;
  --color-text-medium: #46546a;
  --color-text-muted: #66758a;
  --color-text-light: #8a99aa;
  --color-border: #dfe6ed;
  --app-page-bg: #f7f9fc;
  --app-surface: #ffffff;
  --app-surface-muted: #f7f9fc;
  --border-radius: 4px;
  --border-radius-sm: 2px;
}

html[data-theme="dark"] {
  --color-primary: #19c889;
  --color-primary-hover: rgba(25, 200, 137, .2);
  --color-white: #07110f;
  --color-bg-light: #0a1714;
  --color-bg-hover: #10231e;
  --color-text-dark: #eef8f3;
  --color-text-medium: #b1c0bb;
  --color-text-muted: #84968f;
  --color-text-light: #64776f;
  --color-border: rgba(226, 240, 234, .12);
  --app-page-bg: #040d0b;
  --app-surface: #07110f;
  --app-surface-muted: #0a1714;
  --border-radius: 4px;
  --border-radius-sm: 2px;
}

body.auth-layout {
  min-height: 100vh;
  background: var(--app-page-bg);
  color: var(--color-text-dark);
}

body.auth-layout :is(.hc-hero, .cat-hero, .cmp-hero, .aud-hero) {
  background: linear-gradient(135deg, color-mix(in srgb, var(--app-surface) 88%, #059669 12%), var(--app-page-bg));
  border-color: var(--color-border);
}

body.auth-layout :is(.hc-summary, .cmp-summary-card, .aud-summary-card, .art-product-shot) {
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  background: color-mix(in srgb, var(--app-surface) 94%, transparent);
  box-shadow: var(--glass-card-shadow);
}

.art-product-shot {
  margin: 0 0 1.5rem;
  overflow: hidden;
}

.art-product-shot__bar {
  min-height: 38px;
  padding: 0 13px;
  display: flex;
  align-items: center;
  gap: 6px;
  border-bottom: 1px solid var(--color-border);
  background: var(--app-surface-muted);
}

.art-product-shot__bar span { width: 8px; height: 8px; border-radius: 50%; background: var(--color-border); }
.art-product-shot__bar span:first-child { background: #fb7185; }
.art-product-shot__bar span:nth-child(2) { background: #fbbf24; }
.art-product-shot__bar span:nth-child(3) { background: #34d399; }
.art-product-shot__bar strong { margin-left: auto; color: var(--color-text-muted); font-size: .7rem; letter-spacing: .1em; }
.art-product-shot img { display: block; width: 100%; height: auto; background: var(--app-surface); }
.art-product-shot figcaption { padding: 11px 14px; border-top: 1px solid var(--color-border); color: var(--color-text-muted); font-size: .8rem; line-height: 1.55; }

.cmp-summary-card, .aud-summary-card { padding: clamp(22px, 4vw, 34px); }
.cmp-summary-card ul, .aud-summary-card ul { margin: 0 0 1.2rem 1.2rem; color: var(--color-text-medium); line-height: 1.75; }
.cmp-summary-actions, .aud-summary-actions { display: flex; flex-wrap: wrap; gap: .75rem; }

.cmp-summary-link,
.aud-summary-link {
  min-height: 42px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  color: var(--color-text-dark);
  background: var(--app-surface);
  font-size: .84rem;
  font-weight: 750;
  text-decoration: none;
  transition: border-color .18s ease, color .18s ease, background .18s ease, transform .18s ease;
}

.cmp-summary-link:hover,
.aud-summary-link:hover {
  border-color: color-mix(in srgb, var(--color-primary) 58%, var(--color-border));
  color: var(--color-primary);
  background: color-mix(in srgb, var(--app-surface) 92%, var(--color-primary) 8%);
  transform: translateY(-1px);
}

.aud-summary-link--primary {
  border-color: var(--color-primary);
  color: #fff;
  background: var(--color-primary);
}

.aud-summary-link--primary:hover {
  color: #fff;
  background: color-mix(in srgb, var(--color-primary) 84%, #001b12 16%);
}

.cmp-methodology {
  margin: 14px 0 clamp(54px, 7vw, 84px);
  padding: 13px 15px;
  border-left: 2px solid var(--color-primary);
  color: var(--color-text-muted);
  background: color-mix(in srgb, var(--app-surface-muted) 92%, transparent);
  font-size: .8rem;
  line-height: 1.65;
}

.cmp-methodology a { color: var(--color-primary); font-weight: 750; text-underline-offset: 3px; }

.aud-deliverables { margin-bottom: clamp(58px, 8vw, 92px); }
.aud-deliverables-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.aud-deliverable {
  min-height: 210px;
  padding: 22px;
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  background: color-mix(in srgb, var(--app-surface) 94%, transparent);
  box-shadow: var(--glass-card-shadow);
}
.aud-deliverable__index { display: block; margin-bottom: 34px; color: var(--color-primary); font: 700 .72rem/1 var(--font-mono, monospace); letter-spacing: .12em; }
.aud-deliverable h3 { margin: 0 0 10px; color: var(--color-text-dark); font-size: 1rem; }
.aud-deliverable p { margin: 0; color: var(--color-text-medium); font-size: .86rem; line-height: 1.7; }

html[data-theme="dark"] body.auth-layout :is(.hc-search-input, .cat-sort-select, .cat-sidebar-search input) { color: var(--color-text-dark); background: var(--app-surface); }
html[data-theme="dark"] body.auth-layout :is(.hc-quick-link, .hc-eyebrow, .cat-hero-icon-wrap, .aud-eyebrow, .aud-pill, .cmp-eyebrow) { background: rgba(255, 255, 255, .035); }
html[data-theme="dark"] body.auth-layout .hc-summary-point { border-color: var(--color-border); background: var(--app-surface-muted); }
html[data-theme="dark"] body.auth-layout .hc-summary-point i { background: rgba(16, 185, 129, .1); }
html[data-theme="dark"] body.auth-layout :is(.hc-cat-icon, .cat-article-idx, .cat-tag, .cat-sidebar-link-icon, .art-tag, .art-content code, .art-callout, .aud-service-icon, .cmp-th-mykeynest) { background: rgba(16, 185, 129, .09); }
html[data-theme="dark"] body.auth-layout :is(.hc-contact-btn-outline, .art-share-btn, .art-helpful-btn) { background: transparent; color: var(--color-text-medium); }
html[data-theme="dark"] body.auth-layout :is(.cmp-disclaimer, .art-callout-warn, .cmp-partial) { background: rgba(245, 158, 11, .1); border-color: rgba(245, 158, 11, .25); color: #fbbf24; }
html[data-theme="dark"] body.auth-layout .cmp-no { background: rgba(239, 68, 68, .1); border-color: rgba(239, 68, 68, .24); }
html[data-theme="dark"] body.auth-layout .art-breadcrumb { background: rgba(7, 17, 15, .94); }

@media (max-width: 760px) {
  .aud-deliverables-grid { grid-template-columns: 1fr; }
  .aud-deliverable { min-height: 0; }
  .aud-deliverable__index { margin-bottom: 20px; }
  .cmp-summary-link, .aud-summary-link, .cmp-cta-btn { width: 100%; }
}

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