.elementor-143350 .elementor-element.elementor-element-a246fde{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );}/* Start custom CSS *//* ============================================================
   ncd-guide.css — shared stylesheet for NCD sensor user guides
   ------------------------------------------------------------
   Enqueue on WordPress AFTER Elementor's CSS (same setup as
   ncd-pdp.css). Everything is scoped under the single
   .ncd-doc-guide wrapper so it overrides theme globals by
   specificity + load order — NOT !important (the only
   !important lives in the scoped Elementor header override at
   the bottom, which must beat Elementor's own header CSS).

   GENERATED by scripts/build_guide_css.py — do not hand-edit;
   edit the source pieces (css-scaffold.css, this script's
   ICONS / DASHBOARD sections, elementor-header-override.css)
   and re-run.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;600;700;800;900&display=swap');

/* ---- 1. Guide layout + components (from css-scaffold.css) ---- */
.ncd-doc-guide { 
  --ncd-black: #000000;
  --ncd-charcoal: #111111;
  --ncd-dark-steel: #1A1A2E;
  --ncd-gunmetal: #3A3A40;
  --ncd-primary-blue: #107BB4;
  --ncd-bright-blue: #00B9F7;
  --ncd-dark-blue: #3351A6;
  --ncd-light-blue: #E8F4FD;
  --ncd-white: #FFFFFF;
  --ncd-off-white: #F0F0F4;
  --ncd-warm-gray: #E8E8EC;
  --ncd-text: #333333;
  --ncd-text-light: #6B6B73;
  --ncd-text-muted: #9A9AA0;
  --ncd-green: #2E8B57;
  --ncd-red: #C0392B;
  --ncd-orange: #E67E22;
  --atrium-orange: #FE5500;
  --atrium-orange-dim: rgba(254,85,0,0.15);
  --atrium-orange-glow: rgba(254,85,0,0.08);
  --atrium-orange-border: rgba(254,85,0,0.25);

  /* Guide-specific tokens */
  --sidebar-width: 280px;
  --header-height: 64px;
  --content-max: 1024px;
  --bg-primary: #0B0F19;
  --bg-surface: #111827;
  --bg-surface-raised: #1A2332;
  --bg-surface-hover: #1F2B3D;
  --border-subtle: rgba(255,255,255,0.08);
  --border-accent: rgba(0,185,247,0.3);
  --text-primary: #E8ECF1;
  --text-secondary: #94A3B8;
  --text-muted: #64748B;
  --accent: #00B9F7;
  --accent-dim: rgba(0,185,247,0.15);
  --accent-glow: rgba(0,185,247,0.08);
  --green-accent: #10B981;
  --orange-accent: #F59E0B;
  --red-accent: #EF4444;
 }
.ncd-doc-guide *, .ncd-doc-guide *::before, .ncd-doc-guide *::after {  box-sizing: border-box; margin: 0; padding: 0;  }
.ncd-doc-guide {  scroll-behavior: smooth; scroll-padding-top: calc(var(--header-height) + 24px);  }
.ncd-doc-guide { 
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  background: var(--bg-primary);
  color: var(--text-primary);
  line-height: 1.7;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
 }
.ncd-doc-guide .site-nav { 
  position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
  height: var(--header-height);
  background: rgba(11,15,25,0.92);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--border-subtle);
  display: flex; align-items: center;
 }
.ncd-doc-guide .site-nav .container { 
  max-width: 1400px; width: 100%; margin: 0 auto;
  padding: 0 32px;
  display: flex; align-items: center; justify-content: space-between;
 }
.ncd-doc-guide .site-nav-logo img {  height: 28px;  }
.ncd-doc-guide .site-nav-menu {  list-style: none; display: flex; gap: 28px;  }
.ncd-doc-guide .site-nav-menu a { 
  color: var(--text-secondary); text-decoration: none;
  font-size: 14px; font-weight: 500;
  transition: color 0.2s;
 }
.ncd-doc-guide .site-nav-menu a:hover {  color: var(--text-primary);  }
.ncd-doc-guide .guide-layout {
  display: flex;
  min-height: 100vh;
  max-width: 1600px;
  margin: 0 auto;
 }
.ncd-doc-guide .sidebar {
  position: sticky;
  top: 0;
  align-self: flex-start;
  width: var(--sidebar-width);
  flex-shrink: 0;
  height: 100vh;
  overflow-y: auto;
  background: var(--bg-surface);
  border-right: 1px solid var(--border-subtle);
  padding: 24px 0;
  z-index: 100;
 }
.ncd-doc-guide .sidebar::-webkit-scrollbar {  width: 4px;  }
.ncd-doc-guide .sidebar::-webkit-scrollbar-track {  background: transparent;  }
.ncd-doc-guide .sidebar::-webkit-scrollbar-thumb {  background: var(--border-subtle); border-radius: 4px;  }
.ncd-doc-guide .sidebar-header { 
  padding: 0 20px 20px;
  border-bottom: 2px solid var(--atrium-orange-border);
  margin-bottom: 16px;
 }
.ncd-doc-guide .sidebar-product { 
  font-size: 11px; font-weight: 600; text-transform: uppercase;
  letter-spacing: 1.5px; color: var(--atrium-orange); margin-bottom: 4px;
 }
.ncd-doc-guide .sidebar-title { 
  font-size: 16px; font-weight: 700; color: var(--text-primary);
  line-height: 1.3;
 }
.ncd-doc-guide .sidebar-version { 
  font-size: 12px; color: var(--text-muted); margin-top: 4px;
 }
.ncd-doc-guide .toc-section-label { 
  font-size: 11px; font-weight: 600; text-transform: uppercase;
  letter-spacing: 1.2px; color: var(--atrium-orange);
  padding: 16px 20px 8px; margin-top: 4px;
  opacity: 0.85;
 }
.ncd-doc-guide .toc-link { 
  display: flex; align-items: center; gap: 10px;
  padding: 7px 20px; text-decoration: none;
  color: var(--text-secondary); font-size: 13.5px;
  font-weight: 450; transition: all 0.15s;
  border-left: 2px solid transparent;
  cursor: pointer;
 }
.ncd-doc-guide .toc-link:hover { 
  color: var(--text-primary);
  background: var(--accent-glow);
 }
.ncd-doc-guide .toc-link.active { 
  color: var(--accent);
  border-left-color: var(--accent);
  background: var(--accent-glow);
  font-weight: 600;
 }
.ncd-doc-guide .toc-link .toc-num { 
  font-size: 11px; font-weight: 700;
  color: var(--text-muted); min-width: 22px;
  font-variant-numeric: tabular-nums;
 }
.ncd-doc-guide .toc-link.active .toc-num {  color: var(--accent);  }
.ncd-doc-guide .toc-icon { 
  width: 16px; height: 16px; opacity: 0.5; flex-shrink: 0;
 }
