/* Whitepaper article typography — layered on top of styles.css */
.paper-hero { background: linear-gradient(160deg, #0c1c2e 0%, var(--navy) 60%, #234a78 100%); color: #fff; padding: 64px 0 56px; }
.paper-hero .eyebrow { color: #5eead4; display: block; margin-bottom: 14px; }
.paper-hero h1 { color: #fff; font-size: clamp(2rem, 4.5vw, 3rem); max-width: 18ch; }
.paper-hero .sub { color: #cbd5e1; font-size: 1.15rem; max-width: 60ch; margin: 0 0 18px; }
.paper-hero .byline { color: #94a3b8; font-size: 0.9rem; }
.paper-hero .byline strong { color: #e2e8f0; }

.article { max-width: 760px; margin: 0 auto; padding: 56px 24px 24px; }
.article > p { font-size: 1.06rem; color: #334155; }
.article h2 { font-size: 1.55rem; margin: 48px 0 14px; color: var(--ink); scroll-margin-top: 84px; }
.article h3 { font-size: 1.2rem; margin: 34px 0 10px; color: var(--navy); }
.article .dek { font-size: 1.1rem; color: var(--teal-600); font-weight: 600; margin: -6px 0 16px; }
.article ul { color: #334155; padding-left: 22px; }
.article li { margin-bottom: 8px; }

/* Pull-quote (the emphasized lines in the paper) */
.pull { border-left: 4px solid var(--teal); background: var(--bg-soft); padding: 16px 22px; margin: 24px 0; font-size: 1.12rem; font-weight: 600; color: var(--ink); border-radius: 0 10px 10px 0; }

/* Key takeaway callout */
.takeaway { background: #ecfeff; border: 1px solid #99f6e4; border-radius: 12px; padding: 18px 22px; margin: 28px 0; }
.takeaway .lbl { font-size: 0.7rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--teal-600); display: block; margin-bottom: 6px; }
.takeaway p { margin: 0; color: #0f766e; font-weight: 500; }

/* Table of contents */
.toc { background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 22px 26px; margin: 8px 0 8px; }
.toc h2 { font-size: 0.78rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); margin: 0 0 12px; }
.toc ol { margin: 0; padding-left: 20px; columns: 2; column-gap: 32px; }
@media (max-width: 640px) { .toc ol { columns: 1; } }
.toc a { color: var(--slate); font-size: 0.92rem; font-weight: 600; }
.toc a:hover { color: var(--teal-600); }

/* Figures */
.fig { margin: 30px 0; text-align: center; }
.fig img { max-width: 100%; height: auto; border: 1px solid var(--line); border-radius: 10px; background: #fff; padding: 10px; box-shadow: 0 1px 3px rgba(15,23,42,0.06); }
.fig figcaption { font-size: 0.85rem; color: var(--muted); font-style: italic; margin-top: 10px; max-width: 60ch; margin-left: auto; margin-right: auto; }

.article hr { border: none; border-top: 1px solid var(--line); margin: 40px 0; }
.ack { font-style: italic; color: var(--slate); }

/* End CTA */
.paper-cta { background: var(--navy); color: #fff; border-radius: 16px; padding: 40px; text-align: center; margin: 48px auto; max-width: 760px; }
.paper-cta h2 { color: #fff; margin-bottom: 8px; }
.paper-cta p { color: #cbd5e1; margin-bottom: 22px; }
.paper-cta .row { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }