/* ==========================================================================
   NEXUS CAPITAL IB — Master C-Level Ledger & Optical Liquid Glass Edition
   Domain: https://nexuscapitalib.com | Brand: NEXUS CAPITAL IB
   Visual Architecture (v20261111v7):
   1. Burnished Walnut-Leather Executive Desk Frame (#2A1C12) + 3-Ply Page Stack
   2. Warm Honeyed Cotton Ledger Paper (#F1E3C8) + Unruled Top Folio Header
   3. True Optical White-Crystal Liquid Glass Cards (High Contrast vs. Paper)
   4. Unboxed Organic Botanical Vase, Crystal Inkwell & 18K Nib + Silk Ribbon
   ========================================================================== */

:root,
[data-theme="light"] {
  --desk-surface: #2b1d13;
  --bg-primary: #f1e3c8;
  --bg-folio-header: #f7edd9;
  --bg-secondary: rgba(246, 235, 214, 0.72);
  --bg-card: rgba(255, 255, 255, 0.66);
  --bg-card-solid: #fcf7ed;
  --bg-card-hover: rgba(255, 255, 255, 0.84);
  --bg-glass: rgba(250, 242, 226, 0.80);
  --bg-pill: rgba(255, 253, 249, 0.72);
  --text-primary: #1f150e;
  --text-secondary: #433121;
  --text-muted: #6c553d;
  --accent-gold: #8c5a0e;
  --accent-gold-light: #694105;
  --accent-gold-dim: rgba(140, 90, 14, 0.105);
  --accent-oxblood: #84251d;
  --accent-prussian: #1b4268;
  --accent-emerald: #13573c;
  --accent-emerald-dim: rgba(19, 87, 60, 0.105);
  --border-subtle: rgba(132, 96, 48, 0.20);
  --border-gold: rgba(140, 90, 14, 0.38);
  --notebook-rule-line: rgba(120, 88, 48, 0.148);
  --notebook-major-line: rgba(144, 96, 36, 0.218);
  --notebook-col-line: rgba(120, 88, 48, 0.042);
  --notebook-margin-red-1: rgba(162, 52, 42, 0.34);
  --notebook-margin-red-2: rgba(162, 52, 42, 0.18);
  --notebook-spine-shadow: rgba(56, 35, 12, 0.135);
  --notebook-edge-vignette: rgba(142, 98, 40, 0.125);
  --radius-sm: 9px;
  --radius-md: 12px;
  --radius-lg: 15px;
  --container-max: 1100px;
  --font-sans: 'Inter', 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
  --font-serif: 'Palatino Linotype', Palatino, Cambria, 'Times New Roman', serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

[data-theme="dark"] {
  --desk-surface: #0b0806;
  --bg-primary: #18120d;
  --bg-folio-header: #1d1610;
  --bg-secondary: rgba(31, 24, 18, 0.80);
  --bg-card: rgba(34, 26, 18, 0.68);
  --bg-card-solid: #221a13;
  --bg-card-hover: rgba(44, 33, 24, 0.84);
  --bg-glass: rgba(25, 19, 14, 0.84);
  --bg-pill: rgba(38, 29, 20, 0.78);
  --text-primary: #f4ece0;
  --text-secondary: #d7c8b2;
  --text-muted: #a6937a;
  --accent-gold: #d4a640;
  --accent-gold-light: #f0cb73;
  --accent-gold-dim: rgba(212, 166, 64, 0.15);
  --accent-oxblood: #d96b60;
  --accent-prussian: #6ea8dc;
  --accent-emerald: #24ad7b;
  --accent-emerald-dim: rgba(36, 173, 123, 0.14);
  --border-subtle: rgba(196, 166, 122, 0.18);
  --border-gold: rgba(212, 166, 64, 0.42);
  --notebook-rule-line: rgba(212, 166, 64, 0.095);
  --notebook-major-line: rgba(212, 166, 64, 0.165);
  --notebook-col-line: rgba(196, 166, 122, 0.032);
  --notebook-margin-red-1: rgba(192, 70, 60, 0.34);
  --notebook-margin-red-2: rgba(192, 70, 60, 0.20);
  --notebook-spine-shadow: rgba(0, 0, 0, 0.54);
  --notebook-edge-vignette: rgba(0, 0, 0, 0.38);
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Executive Burnished Walnut-Leather Desk Mat Surround */
html {
  font-size: 15.5px !important;
  scroll-behavior: smooth;
  scroll-padding-top: 64px;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-family: var(--font-sans);
  background-color: var(--desk-surface);
  background-image:
    radial-gradient(ellipse at 50% 15%, rgba(92, 60, 32, 0.42) 0%, transparent 65%),
    repeating-linear-gradient(90deg, rgba(255, 235, 205, 0.015) 0px, rgba(255, 235, 205, 0.015) 2px, transparent 2px, transparent 7px),
    linear-gradient(180deg, #332216 0%, #24170e 50%, #1d120b 100%);
  color: var(--text-primary);
  line-height: 1.55;
  overflow-x: clip;
}

[data-theme="dark"] html,
html[data-theme="dark"] {
  background-image: linear-gradient(180deg, #110c08 0%, #090604 100%);
}

/* ==========================================================================
   0. PHYSICAL BOUND C-LEVEL LEDGER SHEET ON WALNUT DESK (#F1E3C8)
   - 3-Ply Stacked Cream Paper Edges + Leather Cover Binding on Desktop
   - 28px Fountain-Pen Ruling + 140px Major 5-Line Ledger Index Rule
   - Locked Page-Relative Saddle-Stitch Spine & Rose-Oxblood Double Margin
   ========================================================================== */
body {
  position: relative;
  background-color: var(--bg-primary);
  background-image:
    linear-gradient(90deg, var(--notebook-spine-shadow) 0px, rgba(68, 44, 18, 0.045) 18px, rgba(68, 44, 18, 0.010) 38px, transparent 58px),
    radial-gradient(ellipse at 50% 50%, transparent 54%, var(--notebook-edge-vignette) 100%),
    repeating-linear-gradient(to bottom, transparent 0px, transparent 139px, var(--notebook-major-line) 139px, var(--notebook-major-line) 140px),
    repeating-linear-gradient(to bottom, transparent 0px, transparent 27px, var(--notebook-rule-line) 27px, var(--notebook-rule-line) 28px),
    repeating-linear-gradient(to right, transparent 0px, transparent 219px, var(--notebook-col-line) 219px, var(--notebook-col-line) 220px);
  background-attachment: scroll;
  color: var(--text-primary);
  overflow-x: clip;
  min-height: 100vh;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

@media (min-width: 1180px) {
  body {
    max-width: min(1360px, calc(100vw - 34px));
    margin: 9px auto 18px;
    border-radius: 4px 10px 10px 4px;
    box-shadow:
      /* Bound Cordovan-Leather Spine Edge on Left */
      -4px 0 0 0 #3f2819,
      -7px 0 0 0 #24160d,
      -7px 0 0 1px rgba(188, 140, 56, 0.28),
      /* 3-Ply Stacked Cream Ledger Pages on Right & Bottom */
      1px 0 0 0 rgba(124, 88, 42, 0.42),
      3px 2px 0 0 #e9d9bc,
      4px 2px 0 0 rgba(110, 76, 34, 0.34),
      6px 4px 0 0 #dfd0b2,
      7px 4px 0 0 rgba(96, 64, 26, 0.32),
      /* Deep Realistic Desk Contact & Ambient Shadow */
      0 22px 50px -8px rgba(10, 6, 2, 0.65),
      0 4px 14px rgba(14, 8, 3, 0.42);
  }

  html[data-theme="dark"] body {
    box-shadow:
      -4px 0 0 0 #2b1d13,
      -7px 0 0 0 #140d08,
      1px 0 0 0 rgba(212, 166, 64, 0.25),
      3px 2px 0 0 #261d15,
      6px 4px 0 0 #1c150f,
      0 24px 54px -6px rgba(0, 0, 0, 0.85);
  }
}

/* Page-Locked Oxblood Double Margin Rule + Fine Hand-Sewn Saddle-Stitch Spine */
body::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image:
    linear-gradient(
      90deg,
      transparent 0,
      transparent 12px,
      rgba(112, 78, 40, 0.18) 12px,
      rgba(112, 78, 40, 0.18) 13px,
      transparent 13px,
      transparent 44px,
      var(--notebook-margin-red-1) 44px,
      var(--notebook-margin-red-1) 45.2px,
      transparent 45.2px,
      transparent 48.5px,
      var(--notebook-margin-red-2) 48.5px,
      var(--notebook-margin-red-2) 49.5px,
      transparent 49.5px,
      transparent calc(100% - 24px),
      var(--notebook-major-line) calc(100% - 24px),
      var(--notebook-major-line) calc(100% - 23px),
      transparent calc(100% - 23px)
    ),
    repeating-linear-gradient(
      to bottom,
      transparent 0px,
      transparent 10px,
      rgba(250, 242, 226, 0.70) 10px,
      rgba(122, 84, 40, 0.36) 11px,
      rgba(122, 84, 40, 0.36) 21px,
      transparent 21px,
      transparent 28px
    );
  background-size: 100% 100%, 2px 28px;
  background-position: 0 0, 12px 0;
  background-repeat: no-repeat, repeat-y;
}

/* Tactile Laid Cotton & Parchment Fiber Grain */
body::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: 0.032;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.80' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
}

main,
.site-footer {
  position: relative;
  z-index: 1;
}

section[id],
div[id],
aside[id],
article[id] {
  scroll-margin-top: 66px;
}

.skip-link {
  position: absolute;
  top: -100px;
  left: 16px;
  background: var(--accent-gold);
  color: #060a12;
  padding: 8px 14px;
  border-radius: var(--radius-sm);
  font-weight: 700;
  z-index: 9999;
  text-decoration: none;
}

.skip-link:focus {
  top: 12px;
}

/* Master Centered Desktop Container (1100px) */
.container {
  width: 100%;
  max-width: var(--container-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

/* ==========================================================================
   1. COMPACT GLASS HEADER + GUARANTEED VISIBLE LANGUAGE & THEME BUTTONS
   ========================================================================== */
.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: var(--bg-glass);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--border-subtle);
}

.scroll-progress-track {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: transparent;
  overflow: hidden;
  pointer-events: none;
}

.scroll-progress-bar {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #10b981 0%, #d4af37 55%, #f3d067 100%);
  transition: width 0.08s linear;
}

/* Non-overflowing Flex Header: Brand Left, Nav Centered, Controls Locked Right */
.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 56px;
  gap: 8px;
}

.brand-identity {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  text-decoration: none;
  color: var(--text-primary);
  flex-shrink: 0;
}

.brand-crest {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: var(--accent-gold-dim);
  border: 1px solid var(--border-gold);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.brand-title {
  display: block;
  font-weight: 800;
  font-size: 0.86rem;
  letter-spacing: 0.04em;
  color: var(--text-primary);
  white-space: nowrap;
  line-height: 1.15;
}

.brand-subtitle {
  display: block;
  font-size: 0.54rem;
  color: var(--accent-gold-light);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
  margin-top: 1px;
}

/* Center Pill Navigation — Compact so it NEVER pushes controls off screen */
.primary-nav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  background: var(--bg-pill);
  border: 1px solid var(--border-subtle);
  padding: 3px;
  border-radius: 999px;
  margin-left: auto;
  margin-right: auto;
  min-width: 0;
}

.primary-nav a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--text-secondary);
  text-decoration: none;
  font-size: 0.72rem;
  font-weight: 600;
  padding: 5px 9px;
  border-radius: 999px;
  white-space: nowrap;
  transition: all 0.15s ease;
}

