/*
 * AN Liquid Glass UI — v3.0.0
 * ─────────────────────────────────────────────────
 * CORE PRINCIPLE: Backdrop-filter only on 4 elements:
 *   1. Sticky nav
 *   2. Article card (single blur, not stacked)
 *   3. Table of contents
 *   4. Widgets (reduced blur)
 *
 * NO: contain, overflow:hidden on articles,
 *     will-change on static elements, stacked filters
 * ─────────────────────────────────────────────────
 */

/* ─── TOKENS ─────────────────────────────────── */
:root {
  --c-red:        #FF3B30;
  --c-blue:       #0A84FF;
  --c-green:      #30D158;
  --c-white:      #ffffff;
  --c-body:       rgba(255,255,255,0.90);
  --c-soft:       rgba(255,255,255,0.65);
  --c-dim:        rgba(255,255,255,0.42);

  --glass-nav:    rgba(8,18,13,0.82);
  --glass-card:   rgba(255,255,255,0.08);
  --glass-widget: rgba(255,255,255,0.06);
  --glass-toc:    rgba(10,132,255,0.07);
  --glass-dark:   rgba(0,0,0,0.50);

  --border:       rgba(255,255,255,0.12);
  --border-green: rgba(48,209,88,0.20);
  --border-blue:  rgba(10,132,255,0.20);

  --blur-nav:     blur(48px) saturate(220%);
  --blur-card:    blur(24px) saturate(180%);
  --blur-light:   blur(12px) saturate(160%);

  --r-card:   18px;
  --r-widget: 14px;
  --r-pill:   100px;
  --r-sm:     8px;

  --shadow-card:   0 4px 24px rgba(0,0,0,0.40);
  --shadow-nav:    0 1px 0 rgba(255,255,255,0.08), 0 4px 20px rgba(0,0,0,0.35);

  --ease:         cubic-bezier(0.25,0.46,0.45,0.94);
  --ease-spring:  cubic-bezier(0.16,1,0.30,1);

  --font-display: 'Fraunces', Georgia, serif;
  --font-body:    'Bricolage Grotesque', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:    'SF Mono', 'JetBrains Mono', monospace;
}

/* ─── BASE ───────────────────────────────────── */
html.anlg, html {
  scroll-behavior: smooth;
}

