.elementor-kit-5{--e-global-color-primary:#4F6B4A;--e-global-color-secondary:#2C2C2A;--e-global-color-text:#2C2C2A;--e-global-color-accent:#5F5E5A;--e-global-color-2ff6728:#F2EFE7;--e-global-color-0d8aaf8:#FAF8F2;--e-global-color-9e7c547:#EDE9DD;--e-global-color-3f818d2:#2C2C2A;--e-global-color-9474264:#5F5E5A;--e-global-color-5ff76fd:#888780;--e-global-color-b64be82:#D6D2C4;--e-global-color-8589f2a:#B8B5A8;--e-global-color-cc5ff80:#4F6B4A;--e-global-color-31a06bf:#F5F2EA;--e-global-color-f0cdcee:#DCE6D5;--e-global-color-d6c0b2c:#2F4527;--e-global-color-56e75ad:#E2EBD3;--e-global-color-6f8b7dd:#C8D9B6;--e-global-color-067e91e:#4A5A33;--e-global-color-7b23e1d:#ECE0C2;--e-global-color-4dd73e5:#6B4F12;--e-global-color-d0874ff:#E0DAD0;--e-global-color-18fb3d0:#4F4639;--e-global-color-523e2d9:#E6D2CB;--e-global-color-1ab72b6:#5A2E22;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-79dac6b-font-family:"Source Serif Pro";--e-global-typography-79dac6b-font-size:30px;--e-global-typography-79dac6b-font-weight:500;--e-global-typography-79dac6b-line-height:1.25px;--e-global-typography-611050b-font-family:"Source Serif Pro";--e-global-typography-611050b-font-size:22px;--e-global-typography-611050b-font-weight:500;--e-global-typography-611050b-line-height:1.3px;--e-global-typography-8aa647b-font-family:"Source Serif Pro";--e-global-typography-8aa647b-font-size:17px;--e-global-typography-8aa647b-font-weight:500;--e-global-typography-8aa647b-line-height:1.4px;--e-global-typography-e57ccbf-font-family:"Inter";--e-global-typography-e57ccbf-font-size:14px;--e-global-typography-e57ccbf-font-weight:400;--e-global-typography-e57ccbf-line-height:1.7px;--e-global-typography-0872d56-font-family:"Inter";--e-global-typography-0872d56-font-size:13px;--e-global-typography-0872d56-font-weight:400;--e-global-typography-bbc6d70-font-family:"Inter";--e-global-typography-bbc6d70-font-size:11px;--e-global-typography-bbc6d70-text-transform:uppercase;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ----------------------------------------------------------------------------
   FONT IMPORT
   Only IBM Plex Mono is imported here. The CSS below also uses 'IBM Plex Sans'
   and 'DM Mono' — those must load elsewhere (theme / Elementor global fonts).
---------------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&display=swap');
 
 
/* ----------------------------------------------------------------------------
   DESIGN TOKENS — defined once, used everywhere via var(--name)
---------------------------------------------------------------------------- */
:root {
 
  /* — Radius & spacing scale — */
  --radius-md: 8px;
  --radius-lg: 12px;
  --space-tight: 8px;
  --space-standard: 16px;
  --space-generous: 24px;
  --space-section: 48px;
 
  /* — Surfaces (backgrounds), light → tinted — */
  --surface-paper:  #F2EFE7;   /* page background (the warm "paper" base) */
  --surface-raised: #F8F6F1;   /* raised cream cards (expansion drawer, legend) */
  --surface-white:  #FFFFFF;   /* white cards (report card header, verdict block) */
  --surface-tint:   #F0F1EB;   /* shaded tiles & table headers (stat boxes, th) */
 
  /* — Borders — */
  --border-light: #E4E5DF;     /* light hairline (card header, legend, title rule) */
  --border-mid:   #D6DCD0;     /* medium border (stat box, table th, verdict block) */
  --border-faint: #EDEEE8;     /* faint row divider (table td) */
  --dot-outline:  rgba(31, 29, 26, 0.12);  /* faint ring around legend dots */
 
  /* — Ink (text colors), strong → faint — */
  --ink-strong: #1F1D1A;       /* primary text, headings, big numbers, ticker */
  --ink-medium: #4A4842;       /* secondary text, defer pills, table headers */
  --ink-muted:  #6B6A60;       /* muted captions, dates, meta text */
  --ink-faint:  #9E9B95;       /* very quiet text (mobile "back" button) */
  --ink-deep:   #2C2C2A;       /* link text + expansion ticker/outcome text */
  --accent-teal: #5E847E;      /* small-caps section titles in reports */
 
  /* — Link underline — */
  --link-rule:       #B8B5A8;  /* link underline, resting */
  --link-rule-hover: #5F5E5A;  /* link underline, hover */
 
  /* — Expansion drawer accent (left stripe) — */
  --accent-expansion: #8885A8; /* default purple if --expansion-accent isn't set */
 
  /* — Directional text tints — */
  --up:   #3D5232;             /* "up" word color */
  --down: #7E2E14;             /* "down" word color */
 
  /* — SIGNAL PALETTE — the five shared colors used by BOTH the verdict pills
     and the directional badges/scorecard. Each has a background + an ink color;
     pale-green also has a border. Change these to recolor the whole system. */
  --sig-green:            #C8DAB6;  /* ACTIVE  / bull / pos  — background */
  --sig-green-ink:        #1F3A1A;  /*   ...their text (also used by pale-green) */
  --sig-palegreen:        #E2EBD3;  /* DEVELOPING / develop  — background */
  --sig-palegreen-border: #C8D9B6;  /*   ...their border */
  --sig-amber:            #E8D3A0;  /* WAIT / neut / neu     — background */
  --sig-amber-ink:        #4A3A14;  /*   ...their text */
  --sig-grey:             #DEDCD2;  /* DEFER                 — background (text = --ink-medium) */
  --sig-terra:            #DDB7A2;  /* SKIP / bear / neg     — background */
  --sig-terra-ink:        #3D1A0E;  /*   ...their text */
}
 
 
/* ----------------------------------------------------------------------------
   GLOBAL LINKS
---------------------------------------------------------------------------- */
a {
  color: var(--ink-deep);
  border-bottom: 0.5px solid var(--link-rule);
  text-decoration: none;
  padding-bottom: 1px;
}
a:hover {
  border-bottom-color: var(--link-rule-hover);
}
 
 
/* ----------------------------------------------------------------------------
   PAGE BACKGROUND
---------------------------------------------------------------------------- */
body {
  background-color: var(--surface-paper);
}
 
 
/* ----------------------------------------------------------------------------
   VERDICT PANEL — hidden until JS adds .is-visible
   (Dual .elementor-kit-5 + !important = beats Elementor's own styles.)
---------------------------------------------------------------------------- */
.verdict-panel,
.elementor-widget.verdict-panel {
  display: none !important;
}
.verdict-panel.is-visible,
.elementor-widget.verdict-panel.is-visible {
  display: block !important;
}
.verdict-placeholder.is-dismissed {
  display: none !important;
}
 
 
/* ----------------------------------------------------------------------------
   ARCHIVE OUTCOME — same hide/show pattern, for trade results
---------------------------------------------------------------------------- */
.archive-outcome,
.elementor-widget.archive-outcome {
  display: none !important;
}
.archive-outcome.is-visible,
.elementor-widget.archive-outcome.is-visible {
  display: block !important;
}
 
 
/* ----------------------------------------------------------------------------
   ARCHIVE CARDS — clickable report cards
---------------------------------------------------------------------------- */
.archive-card {
  cursor: pointer;
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.archive-card:hover {
  transform: translateY(-2px);
}
 
 
/* ----------------------------------------------------------------------------
   ARCHIVE EXPANSION — the detail drawer that opens under a card
---------------------------------------------------------------------------- */
.archive-expansion,
.elementor-element.archive-expansion {
  display: none !important;
  flex: 0 0 100% !important;     /* take a full row so it drops onto its own line */
  width: 100% !important;
  max-width: 100% !important;
  margin-top: -8px;
}
.archive-expansion.is-visible,
.elementor-element.archive-expansion.is-visible {
  display: flex !important;
}
 
.archive-expansion__inner {
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
  margin-bottom: 16px;
  padding: 16px 24px;
  border-radius: 8px;
  background: var(--surface-raised);
  border-left: 3px solid var(--expansion-accent, var(--accent-expansion));
  box-shadow: 0 1px 6px rgba(0,0,0,0.05);
  display: flex;
  align-items: baseline;
  gap: 16px;
}
 
.archive-expansion__header {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
 
.archive-expansion__ticker {
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: var(--ink-deep);
}
 
.archive-expansion__badge {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
  padding: 3px 10px;
  border-radius: 4px;
  color: #fff;
}
 
/* MERGED: scroll/height + text styling were two separate rules — now one. */
.archive-expansion__outcome {
  overflow-y: auto !important;
  max-height: 200px !important;
  font-size: 14px;
  line-height: 1.5;
  color: var(--ink-deep);
}
 
 
/* ----------------------------------------------------------------------------
   MOBILE "BACK" BUTTON for the expansion drawer ("← Back" injected via ::before)
---------------------------------------------------------------------------- */
.archive-mobile-close {
  display: block !important;
  margin: 16px auto 0 !important;
  background: none !important;
  border: none !important;
  font-size: 12px !important;
  color: var(--ink-faint) !important;
  cursor: pointer !important;
  padding: 4px 8px !important;
  letter-spacing: 0.05em !important;
}
.archive-mobile-close::before {
  content: '← Back';
}
 
 
/* ----------------------------------------------------------------------------
   "HOW RAVEN WORKS" — mobile stacking fix (phones ≤ 767px)
   Flips tagged rows so the image sits above the text on mobile.
   Only affects rows with class "raven-row-flip" (Elementor → Advanced → CSS Classes).
---------------------------------------------------------------------------- */
@media (max-width: 767px) {
 
  .raven-row-flip {
    flex-direction: column !important;
    display: flex !important;
  }
 
  .raven-row-flip > .e-con-inner > .e-con:first-child,
  .raven-row-flip > .e-con:first-child {
    order: 2 !important;   /* text (first in HTML) → moves below */
  }
 
  .raven-row-flip > .e-con-inner > .e-con:last-child,
  .raven-row-flip > .e-con:last-child {
    order: 1 !important;   /* image (last in HTML) → moves on top */
  }
}
 
 
/* ----------------------------------------------------------------------------
   SAMPLE REPORT CARD HEADERS  (.archive-head)
   Ticker (left) · two-line date (center) · VERDICT pill (right).
   Pills use the VERDICT vocabulary: ACTIVE / DEVELOPING / WAIT / DEFER / SKIP.
---------------------------------------------------------------------------- */
.archive-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 16px;
  background: var(--surface-white);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  font-family: 'IBM Plex Mono', monospace;
}
.archive-head__ticker {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--ink-strong);
}
.archive-head__date {
  display: flex;
  flex-direction: column;
  text-align: center;
  font-size: 12px;
  line-height: 1.3;
  color: var(--ink-muted);
}
.archive-head__date small {
  font-size: 11px;
  opacity: 0.78;
}
.archive-head__pill {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.05em;
  padding: 4px 11px;
  border-radius: 99px;
}
.archive-head__pill.is-active     { background: var(--sig-green);     color: var(--sig-green-ink); }
.archive-head__pill.is-developing { background: var(--sig-palegreen); color: var(--sig-green-ink); border: 1px solid var(--sig-palegreen-border); }
.archive-head__pill.is-wait       { background: var(--sig-amber);     color: var(--sig-amber-ink); }
.archive-head__pill.is-defer      { background: var(--sig-grey);      color: var(--ink-medium); }
.archive-head__pill.is-skip       { background: var(--sig-terra);     color: var(--sig-terra-ink); }
 
 
/* ----------------------------------------------------------------------------
   VERDICT LEGEND / KEY  (.archive-legend)
   The color key for the five verdict states.
---------------------------------------------------------------------------- */
.archive-legend {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 18px;
  row-gap: 8px;
  padding: 8px 18px;
  background: var(--surface-raised);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  font-family: 'IBM Plex Sans', sans-serif;
}
.archive-legend__item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  color: var(--ink-medium);
}
.archive-legend__dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  flex-shrink: 0;
  border: 1px solid var(--dot-outline);
}
.archive-legend__dot.is-active     { background: var(--sig-green); }
.archive-legend__dot.is-developing { background: var(--sig-palegreen); }
.archive-legend__dot.is-wait       { background: var(--sig-amber); }
.archive-legend__dot.is-defer      { background: var(--sig-grey); }
.archive-legend__dot.is-skip       { background: var(--sig-terra); }
 
 
/* ----------------------------------------------------------------------------
   CARD META — small grey supporting text under a card
---------------------------------------------------------------------------- */
.archive-card__meta {
  font-size: 13px;
  color: var(--ink-muted);
  margin-top: 4px;
}
 
 
/* ============================================================================
   TABOTAI REPORT BODY  (.tabotai-report ...)
   Styles the rendered report content. Badge/pill names here (bull/bear/neut/
   develop) are DIRECTIONAL (e.g. MACD direction) — NOT the verdict vocabulary.
   ============================================================================ */
