/* Companion reading pages and the homepage resource links. */
.resource-section { background: #10242e; border-bottom: 1px solid var(--line); }
.resource-intro { max-width: 720px; color: #b8c3c6; margin-top: 24px; }
.resource-list { display: grid; grid-template-columns: 1fr 1fr; gap: 7%; margin-top: 48px; }
.resource-item { min-width: 0; border-top: 1px solid var(--line); padding-top: 26px; }
.resource-item .resource-type { color: var(--gold-light); font-size: 14px; margin-bottom: 15px; }
.resource-item h3 { font-size: clamp(34px, 3.2vw, 49px); line-height: 1.1; max-width: 510px; }
.resource-item > p:not(.resource-type) { color: #b8c3c6; margin-top: 20px; max-width: 510px; }
.resource-item .actions { margin-top: 25px; gap: 18px 26px; }
.resource-page { background: #eceae3; color: #172830; }
.resource-page .site-header { color: var(--white); background: var(--ink); }
.resource-page .site-navigation a[aria-current="page"] { color: var(--gold-light); }
.resource-hero { background: var(--ink); color: var(--white); padding: 159px 0 65px; }
.resource-hero-inner { max-width: 1120px; margin: auto; }
.resource-breadcrumb { font-size: 14px; color: #bec7cb; margin-bottom: 32px; display: flex; flex-wrap: wrap; gap: 12px; }
.resource-breadcrumb a { text-decoration: underline; text-underline-offset: 4px; }
.resource-hero .eyebrow { color: var(--gold-light); font-size: 14px; }
.resource-hero h1 { font-size: clamp(48px, 6.1vw, 86px); line-height: 1.03; letter-spacing: -.03em; max-width: 990px; margin-top: 18px; }
.resource-hero h1 em { color: var(--gold-light); }
.resource-deck { font-size: 18px; line-height: 1.7; color: #c5cfd2; max-width: 730px; margin-top: 25px; }
.resource-byline { display: flex; flex-wrap: wrap; gap: 8px 24px; font-size: 14px; color: #bdc6cb; margin-top: 24px; }
.resource-hero .actions { margin-top: 30px; }
.resource-body { max-width: 1120px; margin: auto; padding-block: 62px 80px; display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 68px; align-items: start; }
.resource-toc { position: sticky; top: 112px; font-size: 14px; line-height: 1.55; }
.resource-toc > p { color: #705b37; font-weight: 600; padding-bottom: 15px; border-bottom: 1px solid #bbc0b8; }
.resource-toc ol { list-style: none; padding: 0; margin: 18px 0 0; }
.resource-toc li + li { margin-top: 14px; }
.resource-toc a { display: block; color: #42545c; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 4px; }
.resource-toc a:hover { color: #172830; text-decoration-color: currentColor; }
.resource-toc .toc-home { display: inline-block; margin-top: 26px; font-weight: 600; color: #705b37; }
.resource-article { min-width: 0; font-size: 17px; line-height: 1.85; }
.resource-article section + section { border-top: 1px solid #c4c8c0; padding-top: 35px; margin-top: 39px; }
.resource-article h2 { font-size: clamp(32px, 3.1vw, 44px); line-height: 1.13; letter-spacing: -.015em; margin-bottom: 22px; }
.resource-article h3 { font-size: 28px; line-height: 1.25; margin: 27px 0 13px; color: #213c49; }
.resource-article p + p { margin-top: 19px; }
.resource-article ul, .resource-article ol { margin: 18px 0; padding-left: 23px; list-style: disc; }
.resource-article ol { list-style: decimal; }
.resource-article li { padding-left: 5px; }
.resource-article li + li { margin-top: 12px; }
.resource-article a:not(.button) { color: #274f63; text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
.resource-page :focus-visible { outline-color: #866830; }
.resource-page .site-header :focus-visible, .resource-page .resource-hero :focus-visible, .resource-page .site-footer :focus-visible { outline-color: var(--gold); }
.resource-lead { font-size: 20px; line-height: 1.75; color: #233e4a; }
.resource-pillar { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 19px; margin-top: 27px; }
.resource-pillar .roman { font: 400 48px/1.05 var(--serif); color: #83683e; }
.resource-pillar h3 { margin-top: 0; }
.resource-note { padding: 20px 23px; background: #e0e4de; border-left: 3px solid #8b7346; font-size: 16px; line-height: 1.8; margin: 24px 0; }
.resource-source { font-size: 14px; color: #46565e; }
.resource-source p + p { margin-top: 12px; }
.resource-sequence { counter-reset: stages; list-style: none !important; padding: 0 !important; }
.resource-sequence li { counter-increment: stages; position: relative; padding-left: 43px; margin-top: 23px; }
.resource-sequence li::before { content: '0' counter(stages); position: absolute; left: 0; top: 1px; font: 600 14px/1.85 var(--sans); color: #81693d; }
.resource-sequence strong { display: block; }
.example-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 17px 32px; padding: 23px 0; margin: 23px 0; border-top: 1px solid #bdc5bd; border-bottom: 1px solid #bdc5bd; }
.example-facts dt { font-size: 14px; color: #526469; }
.example-facts dd { margin: 4px 0 0; font-size: 17px; font-weight: 600; }
.table-scroll { overflow-x: auto; margin-top: 24px; }
.resource-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 15px; line-height: 1.7; }
.resource-table caption { text-align: left; font-weight: 600; margin-bottom: 15px; font-size: 16px; }
.resource-table th, .resource-table td { padding: 14px 12px; border-bottom: 1px solid #bac3bd; vertical-align: top; }
.resource-table th { font-weight: 600; }
.resource-table thead { background: #dde3dd; }
.resource-table th:first-child, .resource-table td:first-child { padding-left: 14px; }
.resource-table tbody th { min-width: 145px; font-weight: 400; }
.resource-table .corrected { background: #e0e5de; }
.equation { background: #10242e; color: #eeeae1; padding: 24px; margin: 24px 0; font-size: 16px; overflow-wrap: anywhere; }
.equation p + p { margin-top: 8px; }
.equation strong { color: var(--gold-light); }
.result-line { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; border-top: 1px solid #bfc7be; border-bottom: 1px solid #bfc7be; padding-block: 23px; margin: 25px 0; }
.result-line dt { font-size: 14px; color: #526469; }
.result-line dd { margin: 5px 0 0; font: 400 42px/1.2 var(--serif); color: #253e47; }
.resource-related { background: #10242e; color: var(--white); padding-block: 48px; }
.resource-related .container { max-width: 1312px; display: flex; justify-content: space-between; align-items: center; gap: 35px; }
.resource-related h2 { font-size: 37px; line-height: 1.15; }
.resource-related p { color: #c2cdcf; margin-top: 12px; max-width: 620px; }
.resource-page .site-footer { background: var(--ink); color: var(--white); }
@media (max-width: 1050px) { .resource-body { grid-template-columns: 175px minmax(0, 1fr); gap: 38px; } }
@media (max-width: 900px) {
  .resource-hero { padding-top: 135px; }
  .resource-body { grid-template-columns: 1fr; gap: 35px; padding-top: 38px; }
  .resource-toc { position: static; }
  .resource-toc ol { display: flex; flex-wrap: wrap; gap: 14px 22px; }
  .resource-toc li + li { margin: 0; }
  .resource-toc .toc-home { display: none; }
}
@media (max-width: 640px) {
  .resource-list { grid-template-columns: 1fr; gap: 37px; }
  .resource-hero { padding-top: 111px; padding-bottom: 44px; }
  .resource-hero h1 { font-size: clamp(45px, 11vw, 65px); }
  .resource-breadcrumb { margin-bottom: 28px; }
  .resource-deck { font-size: 17px; }
  .resource-byline { flex-direction: column; gap: 5px; }
  .resource-article { font-size: 16px; }
  .resource-lead { font-size: 19px; }
  .resource-pillar { grid-template-columns: 34px minmax(0, 1fr); gap: 14px; }
  .resource-pillar .roman { font-size: 39px; }
  .example-facts { grid-template-columns: 1fr; gap: 15px; }
  .resource-table { font-size: 14px; }
  .resource-table th, .resource-table td { padding-inline: 10px; }
  .equation { padding: 19px; font-size: 15px; }
  .result-line { gap: 18px; }
  .result-line dd { font-size: 36px; }
  .resource-related .container { flex-direction: column; align-items: flex-start; }
}
@media print {
  .resource-page { color: #172830; background: #fff; }
  .site-header, .reading-progress, .skip-link, .resource-toc, .resource-hero .actions, .resource-related, .site-footer, .resource-breadcrumb { display: none !important; }
  .resource-hero { background: #fff; color: #172830; padding: 0 0 24px; }
  .resource-hero h1 { font-size: 34pt; }
  .resource-hero h1 em, .resource-deck, .resource-byline, .resource-hero .eyebrow { color: #172830; }
  .container { padding: 0; }
  .resource-body { display: block; padding: 0; }
  .resource-article { font-size: 11pt; line-height: 1.55; }
  .resource-article h2 { font-size: 23pt; }
  .resource-article h3 { font-size: 18pt; }
  h2, h3 { break-after: avoid; }
  .resource-pillar, .resource-note, .equation, .result-line { break-inside: avoid; }
  .resource-article a { color: inherit; }
  .resource-table thead { display: table-header-group; }
  .table-scroll { overflow: visible; }
}