body.anlg {
  background-color: #030d07 !important;
  background-image:
    radial-gradient(ellipse 900px 700px at 8%  18%, rgba(48,209,88,0.14)  0%, transparent 68%),
    radial-gradient(ellipse 700px 600px at 88% 14%, rgba(10,132,255,0.16) 0%, transparent 68%),
    radial-gradient(ellipse 600px 500px at 50% 88%, rgba(255,59,48,0.08)  0%, transparent 68%),
    linear-gradient(150deg, #020c06 0%, #030f18 45%, #020c06 100%) !important;
  background-attachment: fixed !important;
  color: var(--c-body) !important;
  font-family: var(--font-body) !important;
  -webkit-font-smoothing: antialiased !important;
  overflow-x: hidden !important;
}

/* ─── KILL ALL WHITE BACKGROUNDS ─────────────── */
/* Tag-level: transparent (low specificity, wide net) */
body.anlg div, body.anlg section, body.anlg article,
body.anlg aside, body.anlg main,  body.anlg header,
body.anlg nav,  body.anlg ul,     body.anlg ol,
body.anlg li,   body.anlg table,  body.anlg thead,
body.anlg tbody,body.anlg tr,     body.anlg td,
body.anlg th,   body.anlg form,   body.anlg fieldset,
body.anlg pre,  body.anlg code,   body.anlg figure,
body.anlg summary, body.anlg details, body.anlg span {
  background-color: transparent !important;
  background-image: none !important;
}

/* Inline style attribute overrides (page builders) */
body.anlg [style*="background:#fff"],
body.anlg [style*="background: #fff"],
body.anlg [style*="background:#FFF"],
body.anlg [style*="background:#ffffff"],
body.anlg [style*="background: #ffffff"],
body.anlg [style*="background:#FFFFFF"],
body.anlg [style*="background:white"],
body.anlg [style*="background: white"],
body.anlg [style*="background-color:#fff"],
body.anlg [style*="background-color: #fff"],
body.anlg [style*="background-color:#ffffff"],
body.anlg [style*="background-color: #ffffff"],
body.anlg [style*="background-color:white"],
body.anlg [style*="background-color: white"],
body.anlg [style*="background-color:rgb(255, 255, 255)"],
body.anlg [style*="background-color: rgb(255, 255, 255)"],
body.anlg [style*="background-color:#f9f9f9"],
body.anlg [style*="background-color:#fafafa"],
body.anlg [style*="background-color:#f5f5f5"] {
  background-color: rgba(255,255,255,0.06) !important;
  background-image: none !important;
}

/* Fix dark inline text that becomes invisible */
body.anlg [style*="color:#000"],
body.anlg [style*="color: #000"],
body.anlg [style*="color:#000000"],
body.anlg [style*="color: #000000"],
body.anlg [style*="color:black"],
body.anlg [style*="color: black"],
body.anlg [style*="color:#333"],
body.anlg [style*="color: #333"],
body.anlg [style*="color:#222"],
body.anlg [style*="color:#444"],
body.anlg [style*="color:#555"],
body.anlg [style*="color:rgb(0,0,0)"],
body.anlg [style*="color: rgb(0, 0, 0)"] {
  color: var(--c-body) !important;
}

/* ─── NAVIGATION ──────────────────────────────
   ONE backdrop-filter. Sticky, no z-fighting.
   ─────────────────────────────────────────── */
body.anlg .site-header,
body.anlg header.site-header,
body.anlg #masthead,
body.anlg #header,
body.anlg .main-header {
  background: var(--glass-nav) !important;
  backdrop-filter: var(--blur-nav) !important;
  -webkit-backdrop-filter: var(--blur-nav) !important;
  border-bottom: 1px solid var(--border) !important;
  box-shadow: var(--shadow-nav) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  /* NO will-change here — causes stacking context breakage */
  transition: background 0.3s var(--ease) !important;
}

body.anlg .site-title,
body.anlg .site-title a,
body.anlg .site-branding a {
  color: var(--c-white) !important;
  font-family: var(--font-display) !important;
  font-style: italic !important;
}

/* Nav links */
body.anlg .main-navigation a,
body.anlg .nav-menu a,
body.anlg #site-navigation a,
body.anlg .menu a,
body.anlg nav a {
  color: var(--c-soft) !important;
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  letter-spacing: 0.01em !important;
  padding: 6px 12px !important;
  border-radius: var(--r-sm) !important;
  transition: color 0.15s var(--ease), background 0.15s var(--ease) !important;
  display: inline-block !important;
}
body.anlg .main-navigation a:hover,
body.anlg nav a:hover {
  color: var(--c-white) !important;
  background: rgba(255,255,255,0.09) !important;
}
body.anlg .current-menu-item > a,
body.anlg .current_page_item > a {
  color: var(--c-green) !important;
  background: rgba(48,209,88,0.10) !important;
}

/* Sub-menu dropdown */
body.anlg .sub-menu {
  background: rgba(4,12,8,0.95) !important;
  backdrop-filter: blur(32px) !important;
  -webkit-backdrop-filter: blur(32px) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--r-widget) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.60) !important;
  padding: 6px !important;
}
body.anlg .sub-menu a {
  border-radius: 6px !important;
  display: block !important;
}

/* ─── TYPOGRAPHY ──────────────────────────────
   Colour hierarchy — guaranteed contrast
   ─────────────────────────────────────────── */

/* H1 — RED */
body.anlg h1,
body.anlg .entry-title,
body.anlg .page-title,
body.anlg .post-title,
body.anlg .wp-block-post-title {
  color: var(--c-red) !important;
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.15 !important;
  text-shadow: 0 0 48px rgba(255,59,48,0.38), 0 2px 12px rgba(0,0,0,0.60) !important;
}
body.anlg h1 a, body.anlg .entry-title a,
body.anlg .entry-title a:visited {
  color: var(--c-red) !important;
}
body.anlg h1 a:hover, body.anlg .entry-title a:hover {
  color: #FF6961 !important;
}