.primary-nav a svg {
  width: 13px;
  height: 13px;
  color: var(--accent-gold);
  flex-shrink: 0;
}

.primary-nav a:hover,
.primary-nav a:focus-visible,
.primary-nav a.active {
  color: var(--accent-gold-light);
  background: var(--accent-gold-dim);
}

/* Right Controls Capsule: Language Toggle + Light/Dark Theme Toggle (Always Visible!) */
.header-controls {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

.icon-btn-utility {
  height: 34px;
  min-width: 34px;
  padding: 0 10px;
  border-radius: 999px;
  background: var(--bg-pill);
  color: var(--text-primary);
  border: 1px solid var(--border-gold);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  cursor: pointer;
  font-size: 0.71rem;
  font-weight: 700;
  font-family: var(--font-mono);
  transition: all 0.16s ease;
  flex-shrink: 0;
  -webkit-tap-highlight-color: transparent;
}

.icon-btn-utility.theme-btn-visible {
  width: 34px;
  height: 34px;
  padding: 0;
  background: var(--accent-gold-dim);
  border: 1px solid var(--border-gold);
  color: var(--accent-gold-light);
}

.icon-btn-utility svg {
  width: 15px;
  height: 15px;
  color: var(--accent-gold-light);
  stroke: currentColor;
  flex-shrink: 0;
}

.icon-btn-utility:hover,
.icon-btn-utility:focus-visible {
  border-color: var(--accent-gold-light);
  background: var(--accent-gold-dim);
  transform: translateY(-1px);
}

html:not([data-theme="dark"]) .icon-sun { display: none !important; }
html:not([data-theme="dark"]) .icon-moon { display: block !important; }
[data-theme="dark"] .icon-sun { display: block !important; }
[data-theme="dark"] .icon-moon { display: none !important; }

/* ==========================================================================
   2. UNIFIED ABOVE-THE-FOLD STAGE: COMPACT HERO + 3 CORE PRACTICE CARDS
   (Zero Duplicate Buttons • Zero Duplicate Metric Boxes • Zero Dead Space)
   ========================================================================== */
.hero-practices-stage {
  position: relative;
  padding: 24px 0 28px;
  border-bottom: 1px solid var(--border-subtle);
  overflow: hidden;
}

.hero-constellation-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  opacity: 0.38;
}

html[data-theme="light"] .hero-constellation-bg {
  opacity: 0.18;
}

.hero-constellation-bg svg {
  width: 100%;
  max-width: 1100px;
  height: auto;
}

.hero-centered-box {
  position: relative;
  z-index: 1;
  max-width: 880px;
  margin: 0 auto 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.eyebrow-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 7px;
  padding: 4px 14px;
  border-radius: 999px;
  background: var(--accent-gold-dim);
  border: 1px solid var(--border-gold);
  color: var(--accent-gold-light);
  font-size: 0.67rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.status-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--accent-emerald);
  display: inline-block;
  box-shadow: 0 0 8px var(--accent-emerald);
}

.hero-title {
  font-size: clamp(1.52rem, 2.55vw, 2.08rem);
  font-weight: 800;
  line-height: 1.22;
  letter-spacing: -0.02em;
  margin-bottom: 10px;
  color: var(--text-primary);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}

.hero-title-line {
  display: block;
}

.gold-highlight {
  color: var(--accent-gold-light);
}

.hero-lead {
  font-size: clamp(0.86rem, 1.15vw, 0.95rem);
  color: var(--text-secondary);
  line-height: 1.55;
  max-width: 74ch;
  margin: 0 auto;
}

/* 3 Sleek Horizontal Practice Cards (Wide Full-Width Rows • 1-Line Kicker & Title) */
.practices-grid {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.practice-glass-card {
  position: relative;
  background: var(--bg-card);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid var(--border-subtle);
  border-left: 3px solid var(--accent-gold);
  border-radius: var(--radius-md);
  padding: 12px 18px;
  display: flex;
  flex-direction: column;
  gap: 7px;
  transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.practice-glass-card:hover {
  border-color: var(--accent-gold);
  transform: translateY(-1px);
  box-shadow: 0 10px 26px -12px rgba(212, 175, 55, 0.24);
}

.practice-top-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.practice-card-head {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex-wrap: nowrap;
}

.practice-icon-badge {
  width: 28px;
  height: 28px;
  border-radius: 7px;
  background: var(--accent-gold-dim);
  border: 1px solid var(--border-gold);
  color: var(--accent-gold-light);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.practice-icon-badge svg {
  width: 15px;
  height: 15px;
}

.practice-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 236px;
  font-family: var(--font-mono);
  font-size: 0.63rem;
  font-weight: 700;
  color: var(--accent-gold-light);
  background: var(--accent-gold-dim);
  border: 1px solid var(--border-gold);
  padding: 2px 10px;
  border-radius: 999px;
  letter-spacing: 0.04em;
  white-space: nowrap;
  flex-shrink: 0;
  text-align: center;
}

.practice-title {
  font-size: 0.94rem;
  font-weight: 800;
  color: var(--text-primary);
  margin: 0;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Optical size & cap-height balance for Card 03 ("ASEAN OEM Manufacturing & EPC Sourcing") so all-caps acronyms match Cards 01 & 02 */
#practice-sourcing .practice-title {
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.practice-mid-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.practice-desc {
  font-size: 0.73rem;
  color: var(--text-secondary);
  line-height: 1.36;
  margin: 0;
  flex: 1 1 auto;
}

.practice-sla-insight {
  background: var(--accent-gold-dim);
  border: 1px solid var(--border-gold);
  border-radius: 999px;
  padding: 3px 10px;
  font-size: 0.66rem;
  font-weight: 600;
  color: var(--accent-gold-light);
  margin: 0;
  white-space: nowrap;
  flex-shrink: 0;
}

.practice-highlights {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin: 0;
  padding: 6px 0 0;
  border-top: 1px solid var(--border-subtle);
  font-size: 0.685rem;
  color: var(--text-secondary);
  line-height: 1.34;
}

.practice-highlights li {
  position: relative;
  padding-left: 12px;
}

.practice-highlights li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--accent-gold);
  font-weight: 800;
}

.practice-contact-footer {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 3px 8px 3px 11px;
  border-radius: 999px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-subtle);
  flex-shrink: 0;
}

.practice-email-link {
  font-family: var(--font-mono);
  font-size: 0.71rem;
  font-weight: 600;
  color: var(--accent-gold-light);
  text-decoration: none;
  white-space: nowrap;
}

.practice-email-link:hover {
  text-decoration: underline;
}

.btn-copy-mini {
  background: var(--bg-card-solid);
  color: var(--text-secondary);
  border: 1px solid var(--border-subtle);
  border-radius: 999px;
  padding: 2px 9px;
  min-height: 22px;
  font-size: 0.65rem;
  font-weight: 600;
  cursor: pointer;
  flex-shrink: 0;
  transition: all 0.15s ease;
}

.btn-copy-mini:hover {
  border-color: var(--accent-gold);
  color: var(--accent-gold-light);
}

/* ==========================================================================
   3. TIGHT SECTION BLOCKS (Zero Vertical Dead Space)
   ========================================================================== */
.section-block {
  position: relative;
  padding: 24px 0;
  border-bottom: 1px solid var(--border-subtle);
}

.section-header-compact {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 14px;
}

.section-title-inline {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.section-kicker {
  display: inline-flex;
  align-items: center;
  font-size: 0.64rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--accent-gold-light);
  background: var(--accent-gold-dim);
  border: 1px solid var(--border-gold);
  padding: 2px 10px;
  border-radius: 999px;
}

.section-title {
  font-size: clamp(1.12rem, 1.8vw, 1.35rem);
  font-weight: 800;
  line-height: 1.2;
  color: var(--text-primary);
}

.section-subtitle-inline {
  font-size: 0.78rem;
  color: var(--text-muted);
}

/* ==========================================================================
   3B. EXECUTIVE YOUTUBE CHANNEL & VIDEO BRIEFINGS STUDIO (#youtube-briefings)
   Left: Visual 16:9 YouTube Channel Player Screen | Right: Briefing Details + Stream Tabs
   ========================================================================== */
.youtube-hub-card {
  background: var(--bg-card);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid var(--border-gold);
  border-radius: var(--radius-md);
  padding: 16px;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.15fr);
  gap: 18px;
  align-items: stretch;
}