.ncd-doc-guide .toc-link:hover .toc-icon, .ncd-doc-guide .toc-link.active .toc-icon {  opacity: 1;  }
.ncd-doc-guide .main-content {
  flex: 1;
  min-width: 0;
 }
.ncd-doc-guide .content-wrapper {
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
 }
.ncd-doc-guide .content-wrapper > * {
  margin: 0;
  padding: 40px 48px;
 }
.ncd-doc-guide .guide-hero { 
  position: relative;
  padding: 80px 0 60px;
  margin-bottom: 0;
  overflow: hidden;
 }
.ncd-doc-guide .guide-hero::before { 
  content: '';
  position: absolute; top: 0; left: 0; right: 0; bottom: 0;
  background: radial-gradient(ellipse at 30% 20%, rgba(0,185,247,0.08) 0%, transparent 60%),
              radial-gradient(ellipse at 80% 30%, rgba(254,85,0,0.05) 0%, transparent 45%),
              radial-gradient(ellipse at 70% 80%, rgba(16,123,180,0.05) 0%, transparent 50%);
  pointer-events: none;
 }
.ncd-doc-guide .hero-breadcrumb { 
  font-size: 13px; color: var(--text-muted); margin-bottom: 16px;
  display: flex; align-items: center; gap: 8px;
 }
.ncd-doc-guide .hero-breadcrumb a {  color: var(--accent); text-decoration: none;  }
.ncd-doc-guide .hero-breadcrumb a:hover {  text-decoration: underline;  }
.ncd-doc-guide .hero-breadcrumb .sep {  opacity: 0.4;  }
.ncd-doc-guide .hero-badge { 
  display: inline-flex; align-items: center; gap: 6px;
  background: var(--atrium-orange-dim); color: var(--atrium-orange);
  padding: 5px 14px; border-radius: 20px;
  font-size: 12px; font-weight: 600; text-transform: uppercase;
  letter-spacing: 0.8px; margin-bottom: 20px;
  border: 1px solid var(--atrium-orange-border);
 }
.ncd-doc-guide .hero-badge-dot { 
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--atrium-orange);
 }
.ncd-doc-guide .hero-title { 
  font-size: 40px; font-weight: 800; line-height: 1.15;
  letter-spacing: -0.5px;
  background: linear-gradient(135deg, #FFFFFF 0%, #CBD5E1 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  background-clip: text; margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 3px solid transparent;
  border-image: linear-gradient(90deg, var(--atrium-orange) 0%, rgba(254,85,0,0.1) 70%, transparent 100%) 1;
 }
.ncd-doc-guide .hero-subtitle { 
  font-size: 18px; color: var(--text-secondary); line-height: 1.6;
  max-width: 600px; margin-bottom: 28px;
 }
.ncd-doc-guide .hero-meta { 
  display: flex; gap: 24px; flex-wrap: wrap;
 }
.ncd-doc-guide .hero-meta-item { 
  display: flex; align-items: center; gap: 8px;
  font-size: 13px; color: var(--text-muted);
 }
.ncd-doc-guide .hero-meta-item svg {  width: 14px; height: 14px; opacity: 0.6;  }
.ncd-doc-guide .hero-meta-value {  color: var(--text-secondary); font-weight: 500;  }
.ncd-doc-guide .hero-logo-row { 
  display: flex; align-items: center; gap: 20px; margin-bottom: 16px;
 }
.ncd-doc-guide .hero-logo { 
  width: 64px; height: 64px; flex-shrink: 0;
  filter: drop-shadow(0 0 20px rgba(254,85,0,0.3));
 }
.ncd-doc-guide .guide-section { 
  padding: 56px 0;
  border-top: 1px solid var(--atrium-orange-border);
  position: relative;
 }
.ncd-doc-guide .guide-section::before { 
  content: '';
  position: absolute; top: -1px; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent 0%, var(--atrium-orange) 30%, var(--atrium-orange) 70%, transparent 100%);
  box-shadow: 0 0 8px rgba(254,85,0,0.4), 0 0 20px rgba(254,85,0,0.15);
 }
.ncd-doc-guide .section-anchor { 
  display: block;
  position: relative;
  top: calc(-1 * var(--header-height) - 24px);
  visibility: hidden;
 }
.ncd-doc-guide h2.section-heading { 
  font-size: 28px; font-weight: 800; line-height: 1.2;
  color: var(--text-primary); margin-bottom: 8px;
  letter-spacing: -0.3px;
  display: flex; align-items: center; gap: 14px;
 }
.ncd-doc-guide h2.section-heading .section-number { 
  display: inline-flex; align-items: center; justify-content: center;
  width: 36px; height: 36px; border-radius: 10px;
  background: var(--atrium-orange-dim);
  color: var(--atrium-orange); font-size: 15px; font-weight: 700;
  flex-shrink: 0; border: 1px solid var(--atrium-orange-border);
 }
.ncd-doc-guide .section-description { 
  font-size: 16px; color: var(--text-secondary); margin-bottom: 32px;
  max-width: 640px; line-height: 1.7;
 }
.ncd-doc-guide h3.subsection-heading { 
  font-size: 20px; font-weight: 700; color: var(--text-primary);
  margin: 40px 0 12px; padding-bottom: 8px;
  border-bottom: 1px solid var(--border-subtle);
 }
.ncd-doc-guide h4.detail-heading { 
  font-size: 16px; font-weight: 600; color: var(--text-primary);
  margin: 28px 0 8px;
 }
.ncd-doc-guide p {  margin-bottom: 16px; color: var(--text-secondary);  }
.ncd-doc-guide a {  color: var(--accent); text-decoration: none;  }
.ncd-doc-guide a:hover {  text-decoration: underline;  }
.ncd-doc-guide strong {  color: var(--text-primary); font-weight: 600;  }
.ncd-doc-guide .steps {  margin: 24px 0 32px;  }
.ncd-doc-guide .step { 
  display: flex; gap: 20px; margin-bottom: 24px;
  position: relative;
 }
.ncd-doc-guide .step::before { 
  content: '';
  position: absolute; left: 17px; top: 40px; bottom: -24px;
  width: 1px; background: var(--border-subtle);
 }
.ncd-doc-guide .step:last-child::before {  display: none;  }
.ncd-doc-guide .step-num { 
  width: 36px; height: 36px; border-radius: 50%;
  background: var(--accent-dim);
  color: var(--accent); font-size: 14px; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; border: 1px solid rgba(0,185,247,0.2);
  position: relative; z-index: 1;
 }
.ncd-doc-guide .step-content {  flex: 1; padding-top: 6px;  }
.ncd-doc-guide .step-title { 
  font-size: 15px; font-weight: 600; color: var(--text-primary);
  margin-bottom: 4px;
 }