/* H2 — BLUE */
body.anlg h2,
body.anlg .entry-content h2,
body.anlg article h2 {
  color: var(--c-blue) !important;
  font-family: var(--font-display) !important;
  font-weight: 600 !important;
  letter-spacing: -0.018em !important;
  line-height: 1.22 !important;
  text-shadow: 0 0 36px rgba(10,132,255,0.32), 0 2px 10px rgba(0,0,0,0.55) !important;
}

/* H3 — GREEN */
body.anlg h3,
body.anlg .entry-content h3,
body.anlg article h3 {
  color: var(--c-green) !important;
  font-family: var(--font-body) !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  text-shadow: 0 0 28px rgba(48,209,88,0.28), 0 1px 8px rgba(0,0,0,0.50) !important;
}

/* H4 — bright white */
body.anlg h4 {
  color: rgba(255,255,255,0.92) !important;
  font-family: var(--font-body) !important;
  font-weight: 600 !important;
}

/* H5, H6 — soft white */
body.anlg h5, body.anlg h6 {
  color: var(--c-soft) !important;
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
}

/* Body text */
body.anlg p,
body.anlg .entry-content p,
body.anlg article p {
  color: var(--c-body) !important;
  font-family: var(--font-body) !important;
  font-size: 1.04rem !important;
  line-height: 1.88 !important;
  font-weight: 400 !important;
}

/* Lists */
body.anlg li,
body.anlg .entry-content li,
body.anlg article li {
  color: var(--c-body) !important;
  font-family: var(--font-body) !important;
  line-height: 1.80 !important;
}
body.anlg .entry-content ul li::marker { color: var(--c-green) !important; }
body.anlg .entry-content ol li::marker { color: var(--c-blue) !important; }

/* Table cells */
body.anlg td, body.anlg th {
  color: var(--c-body) !important;
}

/* Widget titles */
body.anlg .widget-title,
body.anlg .widgettitle,
body.anlg .widget h2,
body.anlg .widget h3,
body.anlg .sidebar h2,
body.anlg .sidebar h3 {
  color: var(--c-green) !important;
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid var(--border-green) !important;
  padding-bottom: 10px !important;
  margin-bottom: 14px !important;
  text-shadow: none !important;
}

/* ─── LINKS ───────────────────────────────── */
body.anlg a,
body.anlg a:visited {
  color: var(--c-blue) !important;
  text-decoration: none !important;
  transition: color 0.15s var(--ease), text-shadow 0.15s var(--ease) !important;
}
body.anlg a:hover {
  color: #5AC8FF !important;
  text-shadow: 0 0 16px rgba(10,132,255,0.50) !important;
}

/* ─── ARTICLE CARDS ───────────────────────────
   Glass surface with NO overflow:hidden —
   that's what was trapping clicks/dropdowns
   ─────────────────────────────────────────── */
body.anlg article.post,
body.anlg article.page,
body.anlg .hentry {
  background: var(--glass-card) !important;
  backdrop-filter: var(--blur-card) !important;
  -webkit-backdrop-filter: var(--blur-card) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--r-card) !important;
  box-shadow: var(--shadow-card) !important;
  margin-bottom: 28px !important;
  position: relative !important;
  /* NO overflow:hidden — breaks sticky TOC, dropdowns, interactivity */
  /* NO contain — breaks layout of children */
  /* NO will-change — causes stacking context issues on scroll */
}

/* Top specular line */
body.anlg article.post::before,
body.anlg .hentry::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: var(--r-card) !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.10) 0px, transparent 1px) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* Content inside article */
body.anlg .entry-content {
  position: relative !important;
  z-index: 1 !important;
}

/* Archive hover — only transform, no other GPU-heavy props */
body.anlg .archive .hentry:hover,
body.anlg .blog .hentry:hover,
body.anlg .home .hentry:hover {
  border-color: rgba(48,209,88,0.22) !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.50) !important;
  transform: translateY(-4px) !important;
  transition: transform 0.28s var(--ease-spring),
              border-color 0.20s var(--ease),
              box-shadow 0.28s var(--ease) !important;
}

/* ─── SEARCH ──────────────────────────────────
   The section that was broken in v1 & v2
   ─────────────────────────────────────────── */