/* Left Column: Visual 16:9 YouTube Channel Player Screen */
.youtube-player-screen {
  border-radius: var(--radius-sm);
  border: 1px solid rgba(239, 68, 68, 0.36);
  background: linear-gradient(160deg, #050912 0%, #0b1324 55%, #070d19 100%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  box-shadow: 0 12px 30px -14px rgba(0, 0, 0, 0.75);
}

.yt-channel-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 13px;
  background: rgba(6, 11, 22, 0.92);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.yt-channel-brand {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}

.yt-channel-avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(212, 175, 55, 0.16);
  border: 1.5px solid #d4af37;
  color: #f3d067;
  font-weight: 800;
  font-size: 0.78rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.yt-channel-meta {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.yt-channel-name {
  font-size: 0.74rem;
  font-weight: 800;
  color: #f8fafc;
  letter-spacing: 0.03em;
  line-height: 1.15;
}

.yt-channel-handle {
  font-family: var(--font-mono);
  font-size: 0.61rem;
  color: #94a3b8;
  line-height: 1.2;
}

.yt-subscribe-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%);
  color: #ffffff;
  font-size: 0.67rem;
  font-weight: 800;
  padding: 4px 11px;
  border-radius: 999px;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 4px 12px -3px rgba(239, 68, 68, 0.55);
  transition: transform 0.15s ease;
}

.yt-subscribe-pill:hover {
  transform: translateY(-1px);
}

.yt-sub-play {
  font-size: 0.60rem;
}

.yt-video-viewport {
  position: relative;
  flex: 1 1 auto;
  min-height: 178px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 11px 13px;
  text-decoration: none;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 45%, rgba(239, 68, 68, 0.14) 0%, transparent 52%),
    radial-gradient(circle at 82% 22%, rgba(212, 175, 55, 0.18) 0%, transparent 48%),
    linear-gradient(180deg, rgba(6, 10, 19, 0.35) 0%, rgba(5, 9, 18, 0.88) 100%);
}

.yt-screen-art-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  opacity: 0.88;
}

.yt-screen-top-overlay {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.yt-screen-live-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 9px;
  border-radius: 999px;
  background: rgba(6, 10, 18, 0.82);
  border: 1px solid rgba(239, 68, 68, 0.45);
  color: #fca5a5;
  font-size: 0.59rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.yt-screen-hd-pill {
  font-family: var(--font-mono);
  font-size: 0.60rem;
  font-weight: 700;
  color: #f3d067;
  background: rgba(6, 10, 18, 0.82);
  border: 1px solid rgba(212, 175, 55, 0.42);
  padding: 2px 8px;
  border-radius: 999px;
}

.yt-center-play-wrap {
  position: relative;
  z-index: 2;
  align-self: center;
  margin: 8px 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.yt-center-play-halo {
  position: absolute;
  width: 74px;
  height: 52px;
  border-radius: 14px;
  background: rgba(239, 68, 68, 0.25);
  filter: blur(8px);
  transition: transform 0.2s ease;
}

.yt-center-play-btn {
  position: relative;
  width: 60px;
  height: 42px;
  border-radius: 11px;
  background: linear-gradient(135deg, #ff1a1a 0%, #cc0000 100%);
  border: 1px solid rgba(255, 255, 255, 0.28);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  box-shadow: 0 8px 20px -4px rgba(239, 68, 68, 0.72);
  transition: transform 0.18s ease, background 0.18s ease;
}

.yt-video-viewport:hover .yt-center-play-btn {
  transform: scale(1.07);
}

.yt-center-play-btn svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
  margin-left: 2px;
}

.yt-screen-chyron {
  position: relative;
  z-index: 2;
  background: rgba(6, 11, 22, 0.86);
  border: 1px solid rgba(212, 175, 55, 0.32);
  border-left: 3px solid #ef4444;
  border-radius: 7px;
  padding: 6px 10px;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.yt-chyron-kicker {
  font-family: var(--font-mono);
  font-size: 0.57rem;
  font-weight: 700;
  color: #f3d067;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.yt-chyron-title {
  font-size: 0.73rem;
  font-weight: 700;
  color: #f8fafc;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.yt-player-scrubber-bar {
  background: #050912;
  padding: 0 12px 7px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.yt-scrubber-track {
  position: relative;
  height: 3px;
  background: rgba(148, 163, 184, 0.25);
  border-radius: 999px;
  margin-bottom: 6px;
}

.yt-scrubber-fill {
  height: 100%;
  background: linear-gradient(90deg, #ef4444 0%, #f3d067 100%);
  border-radius: 999px;
}

.yt-scrubber-knob {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ef4444;
  box-shadow: 0 0 6px #ef4444;
}

.yt-controls-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-family: var(--font-mono);
  font-size: 0.61rem;
  color: #cbd5e1;
}

.yt-controls-left,
.yt-controls-right {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.yt-ctrl-play-icon {
  color: #ef4444;
  font-size: 0.65rem;
}

.yt-ctrl-badge {
  padding: 1px 5px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  font-size: 0.56rem;
  font-weight: 700;
  color: #f8fafc;
}

.yt-ctrl-ext {
  color: #f3d067;
  text-decoration: none;
  font-weight: 600;
}

.yt-ctrl-ext:hover {
  text-decoration: underline;
}

/* Right Column: Moved Briefing Details + 3-Stream Switcher Tabs */
.youtube-stage-pane {
  position: relative;
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-gold);
  background:
    radial-gradient(circle at 82% 18%, rgba(212, 175, 55, 0.14) 0%, transparent 48%),
    radial-gradient(circle at 18% 82%, rgba(239, 68, 68, 0.10) 0%, transparent 45%),
    linear-gradient(145deg, #060a12 0%, #0d1526 55%, #09101d 100%);
  padding: 13px 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 8px;
  overflow: hidden;
}

html[data-theme="light"] .youtube-stage-pane {
  background:
    radial-gradient(circle at 82% 18%, rgba(154, 115, 16, 0.12) 0%, transparent 48%),
    linear-gradient(145deg, #0f172a 0%, #1e293b 100%);
  color: #f8fafc;
}

.yt-stream-tabs-bar {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.yt-stream-item {
  width: 100%;
  text-align: left;
  background: rgba(15, 23, 42, 0.78);
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 7px;
  padding: 5px 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  transition: all 0.15s ease;
  color: #f8fafc;
  font-family: var(--font-sans);
}

.yt-stream-item:hover {
  border-color: var(--border-gold);
}

.yt-stream-item.active {
  background: rgba(212, 175, 55, 0.18);
  border-color: #d4af37;
}

.yt-stream-tag {
  font-family: var(--font-mono);
  font-size: 0.59rem;
  font-weight: 700;
  color: #f3d067;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.yt-stream-meta {
  font-family: var(--font-mono);
  font-size: 0.57rem;
  color: #94a3b8;
  white-space: nowrap;
  flex-shrink: 0;
}

.yt-stage-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}

.yt-live-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: 999px;
  background: rgba(239, 68, 68, 0.16);
  border: 1px solid rgba(239, 68, 68, 0.42);
  color: #fca5a5;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.yt-red-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ef4444;
  box-shadow: 0 0 8px #ef4444;
}

.yt-duration-pill {
  font-family: var(--font-mono);
  font-size: 0.64rem;
  font-weight: 600;
  color: #f3d067;
  background: rgba(212, 175, 55, 0.14);
  border: 1px solid rgba(212, 175, 55, 0.32);
  padding: 2px 9px;
  border-radius: 999px;
}

.yt-stage-center {
  margin: 0;
}

.yt-stage-kicker {
  font-family: var(--font-mono);
  font-size: 0.63rem;
  font-weight: 700;
  color: #f3d067;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 3px;
  display: block;
}

.yt-stage-title {
  font-size: 0.94rem;
  font-weight: 800;
  color: #f8fafc;
  line-height: 1.26;
  margin-bottom: 5px;
}

.yt-stage-desc {
  font-size: 0.74rem;
  color: #cbd5e1;
  line-height: 1.44;
  margin-bottom: 8px;
}

.yt-stage-takeaways {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  list-style: none;
}

.yt-stage-takeaways li {
  font-size: 0.66rem;
  font-weight: 600;
  color: #e2e8f0;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: 2px 9px;
  border-radius: 999px;
}

.yt-stage-bottombar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.btn-yt-watch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%);
  color: #ffffff;
  font-weight: 800;
  font-size: 0.74rem;
  padding: 6px 14px;
  min-height: 32px;
  border-radius: 999px;
  text-decoration: none;
  box-shadow: 0 6px 16px -4px rgba(239, 68, 68, 0.55);
  transition: transform 0.16s ease;
}

.btn-yt-watch:hover {
  transform: translateY(-1px);
}

.btn-yt-watch svg {
  width: 13px;
  height: 13px;
  fill: currentColor;
}

.yt-channel-handle-link {
  font-family: var(--font-mono);
  font-size: 0.70rem;
  font-weight: 600;
  color: #f3d067;
  text-decoration: none;
}

.yt-channel-handle-link:hover {
  text-decoration: underline;
}

/* ==========================================================================
   4. BLOCK 3: EXECUTIVE LEADERSHIP & C-LEVEL DESKS (Compact Typography • 1-Line Rows)
   ========================================================================== */
.leadership-glass-card {
  background: var(--bg-card);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid var(--border-gold);
  border-radius: var(--radius-md);
  padding: 14px 18px;
  display: grid;
  grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr);
  gap: 18px;
  align-items: center;
}

.leader-left-pane,
.direct-desks-box {
  min-width: 0;
}

.leader-left-pane .section-kicker {
  font-size: 0.59rem;
  padding: 2px 9px;
}

.leader-profile-top {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0 8px;
}

.leader-avatar-photo {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center center;
  border: 2px solid var(--accent-gold);
  box-shadow: 0 0 0 2px var(--bg-card-solid), 0 4px 12px rgba(42, 28, 12, 0.22);
  flex-shrink: 0;
  display: block;
  background: var(--bg-card-solid);
}

.leader-monogram {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--accent-gold-dim);
  border: 1.5px solid var(--border-gold);
  color: var(--accent-gold-light);
  font-weight: 800;
  font-size: 0.84rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.leader-name {
  font-size: 0.96rem;
  font-weight: 800;
  color: var(--text-primary);
  line-height: 1.18;
}

.leader-role {
  font-size: 0.70rem;
  color: var(--accent-gold-light);
  font-weight: 600;
  margin-top: 1px;
}

.leader-bio {
  font-size: 0.73rem;
  color: var(--text-secondary);
  line-height: 1.42;
  margin-bottom: 10px;
}

.leader-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.btn-primary-gold {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  background: linear-gradient(135deg, #e5c148 0%, #c29b24 100%);
  color: #060a12;
  font-weight: 700;
  font-size: 0.73rem;
  min-height: 31px;
  padding: 5px 14px;
  border-radius: 7px;
  text-decoration: none;
  border: 1px solid rgba(243, 208, 103, 0.65);
  cursor: pointer;
  transition: filter 0.16s ease, transform 0.16s ease;
}

.btn-primary-gold:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
}

.direct-desks-box {
  background: var(--bg-secondary);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-sm);
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.direct-desks-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--border-subtle);
}