.ncd-doc-guide .step-text {  font-size: 14px; color: var(--text-secondary); margin: 0;  }
.ncd-doc-guide .callout { 
  padding: 16px 20px; border-radius: 8px; margin: 20px 0;
  display: flex; gap: 12px; font-size: 14px; line-height: 1.6;
  border: 1px solid;
 }
.ncd-doc-guide .callout-icon { 
  flex-shrink: 0; width: 20px; height: 20px; margin-top: 1px;
 }
.ncd-doc-guide .callout-content {  flex: 1;  }
.ncd-doc-guide .callout-label { 
  font-weight: 700; font-size: 13px; text-transform: uppercase;
  letter-spacing: 0.5px; margin-bottom: 4px;
 }
.ncd-doc-guide .callout-tip { 
  background: rgba(16,185,129,0.06);
  border-color: rgba(16,185,129,0.2);
 }
.ncd-doc-guide .callout-tip .callout-icon {  color: var(--green-accent);  }
.ncd-doc-guide .callout-tip .callout-label {  color: var(--green-accent);  }
.ncd-doc-guide .callout-tip .callout-content {  color: var(--text-secondary);  }
.ncd-doc-guide .callout-note { 
  background: rgba(0,185,247,0.06);
  border-color: rgba(0,185,247,0.2);
 }
.ncd-doc-guide .callout-note .callout-icon {  color: var(--accent);  }
.ncd-doc-guide .callout-note .callout-label {  color: var(--accent);  }
.ncd-doc-guide .callout-note .callout-content {  color: var(--text-secondary);  }
.ncd-doc-guide .callout-warning { 
  background: var(--atrium-orange-glow);
  border-color: var(--atrium-orange-border);
 }
.ncd-doc-guide .callout-warning .callout-icon {  color: var(--atrium-orange);  }
.ncd-doc-guide .callout-warning .callout-label {  color: var(--atrium-orange);  }
.ncd-doc-guide .callout-warning .callout-content {  color: var(--text-secondary);  }
.ncd-doc-guide .callout-caution { 
  background: rgba(239,68,68,0.06);
  border-color: rgba(239,68,68,0.2);
 }
.ncd-doc-guide .callout-caution .callout-icon {  color: var(--red-accent);  }
.ncd-doc-guide .callout-caution .callout-label {  color: var(--red-accent);  }
.ncd-doc-guide .callout-caution .callout-content {  color: var(--text-secondary);  }
.ncd-doc-guide .data-table-wrapper { 
  overflow-x: auto; margin: 20px 0;
  border-radius: 8px; border: 1px solid var(--border-subtle);
 }
.ncd-doc-guide table.data-table { 
  width: 100%; border-collapse: collapse;
  font-size: 14px;
 }
.ncd-doc-guide table.data-table thead th { 
  background: var(--bg-surface-raised);
  color: var(--text-primary); font-weight: 600;
  text-align: left; padding: 12px 16px;
  font-size: 13px; text-transform: uppercase;
  letter-spacing: 0.5px; border-bottom: 1px solid var(--border-subtle);
 }
.ncd-doc-guide table.data-table tbody td { 
  padding: 10px 16px; color: var(--text-secondary);
  border-bottom: 1px solid var(--border-subtle);
 }
.ncd-doc-guide table.data-table tbody tr:last-child td {  border-bottom: none;  }
.ncd-doc-guide table.data-table tbody tr:hover {  background: var(--accent-glow);  }
.ncd-doc-guide .code-block {
  background: var(--bg-surface);
  border: 1px solid var(--border-subtle);
  border-radius: 8px; overflow: hidden;
  margin: 16px 0;
 }
.ncd-doc-guide .code-block pre {  background: var(--bg-surface);  }
.ncd-doc-guide .code-header {
  padding: 8px 16px; font-size: 12px; font-weight: 600;
  color: var(--text-muted); background: var(--bg-surface-raised);
  border-bottom: 1px solid var(--border-subtle);
  display: flex; justify-content: space-between; align-items: center;
 }
.ncd-doc-guide .code-content { 
  padding: 16px; font-family: 'SF Mono', 'Fira Code', monospace;
  font-size: 13.5px; line-height: 1.6; color: var(--text-secondary);
  overflow-x: auto;
 }
.ncd-doc-guide .code-content .accent {  color: var(--accent);  }
.ncd-doc-guide .feature-grid { 
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 16px; margin: 24px 0;
 }
.ncd-doc-guide .feature-card { 
  background: var(--bg-surface);
  border: 1px solid var(--border-subtle);
  border-radius: 10px; padding: 20px;
  transition: all 0.2s;
 }
.ncd-doc-guide .feature-card:hover { 
  border-color: var(--border-accent);
  background: var(--bg-surface-raised);
  transform: translateY(-1px);
 }
.ncd-doc-guide .feature-card-icon { 
  width: 36px; height: 36px; border-radius: 8px;
  background: var(--accent-dim);
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 12px;
 }
.ncd-doc-guide .feature-card-icon svg {  width: 18px; height: 18px; color: var(--accent);  }
.ncd-doc-guide .feature-card-title { 
  font-size: 15px; font-weight: 600; color: var(--text-primary);
  margin-bottom: 6px;
 }
.ncd-doc-guide .feature-card-desc { 
  font-size: 13px; color: var(--text-muted); line-height: 1.5;
  margin: 0;
 }
.ncd-doc-guide .status-badge { 
  display: inline-flex; align-items: center; gap: 5px;
  padding: 3px 10px; border-radius: 12px;
  font-size: 12px; font-weight: 600;
 }