/* Search input — white text guaranteed */
body.anlg input[type="search"],
body.anlg input[type="text"],
body.anlg input[type="email"],
body.anlg input[type="url"],
body.anlg input[type="number"],
body.anlg input[type="password"],
body.anlg textarea,
body.anlg select {
  background: rgba(255,255,255,0.09) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: var(--r-pill) !important;
  color: var(--c-white) !important;
  font-family: var(--font-body) !important;
  font-size: 0.95rem !important;
  padding: 10px 18px !important;
  outline: none !important;
  transition: border-color 0.15s var(--ease), background 0.15s var(--ease) !important;
  caret-color: var(--c-green) !important;
  /* Force white text even under browser defaults */
  -webkit-text-fill-color: var(--c-white) !important;
}
body.anlg textarea {
  border-radius: 12px !important;
  -webkit-text-fill-color: var(--c-white) !important;
}
body.anlg input::placeholder,
body.anlg textarea::placeholder {
  color: rgba(255,255,255,0.35) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.35) !important;
}
body.anlg input:focus,
body.anlg textarea:focus,
body.anlg select:focus {
  border-color: var(--c-blue) !important;
  background: rgba(255,255,255,0.12) !important;
  box-shadow: 0 0 0 3px rgba(10,132,255,0.16) !important;
  -webkit-text-fill-color: var(--c-white) !important;
}

/* Browser autofill — fights chrome's yellow override */
body.anlg input:-webkit-autofill,
body.anlg input:-webkit-autofill:hover,
body.anlg input:-webkit-autofill:focus,
body.anlg input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 9999px rgba(5,20,12,0.98) inset !important;
  -webkit-text-fill-color: var(--c-white) !important;
  caret-color: var(--c-green) !important;
}

/* Search submit */
body.anlg input[type="submit"],
body.anlg button[type="submit"],
body.anlg .search-submit {
  background: rgba(10,132,255,0.18) !important;
  border: 1px solid rgba(10,132,255,0.35) !important;
  border-radius: var(--r-pill) !important;
  color: var(--c-white) !important;
  font-family: var(--font-body) !important;
  font-weight: 600 !important;
  font-size: 0.875rem !important;
  padding: 10px 22px !important;
  cursor: pointer !important;
  transition: background 0.15s var(--ease), box-shadow 0.15s var(--ease) !important;
}
body.anlg input[type="submit"]:hover,
body.anlg .search-submit:hover {
  background: rgba(10,132,255,0.30) !important;
  box-shadow: 0 4px 18px rgba(10,132,255,0.35) !important;
}

/* General buttons */
body.anlg button,
body.anlg .button,
body.anlg a.button,
body.anlg .btn,
body.anlg .more-link,
body.anlg .read-more,
body.anlg .wp-block-button__link {
  background: rgba(255,255,255,0.10) !important;
  border: 1px solid rgba(255,255,255,0.20) !important;
  border-radius: var(--r-pill) !important;
  color: var(--c-white) !important;
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  padding: 9px 22px !important;
  cursor: pointer !important;
  display: inline-block !important;
  transition: background 0.15s var(--ease) !important;
}
body.anlg .button:hover,
body.anlg .more-link:hover {
  background: rgba(255,255,255,0.18) !important;
}

/* ─── TABLE OF CONTENTS ───────────────────── */
body.anlg #ez-toc-container,
body.anlg .ez-toc-container,
body.anlg nav.ez-toc-sticky-fixed,
body.anlg .ez-toc-sticky,
body.anlg #ez-toc-sticky-container,
body.anlg .table-of-contents,
body.anlg .rank-math-toc,
body.anlg .luckywp-toc {
  background: var(--glass-toc) !important;
  backdrop-filter: var(--blur-card) !important;
  -webkit-backdrop-filter: var(--blur-card) !important;
  border: 1px solid var(--border-blue) !important;
  border-radius: var(--r-card) !important;
  padding: 20px 22px !important;
  margin: 24px 0 !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.30) !important;
}