.tabotai-report { font-family: 'IBM Plex Sans', Arial, sans-serif; color: var(--ink-strong); }
 
/* Section title + thin rule */
.tabotai-report .rsection-title { font-size: 0.72rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--accent-teal); padding-bottom: 8px; margin-bottom: 12px; border-bottom: 1px solid var(--border-light); }
 
/* Snapshot stat boxes (two per row, wrapping) */
.tabotai-report .stat-row   { display: flex; flex-wrap: wrap; gap: 8px; }
.tabotai-report .stat-box   { background: var(--surface-tint); border: 1px solid var(--border-mid); border-radius: 8px; padding: 11px 14px; flex: 1 1 calc(50% - 8px); min-width: 140px; }
.tabotai-report .stat-label { font-size: 0.66rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-muted); margin-bottom: 4px; }
.tabotai-report .stat-value { font-size: 1.35rem; font-weight: 500; color: var(--ink-strong); font-family: 'DM Mono', ui-monospace, Consolas, monospace; }
 
/* Data tables */
.tabotai-report .data-table    { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
.tabotai-report .data-table th { background: var(--surface-tint); color: var(--ink-medium); font-size: 0.66rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; padding: 8px 12px; text-align: left; border-bottom: 1px solid var(--border-mid); }
.tabotai-report .data-table td { padding: 10px 12px; border-bottom: 1px solid var(--border-faint); color: var(--ink-strong); vertical-align: top; }
.tabotai-report .data-table tr:last-child td { border-bottom: none; }
.tabotai-report .data-table .mono { font-family: 'DM Mono', ui-monospace, Consolas, monospace; }
.tabotai-report .col-center    { text-align: center; }
 
/* Badge pills (directional) */
.tabotai-report .badge       { display: inline-block; padding: 2px 12px; border-radius: 999px; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.04em; }
.tabotai-report .badge.bull  { background: var(--sig-green); color: var(--sig-green-ink); }
.tabotai-report .badge.bear  { background: var(--sig-terra); color: var(--sig-terra-ink); }
.tabotai-report .badge.neut  { background: var(--sig-amber); color: var(--sig-amber-ink); }
.tabotai-report .badge.defer { background: var(--sig-grey);  color: var(--ink-medium); }
 
/* Signal scorecard rating pill ( + / ~ / - ) */
.tabotai-report .sig-pill     { display: inline-block; min-width: 30px; text-align: center; padding: 3px 12px; border-radius: 999px; font-family: 'DM Mono', ui-monospace, monospace; font-size: 0.85rem; font-weight: 600; }
.tabotai-report .sig-pill.pos { background: var(--sig-green); color: var(--sig-green-ink); }
.tabotai-report .sig-pill.neu { background: var(--sig-amber); color: var(--sig-amber-ink); }
.tabotai-report .sig-pill.neg { background: var(--sig-terra); color: var(--sig-terra-ink); }
 
/* Catalyst / summary note under a table */
.tabotai-report .section-note { font-size: 0.85rem; color: var(--ink-strong); line-height: 1.6; margin-top: 12px; }
 
/* Directional text color helpers */
.tabotai-report .up   { color: var(--up);   font-weight: 500; }
.tabotai-report .down { color: var(--down); font-weight: 500; }
 
/* Verdict block (note: pill variants below are DIRECTIONAL names) */
.tabotai-report .verdict-block { text-align: center; padding: 14px; background: var(--surface-white); border: 1px solid var(--border-mid); border-radius: 10px; }
.tabotai-report .verdict-conf  { font-size: 0.78rem; color: var(--ink-muted); margin-top: 8px; }
.tabotai-report .verdict-prose { font-size: 0.88rem; color: var(--ink-medium); margin-top: 10px; line-height: 1.6; text-align: left; }
.tabotai-report .verdict-pill          { display: inline-block; padding: 4px 14px; border-radius: 999px; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.08em; }
.tabotai-report .verdict-pill.develop  { background: var(--sig-palegreen); color: var(--sig-green-ink); border: 1px solid var(--sig-palegreen-border); }
.tabotai-report .verdict-pill.bull     { background: var(--sig-green);     color: var(--sig-green-ink); }
.tabotai-report .verdict-pill.neut     { background: var(--sig-amber);     color: var(--sig-amber-ink); }
.tabotai-report .verdict-pill.defer    { background: var(--sig-grey);      color: var(--ink-medium); }
.tabotai-report .verdict-pill.bear     { background: var(--sig-terra);     color: var(--sig-terra-ink); }
 
/* ============================================================================
   END OF FILE
   ============================================================================ *//* End custom CSS */