.ncd-doc-guide .status-green {  background: rgba(16,185,129,0.12); color: #10B981;  }
.ncd-doc-guide .status-yellow {  background: rgba(245,158,11,0.12); color: #F59E0B;  }
.ncd-doc-guide .status-red {  background: rgba(239,68,68,0.12); color: #EF4444;  }
.ncd-doc-guide code { 
  background: var(--bg-surface-raised);
  padding: 2px 7px; border-radius: 4px;
  font-family: 'SF Mono', 'Fira Code', monospace;
  font-size: 13px; color: var(--accent);
  border: 1px solid var(--border-subtle);
 }
.ncd-doc-guide ul.guide-list, .ncd-doc-guide ol.guide-list { 
  margin: 12px 0 20px 0; padding-left: 0; list-style: none;
 }
.ncd-doc-guide ul.guide-list li, .ncd-doc-guide ol.guide-list li { 
  position: relative; padding: 4px 0 4px 24px;
  color: var(--text-secondary); font-size: 14.5px;
 }
.ncd-doc-guide ul.guide-list li::before { 
  content: '';
  position: absolute; left: 4px; top: 13px;
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--accent); opacity: 0.6;
 }
.ncd-doc-guide .screenshot-wrapper { 
  margin: 24px 0 32px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid var(--border-subtle);
  background: var(--bg-surface);
 }
.ncd-doc-guide .screenshot-wrapper img { 
  width: 100%; display: block;
 }
.ncd-doc-guide .screenshot-caption { 
  padding: 10px 16px;
  font-size: 13px; color: var(--text-muted);
  border-top: 1px solid var(--border-subtle);
  background: var(--bg-surface-raised);
 }
.ncd-doc-guide .guide-footer { 
  padding: 40px 0;
  border-top: 1px solid var(--border-subtle);
  margin-top: 40px;
 }
.ncd-doc-guide .footer-grid { 
  display: flex; gap: 32px; flex-wrap: wrap;
  margin-bottom: 24px;
 }
.ncd-doc-guide .footer-card { 
  flex: 1; min-width: 200px;
  background: var(--bg-surface);
  border: 1px solid var(--border-subtle);
  border-radius: 10px; padding: 20px;
  text-decoration: none; transition: all 0.2s;
  display: block;
 }
.ncd-doc-guide .footer-card:hover { 
  border-color: var(--border-accent);
  background: var(--bg-surface-raised);
  text-decoration: none; transform: translateY(-1px);
 }
.ncd-doc-guide .footer-card-label {  font-size: 12px; color: var(--text-muted); margin-bottom: 6px; font-weight: 500;  }
.ncd-doc-guide .footer-card-title {  font-size: 15px; font-weight: 600; color: var(--text-primary); margin-bottom: 4px;  }
.ncd-doc-guide .footer-card-desc {  font-size: 13px; color: var(--text-secondary); margin: 0;  }
.ncd-doc-guide .footer-meta { 
  display: flex; justify-content: space-between; align-items: center;
  padding-top: 20px; border-top: 1px solid var(--border-subtle);
  font-size: 13px; color: var(--text-muted);
 }
.ncd-doc-guide .footer-meta a {  color: var(--text-muted);  }
.ncd-doc-guide .footer-meta a:hover {  color: var(--accent);  }
@media (max-width: 1100px) {
.ncd-doc-guide .sidebar {  width: 240px;  }
.ncd-doc-guide .main-content {  margin-left: 240px;  }
.ncd-doc-guide .content-wrapper > * {  padding: 32px 32px;  }
}
@media (max-width: 860px) {
.ncd-doc-guide .sidebar {  display: none;  }
.ncd-doc-guide .main-content {  margin-left: 0;  }
.ncd-doc-guide .feature-grid {  grid-template-columns: 1fr;  }
}

/* --- Screenshot-placeholder styles (only visible in the MOCK render) ---
 * The render script replaces <figure class="guide-screenshot"> inner
 * <div class="screenshot-placeholder"> with a real <img>, so these rules
 * only matter until screenshots are captured and embedded. */
.ncd-doc-guide .guide-screenshot {
  margin: 32px auto;
  max-width: 100%;
}
.ncd-doc-guide .guide-screenshot img {
  /* Fit to the column WITHOUT upscaling small shots or blowing up tall/portrait ones:
     cap width to the column and height to a sane max, keep intrinsic aspect, and center. */
  max-width: 100%;
  max-height: 640px;
  width: auto;
  height: auto;
  display: block;
  margin: 0 auto;
  border-radius: 8px;
  border: 1px solid var(--border-subtle);
  box-shadow: 0 12px 32px rgba(0,0,0,0.4);
}
.ncd-doc-guide .guide-screenshot figcaption {
  margin-top: 12px;
  color: var(--text-secondary);
  font-size: 14px;
  text-align: center;
  font-style: italic;
}
.ncd-doc-guide .screenshot-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 48px 24px;
  min-height: 280px;
  background: repeating-linear-gradient(45deg, rgba(255,255,255,0.02), rgba(255,255,255,0.02) 12px, rgba(255,255,255,0.05) 12px, rgba(255,255,255,0.05) 24px);
  border: 2px dashed var(--atrium-orange-border);
  border-radius: 8px;
  color: var(--text-secondary);
  text-align: center;
}
.ncd-doc-guide .placeholder-icon { font-size: 40px; opacity: 0.8; }
.ncd-doc-guide .placeholder-filename {
  font-family: 'SF Mono', Menlo, Consolas, monospace;
  font-size: 14px;
  color: var(--atrium-orange);
  background: var(--atrium-orange-dim);
  padding: 6px 12px;
  border-radius: 4px;
}
.ncd-doc-guide .placeholder-hint {
  max-width: 520px;
  font-size: 13px;
  color: var(--text-muted);
  line-height: 1.5;
}
/* --- End placeholder styles --- */


/* ============================================================
   Layout A — centered readable reading column (STANDARD)
   Caps content to a readable 900px column, centered with
   balanced margins, fixing wide-screen right-side dead space.
   Applies to every guide via the shared scaffold.
   ============================================================ */
.ncd-doc-guide .content-wrapper > * {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.ncd-doc-guide .hero-subtitle { max-width: none; }
.ncd-doc-guide .section-description { max-width: none; }
/* --- End Layout A --- */

/* ============================================================
   Feature-card icons — KSES-safe CSS masks (ncd-pdp.css pattern)
   Content carries <span class="ncd-icon icon-NAME"></span>; the
   silhouette lives here so no inline <svg> ships in the post.
   ============================================================ */
.ncd-doc-guide .ncd-icon{display:inline-block;width:18px;height:18px;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;}
.ncd-doc-guide .feature-card-icon .ncd-icon{width:18px;height:18px;color:var(--accent);}
.ncd-doc-guide .icon-battery{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%221%22%20y%3D%226%22%20width%3D%2218%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cline%20x1%3D%2223%22%20y1%3D%2211%22%20x2%3D%2223%22%20y2%3D%2213%22%2F%3E%3Cline%20x1%3D%226%22%20y1%3D%2212%22%20x2%3D%2212%22%20y2%3D%2212%22%2F%3E%3Cline%20x1%3D%229%22%20y1%3D%229%22%20x2%3D%229%22%20y2%3D%2215%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%221%22%20y%3D%226%22%20width%3D%2218%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cline%20x1%3D%2223%22%20y1%3D%2211%22%20x2%3D%2223%22%20y2%3D%2213%22%2F%3E%3Cline%20x1%3D%226%22%20y1%3D%2212%22%20x2%3D%2212%22%20y2%3D%2212%22%2F%3E%3Cline%20x1%3D%229%22%20y1%3D%229%22%20x2%3D%229%22%20y2%3D%2215%22%2F%3E%3C%2Fsvg%3E");}
.ncd-doc-guide .icon-signal{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M5%2012.55a11%2011%200%200%201%2014.08%200%22%2F%3E%3Cpath%20d%3D%22M1.42%209a16%2016%200%200%201%2021.16%200%22%2F%3E%3Cpath%20d%3D%22M8.53%2016.11a6%206%200%200%201%206.95%200%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2220%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M5%2012.55a11%2011%200%200%201%2014.08%200%22%2F%3E%3Cpath%20d%3D%22M1.42%209a16%2016%200%200%201%2021.16%200%22%2F%3E%3Cpath%20d%3D%22M8.53%2016.11a6%206%200%200%201%206.95%200%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2220%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");}
.ncd-doc-guide .icon-shield{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%2022s8-4%208-10V5l-8-3-8%203v7c0%206%208%2010%208%2010z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%2022s8-4%208-10V5l-8-3-8%203v7c0%206%208%2010%208%2010z%22%2F%3E%3C%2Fsvg%3E");}
.ncd-doc-guide .icon-thermometer{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M14%2014.76V3.5a2.5%202.5%200%200%200-5%200v11.26a4.5%204.5%200%201%200%205%200z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M14%2014.76V3.5a2.5%202.5%200%200%200-5%200v11.26a4.5%204.5%200%201%200%205%200z%22%2F%3E%3C%2Fsvg%3E");}
.ncd-doc-guide .icon-waveform{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cline%20x1%3D%223%22%20y1%3D%2212%22%20x2%3D%225%22%20y2%3D%2212%22%2F%3E%3Cline%20x1%3D%2219%22%20y1%3D%2212%22%20x2%3D%2221%22%20y2%3D%2212%22%2F%3E%3Cpolyline%20points%3D%226%2012%208%205%2011%2019%2013%208%2016%2016%2018%2012%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cline%20x1%3D%223%22%20y1%3D%2212%22%20x2%3D%225%22%20y2%3D%2212%22%2F%3E%3Cline%20x1%3D%2219%22%20y1%3D%2212%22%20x2%3D%2221%22%20y2%3D%2212%22%2F%3E%3Cpolyline%20points%3D%226%2012%208%205%2011%2019%2013%208%2016%2016%2018%2012%22%2F%3E%3C%2Fsvg%3E");}
.ncd-doc-guide .icon-shield-check{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%2022s8-4%208-10V5l-8-3-8%203v7c0%206%208%2010%208%2010z%22%2F%3E%3Cpath%20d%3D%22M9%2012l2%202%204-4%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%2022s8-4%208-10V5l-8-3-8%203v7c0%206%208%2010%208%2010z%22%2F%3E%3Cpath%20d%3D%22M9%2012l2%202%204-4%22%2F%3E%3C%2Fsvg%3E");}
.ncd-doc-guide .icon-vibration{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%202a3%203%200%200%200-3%203v7a3%203%200%200%200%206%200V5a3%203%200%200%200-3-3z%22%2F%3E%3Cpath%20d%3D%22M19%2010v2a7%207%200%200%201-14%200v-2%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%2219%22%20x2%3D%2212%22%20y2%3D%2222%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%202a3%203%200%200%200-3%203v7a3%203%200%200%200%206%200V5a3%203%200%200%200-3-3z%22%2F%3E%3Cpath%20d%3D%22M19%2010v2a7%207%200%200%201-14%200v-2%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%2219%22%20x2%3D%2212%22%20y2%3D%2222%22%2F%3E%3C%2Fsvg%3E");}
.ncd-doc-guide .icon-server{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%2220%22%20height%3D%228%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%2214%22%20width%3D%2220%22%20height%3D%228%22%20rx%3D%222%22%2F%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%226.01%22%20y2%3D%226%22%2F%3E%3Cline%20x1%3D%226%22%20y1%3D%2218%22%20x2%3D%226.01%22%20y2%3D%2218%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%2220%22%20height%3D%228%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%2214%22%20width%3D%2220%22%20height%3D%228%22%20rx%3D%222%22%2F%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%226.01%22%20y2%3D%226%22%2F%3E%3Cline%20x1%3D%226%22%20y1%3D%2218%22%20x2%3D%226.01%22%20y2%3D%2218%22%2F%3E%3C%2Fsvg%3E");}
.ncd-doc-guide .icon-cloud{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M18%2010h-1.26A8%208%200%201%200%209%2020h9a5%205%200%200%200%200-10z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M18%2010h-1.26A8%208%200%201%200%209%2020h9a5%205%200%200%200%200-10z%22%2F%3E%3C%2Fsvg%3E");}
.ncd-doc-guide .icon-clock{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpolyline%20points%3D%2212%206%2012%2012%2016%2014%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpolyline%20points%3D%2212%206%2012%2012%2016%2014%22%2F%3E%3C%2Fsvg%3E");}
.ncd-doc-guide .icon-activity{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M2%2012h4l3%208%204-16%203%208h6%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M2%2012h4l3%208%204-16%203%208h6%22%2F%3E%3C%2Fsvg%3E");}
.ncd-doc-guide .icon-trending-up{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M3%203v18h18%22%2F%3E%3Cpath%20d%3D%22M7%2014l4-4%203%203%205-6%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M3%203v18h18%22%2F%3E%3Cpath%20d%3D%22M7%2014l4-4%203%203%205-6%22%2F%3E%3C%2Fsvg%3E");}
.ncd-doc-guide .icon-bell{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M18%208A6%206%200%200%200%206%208c0%207-3%209-3%209h18s-3-2-3-9%22%2F%3E%3Cpath%20d%3D%22M13.73%2021a2%202%200%200%201-3.46%200%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M18%208A6%206%200%200%200%206%208c0%207-3%209-3%209h18s-3-2-3-9%22%2F%3E%3Cpath%20d%3D%22M13.73%2021a2%202%200%200%201-3.46%200%22%2F%3E%3C%2Fsvg%3E");}
.ncd-doc-guide .icon-grid{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%2F%3E%3C%2Fsvg%3E");}
.ncd-doc-guide .icon-globe{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cline%20x1%3D%222%22%20y1%3D%2212%22%20x2%3D%2222%22%20y2%3D%2212%22%2F%3E%3Cpath%20d%3D%22M12%202a15.3%2015.3%200%200%201%204%2010%2015.3%2015.3%200%200%201-4%2010%2015.3%2015.3%200%200%201-4-10%2015.3%2015.3%200%200%201%204-10z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cline%20x1%3D%222%22%20y1%3D%2212%22%20x2%3D%2222%22%20y2%3D%2212%22%2F%3E%3Cpath%20d%3D%22M12%202a15.3%2015.3%200%200%201%204%2010%2015.3%2015.3%200%200%201-4%2010%2015.3%2015.3%200%200%201-4-10%2015.3%2015.3%200%200%201%204-10z%22%2F%3E%3C%2Fsvg%3E");}
.ncd-doc-guide .icon-settings{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M19.4%2015a1.65%201.65%200%200%200%20.33%201.82l.06.06a2%202%200%201%201-2.83%202.83l-.06-.06a1.65%201.65%200%200%200-1.82-.33%201.65%201.65%200%200%200-1%201.51V21a2%202%200%200%201-4%200v-.09A1.65%201.65%200%200%200%209%2019.4a1.65%201.65%200%200%200-1.82.33l-.06.06a2%202%200%201%201-2.83-2.83l.06-.06a1.65%201.65%200%200%200%20.33-1.82%201.65%201.65%200%200%200-1.51-1H3a2%202%200%200%201%200-4h.09A1.65%201.65%200%200%200%204.6%209a1.65%201.65%200%200%200-.33-1.82l-.06-.06a2%202%200%201%201%202.83-2.83l.06.06a1.65%201.65%200%200%200%201.82.33H9a1.65%201.65%200%200%200%201-1.51V3a2%202%200%200%201%204%200v.09a1.65%201.65%200%200%200%201%201.51%201.65%201.65%200%200%200%201.82-.33l.06-.06a2%202%200%201%201%202.83%202.83l-.06.06a1.65%201.65%200%200%200-.33%201.82V9a1.65%201.65%200%200%200%201.51%201H21a2%202%200%200%201%200%204h-.09a1.65%201.65%200%200%200-1.51%201z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M19.4%2015a1.65%201.65%200%200%200%20.33%201.82l.06.06a2%202%200%201%201-2.83%202.83l-.06-.06a1.65%201.65%200%200%200-1.82-.33%201.65%201.65%200%200%200-1%201.51V21a2%202%200%200%201-4%200v-.09A1.65%201.65%200%200%200%209%2019.4a1.65%201.65%200%200%200-1.82.33l-.06.06a2%202%200%201%201-2.83-2.83l.06-.06a1.65%201.65%200%200%200%20.33-1.82%201.65%201.65%200%200%200-1.51-1H3a2%202%200%200%201%200-4h.09A1.65%201.65%200%200%200%204.6%209a1.65%201.65%200%200%200-.33-1.82l-.06-.06a2%202%200%201%201%202.83-2.83l.06.06a1.65%201.65%200%200%200%201.82.33H9a1.65%201.65%200%200%200%201-1.51V3a2%202%200%200%201%204%200v.09a1.65%201.65%200%200%200%201%201.51%201.65%201.65%200%200%200%201.82-.33l.06-.06a2%202%200%201%201%202.83%202.83l-.06.06a1.65%201.65%200%200%200-.33%201.82V9a1.65%201.65%200%200%200%201.51%201H21a2%202%200%200%201%200%204h-.09a1.65%201.65%200%200%200-1.51%201z%22%2F%3E%3C%2Fsvg%3E");}
.ncd-doc-guide .icon-bar-chart{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cline%20x1%3D%2218%22%20y1%3D%2220%22%20x2%3D%2218%22%20y2%3D%2210%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%2220%22%20x2%3D%2212%22%20y2%3D%224%22%2F%3E%3Cline%20x1%3D%226%22%20y1%3D%2220%22%20x2%3D%226%22%20y2%3D%2214%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cline%20x1%3D%2218%22%20y1%3D%2220%22%20x2%3D%2218%22%20y2%3D%2210%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%2220%22%20x2%3D%2212%22%20y2%3D%224%22%2F%3E%3Cline%20x1%3D%226%22%20y1%3D%2220%22%20x2%3D%226%22%20y2%3D%2214%22%2F%3E%3C%2Fsvg%3E");}
.ncd-doc-guide .icon-zap{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpolygon%20points%3D%2213%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpolygon%20points%3D%2213%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202%22%2F%3E%3C%2Fsvg%3E");}
.ncd-doc-guide .icon-toggle{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%221%22%20y%3D%225%22%20width%3D%2222%22%20height%3D%2214%22%20rx%3D%227%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%221%22%20y%3D%225%22%20width%3D%2222%22%20height%3D%2214%22%20rx%3D%227%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E");}
.ncd-doc-guide .icon-smartphone{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%226%22%20y%3D%223%22%20width%3D%2212%22%20height%3D%2218%22%20rx%3D%221%22%2F%3E%3Cline%20x1%3D%226%22%20y1%3D%2221%22%20x2%3D%2218%22%20y2%3D%2221%22%2F%3E%3Ccircle%20cx%3D%2214.5%22%20cy%3D%2212%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%226%22%20y%3D%223%22%20width%3D%2212%22%20height%3D%2218%22%20rx%3D%221%22%2F%3E%3Cline%20x1%3D%226%22%20y1%3D%2221%22%20x2%3D%2218%22%20y2%3D%2221%22%2F%3E%3Ccircle%20cx%3D%2214.5%22%20cy%3D%2212%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");}
.ncd-doc-guide .icon-droplet{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%202.5s6%206.5%206%2011a6%206%200%200%201-12%200c0-4.5%206-11%206-11z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%202.5s6%206.5%206%2011a6%206%200%200%201-12%200c0-4.5%206-11%206-11z%22%2F%3E%3C%2Fsvg%3E");}
.ncd-doc-guide .icon-gauge{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%202v6%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2214%22%20r%3D%226%22%2F%3E%3Cpath%20d%3D%22M12%2014l3-2%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%202v6%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2214%22%20r%3D%226%22%2F%3E%3Cpath%20d%3D%22M12%2014l3-2%22%2F%3E%3C%2Fsvg%3E");}
.ncd-doc-guide .icon-layout{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%224%22%20x2%3D%2212%22%20y2%3D%2220%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%224%22%20x2%3D%2212%22%20y2%3D%2220%22%2F%3E%3C%2Fsvg%3E");}
.ncd-doc-guide .icon-columns{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cline%20x1%3D%228%22%20y1%3D%224%22%20x2%3D%228%22%20y2%3D%2220%22%2F%3E%3Cline%20x1%3D%2216%22%20y1%3D%224%22%20x2%3D%2216%22%20y2%3D%2220%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cline%20x1%3D%228%22%20y1%3D%224%22%20x2%3D%228%22%20y2%3D%2220%22%2F%3E%3Cline%20x1%3D%2216%22%20y1%3D%224%22%20x2%3D%2216%22%20y2%3D%2220%22%2F%3E%3C%2Fsvg%3E");}
.ncd-doc-guide .icon-pulse{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpolyline%20points%3D%2222%2012%2018%2012%2015%2021%209%203%206%2012%202%2012%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpolyline%20points%3D%2222%2012%2018%2012%2015%2021%209%203%206%2012%202%2012%22%2F%3E%3C%2Fsvg%3E");}
.ncd-doc-guide .icon-waveform-2{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cline%20x1%3D%223%22%20y1%3D%2212%22%20x2%3D%225%22%20y2%3D%2212%22%2F%3E%3Cline%20x1%3D%2219%22%20y1%3D%2212%22%20x2%3D%2221%22%20y2%3D%2212%22%2F%3E%3Cpolyline%20points%3D%225%2012%208%206%2011%2016%2014%209%2017%2013%2019%2012%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%223%22%20x2%3D%2212%22%20y2%3D%225%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cline%20x1%3D%223%22%20y1%3D%2212%22%20x2%3D%225%22%20y2%3D%2212%22%2F%3E%3Cline%20x1%3D%2219%22%20y1%3D%2212%22%20x2%3D%2221%22%20y2%3D%2212%22%2F%3E%3Cpolyline%20points%3D%225%2012%208%206%2011%2016%2014%209%2017%2013%2019%2012%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%223%22%20x2%3D%2212%22%20y2%3D%225%22%2F%3E%3C%2Fsvg%3E");}

/* ============================================================
   Guide extras (moved out of per-guide inline styles)
   ============================================================ */
.ncd-doc-guide .guide-layout{ gap:48px; }
.ncd-doc-guide .cta-button{
  display:inline-block; background:linear-gradient(180deg,#ffb454,#ff7f0f);
  color:#1b1000; font-weight:700; text-decoration:none; padding:12px 28px;
  border-radius:10px; font-size:15px; transition:filter .15s ease, transform .15s ease;
}
.ncd-doc-guide .cta-button:hover{ filter:brightness(1.06); transform:translateY(-1px); text-decoration:none; }
.ncd-doc-guide .cta-wrap{ margin-top:24px; text-align:center; }
.ncd-doc-guide .cta-wrap-left{ margin-top:18px; }
/* Responsive 16:9 video wrapper — replaces the per-guide inline style on the video
   container. KSES-safe: markup is div.video-embed wrapping a [video …] shortcode.
   The !important overrides the width mediaelement/WordPress injects on the [video] player. */
.ncd-doc-guide .video-embed{ position:relative; padding-bottom:56.25%; height:0; overflow:hidden; border-radius:12px; margin:16px 0; background:#000; }
.ncd-doc-guide .video-embed video,
.ncd-doc-guide .video-embed iframe,
.ncd-doc-guide .video-embed .wp-video,
.ncd-doc-guide .video-embed .mejs-container{ position:absolute; top:0; left:0; width:100% !important; height:100% !important; max-width:100% !important; border:0; }

/* ============================================================
   Atrium simulated dashboard (.atrium-demo) — built by ncd-guide.js
   Ported from the inline styles in gen_preview.py. Palette from
   the live Atrium Theme.jsx. No inline styles ship in content.
   ============================================================ */
.ncd-doc-guide .atrium-demo{
  --ad-bg:#0b0e11; --ad-panel:#141a1f; --ad-border:#262f38; --ad-border-strong:#3a4655;
  --ad-text:#e6edf3; --ad-muted:#a8b0b9; --ad-value:#10b981; --ad-accent1:#ffb454;
  --ad-accent2:#ff7f0f; --ad-accent-text:#1b1000; --ad-teal:#33b3ae;
  --ad-input-bg:#11161b; --ad-btn-bg:#0f151b; --ad-note:#4a5568;
  background:var(--ad-bg); border:1px solid var(--ad-border); border-radius:14px;
  padding:20px; margin:24px 0; color:var(--ad-text);
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
.ncd-doc-guide .atrium-demo .ad-panel{
  background:var(--ad-panel); border:1px solid var(--ad-border); border-radius:14px;
  box-shadow:0 10px 24px rgba(0,0,0,0.35); margin-bottom:16px;
}
.ncd-doc-guide .atrium-demo .ad-panel-body{ padding:16px; }
.ncd-doc-guide .atrium-demo .ad-topbar{
  display:flex; justify-content:space-between; align-items:center; margin-bottom:16px;
}
.ncd-doc-guide .atrium-demo .ad-title{ font-size:22px; font-weight:700; color:#fff; letter-spacing:0.3px; }
.ncd-doc-guide .atrium-demo .ad-badge{
  background:linear-gradient(180deg,var(--ad-accent1),var(--ad-accent2)); color:var(--ad-accent-text);
  font-size:12px; font-weight:600; padding:2px 10px; border-radius:999px; letter-spacing:0.04em;
}
.ncd-doc-guide .atrium-demo .ad-devhead{
  display:flex; justify-content:space-between; align-items:flex-start; gap:24px;
}
.ncd-doc-guide .atrium-demo .ad-dev-name{ font-size:22px; font-weight:700; color:#fff; margin-bottom:6px; }
.ncd-doc-guide .atrium-demo .ad-dev-meta{ font-size:14px; color:var(--ad-muted); margin-top:4px; }
.ncd-doc-guide .atrium-demo .ad-dev-meta:first-of-type{ margin-top:0; }
.ncd-doc-guide .atrium-demo .ad-lastheard-wrap{ text-align:center; }
.ncd-doc-guide .atrium-demo .ad-lastheard-label{ font-size:13px; color:var(--ad-muted); margin-bottom:4px; }
.ncd-doc-guide .atrium-demo .ad-lastheard{ font-size:32px; font-weight:700; color:var(--ad-value); line-height:1.2; white-space:nowrap; }
.ncd-doc-guide .atrium-demo .ad-controls{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.ncd-doc-guide .atrium-demo .ad-controls + .ad-controls{ margin-top:0; }
.ncd-doc-guide .atrium-demo .ad-ctrl-label{ font-size:13px; color:var(--ad-muted); font-weight:500; }
.ncd-doc-guide .atrium-demo .ad-subhint{ font-size:13px; color:var(--ad-muted); margin:14px 0 8px; }
.ncd-doc-guide .atrium-demo .ad-btn{
  background:var(--ad-btn-bg); color:var(--ad-text); border:1px solid var(--ad-border);
  border-radius:10px; padding:6px 12px; font-size:13px; cursor:pointer; font-family:inherit;
}
.ncd-doc-guide .atrium-demo .ad-btn.is-active{
  background:linear-gradient(180deg,var(--ad-accent1),var(--ad-accent2));
  color:var(--ad-accent-text); border-color:var(--ad-accent1); font-weight:700;
}
.ncd-doc-guide .atrium-demo .ad-btn-apply{ padding:8px 14px; font-weight:700;
  background:linear-gradient(180deg,var(--ad-accent1),var(--ad-accent2)); color:var(--ad-accent-text); border:1px solid var(--ad-accent1);
  border-radius:10px; font-size:13px; cursor:pointer; }
.ncd-doc-guide .atrium-demo .ad-input{
  background:var(--ad-input-bg); color:var(--ad-text); border:1px solid var(--ad-border);
  border-radius:10px; padding:8px 10px; font-size:14px; font-family:inherit; width:70px;
}
.ncd-doc-guide .atrium-demo .ad-input.ad-date{ font-family:monospace; font-size:13px; width:120px; }
.ncd-doc-guide .atrium-demo .ad-input.ad-time{ font-family:monospace; font-size:13px; width:90px; }
.ncd-doc-guide .atrium-demo .ad-section-label{ font-size:14px; font-weight:600; color:var(--ad-muted); margin:0 0 8px 4px; }
.ncd-doc-guide .atrium-demo .ad-section-label.ad-mt{ margin-top:16px; }
.ncd-doc-guide .atrium-demo .ad-grid{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:16px;
}
.ncd-doc-guide .atrium-demo .ad-card{
  background:var(--ad-panel); border:1px solid var(--ad-border); border-radius:14px;
  box-shadow:0 10px 24px rgba(0,0,0,0.35); cursor:pointer;
}
.ncd-doc-guide .atrium-demo .ad-card-head{
  font-size:13px; color:var(--ad-muted); margin-bottom:4px;
  display:flex; justify-content:space-between; align-items:center;
}
.ncd-doc-guide .atrium-demo .ad-metric-value{ font-size:32px; font-weight:700; color:var(--ad-value); }
.ncd-doc-guide .atrium-demo .ad-metric-unit{ font-size:16px; margin-left:4px; }
.ncd-doc-guide .atrium-demo .ad-metric-stats{ font-size:12px; color:var(--ad-muted); margin-top:8px; }
.ncd-doc-guide .atrium-demo .ad-unit-toggle{
  font-size:11px; font-weight:600; cursor:pointer; padding:2px 6px; border-radius:4px;
  border:1px solid var(--ad-border); background:transparent; color:var(--ad-muted); user-select:none;
}
.ncd-doc-guide .atrium-demo .ad-unit-toggle.is-f{ color:var(--ad-teal); background:rgba(51,179,174,0.15); }
.ncd-doc-guide .atrium-demo .ad-chart-card{
  background:var(--ad-panel); border:1px solid var(--ad-border); border-radius:14px;
  box-shadow:0 10px 24px rgba(0,0,0,0.35); margin-bottom:16px;
}
.ncd-doc-guide .atrium-demo .ad-chart-head{ display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; }
.ncd-doc-guide .atrium-demo .ad-chart-titlewrap{ display:flex; align-items:center; gap:8px; }
.ncd-doc-guide .atrium-demo .ad-drag{ color:var(--ad-muted); font-size:18px; line-height:1; user-select:none; }
.ncd-doc-guide .atrium-demo .ad-chart-title{ margin:0; font-size:16px; font-weight:600; color:var(--ad-text); }
.ncd-doc-guide .atrium-demo .ad-chart-hstats{ font-size:12px; color:var(--ad-muted); margin-top:4px; }
.ncd-doc-guide .atrium-demo .ad-chart-actions{ display:flex; gap:8px; align-items:center; }
.ncd-doc-guide .atrium-demo .ad-chart-hint{ font-size:12px; color:var(--ad-muted); font-style:italic; margin-bottom:8px; }
.ncd-doc-guide .atrium-demo .ad-chart{ width:100%; display:block; }
.ncd-doc-guide .atrium-demo .ad-legend{ text-align:center; margin-top:8px; }
.ncd-doc-guide .atrium-demo .ad-legend-item{ display:inline-flex; align-items:center; gap:6px; color:var(--ad-value); font-size:12px; }
.ncd-doc-guide .atrium-demo .ad-spacer{ height:16px; }
.ncd-doc-guide .atrium-demo .ad-note{ font-size:11px; color:var(--ad-note); text-align:center; margin-top:4px; }
/* chart internals (SVG built by ncd-guide.js; classed so strokes stay in CSS) */
.ncd-doc-guide .atrium-demo .ad-axis{ stroke:var(--ad-border-strong); stroke-width:1; }
.ncd-doc-guide .atrium-demo .ad-gridline{ stroke:var(--ad-border); stroke-width:1; stroke-dasharray:3,3; }
.ncd-doc-guide .atrium-demo .ad-ticklabel{ fill:var(--ad-muted); font-size:11px; }
.ncd-doc-guide .atrium-demo .ad-line{ fill:none; stroke:var(--ad-value); stroke-width:2; stroke-linejoin:round; stroke-linecap:round; }
@media (max-width:860px){
  .ncd-doc-guide .atrium-demo .ad-devhead{ flex-direction:column; gap:12px; }
  .ncd-doc-guide .atrium-demo .ad-lastheard-wrap{ text-align:left; }
}

/* ---- Scoped Elementor header override (logo baked) ---- */
/* --- Scoped Elementor header override --- DISABLED 2026-07-22 -------------
 *
 * Guides now render with the site's DEFAULT Elementor header (no dark
 * recolor, no white-logo swap). Every rule in this section is intentionally
 * commented out per the new global guide styling.
 *
 * History: this block used to recolor the ncd.io site header dark and swap in
 * the white NCD logo on any page embedding a guide (scoped via the
 * modern-browser-only body:has(.ncd-doc-guide) body.elementor-page-143350). To re-enable, un-
 * comment the block below; the build script (build_guide_css.py) will again
 * bake assets/NCDIO-White-Logo_1000px.png in wherever the LOGO_DATA_URI
 * placeholder (double-brace form) appears — restore that placeholder in the
 * logo rule first.
 */

/*
body:has(.ncd-doc-guide) header.elementor-location-header,
body:has(.ncd-doc-guide) header.elementor-location-header .elementor-section,
body:has(.ncd-doc-guide) header.elementor-location-header .elementor-container,
body:has(.ncd-doc-guide) header.elementor-location-header > div,
body:has(.ncd-doc-guide) header.elementor-location-header > section { background-color: #111827 !important; background-image: none !important; }

body:has(.ncd-doc-guide) header.elementor-location-header,
body:has(.ncd-doc-guide) header.elementor-location-header *,
body:has(.ncd-doc-guide) header.elementor-location-header a,
body:has(.ncd-doc-guide) header.elementor-location-header .elementor-item,
body:has(.ncd-doc-guide) header.elementor-location-header .elementor-item:visited,
body:has(.ncd-doc-guide) header.elementor-location-header .elementor-nav-menu a,
body:has(.ncd-doc-guide) header.elementor-location-header nav a { color: #FFFFFF !important; fill: #FFFFFF !important; }

body:has(.ncd-doc-guide) header.elementor-location-header .elementor-item:hover,
body:has(.ncd-doc-guide) header.elementor-location-header .elementor-item.elementor-item-active,
body:has(.ncd-doc-guide) header.elementor-location-header a:hover { color: #FE5500 !important; }

body:has(.ncd-doc-guide) header.elementor-location-header img {
  content: url("<white-NCD-logo data URI, baked at build time>") !important;
  max-height: 60px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}
*/
/* --- End scoped Elementor header override --- *//* End custom CSS */