/* TOC title */
body.anlg .ez-toc-title,
body.anlg #ez-toc-container p.ez-toc-title,
body.anlg .table-of-contents .title,
body.anlg .rank-math-toc h5 {
  color: var(--c-green) !important;
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

/* TOC links — bright enough to read */
body.anlg #ez-toc-container ul li a,
body.anlg .ez-toc-list a,
body.anlg .toc-list a,
body.anlg .luckywp-toc a {
  color: rgba(90,200,255,0.90) !important;
  font-size: 0.875rem !important;
  line-height: 1.65 !important;
  display: block !important;
  padding: 1px 0 !important;
  transition: color 0.15s var(--ease) !important;
}
body.anlg #ez-toc-container ul li a:hover,
body.anlg .ez-toc-list a:hover {
  color: var(--c-white) !important;
}

/* TOC nested */
body.anlg #ez-toc-container ul ul,
body.anlg .ez-toc-list ul {
  padding-left: 14px !important;
  border-left: 1px solid rgba(10,132,255,0.18) !important;
  margin: 3px 0 3px 8px !important;
}

/* ─── BLOCKQUOTES ────────────────────────── */
body.anlg blockquote,
body.anlg .wp-block-quote {
  background: rgba(10,132,255,0.08) !important;
  border-left: 3px solid var(--c-blue) !important;
  border-radius: 0 10px 10px 0 !important;
  padding: 18px 22px !important;
  margin: 24px 0 !important;
}
body.anlg blockquote p {
  color: var(--c-body) !important;
  font-style: italic !important;
  font-family: var(--font-display) !important;
}
body.anlg .wp-block-pullquote {
  background: rgba(255,59,48,0.07) !important;
  border-top: 2px solid var(--c-red) !important;
  border-bottom: 2px solid var(--c-red) !important;
  border-left: none !important;
}
body.anlg .wp-block-pullquote p {
  color: #FF6961 !important;
  font-family: var(--font-display) !important;
  font-style: italic !important;
}

/* ─── CODE ───────────────────────────────── */
body.anlg pre,
body.anlg .wp-block-code {
  background: rgba(0,0,0,0.55) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 12px !important;
  padding: 20px !important;
  overflow-x: auto !important;
}
body.anlg pre code,
body.anlg .wp-block-code code {
  color: var(--c-green) !important;
  font-family: var(--font-mono) !important;
  font-size: 0.875rem !important;
  line-height: 1.70 !important;
  background: transparent !important;
  border: none !important;
  -webkit-text-fill-color: var(--c-green) !important;
}
body.anlg p code,
body.anlg li code {
  background: rgba(48,209,88,0.10) !important;
  color: #7EE8A2 !important;
  border: 1px solid rgba(48,209,88,0.18) !important;
  border-radius: 4px !important;
  padding: 1px 6px !important;
  font-family: var(--font-mono) !important;
  font-size: 0.875em !important;
  -webkit-text-fill-color: #7EE8A2 !important;
}

/* ─── TABLES ─────────────────────────────── */
body.anlg table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 12px !important;
  overflow: hidden !important; /* OK on table — doesn't block events */
  background: rgba(255,255,255,0.04) !important;
  margin: 20px 0 !important;
}
body.anlg thead th {
  background: rgba(48,209,88,0.10) !important;
  color: var(--c-green) !important;
  font-weight: 700 !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding: 12px 16px !important;
  border-bottom: 1px solid rgba(48,209,88,0.20) !important;
}
body.anlg tbody td {
  padding: 10px 16px !important;
  color: var(--c-body) !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  -webkit-text-fill-color: var(--c-body) !important;
}
body.anlg tbody tr:last-child td { border-bottom: none !important; }
body.anlg tbody tr:nth-child(even) { background: rgba(255,255,255,0.02) !important; }

/* ─── IMAGES ─────────────────────────────── */
body.anlg .entry-content img,
body.anlg article img,
body.anlg .wp-post-image {
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: 0 6px 24px rgba(0,0,0,0.45) !important;
  max-width: 100% !important;
  height: auto !important;
}
/* Featured image */
body.anlg .post-thumbnail img,
body.anlg .featured-image img {
  border-radius: 14px 14px 0 0 !important;
}

/* ─── TAXONOMY PILLS ─────────────────────── */
body.anlg .cat-links a,
body.anlg .post-categories a,
body.anlg a[rel="category tag"] {
  background: rgba(48,209,88,0.12) !important;
  color: var(--c-green) !important;
  border: 1px solid rgba(48,209,88,0.25) !important;
  border-radius: var(--r-pill) !important;
  padding: 2px 11px !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}
