/* ============================================================================
   ind_financial_strength.css — page-scoped styles for
   industry_Financial_Strength_Ratios_new.php (request 010). Mirrors the profitability /
   management-effectiveness externalised-CSS standard: no inline styles in the markup.
   Classes are prefixed `ifs-` to avoid collisions with the shared /css/site.css. Staging only.
   ============================================================================ */

/* ---- Sticky offer bar (conversion zone 9) — tokens only, no new globals ---- */
.lead-stickybar{position:sticky;bottom:0;z-index:900;display:flex;flex-wrap:wrap;gap:.5rem;
  align-items:center;justify-content:center;padding:.55rem .75rem;margin-top:1rem;
  background:linear-gradient(to right,var(--clr-nav-start),var(--clr-nav-mid));
  border-top:3px solid var(--clr-accent);color:#fff;border-radius:.5rem .5rem 0 0;
  box-shadow:0 -4px 16px rgba(0,0,0,.18);}
.lead-stickybar .lead-sticky-msg{font-weight:700;font-size:.85rem;margin-right:.25rem;}
.lead-stickybar a{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .8rem;
  border-radius:999px;font-size:.78rem;font-weight:700;text-decoration:none;border:1px solid rgba(255,255,255,.5);color:#fff;}
.lead-stickybar a.primary{background:var(--clr-accent);border-color:var(--clr-accent);}
.lead-stickybar a:hover{background:#fff;color:var(--clr-nav-start);border-color:#fff;}
.lead-stickybar .close{cursor:pointer;opacity:.7;border:0;background:transparent;color:#fff;font-size:1rem;line-height:1;margin-left:.25rem;}

/* ---- Persona CTA chips at the paywall (conversion zone 3) ---- */
.lead-persona-grid{display:grid;grid-template-columns:1fr;gap:.5rem;margin:.75rem 0 0;}
@media (min-width:576px){.lead-persona-grid{grid-template-columns:repeat(2,1fr);}}
.lead-persona{display:flex;flex-direction:column;gap:.15rem;padding:.6rem .75rem;border-radius:.5rem;
  border:1px solid var(--clr-border,#dee2e6);border-left:4px solid var(--clr-accent);
  background:color-mix(in srgb,var(--clr-body-bg) 96%,CanvasText 4%);text-decoration:none;color:var(--clr-body-text,CanvasText);}
.lead-persona:hover{background:color-mix(in srgb,var(--clr-accent) 7%,Canvas);}
.lead-persona .who{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--clr-accent);}
.lead-persona .what{font-size:.8rem;font-weight:600;}
.lead-persona .prod{font-size:.7rem;opacity:.7;}
/* the shared persona include uses this utility class name */
.ipr-mt-6{margin-top:.6rem;}

/* ---- Hero ---- */
.ifs-hero-sub{margin-top:.6rem;opacity:.85;}
.ifs-classrow{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;align-items:center;}
.ifs-classlabel{font-size:.7rem;opacity:.6;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-right:.25rem;}
.ifs-classpill{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:999px;
  border:1px solid rgba(255,255,255,.3);font-size:.72rem;font-weight:700;letter-spacing:.04em;
  color:rgba(255,255,255,.7);text-decoration:none;}
.ifs-classhint{font-size:.68rem;opacity:.55;margin-left:.25rem;}

/* ---- KPI-strip micro-CTA ---- */
.ifs-microcta{font-size:.8rem;margin:.4rem 0 0;}

/* ---- API block card + button row ---- */
.ifs-card-mt{margin-top:.5rem;}
.ifs-btnrow{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.3rem;}

/* ---- Table header actions + horizontal scroll wrapper ---- */
.ifs-hdr-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;}
.ifs-xscroll{overflow-x:auto;}

/* ---- Metric-cell sub-label + misc spacing ---- */
.ifs-cell-meta{opacity:.6;font-size:.72rem;}
.ifs-mt-6{margin-top:.6rem;}
.ifs-mt-75{margin-top:.75rem;}
.ifs-m0{margin:0;}

/* ---- amCharts column-chart container ---- */
.ifs-chart{width:100%;height:300px;}

/* ---- Gated "License" link ---- */
.ifs-license-link{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:700;
  color:var(--clr-button-blue,#24486c);text-decoration:none;opacity:.85;}

/* ---- Cross-links to the margin (profitability) & return-on-capital pages ---- */
.ifs-crosslink{font-weight:600;}

/* ---- Per-metric cross-industry ranking row (read-only from ind_ranking) ---- */
.ifs-rank-row td{padding-top:.1rem;padding-bottom:.35rem;border-top:0;}
.ifs-rank-label{font-size:.72rem;font-weight:600;opacity:.6;}
.ifs-rank{display:inline-block;min-width:2.4em;text-align:center;padding:.05rem .4rem;border-radius:.35rem;
  font-size:.72rem;font-weight:700;line-height:1.35;}
.ifs-rank-good{background:rgba(25,135,84,.14);color:#198754;}   /* rank <= 30 */
.ifs-rank-mid{background:rgba(108,117,125,.15);color:#5c636a;}  /* rank 30-60 */
.ifs-rank-low{background:rgba(193,9,27,.12);color:#C1091B;}     /* rank >= 60 */
.ifs-rank-na{opacity:.45;font-weight:600;}                      /* rank not yet published for the period */

/* ---- Grouped sub-header row inside the advanced tables ---- */
.ifs-grp-row td{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  opacity:.6;padding-top:.7rem;padding-bottom:.2rem;border-bottom:1px solid var(--clr-border,#dee2e6);}