/* 1.16.0 SPI Ledger news articles (inc/spi/news.php): header, key numbers, reading column with rail, takeaways, audience, method, sources, share, more from the section. Kit C. */

/* Header */
.c-nw-head{background:#FBFBF9;border-bottom:1px solid #D6DCE1;padding:26px 0 30px}
.c-nw-headin{max-width:880px}
.c-nw-head .c-crumb{color:#55606B;display:block;margin-bottom:26px}
.c-nw-head .c-crumb a{color:#2C5A86;padding:6px 0}
.c-nw-kick{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 16px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.c-nw-kick__s{background:#007A3F;color:#FFFFFF;padding:5px 9px;font-weight:600}
.c-nw-kick__t{color:#0E1B26;font-weight:600;border-bottom:2px solid #007A3F;padding:3px 0}
.c-nw-head h1{font:600 clamp(31px,3.6vw,48px)/1.12 var(--c-serif);color:#0E1B26;margin:0 0 20px;text-wrap:balance;max-width:28ch}
.c-nw-dek{font:400 clamp(18.5px,1.6vw,21.5px)/1.5 var(--c-sans);color:#18212B;margin:0 0 22px;max-width:62ch}
.c-nw-dek strong{font-weight:600}
.c-nw-dek a{color:#2C5A86}
.c-nw-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0 0 18px;padding:14px 0 0;border-top:2px solid #0E1B26;font-size:14px;color:#3D4955}
.c-nw-by{font-weight:600;color:#0E1B26}
.c-nw-dot{color:#55606B}

/* Share */
.c-nw-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.c-nw-share .c-mono{color:#55606B;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase}
.c-nw-share ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.c-nw-share a{display:inline-block;padding:7px 12px;border:1px solid #C3CCD4;color:#0E1B26;font-size:13.5px;line-height:1.2;text-decoration:none;background:#FFFFFF}
.c-nw-share a:hover,.c-nw-share a:focus-visible{border-color:#2C5A86;color:#2C5A86}
.c-nw-share--end{margin:48px 0 0;padding:20px 0;border-top:1px solid #D6DCE1;border-bottom:1px solid #D6DCE1}

/* Key numbers */
.c-nw-nums{background:#EDF1F3;padding:30px 0 32px;border-bottom:1px solid #D6DCE1}
.c-nw-nums .c-wrap > *{min-width:0}
.c-nw-nums figure{margin:0}

/* Body: reading column and rail */
.c-nw-body{background:#FFFFFF;padding:48px 0 72px}
.c-nw-cols{display:grid;grid-template-columns:minmax(0,1fr) 272px;gap:64px;align-items:start}
.c-nw-main{max-width:780px;min-width:0}
.c-nw-rail{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto;display:grid;gap:28px;padding-right:4px}
.c-nw-rail .c-mono{color:#55606B;margin:0 0 10px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase}
.c-nw-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid #D6DCE1;counter-reset:n}
.c-nw-toc li{counter-increment:n}
.c-nw-toc a{display:flex;gap:10px;padding:6px 0 6px 14px;margin-left:-1px;border-left:2px solid transparent;color:#18212B;font-size:14px;line-height:1.35;text-decoration:none}
.c-nw-toc a::before{content:counter(n,decimal-leading-zero);font:500 11px/1.9 var(--c-mono);color:#55606B;flex:0 0 auto}
.c-nw-toc a:hover{color:#2C5A86;border-left-color:#2C5A86}
.c-nw-railtools ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.c-nw-railtools a{display:block;padding:10px 12px;background:#EDF1F3;color:#0E1B26;font-size:14px;font-weight:600;text-decoration:none;border-left:3px solid #007A3F}
.c-nw-railtools a:hover{color:#2C5A86}

/* Lede and lead chart */
.c-nw-lede p{font-size:18.5px;line-height:1.65;color:#18212B;margin:0 0 16px;max-width:68ch}
.c-nw-lede p:first-child::first-letter{font:600 3.2em/0.9 var(--c-serif);float:left;margin:4px 10px 0 0;color:#007A3F}
.c-nw-leadfig{margin:28px 0 8px}
.c-nw-leadfig figure{margin:0}

/* Sections */
.c-nw-sec{scroll-margin-top:24px;margin-top:44px}
.c-nw-sec h2{font:600 clamp(24px,2.3vw,30px)/1.22 var(--c-serif);color:#0E1B26;margin:0 0 18px;text-wrap:balance;padding-top:14px;border-top:1px solid #0E1B26}
.c-nw-sec h3{font:600 20.5px/1.3 var(--c-serif);color:#0E1B26;margin:32px 0 12px}
.c-nw-sec h4{font:600 17px/1.35 var(--c-sans);margin:22px 0 8px}
:where(.c-nw-sec) p,:where(.c-nw-sec) li{font-size:17.5px;line-height:1.68;max-width:68ch}
:where(.c-nw-sec) p{margin:0 0 16px}
:where(.c-nw-sec) a{color:#2C5A86;text-underline-offset:3px}
:where(.c-nw-sec) :where(ul,ol):not(.c-bp-src){margin:0 0 18px;padding-left:1.3em}
:where(.c-nw-sec) :where(ul){list-style:disc}
:where(.c-nw-sec) :where(ol):not(.c-bp-src){list-style:decimal}
:where(.c-nw-sec) :where(li){margin:0 0 8px}
:where(.c-nw-sec) :where(li)::marker{color:#55606B}
:where(.c-nw-sec) :where(figure){margin:30px 0}
.c-nw-sec .c-bp-tw{margin:22px 0 28px}
.c-nw-sec .c-bp-panel{margin:26px 0}
.c-nw-sec .c-bp-panel p:last-child{margin-bottom:0}
.c-nw-sec .c-bp-an__k span{display:inline-block;font:600 11px/1 var(--c-mono);letter-spacing:.08em;text-transform:uppercase;background:#1C3347;color:#FFFFFF;padding:6px 8px}
.c-nw-sec blockquote{margin:30px 0;padding:4px 0 4px 22px;border-left:4px solid #007A3F}
.c-nw-sec blockquote p{font:500 21px/1.45 var(--c-serif);color:#0E1B26}

/* Key takeaways */
.c-nw-k-takeaways{background:#EDF1F3;border-top:4px solid #007A3F;padding:24px 28px 10px}
.c-nw-k-takeaways h2{border-top:0;padding-top:0;font-size:22px}
.c-nw-k-takeaways ul,.c-nw-k-takeaways ol{list-style:none !important;padding-left:0 !important;counter-reset:k}
.c-nw-k-takeaways li{counter-increment:k;position:relative;padding-left:40px;font-size:16.5px !important}
.c-nw-k-takeaways li::before{content:counter(k);position:absolute;left:0;top:2px;width:26px;height:26px;border-radius:50%;background:#007A3F;color:#FFFFFF;font:600 13px/26px var(--c-mono);text-align:center}

/* What this means for you */
.c-nw-k-audience ul{list-style:none !important;padding-left:0 !important;display:grid;gap:12px}
.c-nw-k-audience li{margin:0 !important;padding:14px 18px;background:#FBFBF9;border:1px solid #D6DCE1;border-left:4px solid #2C5A86;font-size:16.5px !important;max-width:none !important}
.c-nw-k-audience li strong:first-child{display:block;font:600 12px/1.4 var(--c-mono);letter-spacing:.07em;text-transform:uppercase;color:#2C5A86;margin-bottom:4px}

/* What to watch */
.c-nw-k-watch ul{list-style:none !important;padding-left:0 !important;border-left:2px solid #007A3F}
.c-nw-k-watch li{position:relative;padding:0 0 4px 20px}
.c-nw-k-watch li::before{content:"";position:absolute;left:-7px;top:9px;width:12px;height:12px;border-radius:50%;background:#FFFFFF;border:2px solid #007A3F}

/* Methodology */
.c-nw-k-method{background:#F4F6F7;border:1px solid #D6DCE1;padding:22px 26px 8px}
.c-nw-k-method h2{border-top:0;padding-top:0;font-size:21px}
.c-nw-k-method :where(p,li){font-size:15.5px !important}

/* Related */
.c-nw-k-related ul{list-style:none !important;padding-left:0 !important;display:grid;gap:10px}
.c-nw-k-related li{margin:0 !important;padding:12px 0;border-bottom:1px solid #D6DCE1;font-size:16px !important}

/* Sources */
.c-nw-k-sources :where(p,li){font-size:14.5px !important;line-height:1.55}
.c-nw-k-sources .c-bp-src a{word-break:break-word}

/* About this article */
.c-nw-team{margin:28px 0 0;padding:22px 24px;background:#FBFBF9;border:1px solid #D6DCE1}
.c-nw-team .c-mono{color:#55606B;margin:0 0 8px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase}
.c-nw-team p{margin:0 0 12px;font-size:15.5px;line-height:1.6}
.c-nw-team__l{display:flex;flex-wrap:wrap;gap:8px 20px}
.c-nw-team__l a{color:#2C5A86;font-weight:600;padding:4px 0}
.c-nw-disc{color:#55606B;font-size:14px !important;margin:0 !important}

/* Post bodies without a built article */
.c-nw-k-post h2{font:600 clamp(24px,2.3vw,30px)/1.22 var(--c-serif);margin:40px 0 16px}

/* Cards: more from the section and the hub */
.c-nw-more{background:#EDF1F3;padding:52px 0 60px;border-top:1px solid #D6DCE1}
.c-nw-more__h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:22px}
.c-nw-more__h h2{font:600 clamp(24px,2.3vw,30px)/1.2 var(--c-serif);color:#0E1B26;margin:0}
.c-nw-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.c-nw-card{background:#FFFFFF;border:1px solid #D6DCE1;border-top:3px solid #007A3F;padding:20px 22px 18px;display:flex;flex-direction:column;min-width:0}
.c-nw-card__k{display:flex;flex-wrap:wrap;gap:6px 12px;margin:0 0 10px;font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:#55606B}
.c-nw-card__k span{color:#006633;font-weight:600}
.c-nw-card__t{font:600 20px/1.28 var(--c-serif);margin:0 0 10px;text-wrap:balance}
.c-nw-card__t a{color:#0E1B26;text-decoration:none}
.c-nw-card__t a:hover{color:#2C5A86;text-decoration:underline}
.c-nw-card__d{font-size:15.5px;line-height:1.55;color:#3D4955;margin:0 0 12px}
.c-nw-card__m{margin:auto 0 0;font-size:11.5px;color:#55606B;letter-spacing:.06em;text-transform:uppercase}
.c-nw-cards--lead .c-nw-card--lead{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:40px;padding:30px 32px 26px;border-top-width:5px}
.c-nw-cards--lead .c-nw-card--lead > *{grid-column:1}
.c-nw-cards--lead .c-nw-card--lead .c-nw-card__t{font-size:clamp(25px,2.6vw,34px);line-height:1.18}
.c-nw-cards--lead .c-nw-card--lead .c-nw-card__d{grid-column:2;grid-row:1/span 3;font-size:17px;align-self:center;border-left:1px solid #D6DCE1;padding-left:28px;margin:0}

@media (max-width:1100px){
	.c-nw-cols{grid-template-columns:minmax(0,1fr)}
	.c-nw-rail{position:static;max-height:none;order:-1;grid-template-columns:minmax(0,1fr);gap:0}
	.c-nw-railtools{display:none}
	.c-nw-toc{background:#EDF1F3;padding:16px 18px}
	.c-nw-toc ol{columns:2;column-gap:24px;border-left:0}
	.c-nw-toc li{break-inside:avoid}
	.c-nw-toc a{padding-left:0;border-left:0}
	.c-nw-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
	.c-nw-head{padding:18px 0 22px}
	.c-nw-head .c-crumb{margin-bottom:16px}
	.c-nw-meta{font-size:13.5px}
	.c-nw-body{padding:28px 0 52px}
	.c-nw-toc ol{columns:1}
	.c-nw-lede p{font-size:17.5px}
	:where(.c-nw-sec) p,:where(.c-nw-sec) li{font-size:16.5px}
	.c-nw-k-takeaways{padding:20px 18px 6px}
	.c-nw-k-method{padding:18px 18px 4px}
	.c-nw-cards{grid-template-columns:minmax(0,1fr)}
	.c-nw-cards--lead .c-nw-card--lead{display:flex;padding:22px 20px}
	.c-nw-cards--lead .c-nw-card--lead .c-nw-card__d{border-left:0;padding-left:0;margin:0 0 12px}
	.c-nw .c-cn-tbl thead{display:none}
	.c-nw .c-cn-tbl,.c-nw .c-cn-tbl tbody,.c-nw .c-cn-tbl tr,.c-nw .c-cn-tbl th,.c-nw .c-cn-tbl td{display:block;width:100%}
	.c-nw .c-cn-tbl tr{padding:12px 0;border-bottom:1px solid #D6DCE1}
	.c-nw .c-cn-tbl th,.c-nw .c-cn-tbl td{border:0;padding:3px 0}
	.c-nw .c-cn-tbl td[data-l]::before{content:attr(data-l) ": ";font:500 11px var(--c-mono);letter-spacing:.06em;text-transform:uppercase;color:#55606B}
}

/* The chart engine's own lists keep their layout. */
.c-nw .spi-vis :where(ul,ol){list-style:none;padding-left:0;margin:0}
.c-nw .spi-vis :where(li){max-width:none;margin:0;font-size:inherit}

/* SPI News hub */
.c-nw-hubl{background:#FBFBF9;padding:36px 0 64px}
.c-nw-pages ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:32px 0 0;padding:0}
.c-nw-pages a,.c-nw-pages span{display:inline-block;min-width:44px;padding:10px 14px;text-align:center;border:1px solid #C3CCD4;background:#FFFFFF;color:#0E1B26;text-decoration:none;font-size:14.5px}
.c-nw-pages .current{background:#0E1B26;color:#FFFFFF;border-color:#0E1B26}
.c-nw-pages a:hover{border-color:#2C5A86;color:#2C5A86}
.c-nw-intro p{margin:0 0 12px}.c-nw-intro p:last-child{margin-bottom:0}.c-nw-intro a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* 1.18.0 news format: header with the "At a glance" box, linked source numbers, SPI calculation notes */
.c-nw-headg{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px 56px;align-items:end}
.c-nw-headg .c-nw-headin{min-width:0}
.c-nw-facts{background:#FFFFFF;border:1px solid #D6DCE1;border-top:4px solid #0E1B26;padding:18px 20px 8px;font-size:14.5px;line-height:1.45;color:#18212B}
.c-nw-facts .c-mono{margin:0 0 10px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#55606B}
.c-nw-facts dl{margin:0}
.c-nw-facts dl > div{padding:9px 0;border-top:1px solid #E3E7EA}
.c-nw-facts dt{font:600 11.5px/1.3 var(--c-mono);letter-spacing:.06em;text-transform:uppercase;color:#3D4955;margin:0 0 3px}
.c-nw-facts dd{margin:0;overflow-wrap:anywhere}
.c-nw-facts dd a{color:#2C5A86;text-underline-offset:3px}
.c-nw-facts dd a.c-mono{font-size:12.5px;margin-right:6px}
.c-nw-ref{font:600 11px/0 var(--c-mono);margin-left:2px;vertical-align:super;white-space:nowrap}
.c-nw-ref a{color:#2C5A86 !important;text-decoration:none;padding:0 1px}
.c-nw-ref a:hover,.c-nw-ref a:focus-visible{text-decoration:underline}
.c-nw-k-sources li{scroll-margin-top:24px}
.c-nw-k-sources li:target{background:#FFF6DB;outline:2px solid #E3B341;outline-offset:2px}
:where(.c-nw-sec) p.c-nw-calc{background:#F4F6F7;border-left:3px solid #2C5A86;padding:12px 16px;font-size:16px}
.c-nw-calc strong:first-child{display:block;font:600 11.5px/1.4 var(--c-mono);letter-spacing:.06em;text-transform:uppercase;color:#2C5A86;margin-bottom:4px}
@media (max-width:1080px){.c-nw-headg{grid-template-columns:minmax(0,1fr)}.c-nw-facts{max-width:640px}}

/* News format v2 (SPI News): hero chart first, numbers in the column, pull quotes, run-in heads, closing furniture */
.c-nw-hero{margin:0 0 34px}
.c-nw-hero figure{margin:0}
.c-nw-main > .c-nw-k-takeaways:first-child,.c-nw-hero + .c-nw-k-takeaways{margin-top:0}
.c-nw-nums--in{margin:34px 0;padding:22px 22px 18px;background:#EDF1F3;border-top:1px solid #D6DCE1;border-bottom:1px solid #D6DCE1}
.c-nw-nums--in figure{margin:0}
.c-nw-nums--in + .c-nw-lede{margin-top:6px}
:where(.c-nw-sec) p.c-nw-runin strong:first-child{font:600 1.02em/1 var(--c-serif);color:#0E1B26}
.c-nw-quote{margin:30px 0 14px;padding:22px 24px 18px;background:#FBFBF9;border-left:4px solid #007A3F}
.c-nw-quote blockquote{margin:0;padding:0;border:0}
.c-nw-quote blockquote p{font:500 clamp(19px,1.7vw,22px)/1.45 var(--c-serif) !important;color:#0E1B26;margin:0 0 10px !important;max-width:none !important}
.c-nw-quote__tr{font-size:15px !important;color:#3D4955;font-style:italic;margin:0 0 10px !important}
.c-nw-quote figcaption{font-size:14.5px;line-height:1.45;color:#3D4955;padding-top:10px;border-top:1px solid #D6DCE1}
.c-nw-quote figcaption strong{color:#0E1B26}
.c-nw-quote figcaption a{color:#2C5A86}
.c-nw-k-reaction .c-nw-quote + p{font-size:16px;color:#3D4955}
.c-nw-about{margin:44px 0 0;padding:16px 18px;background:#F4F6F7;border:1px solid #E3E7EA}
.c-nw-about .c-mono{margin:0 0 6px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#55606B}
.c-nw-about p{font-size:15px !important;line-height:1.55;color:#3D4955;margin:0 0 8px;max-width:72ch}
.c-nw-about p:last-child{margin-bottom:0}
.c-nw-about a{color:#2C5A86}
.c-nw-desk{display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px;margin:40px 0 0;padding:24px;border:1px solid #D6DCE1;border-top:4px solid #0E1B26;background:#FFFFFF}
.c-nw-desk__mark{width:64px;height:64px;display:grid;place-items:center;background:#0E1B26;color:#FFFFFF;font:700 17px/1 var(--c-sans);letter-spacing:.06em}
.c-nw-desk .c-mono{margin:0 0 4px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#55606B}
.c-nw-desk h2{font:600 22px/1.25 var(--c-serif);margin:0 0 8px;color:#0E1B26}
.c-nw-desk p{font-size:15.5px;line-height:1.55;color:#18212B;margin:0 0 12px}
.c-nw-desk__tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 12px;padding:0}
.c-nw-desk__tags li{font-size:13px;padding:4px 9px;background:#EDF1F3;color:#18212B}
.c-nw-go{margin:40px 0 0}
.c-nw-go h2{font:600 24px/1.25 var(--c-serif);color:#0E1B26;margin:0 0 16px;padding-top:14px;border-top:1px solid #0E1B26}
.c-nw-go ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.c-nw-go a{display:flex;flex-direction:column;gap:6px;height:100%;padding:16px 18px;border:1px solid #D6DCE1;border-top:3px solid #007A3F;background:#FFFFFF;text-decoration:none;color:#0E1B26}
.c-nw-go a:hover,.c-nw-go a:focus-visible{border-color:#2C5A86}
.c-nw-go__k{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#55606B}
.c-nw-go__t{font:600 17px/1.3 var(--c-serif)}
.c-nw-go__d{font-size:14px;line-height:1.45;color:#3D4955}
.c-nw-need{margin:40px 0 0;padding:24px 26px;background:#0E1B26;color:#FFFFFF;display:grid;gap:10px;justify-items:start}
.c-nw-need h2{font:600 22px/1.25 var(--c-serif);margin:0;color:#FFFFFF}
.c-nw-need p{margin:0;font-size:15.5px;line-height:1.55;color:#E3E7EA;max-width:60ch}
.c-nw-need .c-btn{margin-top:6px}
@media (max-width:640px){.c-nw-desk{grid-template-columns:1fr}.c-nw-nums--in{padding:16px 14px}.c-nw-quote{padding:18px 16px 14px}}

/* SPI Ledger v2: executive summary, case boxes, action list, board questions; exhibit label */
.c-nw-k-exec{background:#FBFBF9;border:1px solid #D6DCE1;border-left:4px solid #0E1B26;padding:22px 26px 8px}
.c-nw-k-exec h2{border-top:0;padding-top:0}
.c-nw-k-exec p{font-size:18px;line-height:1.65}
.c-nw-case{margin:26px 0;padding:18px 20px 4px;background:#EDF1F3;border-left:4px solid #2C5A86}
.c-nw-case p{font-size:16.5px !important}
:where(.c-nw-sec) p.c-nw-case__k{font:600 11.5px/1.4 var(--c-mono) !important;letter-spacing:.06em;text-transform:uppercase;color:#2C5A86;margin:0 0 6px !important}
.c-nw-k-actions ol{list-style:none !important;padding-left:0 !important;counter-reset:a;display:grid;gap:12px}
.c-nw-k-actions ol > li{counter-increment:a;position:relative;margin:0 !important;padding:14px 16px 14px 60px;border:1px solid #D6DCE1;background:#FFFFFF;max-width:none}
.c-nw-k-actions ol > li::before{content:counter(a,decimal-leading-zero);position:absolute;left:16px;top:14px;font:600 18px/1.3 var(--c-mono);color:#007A3F}
.c-nw-k-board ul{list-style:none !important;padding-left:0 !important;display:grid;gap:4px}
.c-nw-k-board ul > li{position:relative;margin:0 !important;padding:10px 0 10px 34px;border-bottom:1px solid #E3E7EA}
.c-nw-k-board ul > li::before{content:"";position:absolute;left:4px;top:15px;width:14px;height:14px;border:2px solid #0E1B26;background:#FFFFFF}