body.anlg .tags-links a,
body.anlg a[rel="tag"],
body.anlg .post-tags a {
  background: rgba(10,132,255,0.10) !important;
  color: #5AC8FF !important;
  border: 1px solid rgba(10,132,255,0.22) !important;
  border-radius: 6px !important;
  padding: 2px 8px !important;
  font-size: 0.75rem !important;
  display: inline-block !important;
  margin: 2px !important;
}

/* Meta (date, author) */
body.anlg .entry-meta *,
body.anlg .post-meta * {
  color: var(--c-dim) !important;
  font-size: 0.82rem !important;
}
body.anlg .entry-meta a { color: var(--c-soft) !important; }
body.anlg .entry-meta a:hover { color: var(--c-green) !important; }

/* ─── SIDEBAR / WIDGETS ──────────────────── */
body.anlg .widget {
  background: var(--glass-widget) !important;
  backdrop-filter: var(--blur-light) !important;
  -webkit-backdrop-filter: var(--blur-light) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--r-widget) !important;
  box-shadow: 0 2px 14px rgba(0,0,0,0.30) !important;
  padding: 20px !important;
  margin-bottom: 22px !important;
}
body.anlg .widget li { color: var(--c-soft) !important; }
body.anlg .widget a { color: #5AC8FF !important; }
body.anlg .widget a:hover { color: var(--c-white) !important; }
body.anlg .widget p { color: var(--c-soft) !important; }

/* ─── AUTHOR BOX ─────────────────────────── */
body.anlg .author-box,
body.anlg .author-card,
body.anlg .about-author,
body.anlg .post-author-box {
  background: rgba(48,209,88,0.06) !important;
  border: 1px solid var(--border-green) !important;
  border-radius: var(--r-card) !important;
  padding: 22px !important;
  margin-top: 28px !important;
}
body.anlg .author-box h3,
body.anlg .author-name { color: var(--c-green) !important; }
body.anlg .author-box p { color: var(--c-soft) !important; }

/* ─── FOOTER ─────────────────────────────── */
body.anlg .site-footer,
body.anlg #colophon,
body.anlg footer.site-footer {
  background: rgba(2,8,4,0.88) !important;
  border-top: 1px solid var(--border) !important;
  backdrop-filter: blur(40px) !important;
  -webkit-backdrop-filter: blur(40px) !important;
}
body.anlg .site-footer * { color: var(--c-dim) !important; }
body.anlg .site-footer a { color: var(--c-soft) !important; }
body.anlg .site-footer a:hover { color: var(--c-green) !important; }

/* ─── COMMENTS ────────────────────────────── */
body.anlg .comments-title,
body.anlg #reply-title { color: var(--c-blue) !important; font-family: var(--font-display) !important; }
body.anlg .comment-body {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid var(--border) !important;
  border-radius: 12px !important;
  padding: 16px !important;
  margin-bottom: 14px !important;
}
body.anlg .comment-content p { color: var(--c-soft) !important; }
body.anlg .comment-author .fn,
body.anlg .comment-author .fn a { color: var(--c-green) !important; font-weight: 600 !important; }
body.anlg .comment-metadata { color: var(--c-dim) !important; font-size: 0.78rem !important; }
body.anlg #respond {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--r-card) !important;
  padding: 24px !important;
}

/* ─── BREADCRUMBS ────────────────────────── */
body.anlg .yoast-breadcrumb *,
body.anlg .breadcrumbs *,
body.anlg .breadcrumb * {
  color: var(--c-dim) !important;
  font-size: 0.80rem !important;
}
body.anlg .yoast-breadcrumb a { color: var(--c-soft) !important; }
body.anlg .yoast-breadcrumb a:hover { color: var(--c-green) !important; }

/* ─── PAGINATION ─────────────────────────── */
body.anlg .page-numbers {
  background: rgba(255,255,255,0.07) !important;
  color: var(--c-soft) !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  padding: 6px 13px !important;
  display: inline-block !important;
  margin: 2px !important;
  transition: background 0.15s var(--ease) !important;
}
body.anlg .page-numbers.current {
  background: rgba(10,132,255,0.20) !important;
  border-color: rgba(10,132,255,0.35) !important;
  color: #5AC8FF !important;
}
body.anlg .page-numbers:hover {
  background: rgba(255,255,255,0.14) !important;
  color: var(--c-white) !important;
}