.direct-desks-title {
  font-size: 0.61rem;
  font-weight: 800;
  color: var(--accent-gold-light);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  white-space: nowrap;
}

.direct-desks-backup {
  font-family: var(--font-mono);
  font-size: 0.58rem;
  color: var(--text-muted);
  text-decoration: none;
  white-space: nowrap;
}

.direct-desks-backup:hover {
  color: var(--accent-gold-light);
  text-decoration: underline;
}

.direct-desk-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 4px 9px;
  border-radius: 6px;
  background: var(--bg-card);
  border: 1px solid var(--border-subtle);
}

.direct-desk-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 8px;
  flex: 1;
  min-width: 0;
}

.direct-desk-label {
  font-size: 0.66rem;
  font-weight: 700;
  color: var(--text-secondary);
  white-space: nowrap;
}

.direct-desks-box .practice-email-link {
  font-size: 0.68rem;
}

/* ==========================================================================
   5. BLOCK 4: FULL-WIDTH 1100PX 2x2 EXECUTIVE FAQ GRID (Zero Side Dead Space)
   ========================================================================== */
.faq-grid-2x2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
  gap: 12px;
  align-items: stretch;
}

.faq-item {
  background: var(--bg-card);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-sm);
  overflow: hidden;
  transition: border-color 0.16s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.faq-item[open] {
  border-color: var(--border-gold);
}

.faq-question {
  padding: 11px 14px;
  min-height: 54px;
  font-weight: 700;
  font-size: 0.82rem;
  line-height: 1.35;
  color: var(--text-primary);
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.faq-question::-webkit-details-marker {
  display: none;
}

.faq-icon {
  font-family: var(--font-mono);
  color: var(--accent-gold);
  font-size: 0.98rem;
  transition: transform 0.2s ease;
  flex-shrink: 0;
}

.faq-item[open] .faq-icon {
  transform: rotate(45deg);
}

.faq-answer {
  padding: 10px 14px 12px;
  color: var(--text-secondary);
  font-size: 0.78rem;
  border-top: 1px solid var(--border-subtle);
  line-height: 1.55;
  flex: 1 1 auto;
}

/* ==========================================================================
   5B. ULTRA-COMPACT 2-ROW CENTER-ALIGNED BOUTIQUE IB FOOTER
   ========================================================================== */
.site-footer {
  padding: 14px 0 64px;
  background: var(--bg-secondary);
  border-top: 1px solid var(--border-subtle);
  font-size: 0.68rem;
  color: var(--text-muted);
}

.footer-compact-row1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  padding-bottom: 7px;
  border-bottom: 1px solid var(--border-subtle);
  text-align: center;
}

.footer-brand-inline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-wrap: wrap;
}

.footer-mini-crest {
  width: 17px;
  height: 17px;
  border-radius: 4px;
  background: var(--accent-gold-dim);
  border: 1px solid var(--border-gold);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.footer-brand-name {
  font-weight: 800;
  font-size: 0.70rem;
  letter-spacing: 0.03em;
  color: var(--text-primary);
}

.footer-leader-inline {
  font-size: 0.65rem;
  color: var(--text-secondary);
  font-weight: 500;
}

.footer-nav-inline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  flex-wrap: wrap;
  list-style: none;
}

.footer-nav-inline a {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  color: var(--text-secondary);
  text-decoration: none;
  font-size: 0.64rem;
  font-weight: 600;
  padding: 2px 5px;
  border-radius: 999px;
  white-space: nowrap;
  transition: color 0.15s ease, background 0.15s ease;
}

.footer-nav-inline a:hover {
  color: var(--accent-gold-light);
  background: var(--accent-gold-dim);
}

.footer-nav-sep {
  color: var(--border-subtle);
  font-size: 0.65rem;
  padding: 0 2px;
  user-select: none;
}

.footer-compact-row2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  padding-top: 7px;
  font-size: 0.64rem;
  color: var(--text-muted);
  text-align: center;
}

/* ==========================================================================
   5C. FLOATING UP/DOWN SECTION STEPPER (#section-step-nav)
   ========================================================================== */
.section-step-nav {
  position: fixed;
  right: 18px;
  bottom: 64px;
  z-index: 9000;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 4px;
  border-radius: 999px;
  background: var(--bg-glass);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid var(--border-gold);
  box-shadow: 0 6px 18px -4px rgba(0, 0, 0, 0.45);
}

.step-nav-btn {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid transparent;
  background: var(--bg-card);
  color: var(--accent-gold-light);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  transition: all 0.15s ease;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.step-nav-btn:hover {
  border-color: var(--accent-gold);
  background: var(--accent-gold-dim);
  transform: scale(1.06);
}

.step-nav-btn:active {
  transform: scale(0.95);
}

.step-nav-btn svg {
  width: 14px;
  height: 14px;
  stroke: currentColor;
}

/* ==========================================================================
   6. SINGLE EXCLUSIVE WHATSAPP BUTTON (#nexus-whatsapp-fab) + BORDER BEAM
   ========================================================================== */
@keyframes nexusBorderBeam {
  0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes nexusPulseDot {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.35); opacity: 0.6; }
}

.whatsapp-fab-only {
  position: fixed;
  right: 18px;
  bottom: 16px;
  z-index: 9000;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 14px 0 7px;
  border-radius: 999px;
  color: #ffffff;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.74rem;
  box-shadow: 0 8px 22px -6px rgba(16, 185, 129, 0.48);
  overflow: hidden;
  isolation: isolate;
  transition: transform 0.16s ease;
  -webkit-tap-highlight-color: transparent;
}

.whatsapp-fab-only::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 260%;
  height: 540%;
  background: conic-gradient(
    from 0deg,
    transparent 0deg,
    transparent 220deg,
    #10b981 270deg,
    #f3d067 320deg,
    #ffffff 348deg,
    #10b981 360deg
  );
  animation: nexusBorderBeam 3.6s linear infinite;
  z-index: -2;
  pointer-events: none;
}

