/* Folder-level protocol for long-form IQ Pages output. Section source remains markdown;
   this one file owns the page's visual system. */
:root{
  --deck-bg:#eef1f5;
  --deck-ink:#172033;
  --deck-ink-dim:#4b5568;
  --deck-ink-faint:#748096;
  --deck-accent:#4054b2;
  --deck-card:#ffffff;
  --deck-card-bd:#d7dde7;
}

body{background:#e5e9ef;color:var(--deck-ink)}
html.iqs-mode-pages .stage{
  width:min(100%,1180px);
  background:var(--deck-bg);
  box-shadow:0 0 0 1px rgba(23,32,51,.06);
}
html.iqs-mode-pages .slide{
  border-bottom:1px solid #d8dee8;
  color:var(--deck-ink);
  letter-spacing:0;
}
html.iqs-mode-pages .s-eyebrow,
html.iqs-mode-pages .s-cite,
html.iqs-mode-pages .iqs-metric-label{letter-spacing:0}
html.iqs-mode-pages .s-title{color:var(--deck-ink)}
html.iqs-mode-pages .slide--hero{
  min-height:clamp(540px,78vh,780px);
  background:#071326;
  color:#f7f9fc;
}
html.iqs-mode-pages .slide--hero .s-title{color:#fff;max-width:10.5em}
html.iqs-mode-pages .slide--hero .s-subtitle{max-width:43rem;color:#b9c4d8;font-style:normal;line-height:1.5}
html.iqs-mode-pages .slide--hero .s-eyebrow{color:#9fb2e9}
html.iqs-mode-pages .slide--hero .s-divider{background:linear-gradient(90deg,#4d76ff,transparent)}

html.iqs-mode-pages .slide--statement,
html.iqs-mode-pages .slide--bullets,
html.iqs-mode-pages .slide--cards{padding-block:clamp(64px,9cqw,112px)}
html.iqs-mode-pages .slide--statement .s-body,
html.iqs-mode-pages .s-bullet{color:var(--deck-ink-dim)}
html.iqs-mode-pages .slide--statement .s-body strong,
html.iqs-mode-pages .s-bullet strong{color:var(--deck-ink)}

html.iqs-mode-pages .iqs-metric{
  min-width:min(190px,100%);
  min-height:132px;
  margin:8px 12px 16px 0;
  padding:20px 22px;
  border-color:var(--deck-card-bd);
  border-radius:6px;
  background:#fff;
  box-shadow:0 14px 32px -28px rgba(23,32,51,.5);
}
html.iqs-mode-pages .iqs-metric-value{color:#172033;font-size:clamp(2rem,4cqw,2.8rem)}
html.iqs-mode-pages .iqs-metric-label{color:#4054b2;font-size:clamp(.72rem,1.3cqw,.86rem)}
html.iqs-mode-pages .iqs-metric-note{color:#667085;font-size:clamp(.86rem,1.5cqw,1rem)}
html.iqs-mode-pages .iqs-callout,
html.iqs-mode-pages .iqs-linkcard{
  max-width:760px;
  margin:28px 0 0;
  border-color:var(--deck-card-bd);
  border-radius:6px;
  background:#fff;
  box-shadow:none;
}
html.iqs-mode-pages .iqs-callout{padding:20px 22px;border-left-width:3px}
html.iqs-mode-pages .iqs-callout-title,
html.iqs-mode-pages .iqs-linkcard-title{color:#172033;font-size:clamp(1rem,1.7cqw,1.15rem)}
html.iqs-mode-pages .iqs-callout-body,
html.iqs-mode-pages .iqs-linkcard-text{color:#667085;font-size:clamp(.9rem,1.5cqw,1rem)}
html.iqs-mode-pages .iqs-linkcard a{padding:18px 20px}

html.iqs-mode-pages .s-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
html.iqs-mode-pages .s-card{
  min-height:100%;
  padding:24px;
  border:1px solid var(--deck-card-bd);
  border-radius:6px;
  background:#fff;
  box-shadow:none;
}
html.iqs-mode-pages .s-quote{color:#344054;font-style:normal}
html.iqs-mode-pages .s-cite{color:#4054b2}

html.iqs-mode-pages .iqs-datatable{width:100%;max-width:100%;margin:0}
html.iqs-mode-pages .iqs-data-scroll{border-color:var(--deck-card-bd);border-radius:6px;background:#fff;box-shadow:none}
html.iqs-mode-pages .iqs-datatable table{color:#475467;font-size:clamp(.88rem,1.4cqw,1rem)}
html.iqs-mode-pages .iqs-data-title{font-size:clamp(.95rem,1.6cqw,1.1rem)}
html.iqs-mode-pages .iqs-datatable th{background:#172033;color:#dbe3f6;font-size:clamp(.72rem,1.1cqw,.82rem);letter-spacing:0}
html.iqs-mode-pages .iqs-datatable td{border-bottom-color:#e3e7ee}
html.iqs-mode-pages .iqs-datatable figcaption{font-size:clamp(.78rem,1.2cqw,.9rem)}

@media (max-width:720px){
  html.iqs-mode-pages .s-cards{grid-template-columns:1fr}
  html.iqs-mode-pages .iqs-metric{display:flex;width:100%;min-height:116px;margin:8px 0}
}