/* ─── THEME-SPECIFIC ─────────────────────── */
body.anlg .inside-article,
body.anlg .ast-container,
body.anlg .generate-columns-container,
body.anlg .inside-header-image,
body.anlg .ast-article-single,
body.anlg .oceanwp-mobile-menu-icon a,
body.anlg .wp-block-template-part,
body.anlg .wp-block-post-content,
body.anlg .is-layout-flow,
body.anlg .elementor-section,
body.anlg .elementor-container,
body.anlg .elementor-column-wrap,
body.anlg .elementor-widget-wrap,
body.anlg .vc_row, body.anlg .vc_column-inner,
body.anlg .wp-site-blocks,
body.anlg .entry { background: transparent !important; }

/* ─── SCROLLBAR ──────────────────────────── */
body.anlg ::-webkit-scrollbar { width: 5px; height: 5px; }
body.anlg ::-webkit-scrollbar-track { background: rgba(255,255,255,0.02); }
body.anlg ::-webkit-scrollbar-thumb {
  background: rgba(48,209,88,0.25);
  border-radius: 100px;
}
body.anlg ::-webkit-scrollbar-thumb:hover { background: rgba(48,209,88,0.50); }

/* ─── SELECTION ──────────────────────────── */
body.anlg ::selection {
  background: rgba(10,132,255,0.35);
  color: var(--c-white);
}

/* ─── ANIMATIONS ─────────────────────────── */
@keyframes anlg-up {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes anlg-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes anlg-orb-a {
  0%,100% { transform: translate(0,0) scale(1); }
  40%     { transform: translate(28px,-18px) scale(1.04); }
  75%     { transform: translate(-16px,12px) scale(0.97); }
}
@keyframes anlg-orb-b {
  0%,100% { transform: translate(0,0) scale(1); }
  35%     { transform: translate(-22px,16px) scale(1.03); }
  70%     { transform: translate(14px,-10px) scale(0.98); }
}

/* Article entry stagger */
body.anlg article,
body.anlg .hentry {
  animation: anlg-up 0.55s cubic-bezier(0.16,1,0.3,1) both !important;
}
body.anlg article:nth-child(2) { animation-delay: 55ms !important; }
body.anlg article:nth-child(3) { animation-delay: 110ms !important; }
body.anlg article:nth-child(4) { animation-delay: 165ms !important; }
body.anlg article:nth-child(5) { animation-delay: 220ms !important; }

body.anlg .widget {
  animation: anlg-in 0.45s var(--ease) both !important;
}

/* Accessibility — reduce motion */
@media (prefers-reduced-motion: reduce) {
  body.anlg *, body.anlg *::before, body.anlg *::after {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }
}

/* ─── RESPONSIVE ─────────────────────────── */
@media (max-width: 768px) {
  body.anlg article.post,
  body.anlg .hentry {
    border-radius: 12px !important;
    margin-bottom: 18px !important;
  }
  body.anlg h1,
  body.anlg .entry-title {
    font-size: clamp(1.45rem, 5vw, 2.2rem) !important;
    line-height: 1.20 !important;
  }
  body.anlg h2,
  body.anlg .entry-content h2 {
    font-size: clamp(1.15rem, 4vw, 1.55rem) !important;
  }
  body.anlg p,
  body.anlg .entry-content p {
    font-size: 0.975rem !important;
    line-height: 1.80 !important;
  }
  body.anlg .entry-content {
    padding: 16px !important;
  }
  body.anlg #ez-toc-container,
  body.anlg .table-of-contents {
    padding: 16px !important;
    border-radius: 12px !important;
  }
  /* Nav backdrop on mobile — lighter blur for performance */
  body.anlg .site-header,
  body.anlg #masthead {
    backdrop-filter: blur(24px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  }
}

@media (max-width: 480px) {
  body.anlg h1,
  body.anlg .entry-title {
    font-size: 1.40rem !important;
  }
  body.anlg h2,
  body.anlg .entry-content h2 {
    font-size: 1.10rem !important;
  }
}

/* Retina hairline borders */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  body.anlg article.post,
  body.anlg .hentry,
  body.anlg .widget {
    border-width: 0.5px !important;
  }
}