.whatsapp-fab-only::after {
  content: "";
  position: absolute;
  inset: 1.5px;
  border-radius: 999px;
  background: linear-gradient(135deg, #09221b 0%, #0d4233 55%, #116249 100%);
  z-index: -1;
  pointer-events: none;
}

.whatsapp-fab-only:hover {
  transform: translateY(-2px);
}

.whatsapp-fab-icon-wrap {
  position: relative;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.whatsapp-fab-icon {
  width: 14px;
  height: 14px;
  color: #ffffff;
}

.whatsapp-live-dot {
  position: absolute;
  top: -1px;
  right: -1px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #f3d067;
  border: 1.5px solid #09221b;
  animation: nexusPulseDot 2s ease-in-out infinite;
}

.whatsapp-fab-text {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

.whatsapp-fab-title {
  font-size: 0.74rem;
  font-weight: 700;
  color: #ffffff;
}

.whatsapp-fab-sub {
  font-size: 0.66rem;
  font-weight: 600;
  color: #f3d067;
  padding-left: 6px;
  border-left: 1px solid rgba(255, 255, 255, 0.22);
}

/* Toast Notification */
.copy-toast {
  position: fixed;
  bottom: 66px;
  right: 58px;
  background: var(--bg-card-solid);
  color: var(--text-primary);
  border: 1px solid var(--accent-gold);
  border-radius: var(--radius-sm);
  padding: 7px 13px;
  font-size: 0.75rem;
  font-weight: 600;
  opacity: 0;
  pointer-events: none;
  transform: translateY(6px);
  transition: opacity 0.18s ease, transform 0.18s ease;
  z-index: 9100;
}

.copy-toast.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Under-the-Hood Semantic Crawler Layer */
.ai-crawler-grounding-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* ==========================================================================
   7. TABLET & MOBILE RESPONSIVENESS (Controls Never Clipped)
   ========================================================================== */
@media (max-width: 960px) {
  .header-inner {
    flex-wrap: wrap;
    padding: 7px 0;
  }
  .primary-nav {
    order: 3;
    width: 100%;
    justify-content: flex-start;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .primary-nav::-webkit-scrollbar {
    display: none;
  }
  .practice-top-row,
  .practice-mid-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .practice-card-head {
    flex-wrap: wrap;
  }
  .practice-title,
  .practice-sla-insight {
    white-space: normal;
  }
  .practice-highlights {
    grid-template-columns: 1fr;
    gap: 5px;
  }
  .youtube-hub-card,
  .leadership-glass-card {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

@media (max-width: 680px) {
  .container {
    padding-left: 14px;
    padding-right: 14px;
  }
  .practices-grid,
  .faq-grid-2x2 {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .yt-stage-bottombar {
    flex-direction: column;
    align-items: stretch;
  }
  .btn-yt-watch {
    width: 100%;
  }
  .whatsapp-fab-sub {
    display: none;
  }
}

/* ==========================================================================
   8. MULTI-BRANCH SUBPAGE ECOSYSTEM & SECTOR EXPLORER (v20261111s1)
   Homepage Quick-Sector Bars • 8-Sector M&A Hub • 12-Sector DTP • 8-OEM Hub
   ========================================================================== */

/* 8A. Homepage Practice Card Bottom Branch & Quick-Sector Strip */
.practice-branch-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 7px;
  border-top: 1px dashed var(--border-subtle);
  flex-wrap: nowrap;
}

.branch-bar-pills {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
  min-width: 0;
}

.branch-bar-label {
  font-family: var(--font-mono);
  font-size: 0.62rem;
  font-weight: 700;
  color: var(--accent-gold-light);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-right: 2px;
  white-space: nowrap;
}

.branch-sector-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--bg-pill);
  border: 1px solid var(--border-subtle);
  color: var(--text-secondary);
  font-size: 0.64rem;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  transition: border-color 0.16s ease, color 0.16s ease, background 0.16s ease;
}

.branch-sector-pill:hover {
  border-color: var(--accent-gold);
  color: var(--accent-gold-light);
  background: var(--accent-gold-dim);
}

.branch-sector-pill strong {
  color: var(--accent-gold-light);
  font-family: var(--font-mono);
  font-size: 0.61rem;
}

.btn-hub-cta {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 12px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(212, 175, 55, 0.20) 0%, rgba(212, 175, 55, 0.08) 100%);
  border: 1px solid var(--border-gold);
  color: var(--accent-gold-light);
  font-size: 0.68rem;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  transition: transform 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

.btn-hub-cta:hover {
  background: linear-gradient(135deg, #f3d067 0%, #d4af37 100%);
  color: #060a12;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px -6px rgba(212, 175, 55, 0.45);
}

/* 8B. SubPage Compact Hero, Breadcrumb & 4-KPI Strip */
.subpage-hero-stage {
  padding: 18px 0 16px;
  border-bottom: 1px solid var(--border-subtle);
  position: relative;
}

.subpage-breadcrumb {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 0.70rem;
  color: var(--text-muted);
  margin-bottom: 10px;
  flex-wrap: wrap;
}

.subpage-breadcrumb a {
  color: var(--accent-gold-light);
  text-decoration: none;
  font-weight: 600;
}

.subpage-breadcrumb a:hover {
  text-decoration: underline;
}

.subpage-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.95fr);
  gap: 18px;
  align-items: center;
}

.subpage-h1 {
  font-size: clamp(1.32rem, 2.2vw, 1.76rem);
  font-weight: 800;
  line-height: 1.22;
  letter-spacing: -0.02em;
  color: var(--text-primary);
  margin: 6px 0 8px;
}

.subpage-lead {
  font-size: 0.82rem;
  color: var(--text-secondary);
  line-height: 1.5;
  margin-bottom: 10px;
}

.subpage-hero-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.subpage-kpi-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}

.subpage-kpi-card {
  background: var(--bg-card);
  border: 1px solid var(--border-subtle);
  border-left: 3px solid var(--accent-gold);
  border-radius: var(--radius-sm);
  padding: 9px 12px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.subpage-kpi-val {
  font-family: var(--font-mono);
  font-size: 1.02rem;
  font-weight: 800;
  color: var(--accent-gold-light);
  line-height: 1.15;
}

.subpage-kpi-lbl {
  font-size: 0.67rem;
  font-weight: 600;
  color: var(--text-secondary);
  line-height: 1.25;
}

/* 8C. 8-Sector Interactive Explorer Grid (4x2 Symmetric Cards) */
.sector-explorer-grid-8 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  align-items: stretch;
  grid-auto-rows: 1fr;
}

.sector-hub-card {
  background: var(--bg-card);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  padding: 12px 13px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 8px;
  cursor: pointer;
  text-align: left;
  color: var(--text-primary);
  font-family: inherit;
  transition: border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.sector-hub-card:hover {
  border-color: var(--border-gold);
  transform: translateY(-2px);
  background: var(--bg-card-hover);
}

.sector-hub-card.active {
  border-color: var(--accent-gold);
  box-shadow: 0 0 0 1px var(--accent-gold), 0 10px 24px -10px rgba(212, 175, 55, 0.35);
  background: linear-gradient(165deg, rgba(212, 175, 55, 0.13) 0%, var(--bg-card) 75%);
}

.sector-hub-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}

.sector-hub-code {
  font-family: var(--font-mono);
  font-size: 0.61rem;
  font-weight: 700;
  color: var(--accent-gold-light);
  background: var(--accent-gold-dim);
  border: 1px solid var(--border-gold);
  padding: 2px 7px;
  border-radius: 999px;
}

.sector-hub-total {
  font-family: var(--font-mono);
  font-size: 0.62rem;
  font-weight: 700;
  color: var(--accent-emerald);
  background: var(--accent-emerald-dim);
  border: 1px solid rgba(16, 185, 129, 0.32);
  padding: 2px 7px;
  border-radius: 999px;
}

.sector-hub-name {
  font-size: 0.82rem;
  font-weight: 800;
  line-height: 1.26;
  color: var(--text-primary);
  margin: 2px 0;
}

.sector-hub-sub {
  font-size: 0.67rem;
  color: var(--text-muted);
  line-height: 1.34;
}

.sector-hub-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  padding-top: 7px;
  border-top: 1px solid var(--border-subtle);
  font-family: var(--font-mono);
  font-size: 0.60rem;
  color: var(--text-secondary);
}

.sector-split-pills {
  display: inline-flex;
  gap: 5px;
  font-weight: 700;
}

.sector-split-sell {
  color: var(--accent-emerald);
}

.sector-split-buy {
  color: var(--accent-gold-light);
}

/* 8D. Live 104-Mandate Filter Console & 3-Column Equal-Height Deal Grid */
.vault-filter-console {
  background: var(--bg-card);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  padding: 12px 14px;
  margin: 12px 0;
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.vault-filter-row1 {
  display: grid;
  grid-template-columns: minmax(200px, 1.3fr) minmax(145px, 0.8fr) minmax(145px, 0.8fr) minmax(150px, 0.85fr) auto;
  gap: 8px;
  align-items: center;
}

.vault-input,
.vault-select {
  width: 100%;
  background: var(--bg-card-solid);
  color: var(--text-primary);
  border: 1px solid var(--border-subtle);
  border-radius: 9px;
  padding: 7px 10px;
  font-size: 0.74rem;
  font-family: var(--font-sans);
  outline: none;
}

.vault-input:focus,
.vault-select:focus {
  border-color: var(--accent-gold);
}

.vault-filter-row2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.vault-side-tabs {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.vault-side-btn {
  background: var(--bg-pill);
  color: var(--text-secondary);
  border: 1px solid var(--border-subtle);
  border-radius: 999px;
  padding: 4px 11px;
  font-size: 0.68rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.15s ease;
}

.vault-side-btn.active,
.vault-side-btn:hover {
  background: var(--accent-gold-dim);
  border-color: var(--accent-gold);
  color: var(--accent-gold-light);
}

.vault-status-counter {
  font-family: var(--font-mono);
  font-size: 0.69rem;
  color: var(--text-secondary);
}

.vault-status-counter strong {
  color: var(--accent-gold-light);
}

.vault-mandates-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
  grid-auto-rows: 1fr;
}

.vault-deal-card {
  background: var(--bg-card);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  padding: 13px 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  transition: border-color 0.18s ease, transform 0.18s ease;
}

.vault-deal-card:hover {
  border-color: var(--border-gold);
  transform: translateY(-2px);
}

.vault-deal-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}

.vault-side-pill {
  font-size: 0.60rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 2px 8px;
  border-radius: 999px;
}

.vault-side-pill.sell-side {
  background: var(--accent-emerald-dim);
  color: var(--accent-emerald);
  border: 1px solid rgba(16, 185, 129, 0.35);
}

.vault-side-pill.buy-side {
  background: var(--accent-gold-dim);
  color: var(--accent-gold-light);
  border: 1px solid var(--border-gold);
}

.vault-nx-code {
  font-family: var(--font-mono);
  font-size: 0.65rem;
  font-weight: 700;
  color: var(--accent-gold-light);
}

.vault-codename {
  display: block;
  font-family: var(--font-mono);
  font-size: 0.60rem;
  color: var(--text-muted);
  margin-top: 5px;
}

.vault-deal-title {
  font-size: 0.85rem;
  font-weight: 800;
  line-height: 1.3;
  color: var(--text-primary);
  margin: 3px 0 5px;
}

.vault-deal-desc {
  font-size: 0.71rem;
  color: var(--text-secondary);
  line-height: 1.42;
}

.vault-deal-specs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 8px;
  padding: 8px 9px;
  border-radius: 9px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-subtle);
}

.vault-spec-lbl {
  display: block;
  font-size: 0.58rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-muted);
}

.vault-spec-val {
  display: block;
  font-size: 0.68rem;
  font-weight: 700;
  color: var(--text-primary);
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
}

.vault-deal-actions {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 6px;
}

.btn-vault-ncnda {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  border-radius: 8px;
  background: var(--accent-gold-dim);
  border: 1px solid var(--border-gold);
  color: var(--accent-gold-light);
  font-size: 0.68rem;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  transition: all 0.15s ease;
}

.btn-vault-ncnda:hover {
  background: var(--accent-gold);
  color: #060a12;
}

.btn-vault-wa {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  border-radius: 8px;
  background: var(--accent-emerald-dim);
  border: 1px solid rgba(16, 185, 129, 0.38);
  color: var(--accent-emerald);
  font-size: 0.67rem;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.15s ease;
}

.btn-vault-wa:hover {
  background: var(--accent-emerald);
  color: #04130d;
}

.vault-loadmore-bar {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 14px;
}

