/* Reading pages share the homepage's cobalt labels, navy actions and white panels. */
.reading-page { min-width:0; padding-bottom:clamp(2.5rem,6vw,5rem); }
.reading-intro .page-lead { max-width:67ch; }
.journal,.reading-layout { width:min(72rem,calc(100% - 4rem)); margin-inline:auto; }
.journal-jumps { margin:clamp(1.35rem,3vw,2.15rem) 0; }
.journal-jumps > span { display:block; color:#43516a; font-size:.88rem; font-weight:650; margin:0 0 .45rem; }
.journal-jumps > div { display:flex; flex-wrap:wrap; gap:.5rem; }
.journal-jumps a {
  display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:.5rem 1rem;
  border:1px solid #cad4e6; border-radius:99px; color:#071033; background:white;
  font:600 .86rem/1.45 var(--body); text-decoration:none;
}
.journal-jumps a:hover,.journal-jumps a:focus-visible { color:#193db8; background:#f0f4ff; border-color:#91a9e8; }
.journal-group { padding-block:clamp(.7rem,2vw,1.45rem); }
.journal-group h2 { margin:0 0 .95rem; font-size:clamp(1.5rem,2.5vw,2.1rem); letter-spacing:-.035em; text-wrap:initial; }
.journal-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.journal-card {
  display:flex; flex-direction:column; align-items:flex-start; min-width:0; padding:clamp(1.1rem,2.2vw,1.7rem);
  border:1px solid #d2dcf3; border-radius:1rem; color:#071033; background:#fff;
  text-decoration:none; box-shadow:0 6px 22px rgb(7 16 51 / .055);
}
.journal-card:hover,.journal-card:focus-visible { border-color:#829aeb; box-shadow:0 10px 30px rgb(7 16 51 / .1); }
.journal-category {
  width:fit-content; padding:.25rem .65rem; border:1px solid #d4dff9; border-radius:99px;
  background:#eff3ff; color:#2341a4; font:640 .74rem/1.4 var(--body);
}
.journal-card h3 { margin:.8rem 0 .5rem; font:680 clamp(1.22rem,2.1vw,1.55rem)/1.22 var(--display); letter-spacing:-.028em; }
.journal-card p { flex:1; color:#4b5563; font-size:.96rem; line-height:1.6; }
.journal-action {
  display:inline-flex; align-items:center; gap:.65rem; min-height:44px; margin-top:1rem; padding:.55rem 1.05rem;
  border-radius:99px; background:linear-gradient(110deg,#071033,#0a1a4d); color:white; font:620 .88rem/1.4 var(--body);
}
.reading-layout { display:grid; grid-template-columns:minmax(12.5rem,16rem) minmax(0,69ch); justify-content:center; gap:clamp(2rem,5vw,4.9rem); margin-top:clamp(1.5rem,3vw,2.5rem); }
.reading-side,.reading-content { min-width:0; }
.reading-byline { margin:0 0 1rem; color:#4b5563; font-size:.83rem; line-height:1.65; overflow-wrap:anywhere; }
.reading-byline > strong { display:block; margin-bottom:.12rem; color:#071033; font-weight:660; }
.reading-byline a { display:block; width:fit-content; }
.reading-toc { border:1px solid #d4deee; border-radius:1rem; padding:1.05rem 1.1rem; background:white; }
.reading-toc h2 { margin:0 0 .45rem; font-size:1.12rem; letter-spacing:-.025em; }
.reading-toc ol { margin:0; padding-inline-start:1.35rem; }
.reading-toc li { padding-left:.12rem; color:#2251ff; font-size:.84rem; }
.reading-toc a { display:flex; align-items:center; min-height:44px; color:#16347b; font-weight:570; line-height:1.46; text-decoration:none; }
.reading-toc a:hover { text-decoration:underline; }
.reading-toc li + li { border-top:1px solid #e0e6f1; }
.reading-content { padding:0; color:#354259; line-height:1.7; overflow-wrap:anywhere; }
.reading-content > section + section { margin-top:clamp(1.6rem,3.6vw,2.55rem); }
.reading-content h2,.reading-page .legal h2 { margin:0 0 .6rem; font:690 clamp(1.4rem,2.4vw,1.9rem)/1.18 var(--display); letter-spacing:-.03em; text-wrap:initial; }
.reading-content h3,.reading-page .legal h3 { margin:1.1rem 0 .45rem; font-size:1.17rem; line-height:1.3; }
.reading-content p,.reading-page .legal p { margin:.55rem 0 .85rem; }
.reading-content ul,.reading-content ol { margin:.65rem 0 1rem; padding-inline-start:1.35rem; }
.reading-content li + li { margin-top:.42rem; }
.reading-content strong { color:#172545; }
.reading-sources { border-top:1px solid #d6dfef; padding-top:1.2rem; }
.reading-sources a { text-underline-offset:.16em; }
.reading-next { margin-top:1.6rem; padding:clamp(1rem,2.3vw,1.65rem); border:1px solid #d1def4; border-radius:1rem; background:#f0f4fc; }
.reading-actions { display:flex; flex-wrap:wrap; align-items:center; gap:.6rem; margin:.9rem 0 1rem; }
.reading-actions .button-primary { color:white; background:linear-gradient(110deg,#071033,#0a1a4d); font-weight:600; }
.reading-actions .button-primary:hover { background:#193265; }
.reading-actions .button-secondary { background:white; }
.reading-content .reading-next ul { margin-bottom:0; }
.reading-page .legal {
  width:min(69ch,calc(100% - 4rem)); max-width:none; margin-inline:auto; padding:clamp(1.55rem,3vw,2.7rem) 0 0;
  color:#354259; line-height:1.7;
}
.reading-page .legal > section + section,.reading-page .legal > details { margin-top:1.75rem; border-top:1px solid #d4deed; padding-top:1.35rem; }
.reading-page .legal summary { min-height:44px; cursor:pointer; font-weight:640; color:#071033; }
.reading-page .legal .privacy-action { min-height:44px; color:white; background:#071033; border-color:#071033; }
@media (max-width:760px) {
  .journal,.reading-layout { width:min(44rem,calc(100% - 2rem)); }
  .reading-page .legal { width:min(69ch,calc(100% - 2rem)); }
  .reading-layout { grid-template-columns:minmax(0,1fr); gap:1.45rem; }
  .reading-toc { padding:.9rem 1rem; }
  .journal-grid { grid-template-columns:minmax(0,1fr); }
  .journal-group { padding-block:1.05rem; }
}
@media (max-width:480px) {
  .journal-jumps > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .journal-jumps a { text-align:center; border-radius:.8rem; padding:.45rem .5rem; }
  .reading-actions { display:grid; }
}
@media (forced-colors:active) {
  .journal-action,.reading-next .button,.journal-category { border:1px solid LinkText; }
}
@media print {
  .reading-layout { display:block; width:100%; }
  .reading-toc,.journal-jumps { display:none; }
  .reading-page .legal { width:100%; }
}