/* ==========================================================================
   CoinFlow Finance Learning OS — WordPress / LearnPress integration v1.1
   Only takes effect when body has .cff-a0-active.
   ========================================================================== */

body.cff-a0-active{
  background:#050806 !important;
}

/* ---- Hide the public WordPress theme chrome on the A0 lesson ------------ */
body.cff-a0-active header.wp-block-template-part,
body.cff-a0-active footer.wp-block-template-part,
body.cff-a0-active .wp-site-blocks > header,
body.cff-a0-active .wp-site-blocks > footer,
body.cff-a0-active #masthead,
body.cff-a0-active .site-header,
body.cff-a0-active #colophon,
body.cff-a0-active .site-footer,
body.cff-a0-active .wp-block-post-title,
body.cff-a0-active .wp-block-post-date,
body.cff-a0-active .wp-block-post-author,
body.cff-a0-active .entry-header,
body.cff-a0-active .entry-title,
body.cff-a0-active .entry-meta,
body.cff-a0-active .posted-on,
body.cff-a0-active .post-date,
body.cff-a0-active .breadcrumbs-wrapper,
body.cff-a0-active .thim-breadcrumbs,
body.cff-a0-active .learn-press-breadcrumb{
  display:none !important;
}

/* ---- Remove WordPress block-theme content constraints ------------------- */
body.cff-a0-active .wp-site-blocks,
body.cff-a0-active main.wp-block-group,
body.cff-a0-active .wp-block-post-content,
body.cff-a0-active .wp-block-post-content.is-layout-constrained,
body.cff-a0-active .entry-content,
body.cff-a0-active #content,
body.cff-a0-active .site-content,
body.cff-a0-active .site-main,
body.cff-a0-active #primary,
body.cff-a0-active article,
body.cff-a0-active #learn-press-content-item,
body.cff-a0-active .learn-press-content-item,
body.cff-a0-active .content-item-wrap,
body.cff-a0-active .content-item-scrollable,
body.cff-a0-active .content-item-summary,
body.cff-a0-active .content-item-description,
body.cff-a0-active #popup-content,
body.cff-a0-active .lp-content-area{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  background:#050806 !important;
  border:0 !important;
  box-shadow:none !important;
}

/* This is the actual shortcode root. Block themes otherwise constrain it. */
body.cff-a0-active .wp-block-post-content > .cff-a0-root,
body.cff-a0-active .entry-content > .cff-a0-root,
body.cff-a0-active .cff-a0-root{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}

/* ---- CFF sizing in the real site ---------------------------------------- */
body.cff-a0-active .cff-a0-root{
  --wrap:1320px;
  --gut:clamp(22px,3.6vw,52px);
  --f-sm:.9rem;
  --f-bd:1rem;
  --f-ld:clamp(1.1rem,1.8vw,1.35rem);
  --f-h2:clamp(1.75rem,2.7vw,2.35rem);
  --f-h1:clamp(3.15rem,5.8vw,5.5rem);
  --s7:clamp(4.75rem,7vw,7rem);
}



/* Wider, less cramped desktop composition. */
@media (min-width:1081px){
  body.cff-a0-active .cff-a0-root .hero{
    grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);
    gap:clamp(3rem,5vw,5.25rem);
  }
  body.cff-a0-active .cff-a0-root .cycle{
    grid-template-columns:minmax(0,1.4fr) minmax(330px,.8fr);
  }
  body.cff-a0-active .cff-a0-root .arch{
    grid-template-columns:minmax(0,1.48fr) minmax(340px,.9fr);
  }
  body.cff-a0-active .cff-a0-root .engine{
    grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);
  }
}

/* WordPress admin bar only exists for logged-in admins. */
body.admin-bar .cff-a0-root .sysbar{top:32px;}
@media (max-width:782px){
  body.admin-bar .cff-a0-root .sysbar{top:46px;}
}
/* ==========================================================================
   v1.2 COLOR ISOLATION
   Extendable / WordPress Global Styles must never color CFF typography.
   ========================================================================== */

/* Base */
body.cff-a0-active .cff-a0-root{
  color:#F3F5F2 !important;
}

/* Primary text */
body.cff-a0-active .cff-a0-root .hero h1,
body.cff-a0-active .cff-a0-root .sec-head h2,
body.cff-a0-active .cff-a0-root .arch-detail-head h3,
body.cff-a0-active .cff-a0-root .console h3,
body.cff-a0-active .cff-a0-root .enter-title,
body.cff-a0-active .cff-a0-root .hero-meta b,
body.cff-a0-active .cff-a0-root .cyc-tab[aria-selected="true"] b,
body.cff-a0-active .cff-a0-root .layer[aria-pressed="true"] b{
  color:#F3F5F2 !important;
}

/* Secondary readable text */
body.cff-a0-active .cff-a0-root .hero-lead,
body.cff-a0-active .cff-a0-root .sec-note,
body.cff-a0-active .cff-a0-root .cycle-desc p,
body.cff-a0-active .cff-a0-root .arch-detail p,
body.cff-a0-active .cff-a0-root .arch-topics li,
body.cff-a0-active .cff-a0-root .console p,
body.cff-a0-active .cff-a0-root .cyc-tab b,
body.cff-a0-active .cff-a0-root .layer b,
body.cff-a0-active .cff-a0-root .conf-state{
  color:#8A968F !important;
}

/* Interface labels */
body.cff-a0-active .cff-a0-root .lbl,
body.cff-a0-active .cff-a0-root .num,
body.cff-a0-active .cff-a0-root .idx,
body.cff-a0-active .cff-a0-root .arch-hint{
  color:#59655E !important;
}

/* Emerald means active/location only */
body.cff-a0-active .cff-a0-root .lbl-em,
body.cff-a0-active .cff-a0-root .cyc-tab[aria-selected="true"] .num,
body.cff-a0-active .cff-a0-root .layer[aria-pressed="true"] .idx,
body.cff-a0-active .cff-a0-root .conf-state.full,
body.cff-a0-active .cff-a0-root .conf-count b.full{
  color:#3DDC97 !important;
}

/* Analysis readout */
body.cff-a0-active .cff-a0-root .conf-count b{
  color:#F3F5F2 !important;
}
body.cff-a0-active .cff-a0-root .conf-count span{
  color:#59655E !important;
  display:inline !important;
}

/* Principle cards */
body.cff-a0-active .cff-a0-root .console li{
  color:#F3F5F2 !important;
}
body.cff-a0-active .cff-a0-root .console li:hover .num,
body.cff-a0-active .cff-a0-root .console li:focus-within .num{
  color:#3DDC97 !important;
}

/* Never let the theme's link palette leak into the lesson */
body.cff-a0-active .cff-a0-root a,
body.cff-a0-active .cff-a0-root a:visited,
body.cff-a0-active .cff-a0-root a:hover,
body.cff-a0-active .cff-a0-root a:active,
body.cff-a0-active .cff-a0-root a:focus{
  color:inherit !important;
}

/* Buttons also inherit CFF states, not theme colors */
body.cff-a0-active .cff-a0-root button{
  color:inherit !important;
}

/* Preserve intended active text after generic theme rules */
body.cff-a0-active .cff-a0-root .enter:hover .enter-title{
  color:#3DDC97 !important;
}