/* 8E. 12-Sector Localization & 8-Corridor OEM Cards + Simulator Grids */
.subpage-cards-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
  grid-auto-rows: 1fr;
}

.subpage-cards-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  align-items: stretch;
  grid-auto-rows: 1fr;
}

.domain-spec-card {
  background: var(--bg-card);
  border: 1px solid var(--border-subtle);
  border-top: 2px solid var(--accent-gold);
  border-radius: var(--radius-md);
  padding: 13px 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 9px;
}

.domain-spec-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}

.domain-spec-title {
  font-size: 0.86rem;
  font-weight: 800;
  color: var(--text-primary);
  line-height: 1.28;
  margin: 4px 0;
}

.domain-spec-desc {
  font-size: 0.72rem;
  color: var(--text-secondary);
  line-height: 1.44;
}

.domain-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  list-style: none;
  margin-top: 6px;
}

.domain-tag-list li {
  font-family: var(--font-mono);
  font-size: 0.60rem;
  color: var(--accent-gold-light);
  background: var(--bg-pill);
  border: 1px solid var(--border-subtle);
  padding: 2px 7px;
  border-radius: 999px;
}

.sim-console-box {
  background: var(--bg-card);
  border: 1px solid var(--border-gold);
  border-radius: var(--radius-md);
  padding: 16px 18px;
}

.sim-inputs-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 10px 0 12px;
}

.sim-field label {
  display: block;
  font-size: 0.68rem;
  font-weight: 700;
  color: var(--text-secondary);
  margin-bottom: 4px;
}

.sim-results-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 10px 12px;
  border-radius: var(--radius-sm);
  background: var(--bg-secondary);
  border: 1px solid var(--border-subtle);
}

.cross-hub-nav-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
}

.cross-hub-card {
  background: var(--bg-card);
  border: 1px solid var(--border-subtle);
  border-left: 3px solid var(--accent-gold);
  border-radius: var(--radius-md);
  padding: 13px 15px;
  text-decoration: none;
  color: var(--text-primary);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 6px;
  transition: border-color 0.16s ease, transform 0.16s ease;
}

.cross-hub-card:hover {
  border-color: var(--accent-gold);
  transform: translateY(-2px);
}

.cross-hub-card h3 {
  font-size: 0.86rem;
  font-weight: 800;
  color: var(--accent-gold-light);
}

.cross-hub-card p {
  font-size: 0.72rem;
  color: var(--text-secondary);
  line-height: 1.4;
}

@media (max-width: 980px) {
  .subpage-hero-grid,
  .sim-inputs-grid,
  .sim-results-grid,
  .cross-hub-nav-grid {
    grid-template-columns: 1fr 1fr;
  }
  .sector-explorer-grid-8 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .vault-filter-row1 {
    grid-template-columns: 1fr 1fr;
  }
  .vault-mandates-grid,
  .subpage-cards-grid-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .practice-branch-bar {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 680px) {
  .subpage-hero-grid,
  .sector-explorer-grid-8,
  .vault-filter-row1,
  .vault-mandates-grid,
  .subpage-cards-grid-3,
  .subpage-cards-grid-4,
  .sim-inputs-grid,
  .sim-results-grid,
  .cross-hub-nav-grid {
    grid-template-columns: 1fr;
  }
}
/* ==========================================================================
   9. MASTER VINTAGE LEDGER × OPTICAL LIQUID GLASS ARCHITECTURE (v20261111v7)
   - Top Unruled Sunlit Folio Header + Double Oxblood/Brass Ledger Divider
   - Bordeaux Silk Bookmark Ribbon + Engraved Folio Dateline Metadata
   - Unboxed Natural Botanical Vase & Crystal Inkwell + Sunbeam Caustics
   - High-Contrast Optical Crystal Liquid Glass Cards & Pillar Color Coding
   ========================================================================== */

/* 9A. Heritage Editorial Serif on Major Folio Headings */
.hero-title,
.subpage-h1,
.section-title,
.leader-name {
  font-family: var(--font-serif);
  letter-spacing: -0.018em;
}

.hero-title {
  font-weight: 700;
  font-size: clamp(1.56rem, 2.55vw, 2.10rem);
  line-height: 1.19;
}

.subpage-h1,
.section-title {
  font-weight: 700;
}

.leader-name {
  font-weight: 700;
  font-size: 1.02rem;
}

/* Portrait Medallion Frame */
.leader-avatar-photo {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center center;
  border: 2px solid #9e6c16;
  box-shadow:
    0 0 0 2px rgba(255, 255, 255, 0.94),
    0 0 0 3.5px rgba(140, 90, 14, 0.36),
    0 8px 18px -4px rgba(56, 36, 12, 0.24);
  flex-shrink: 0;
  display: block;
}

/* 9B. Luminous Frosted Crystal Header & Woven Bordeaux Silk Bookmark Ribbon */
html:not([data-theme="dark"]) .site-header {
  background: linear-gradient(180deg, rgba(255, 252, 245, 0.86) 0%, rgba(247, 236, 216, 0.76) 100%);
  backdrop-filter: blur(16px) saturate(170%) brightness(1.02);
  -webkit-backdrop-filter: blur(16px) saturate(170%) brightness(1.02);
  border-bottom: 1px solid rgba(142, 94, 20, 0.26);
  border-radius: 4px 10px 0 0;
  box-shadow:
    inset 0 1.5px 0 rgba(255, 255, 255, 0.92),
    0 6px 20px -10px rgba(64, 38, 10, 0.14);
}

html:not([data-theme="dark"]) .scroll-progress-bar {
  background: linear-gradient(90deg, #8b241c 0%, #a47118 55%, #13573c 100%);
}

html:not([data-theme="dark"]) .brand-crest,
html:not([data-theme="dark"]) .footer-mini-crest {
  background: linear-gradient(145deg, #2b1d12 0%, #463220 100%);
  border: 1px solid #c29132;
  box-shadow:
    inset 0 1px 0 rgba(255, 240, 198, 0.40),
    0 3px 8px -1px rgba(42, 26, 10, 0.26);
}

html:not([data-theme="dark"]) .primary-nav {
  background: linear-gradient(180deg, rgba(235, 220, 192, 0.46) 0%, rgba(255, 252, 246, 0.74) 100%);
  backdrop-filter: blur(10px) saturate(155%);
  -webkit-backdrop-filter: blur(10px) saturate(155%);
  border: 1px solid rgba(255, 255, 255, 0.88);
  box-shadow:
    0 0 0 1px rgba(140, 92, 22, 0.20),
    inset 0 1px 2px rgba(72, 46, 16, 0.08),
    0 4px 12px -4px rgba(68, 42, 12, 0.09);
}

html:not([data-theme="dark"]) .primary-nav a.active {
  background: linear-gradient(180deg, #ffffff 0%, rgba(250, 241, 224, 0.92) 100%);
  color: #553404;
  box-shadow:
    inset 0 1.5px 0 #ffffff,
    0 0 0 1px rgba(140, 90, 14, 0.28),
    0 3px 9px -2px rgba(68, 42, 12, 0.16);
}

html:not([data-theme="dark"]) .icon-btn-utility {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.88) 0%, rgba(246, 235, 214, 0.72) 100%);
  backdrop-filter: blur(8px) saturate(150%);
  -webkit-backdrop-filter: blur(8px) saturate(150%);
  border: 1px solid rgba(255, 255, 255, 0.92);
  box-shadow:
    0 0 0 1px rgba(140, 92, 22, 0.22),
    inset 0 1.5px 0 #ffffff,
    0 3px 8px -2px rgba(68, 42, 12, 0.12);
}

/* Warm Burnished Amber-Gold Ink on Hero Highlight */
html:not([data-theme="dark"]) .gold-highlight {
  background: linear-gradient(135deg, #91580b 0%, #633b04 50%, #a86c14 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

html:not([data-theme="dark"]) .eyebrow-badge {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.84) 0%, rgba(248, 238, 218, 0.68) 100%);
  backdrop-filter: blur(8px) saturate(150%);
  -webkit-backdrop-filter: blur(8px) saturate(150%);
  border: 1px solid rgba(255, 255, 255, 0.94);
  color: #5b3804;
  box-shadow:
    0 0 0 1px rgba(140, 90, 14, 0.26),
    inset 0 1.5px 0 #ffffff,
    0 4px 12px -4px rgba(68, 42, 12, 0.10);
}

/* ==========================================================================
   9C. AUTHENTIC UNRULED TOP FOLIO HEADER + SILK BOOKMARK + TRUST STRIP
   Real Luxury Notebooks Have a Clean Sunlit Cotton Top Folio Margin Before
   the Double Oxblood-and-Brass Ledger Rule Begins!
   ========================================================================== */
.hero-practices-stage {
  position: relative;
  padding-top: 12px !important;
}

.subpage-hero-stage {
  position: relative;
}

/* Sunlit Unruled Top Folio Margin Mask Behind Hero Header Only */
html:not([data-theme="dark"]) .hero-practices-stage::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 295px;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(118deg, rgba(255, 251, 240, 0.72) 0%, rgba(248, 238, 219, 0.85) 45%, rgba(255, 248, 230, 0.74) 100%);
  mask-image: radial-gradient(ellipse 76% 90% at 50% 32%, #000 42%, transparent 96%);
  -webkit-mask-image: radial-gradient(ellipse 76% 90% at 50% 32%, #000 42%, transparent 96%);
}

/* Woven Bordeaux Silk Bookmark Ribbon Tucked into Top Spine */
.ledger-silk-ribbon {
  position: absolute;
  top: 0;
  left: 23px;
  width: 16px;
  height: 46px;
  z-index: 3;
  pointer-events: none;
  background: linear-gradient(90deg, #6e1712 0%, #9b261e 48%, #761913 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 82%, 0 100%);
  filter: drop-shadow(1px 4px 5px rgba(36, 12, 8, 0.34));
}

.ledger-silk-ribbon::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 8px;
  left: 2px;
  right: 2px;
  border-left: 1px dashed rgba(245, 210, 145, 0.42);
  border-right: 1px dashed rgba(245, 210, 145, 0.42);
}

/* Engraved 2-Tier Folio Metadata & Global Capital Corridors Bar */
.folio-ledger-meta {
  position: relative;
  z-index: 2;
  margin-bottom: 11px;
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(140, 92, 26, 0.22);
  font-family: var(--font-mono);
  text-transform: uppercase;
}

.folio-meta-top-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 0.59rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--text-muted);
  margin-bottom: 5px;
}

.folio-meta-bottom-row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 0.565rem;
  font-weight: 600;
  letter-spacing: 0.07em;
  color: var(--accent-gold-light);
  padding-top: 5px;
  border-top: 1px dashed rgba(140, 92, 26, 0.16);
}

