/* Finance (cat 5) - V9 LEAN: 5 unique-named finance blocks (Apr 29 2026) */
/* Brand colors: teal #049f82, gold #F4C430, dark green #0B3D2E */

/* ===== Common base styling for the 5 V9 blocks ===== */
.finance-formula,.risk-meter,.kpi-card,.regulatory-callout,.decision-tree{margin:18px 0;border-radius:6px;padding:18px;font-size:15px;line-height:1.6}
.finance-formula .content-block-header,.risk-meter .content-block-header,.kpi-card .content-block-header,.regulatory-callout .content-block-header,.decision-tree .content-block-header{font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}

/* ===== 1. finance-formula (DARK GREEN theme - mathematical authority) ===== */
.finance-formula{background:#f1f8f6;border-left:4px solid #0B3D2E}
.finance-formula .content-block-header{color:#0B3D2E}
.finance-formula strong{color:#049f82}
.finance-formula .formula-equation{background:#fff;padding:14px;border:1px solid #c5e0d6;border-radius:4px;margin:8px 0;font-family:'Cambria Math','Times New Roman',serif;font-size:16px;text-align:center;color:#0B3D2E}
.finance-formula .formula-vars{margin-top:12px}
.finance-formula .formula-vars ul{margin:8px 0;padding-left:20px}
.finance-formula .formula-vars li{margin:4px 0}

/* ===== 2. risk-meter (TRI-COLOR theme - severity visualization) ===== */
.risk-meter{background:#fafafa;border-left:4px solid #f57f17}
.risk-meter .content-block-header{color:#e65100}
.risk-meter .risk-level{display:inline-block;padding:8px 16px;border-radius:4px;font-weight:700;letter-spacing:0.5px;margin-bottom:10px;font-size:14px;text-transform:uppercase}
.risk-meter .risk-low{background:#c8e6c9;color:#1b5e20;border:2px solid #66bb6a}
.risk-meter .risk-medium{background:#fff3e0;color:#e65100;border:2px solid #ff9800}
.risk-meter .risk-high{background:#ffcdd2;color:#b71c1c;border:2px solid #ef5350}
.risk-meter strong{color:#e65100}

/* ===== 3. kpi-card (TEAL theme - dashboard metric tile) ===== */
.kpi-card{background:#fff;border:1px solid #d4e6e2;border-left:4px solid #049f82;display:inline-block;min-width:220px;margin-right:12px;text-align:center;padding:14px 18px;vertical-align:top}
.kpi-card .kpi-label{font-size:13px;color:#666;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:6px;font-weight:600}
.kpi-card .kpi-value{font-size:26px;font-weight:700;color:#0B3D2E;margin:6px 0}
.kpi-card .kpi-change{font-size:13px;color:#049f82;font-weight:600}

/* ===== 4. regulatory-callout (GOLD/AMBER theme - compliance attention) ===== */
.regulatory-callout{background:#fffbf0;border-left:4px solid #F4C430}
.regulatory-callout .content-block-header{color:#bf8500}
.regulatory-callout strong{color:#bf8500}
.regulatory-callout p{margin:6px 0}

/* ===== 5. decision-tree (BLUE theme - logic flow) ===== */
.decision-tree{background:#eff6fb;border-left:4px solid #1976d2}
.decision-tree .content-block-header{color:#0d47a1}
.decision-tree .dt-question{font-weight:700;color:#0d47a1;font-size:16px;margin-bottom:12px;padding:10px 14px;background:#fff;border-radius:4px;border:1px solid #bbdefb}
.decision-tree .dt-branch{padding:10px 14px;margin:6px 0 6px 24px;border-left:3px solid #1976d2;background:#fff;border-radius:0 4px 4px 0}
.decision-tree .dt-branch strong{color:#1565c0}

/* ===== Phase 5 icon rules (mask-image for content-block-header) ===== */
.finance-formula .content-block-header::before,
.risk-meter .content-block-header::before,
.kpi-card .content-block-header::before,
.regulatory-callout .content-block-header::before,
.decision-tree .content-block-header::before{
  content:'';display:inline-block;width:18px;height:18px;
  background-color:currentColor;mask-size:contain;
  mask-repeat:no-repeat;mask-position:center;flex-shrink:0
}
.finance-formula .content-block-header::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 6h18M3 12h18M3 18h12'/%3E%3C/svg%3E")}
.risk-meter .content-block-header::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 9v3m0 4h.01M5 19h14l-7-12z'/%3E%3C/svg%3E")}
.kpi-card .content-block-header::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 17l6-6 4 4 8-8'/%3E%3C/svg%3E")}
.regulatory-callout .content-block-header::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E")}
.decision-tree .content-block-header::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 4v4m-6 6l-2 6h16l-2-6M6 14l6-6 6 6'/%3E%3C/svg%3E")}

/* ===== Mobile responsive ===== */
@media (max-width: 768px){
  .kpi-card{display:block;margin-bottom:8px;width:100%;min-width:auto}
  .decision-tree .dt-branch{margin-left:12px}
}