/* ==========================================================
   FEaaS report — per-report additions to the shared reader.
   Load AFTER ../shared/reader.css (or ../../shared/reader.css
   from chapters/). Everything else comes from shared/.
   ========================================================== */

/* editorial lists */
.read ul, .read ol {
  margin: 0 0 26px; padding: 0; list-style: none;
}
.read ul li, .read ol li {
  font-size: var(--read-fs); line-height: var(--read-lh);
  color: var(--ink-1); position: relative;
  padding-left: 30px; margin-bottom: 13px; text-wrap: pretty;
}
.read ul li:last-child, .read ol li:last-child { margin-bottom: 0; }
.read ul li::before {
  content: ""; position: absolute; left: 3px; top: 0.66em;
  width: 7px; height: 7px; background: var(--accent);
  transform: translateY(-50%);
}
.read ol { counter-reset: li; }
.read ol > li { counter-increment: li; padding-left: 38px; }
.read ol > li::before {
  content: counter(li, decimal-leading-zero);
  position: absolute; left: 0; top: 0.18em;
  font-family: var(--font-heading); font-weight: 500;
  font-size: 14px; letter-spacing: 0.02em;
  color: var(--accent); font-feature-settings: "tnum" 1;
}
.read li strong { font-weight: 600; }
.read li + li { }

/* superscript reference markers */
.read .refmark {
  font-size: 0.62em; vertical-align: super; line-height: 0;
  font-weight: 700; color: var(--accent);
  border-bottom: 0 !important; padding: 0 1px; margin-left: 1px;
  font-feature-settings: "tnum" 1;
}
.read .refmark:hover { color: var(--ink-1); }

/* numbered "advantage" list — heavier, for the strategic-advantage chapter */
.read ol.steps > li {
  padding-left: 0; padding-top: 26px; margin-bottom: 0;
  border-top: 1px solid var(--rule);
}
.read ol.steps > li::before {
  position: static; display: block; margin-bottom: 10px;
  font-size: 13px; letter-spacing: 0.16em;
}
.read ol.steps > li .step-h {
  font-family: var(--font-heading); font-weight: 500;
  font-size: 21px; line-height: 1.2; letter-spacing: -0.015em;
  color: var(--ink-1); margin-bottom: 8px;
}
/* "In short" emphatic callout */
.read .in-short {
  margin: 40px 0; padding: 28px 32px;
  background: var(--bg);
  border: 1px solid var(--ink-1);
  position: relative;
}
.read .in-short::before {
  content: "In short"; position: absolute; top: -10px; left: 24px;
  background: var(--bg); padding: 0 10px;
  font-family: var(--font-sans); font-size: 10px; font-weight: 700;
  letter-spacing: 0.22em; text-transform: uppercase; color: var(--accent);
}
.read .in-short p {
  font-family: var(--font-heading); font-weight: 500;
  font-size: 21px; line-height: 1.35; letter-spacing: -0.012em;
  color: var(--ink-1); margin: 0; text-wrap: pretty;
}
.read .in-short p:last-child { margin-bottom: 0; }

/* labelled sub-head inside body (e.g. references group) */
.read .kicker {
  font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase;
  font-weight: 700; color: var(--ink-3); margin: 40px 0 14px;
}

/* compact reference list */
.read ol.refs > li {
  padding-left: 46px; margin-bottom: 14px;
  font-size: 14px; line-height: 1.5; color: var(--ink-2);
}
.read ol.refs > li::before { top: 0.1em; left: 0; }
.read ol.refs > li a { word-break: break-word; }

/* chapter-index modal tweaks (spacing over shared defaults) */
.ix-modal .ix-grid .ix-row a .body {
  display: flex; flex-direction: column;
}
.ix-modal .ix-grid .ix-row a .t { margin-bottom: 9px; }
.ix-modal .ix-grid .ix-row a .ch-tag { margin-top: 16px; }