.folio-meta-code {
  color: var(--accent-oxblood);
  font-weight: 700;
}

.folio-meta-hub-kicker {
  color: var(--accent-oxblood);
  font-weight: 700;
}

.folio-meta-cities {
  color: var(--accent-gold-light);
}

@media (max-width: 760px) {
  .folio-meta-top-row .folio-meta-center {
    display: none;
  }
  .folio-meta-bottom-row {
    font-size: 0.50rem;
    gap: 5px;
  }
}

/* Compact 4-Pillar C-Level Proof Ribbon + Double Oxblood/Brass Ledger Divider */
.folio-trust-divider {
  position: relative;
  z-index: 2;
  margin: 12px auto 14px;
  padding-bottom: 11px;
  border-bottom: 3px double rgba(154, 62, 44, 0.34);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}

.folio-proof-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 11px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.84) 0%, rgba(252, 246, 235, 0.62) 100%);
  backdrop-filter: blur(8px) saturate(150%);
  -webkit-backdrop-filter: blur(8px) saturate(150%);
  border: 1px solid rgba(255, 255, 255, 0.94);
  box-shadow:
    0 0 0 1px rgba(138, 92, 22, 0.20),
    inset 0 1.2px 0 #ffffff,
    0 3px 8px -3px rgba(58, 36, 10, 0.10);
  font-size: 0.67rem;
  color: var(--text-secondary);
  white-space: nowrap;
}

.folio-proof-chip strong {
  font-family: var(--font-mono);
  font-size: 0.68rem;
  font-weight: 800;
  color: var(--text-primary);
}

.folio-proof-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  flex-shrink: 0;
}

.folio-proof-dot.dot-oxblood { background: #8b261d; }
.folio-proof-dot.dot-prussian { background: #1c4268; }
.folio-proof-dot.dot-emerald { background: #13573c; }
.folio-proof-dot.dot-gold { background: #966212; }

[data-theme="dark"] .folio-proof-chip {
  background: rgba(36, 27, 19, 0.78);
  border-color: rgba(212, 166, 64, 0.28);
  box-shadow: inset 0 1px 0 rgba(255, 236, 190, 0.14);
}

/* ==========================================================================
   9D. UNBOXED ORGANIC STILL-LIFE PLACEMENT + PURE LIGHT CAUSTICS (0% BOXES!)
   Botanical Vase & Crystal Inkwell/Pen Sit Naturally Directly on the Folio
   ========================================================================== */
/* Institutional IB Anti-Orphan / Anti-Widow Typography Standard */
.hero-title,
.hero-lead,
.subpage-h1,
.section-title {
  text-wrap: balance;
}

.practice-desc,
.subpage-lead,
.domain-spec-desc,
.sector-hub-sub,
.leader-bio,
.yt-stage-desc,
.faq-item p,
.faq-glass-card p {
  text-wrap: pretty;
}

@media (min-width: 1120px) {
  .hero-practices-stage .hero-centered-box {
    max-width: 728px;
    margin-bottom: 4px;
  }
  .hero-practices-stage .hero-lead {
    max-width: 68ch;
  }
}

.vintage-desk-atelier {
  position: absolute;
  inset: 0;
  pointer-events: none;
  user-select: none;
  z-index: 1;
  overflow: hidden;
}

.vintage-glass-vitrine {
  position: absolute;
  pointer-events: none;
  user-select: none;
}

/* Pure Frameless Optical Glass Light Caustic Pool on Paper (Zero Box/Border!) */
.vitrine-vase::before {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 16%;
  right: 10%;
  height: 36px;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(226, 162, 54, 0.26) 0%, rgba(214, 148, 44, 0.09) 48%, transparent 76%);
  filter: blur(4px);
  z-index: 1;
}

.vitrine-ink::before {
  content: "";
  position: absolute;
  bottom: 10%;
  left: 6%;
  width: 58%;
  height: 38px;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(146, 54, 38, 0.18) 0%, rgba(212, 152, 58, 0.12) 48%, transparent 76%);
  filter: blur(5px);
  z-index: 1;
}

.vitrine-vase::after,
.vitrine-ink::after {
  display: none !important;
}

.vintage-desk-vase,
.vintage-desk-pen-ink {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: auto;
  pointer-events: none;
  user-select: none;
  filter: drop-shadow(0 8px 12px rgba(52, 32, 10, 0.13));
}

/* Natural Asymmetric Editorial Proportions on Overview Folio Header */
.hero-practices-stage .vitrine-vase {
  top: 32px;
  right: calc(50% + 388px);
  width: 142px;
}

.hero-practices-stage .vitrine-ink {
  top: 42px;
  left: calc(50% + 376px);
  width: 186px;
}

/* SubPage Outer Margin Accents */
.subpage-hero-stage .vitrine-vase {
  top: 16px;
  right: calc(50% + 536px);
  width: clamp(76px, calc(50vw - 556px), 134px);
}

.subpage-hero-stage .vitrine-ink {
  top: 24px;
  left: calc(50% + 534px);
  width: clamp(82px, calc(50vw - 552px), 156px);
}

[data-theme="dark"] .vintage-desk-vase,
[data-theme="dark"] .vintage-desk-pen-ink {
  opacity: 0.84;
  filter: brightness(0.90) saturate(0.92) drop-shadow(0 8px 16px rgba(0, 0, 0, 0.55));
}

@media (max-width: 1119px) {
  .hero-practices-stage .vitrine-vase {
    right: auto;
    left: 16px;
    top: 34px;
    width: 102px;
  }
  .hero-practices-stage .vitrine-ink {
    left: auto;
    right: 14px;
    top: 40px;
    width: 124px;
  }
}

@media (max-width: 1259px) {
  .subpage-hero-stage .vintage-desk-atelier {
    display: none;
  }
}

@media (max-width: 920px) {
  .hero-practices-stage .vintage-desk-atelier {
    display: none;
  }
}

/* ==========================================================================
   9E. TRUE OPTICAL WHITE-CRYSTAL LIQUID GLASS CARDS & PILLAR HIERARCHY
   Luminous Clear-Ivory Glass Contrasting Against Warm #F1E3C8 Cotton Paper
   ========================================================================== */
html:not([data-theme="dark"]) .practice-glass-card,
html:not([data-theme="dark"]) .youtube-hub-card,
html:not([data-theme="dark"]) .leadership-glass-card,
html:not([data-theme="dark"]) .domain-spec-card,
html:not([data-theme="dark"]) .sector-hub-card,
html:not([data-theme="dark"]) .vault-deal-card,
html:not([data-theme="dark"]) .subpage-kpi-card,
html:not([data-theme="dark"]) .sim-console-box,
html:not([data-theme="dark"]) .faq-item,
html:not([data-theme="dark"]) .faq-glass-card,
html:not([data-theme="dark"]) .cross-hub-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.0) 42%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 253, 248, 0.54) 50%, rgba(255, 250, 241, 0.70) 100%);
  backdrop-filter: blur(5px) saturate(155%) brightness(1.03);
  -webkit-backdrop-filter: blur(5px) saturate(155%) brightness(1.03);
  border-color: rgba(255, 255, 255, 0.92);
  box-shadow:
    inset 0 1.5px 0 #ffffff,
    inset 1px 0 0 rgba(255, 255, 255, 0.85),
    inset 0 -1px 2px rgba(164, 114, 34, 0.10),
    0 0 0 1px rgba(136, 90, 22, 0.20),
    0 12px 28px -12px rgba(58, 35, 10, 0.16),
    0 2px 6px -1px rgba(120, 78, 16, 0.06);
}

html:not([data-theme="dark"]) .practice-glass-card:hover,
html:not([data-theme="dark"]) .domain-spec-card:hover,
html:not([data-theme="dark"]) .sector-hub-card:hover,
html:not([data-theme="dark"]) .vault-deal-card:hover,
html:not([data-theme="dark"]) .cross-hub-card:hover {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0.08) 46%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 254, 250, 0.68) 50%, rgba(254, 249, 239, 0.82) 100%);
  border-color: #ffffff;
  box-shadow:
    inset 0 2px 0 #ffffff,
    0 0 0 1px rgba(142, 94, 20, 0.38),
    0 16px 34px -12px rgba(58, 35, 10, 0.22);
}

/* 3 Distinguished Institutional Fountain-Pen Ink Signatures on Core Pillars */
html:not([data-theme="dark"]) #practice-ma {
  border-left: 3.5px solid #8b261d;
}
html:not([data-theme="dark"]) #practice-ma .practice-icon-badge {
  background: linear-gradient(145deg, rgba(255, 250, 248, 0.92) 0%, rgba(244, 222, 218, 0.78) 100%);
  color: #8b261d;
  box-shadow: 0 0 0 1px rgba(139, 38, 29, 0.28), inset 0 1px 0 #ffffff;
}
html:not([data-theme="dark"]) #practice-ma .practice-num {
  background: linear-gradient(180deg, rgba(255, 252, 250, 0.90) 0%, rgba(246, 228, 223, 0.76) 100%);
  color: #7c2018;
  box-shadow: 0 0 0 1px rgba(139, 38, 29, 0.26), inset 0 1px 0 #ffffff;
}

html:not([data-theme="dark"]) #practice-localization {
  border-left: 3.5px solid #1c4268;
}
html:not([data-theme="dark"]) #practice-localization .practice-icon-badge {
  background: linear-gradient(145deg, rgba(248, 252, 255, 0.92) 0%, rgba(219, 232, 245, 0.78) 100%);
  color: #1c4268;
  box-shadow: 0 0 0 1px rgba(28, 66, 104, 0.26), inset 0 1px 0 #ffffff;
}
html:not([data-theme="dark"]) #practice-localization .practice-num {
  background: linear-gradient(180deg, rgba(250, 253, 255, 0.90) 0%, rgba(224, 236, 247, 0.76) 100%);
  color: #183a5c;
  box-shadow: 0 0 0 1px rgba(28, 66, 104, 0.25), inset 0 1px 0 #ffffff;
}

html:not([data-theme="dark"]) #practice-sourcing {
  border-left: 3.5px solid #13573c;
}
html:not([data-theme="dark"]) #practice-sourcing .practice-icon-badge {
  background: linear-gradient(145deg, rgba(248, 255, 251, 0.92) 0%, rgba(216, 240, 229, 0.78) 100%);
  color: #13573c;
  box-shadow: 0 0 0 1px rgba(19, 87, 60, 0.26), inset 0 1px 0 #ffffff;
}
html:not([data-theme="dark"]) #practice-sourcing .practice-num {
  background: linear-gradient(180deg, rgba(250, 255, 252, 0.90) 0%, rgba(221, 242, 232, 0.76) 100%);
  color: #114d35;
  box-shadow: 0 0 0 1px rgba(19, 87, 60, 0.25), inset 0 1px 0 #ffffff;
}

html:not([data-theme="dark"]) .subpage-kpi-card,
html:not([data-theme="dark"]) .cross-hub-card,
html:not([data-theme="dark"]) .faq-glass-card {
  border-left: 3px solid #966417;
}

html:not([data-theme="dark"]) .domain-spec-card {
  border-top: 2.5px solid #966417;
}

html:not([data-theme="dark"]) .sector-hub-code {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.90) 0%, rgba(244, 232, 208, 0.76) 100%);
  color: #613d05;
  border: 1px solid #ffffff;
  box-shadow: 0 0 0 1px rgba(140, 90, 14, 0.26), inset 0 1px 0 #ffffff;
}

html:not([data-theme="dark"]) .practice-contact-footer {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(249, 241, 226, 0.80) 100%);
  border: 1px solid #ffffff;
  box-shadow:
    0 0 0 1px rgba(132, 92, 32, 0.22),
    inset 0 1.2px 0 #ffffff,
    0 2px 6px -2px rgba(68, 42, 12, 0.08);
}

html:not([data-theme="dark"]) .practice-sla-insight {
  background: linear-gradient(180deg, rgba(255, 253, 246, 0.88) 0%, rgba(246, 234, 208, 0.74) 100%);
  border: 1px solid rgba(255, 255, 255, 0.92);
  box-shadow:
    0 0 0 1px rgba(142, 94, 20, 0.26),
    inset 0 1px 0 #ffffff;
  color: #664006;
}

html:not([data-theme="dark"]) .branch-sector-pill {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.88) 0%, rgba(247, 238, 220, 0.74) 100%);
  border: 1px solid rgba(255, 255, 255, 0.92);
  box-shadow:
    0 0 0 1px rgba(128, 92, 40, 0.18),
    inset 0 1px 0 #ffffff;
  color: #352618;
}

html:not([data-theme="dark"]) .branch-sector-pill:hover {
  background: #ffffff;
  box-shadow:
    0 0 0 1px #966417,
    0 3px 8px -2px rgba(68, 42, 12, 0.15);
  color: #5f3b04;
}

/* High-Converting Cordovan-Espresso & Burnished-Gold Executive Seal CTA! */
html:not([data-theme="dark"]) .btn-hub-cta {
  background: linear-gradient(135deg, #2b1d12 0%, #46311f 100%);
  border: 1px solid #b88628;
  color: #f9e6ba;
  box-shadow:
    inset 0 1px 0 rgba(255, 242, 204, 0.34),
    0 5px 14px -4px rgba(42, 26, 10, 0.32);
}

html:not([data-theme="dark"]) .btn-hub-cta:hover {
  background: linear-gradient(135deg, #3a2718 0%, #573d27 100%);
  color: #ffffff;
  border-color: #d4a13a;
  transform: translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255, 246, 218, 0.45),
    0 8px 18px -4px rgba(42, 26, 10, 0.40);
}

html:not([data-theme="dark"]) .section-step-nav {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.86) 0%, rgba(246, 235, 214, 0.74) 100%);
  backdrop-filter: blur(14px) saturate(160%);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  border: 1px solid #ffffff;
  box-shadow:
    0 0 0 1px rgba(140, 90, 14, 0.28),
    inset 0 1.5px 0 #ffffff,
    0 10px 24px -6px rgba(42, 26, 8, 0.24);
}

html:not([data-theme="dark"]) .btn-primary-gold,
html:not([data-theme="dark"]) .vault-side-btn.active {
  background: linear-gradient(135deg, #2b1d12 0%, #46311f 100%);
  color: #f9e6ba;
  border: 1px solid #b88628;
  box-shadow:
    inset 0 1px 0 rgba(255, 240, 198, 0.30),
    0 4px 12px -4px rgba(42, 28, 12, 0.28);
}

html:not([data-theme="dark"]) .hero-constellation-bg {
  opacity: 0.09;
  filter: sepia(0.88);
}

/* 9F. YouTube Console & Direct Desks Crystal Glass Parity */
html:not([data-theme="dark"]) .youtube-player-screen {
  border-color: rgba(140, 90, 14, 0.44);
  background: linear-gradient(160deg, #1d1610 0%, #291f17 55%, #17110c 100%);
  box-shadow: 0 12px 26px -12px rgba(42, 28, 12, 0.42);
}

html:not([data-theme="dark"]) .youtube-stage-pane {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.68) 0%, transparent 42%),
    rgba(255, 253, 248, 0.74);
  backdrop-filter: blur(6px) saturate(150%);
  -webkit-backdrop-filter: blur(6px) saturate(150%);
  border: 1px solid #ffffff;
  box-shadow:
    0 0 0 1px rgba(140, 90, 14, 0.26),
    inset 0 1.5px 0 #ffffff;
  color: var(--text-primary);
}

html:not([data-theme="dark"]) .yt-stream-tabs-bar,
html:not([data-theme="dark"]) .yt-stage-bottombar {
  border-color: var(--border-subtle);
}

html:not([data-theme="dark"]) .yt-stream-item {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.86) 0%, rgba(246, 235, 214, 0.72) 100%);
  border: 1px solid #ffffff;
  box-shadow: 0 0 0 1px rgba(132, 96, 44, 0.18), inset 0 1px 0 #ffffff;
  color: var(--text-primary);
}

html:not([data-theme="dark"]) .yt-stream-item.active {
  background: linear-gradient(135deg, #2b1d12 0%, #46311f 100%);
  border-color: #b88628;
  color: #f7ecd5;
}

html:not([data-theme="dark"]) .yt-stream-tag { color: var(--accent-gold-light); }
html:not([data-theme="dark"]) .yt-stream-item.active .yt-stream-tag { color: #f3d067; }
html:not([data-theme="dark"]) .yt-stream-meta { color: var(--text-muted); }
html:not([data-theme="dark"]) .yt-stream-item.active .yt-stream-meta { color: #d7c8b2; }

html:not([data-theme="dark"]) .yt-live-badge {
  background: rgba(166, 56, 46, 0.10);
  border-color: rgba(166, 56, 46, 0.32);
  color: #8b241c;
}

html:not([data-theme="dark"]) .yt-duration-pill {
  color: var(--accent-gold-light);
  background: var(--accent-gold-dim);
  border-color: var(--border-gold);
}

html:not([data-theme="dark"]) .yt-stage-kicker,
html:not([data-theme="dark"]) .yt-channel-handle-link {
  color: var(--accent-gold-light);
}

html:not([data-theme="dark"]) .yt-stage-title {
  color: var(--text-primary);
  font-family: var(--font-serif);
  font-weight: 700;
}

html:not([data-theme="dark"]) .yt-stage-desc { color: var(--text-secondary); }

html:not([data-theme="dark"]) .yt-stage-takeaways li {
  color: var(--text-secondary);
  background: rgba(255, 255, 255, 0.76);
  border: 1px solid rgba(132, 96, 44, 0.18);
}

html:not([data-theme="dark"]) .btn-yt-watch {
  background: linear-gradient(135deg, #9e2a22 0%, #7c1d16 100%);
  box-shadow: 0 6px 14px -4px rgba(124, 29, 22, 0.40);
}

html:not([data-theme="dark"]) .direct-desks-box {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.72) 0%, rgba(248, 239, 222, 0.58) 100%);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid #ffffff;
  box-shadow: 0 0 0 1px rgba(132, 96, 44, 0.20), inset 0 1px 0 #ffffff;
}

html:not([data-theme="dark"]) .direct-desk-row {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(250, 242, 228, 0.80) 100%);
  border: 1px solid #ffffff;
  box-shadow: 0 0 0 1px rgba(132, 96, 44, 0.18), inset 0 1px 0 #ffffff;
}

/* SubPage FAQ Glass Cards & Section Header Row Parity */
.section-header-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.faq-glass-card {
  background: var(--bg-card);
  border: 1px solid var(--border-subtle);
  border-left: 3px solid var(--accent-gold);
  border-radius: var(--radius-sm);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.faq-glass-card summary {
  padding: 11px 14px;
  font-weight: 700;
  font-size: 0.82rem;
  line-height: 1.35;
  color: var(--text-primary);
  cursor: pointer;
  list-style: none;
}

.faq-glass-card summary::-webkit-details-marker {
  display: none;
}

.faq-glass-card p {
  padding: 9px 14px 12px;
  color: var(--text-secondary);
  font-size: 0.77rem;
  border-top: 1px solid var(--border-subtle);
  line-height: 1.52;
}