/* Homepage introduction and Alex's complete, always-visible story. */
main.site-magazine-page :is(.newcomer-journey[data-newcomer-journey],.nj-alex-page[data-alex-story]) {
  --nj-blue: #0065d8;
  --nj-navy: #102f59;
  --nj-teal: #007c76;
  --nj-line: #d7e5f3;
  box-sizing: border-box;
  color: var(--nj-navy);
  font-family: Arial,"Helvetica Neue",sans-serif;
  text-align: left;
}
main.site-magazine-page :is(.newcomer-journey[data-newcomer-journey],.nj-alex-page[data-alex-story]) * { box-sizing: border-box; }
main.site-magazine-page :is(.newcomer-journey[data-newcomer-journey],.nj-alex-page[data-alex-story]) :is(a,button):focus-visible { outline: 3px solid #007f86; outline-offset: 3px; }
main.site-magazine-page :is(.newcomer-journey[data-newcomer-journey],.nj-alex-page[data-alex-story]) [hidden] { display: none !important; }

/* The homepage is a short introduction with normal links into the story. */
main.site-magazine-page .newcomer-journey[data-newcomer-journey] { position: relative; margin: 0; padding: 18px 20px; border: 1px solid #deebf6; border-radius: 7px; background: #f5f9ff; font-size: 15px; line-height: 1.55; }
main.site-magazine-page .newcomer-journey[data-newcomer-journey] .nj-legacy-anchor { position: absolute; top: 0; left: 0; width: 1px; height: 1px; margin: 0; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; scroll-margin-top: var(--ss-anchor-offset,116px); }
main.site-magazine-page .hr-wrap > .newcomer-journey[data-newcomer-journey] { width: 100%; }
main.site-magazine-page .newcomer-journey[data-newcomer-journey] .nj-wrap { max-width: 1320px; margin: 0 auto; }
main.site-magazine-page .newcomer-journey[data-newcomer-journey] .nj-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 20px; margin: 0 0 12px; }
main.site-magazine-page .newcomer-journey[data-newcomer-journey] .nj-header h2 { margin: 0 !important; padding: 0; border: 0; color: var(--nj-navy) !important; font: 750 clamp(24px,2vw,28px)/1.25 Arial,sans-serif !important; letter-spacing: -.025em !important; }
main.site-magazine-page .newcomer-journey[data-newcomer-journey] :is(.nj-kicker,.nj-fiction) { color: #28675d; font: 600 13px/1.5 Arial,sans-serif; }
main.site-magazine-page .newcomer-journey[data-newcomer-journey] .nj-kicker { margin: 0 0 4px; }
main.site-magazine-page .newcomer-journey[data-newcomer-journey] .nj-fiction { padding: 4px 8px; border: 1px solid #cce7e2; border-radius: 5px; background: #edf9f5; }
main.site-magazine-page .newcomer-journey[data-newcomer-journey] .nj-deck { max-width: 850px; margin: 6px 0 0; color: #46617e; font: 15px/1.55 Arial,sans-serif; }
main.site-magazine-page :is(.newcomer-journey[data-newcomer-journey],.nj-alex-page[data-alex-story]) .nj-profile-summary { display: grid; grid-template-columns: 80px minmax(0,1fr); align-items: center; gap: 12px 16px; min-width: 0; margin: 0; padding: 12px 14px; border: 1px solid #c9e4e5; border-radius: 7px; background: linear-gradient(150deg,#e7f6f4,#f6fbff); }
main.site-magazine-page :is(.newcomer-journey[data-newcomer-journey],.nj-alex-page[data-alex-story]) .nj-profile-avatar { display: block; width: 80px; height: 80px; margin: 0; overflow: hidden; object-fit: cover; border: 1px solid #bee1e2; border-radius: 16px; background: #fff; }
main.site-magazine-page :is(.newcomer-journey[data-newcomer-journey],.nj-alex-page[data-alex-story]) .nj-profile-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
main.site-magazine-page :is(.newcomer-journey[data-newcomer-journey],.nj-alex-page[data-alex-story]) .nj-profile-copy { min-width: 0; }
main.site-magazine-page :is(.newcomer-journey[data-newcomer-journey],.nj-alex-page[data-alex-story]) .nj-profile-copy p { margin: 0 0 4px; color: #3f6379; font: 14px/1.5 Arial,sans-serif; }
main.site-magazine-page :is(.newcomer-journey[data-newcomer-journey],.nj-alex-page[data-alex-story]) .nj-profile-copy > :last-child { margin-bottom: 0; }
main.site-magazine-page :is(.newcomer-journey[data-newcomer-journey],.nj-alex-page[data-alex-story]) .nj-profile-copy .nj-profile-name { color: var(--nj-navy); font: 700 21px/1.3 Arial,sans-serif; }
main.site-magazine-page :is(.newcomer-journey[data-newcomer-journey],.nj-alex-page[data-alex-story]) .nj-profile-name a { display: inline-flex; align-items: center; min-height: 44px; color: #005dca; font: inherit; text-decoration: underline; text-underline-offset: 4px; }
main.site-magazine-page :is(.newcomer-journey[data-newcomer-journey],.nj-alex-page[data-alex-story]) .nj-profile-name > span { display: inline-block; margin-left: 5px; padding: 1px 6px; border: 1px solid #cae0e8; border-radius: 10px; color: #4a6b83; background: #fff; font: 600 13px/1.5 Arial,sans-serif; vertical-align: middle; }
main.site-magazine-page .newcomer-journey[data-newcomer-journey] :is(.nj-home-chapters,[data-nj-home-chapters]) { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 7px; margin: 12px 0 0; padding: 0; list-style: none; }
main.site-magazine-page .newcomer-journey[data-newcomer-journey] :is(.nj-home-chapters,[data-nj-home-chapters]) > li { min-width: 0; margin: 0; padding: 0; }
main.site-magazine-page .newcomer-journey[data-newcomer-journey] :is(.nj-home-chapters,[data-nj-home-chapters]) a { display: flex; align-items: center; gap: 8px; min-width: 0; min-height: 44px; height: 100%; padding: 8px 10px; border: 1px solid #cbdfee; border-radius: 5px; color: #16578e; background: #fff; font: 600 14px/1.4 Arial,sans-serif; text-decoration: none; overflow-wrap: anywhere; }
main.site-magazine-page .newcomer-journey[data-newcomer-journey] :is(.nj-home-chapters,[data-nj-home-chapters]) a:hover { background: #eaf4ff; border-color: #87b4e6; }
main.site-magazine-page .newcomer-journey[data-newcomer-journey] :is(.nj-home-chapters,[data-nj-home-chapters]) a > span[aria-hidden] { color: #52718c; font-size: 13px; }

/* All six chapters are ordinary expanded article sections. */
main.site-magazine-page .nj-alex-page[data-alex-story] { width: min(1320px,calc(100% - 48px)); max-width: 1320px; margin: 28px auto 48px; padding: 0; font-size: 16px; line-height: 1.75; }
main.site-magazine-page .nj-alex-page[data-alex-story] .nj-alex-hero { margin: 0 0 30px; padding: clamp(22px,3vw,38px); border: 1px solid #cbdfee; border-radius: 9px; background: linear-gradient(125deg,#eef7ff,#f2fbf7); }
main.site-magazine-page .nj-alex-page[data-alex-story] .nj-alex-hero :is(.nj-kicker,.nj-alex-kicker,.nj-moment) { margin: 0 0 7px; color: var(--nj-teal); font: 700 14px/1.5 Arial,sans-serif; }
main.site-magazine-page .nj-alex-page[data-alex-story] .nj-alex-hero h1 { max-width: 1000px; margin: 0 0 16px !important; padding: 0; color: var(--nj-navy) !important; font: 750 clamp(32px,3.6vw,46px)/1.12 Arial,sans-serif !important; letter-spacing: -.035em !important; text-wrap: balance; }
main.site-magazine-page .nj-alex-page[data-alex-story] .nj-alex-hero :is(.nj-deck,.nj-alex-deck) { max-width: 850px; margin: 0 0 20px; color: #405f7d; font: 17px/1.65 Arial,sans-serif; }
main.site-magazine-page .nj-alex-page[data-alex-story] .nj-alex-hero .nj-profile-summary { max-width: 820px; background: #ffffffb8; }
main.site-magazine-page .nj-alex-page[data-alex-story] .nj-alex-layout { display: grid; grid-template-columns: 240px minmax(0,1fr); align-items: start; gap: clamp(22px,3vw,40px); }
main.site-magazine-page .nj-alex-page[data-alex-story] .nj-alex-nav { position: sticky; top: var(--ss-anchor-offset,116px); min-width: 0; margin: 0; padding: 14px; border: 1px solid #d7e5f3; border-radius: 7px; background: #f5f9ff; }
main.site-magazine-page .nj-alex-page[data-alex-story] .nj-alex-nav :is(h2,h3) { margin: 0 0 12px !important; color: var(--nj-navy) !important; font: 700 24px/1.25 Arial,sans-serif !important; letter-spacing: -.02em !important; }
main.site-magazine-page .nj-alex-page[data-alex-story] .nj-alex-nav :is(ul,ol) { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; }
main.site-magazine-page .nj-alex-page[data-alex-story] .nj-alex-nav li { min-width: 0; margin: 0; padding: 0; }
main.site-magazine-page .nj-alex-page[data-alex-story] .nj-alex-nav a { display: flex; align-items: center; gap: 9px; min-height: 44px; margin: 0; padding: 10px; border: 1px solid transparent; border-radius: 5px; color: #365d80; font: 600 14px/1.5 Arial,sans-serif; text-decoration: none; overflow-wrap: anywhere; }
main.site-magazine-page .nj-alex-page[data-alex-story] .nj-alex-nav a:is(:hover,[aria-current="location"]) { border-color: #b8d5ef; background: #e5f1ff; color: #005ac3; }
main.site-magazine-page .nj-alex-page[data-alex-story] .nj-alex-nav a > span[aria-hidden] { flex: 0 0 auto; white-space: nowrap; color: #557794; font-size: 13px; }
main.site-magazine-page .nj-alex-page[data-alex-story] .nj-alex-chapters { min-width: 0; }
main.site-magazine-page .nj-alex-page[data-alex-story] .nj-alex-chapter { min-width: 0; margin: 34px 0 0; padding: 28px 0 0; border-top: 1px solid #d7e5f3; scroll-margin-top: var(--ss-anchor-offset,116px); }
main.site-magazine-page .nj-alex-page[data-alex-story] .nj-alex-chapter:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
main.site-magazine-page .nj-alex-page[data-alex-story] .nj-alex-chapter > h2 { margin: 0 0 16px !important; padding: 0; border: 0; color: var(--nj-navy) !important; font: 700 28px/1.25 Arial,sans-serif !important; letter-spacing: -.025em !important; scroll-margin-top: var(--ss-anchor-offset,116px); }
main.site-magazine-page .nj-alex-page[data-alex-story] .nj-moment { margin: 0 0 7px; color: var(--nj-teal); font: 700 14px/1.5 Arial,sans-serif; }
main.site-magazine-page .nj-alex-page[data-alex-story] .nj-diary { max-width: 76ch; }
main.site-magazine-page .nj-alex-page[data-alex-story] .nj-diary p { margin: 0 0 17px; color: #2f4e6c; font: 16px/1.75 Arial,sans-serif; }
main.site-magazine-page .nj-alex-page[data-alex-story] .nj-practical { margin: 20px 0; padding: 18px 20px; border: 1px solid #cfe4e2; border-left: 3px solid var(--nj-teal); border-radius: 6px; background: #f2faf7; color: #2f5960; }
main.site-magazine-page .nj-alex-page[data-alex-story] .nj-practical :is(h2,h3,h4) { margin: 0 0 12px !important; padding: 0; color: #175e60 !important; font: 700 24px/1.3 Arial,sans-serif !important; letter-spacing: -.02em !important; }
main.site-magazine-page .nj-alex-page[data-alex-story] .nj-practical :is(p,li) { color: #2f5960; font: 16px/1.7 Arial,sans-serif; }
main.site-magazine-page .nj-alex-page[data-alex-story] .nj-practical :is(ul,ol) { display: grid; gap: 8px; margin: 0; padding-left: 21px; }
main.site-magazine-page .nj-alex-page[data-alex-story] .nj-practical li { margin: 0; padding: 0; }
main.site-magazine-page .nj-alex-page[data-alex-story] ul.nj-practical { padding-left: 39px; }
main.site-magazine-page .nj-alex-page[data-alex-story] .nj-links { display: flex; flex-wrap: wrap; gap: 7px 14px; margin: 18px 0 0; padding: 0; list-style: none; }
main.site-magazine-page .nj-alex-page[data-alex-story] .nj-links li { margin: 0; padding: 0; }
main.site-magazine-page .nj-alex-page[data-alex-story] .nj-links a { display: inline-flex; align-items: center; min-height: 44px; padding: 7px 0; color: #005fce; font: 600 16px/1.5 Arial,sans-serif; text-decoration: underline; text-underline-offset: 3px; }
main.site-magazine-page .nj-alex-page[data-alex-story] :is(.nj-editorial-note,.nj-sources) { margin: 24px 0 0; color: #506a84; font: 14px/1.65 Arial,sans-serif; }
main.site-magazine-page .nj-alex-page[data-alex-story] :is(.nj-editorial-note,.nj-sources) a { color: #005fce; text-decoration: underline; text-underline-offset: 3px; }
main.site-magazine-page .nj-alex-page[data-alex-story] .nj-alex-chapter > h2:focus-visible { outline: 2px solid #007f86; outline-offset: 5px; }
@media (max-width:1000px) {
  main.site-magazine-page .nj-alex-page[data-alex-story] .nj-alex-layout { grid-template-columns: 210px minmax(0,1fr); gap: 24px; }
  main.site-magazine-page .newcomer-journey[data-newcomer-journey] :is(.nj-home-chapters,[data-nj-home-chapters]) { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width:760px) {
  main.site-magazine-page .nj-alex-page[data-alex-story] { width: calc(100% - 32px); margin-block: 20px 36px; }
  main.site-magazine-page .nj-alex-page[data-alex-story] .nj-alex-hero { margin-bottom: 22px; padding: 22px 18px; }
  main.site-magazine-page .nj-alex-page[data-alex-story] .nj-alex-layout { grid-template-columns: minmax(0,1fr); gap: 26px; }
  main.site-magazine-page .nj-alex-page[data-alex-story] .nj-alex-nav { position: static; padding: 12px; }
  main.site-magazine-page .nj-alex-page[data-alex-story] .nj-alex-nav :is(ul,ol) { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px; }
  main.site-magazine-page .nj-alex-page[data-alex-story] .nj-alex-nav a { padding: 8px; }
  main.site-magazine-page .nj-alex-page[data-alex-story] .nj-alex-chapter > h2 { font-size: 26px !important; }
  main.site-magazine-page .nj-alex-page[data-alex-story] .nj-practical { padding: 16px; }
}
@media (max-width:600px) {
  main.site-magazine-page .newcomer-journey[data-newcomer-journey] { padding: 16px; }
  main.site-magazine-page :is(.newcomer-journey[data-newcomer-journey],.nj-alex-page[data-alex-story]) .nj-profile-summary { grid-template-columns: 72px minmax(0,1fr); gap: 11px; padding: 12px; }
  main.site-magazine-page :is(.newcomer-journey[data-newcomer-journey],.nj-alex-page[data-alex-story]) .nj-profile-avatar { width: 72px; height: 72px; border-radius: 14px; }
  main.site-magazine-page .newcomer-journey[data-newcomer-journey] :is(.nj-home-chapters,[data-nj-home-chapters]) { grid-template-columns: repeat(2,minmax(0,1fr)); }
  main.site-magazine-page .nj-alex-page[data-alex-story] .nj-alex-hero h1 { font-size: 32px !important; }
  main.site-magazine-page .nj-alex-page[data-alex-story] .nj-alex-hero :is(.nj-deck,.nj-alex-deck) { font-size: 16px; }
}
@media (max-width:360px) {
  main.site-magazine-page .nj-alex-page[data-alex-story] .nj-alex-nav :is(ul,ol) { grid-template-columns: minmax(0,1fr); }
}
@media (forced-colors:active) {
  main.site-magazine-page :is(.newcomer-journey[data-newcomer-journey],.nj-alex-page[data-alex-story]) :is(.nj-profile-summary,.nj-alex-hero,.nj-alex-nav,.nj-alex-chapter,.nj-practical) { border-color: CanvasText; }
  main.site-magazine-page .nj-alex-page[data-alex-story] .nj-alex-nav a[aria-current="location"] { outline: 2px solid Highlight; }
}
@media print {
  main.site-magazine-page .newcomer-journey[data-newcomer-journey] { padding: 12px 0; border: 0; background: #fff; }
  main.site-magazine-page .newcomer-journey[data-newcomer-journey] :is(.nj-home-chapters,[data-nj-home-chapters]) { display: none; }
  main.site-magazine-page .nj-alex-page[data-alex-story] { width: 100%; max-width: none; margin: 0; color: #000; }
  main.site-magazine-page .nj-alex-page[data-alex-story] .nj-alex-hero { padding: 0 0 20px; border: 0; background: #fff; }
  main.site-magazine-page .nj-alex-page[data-alex-story] .nj-alex-layout { display: block; }
  main.site-magazine-page .nj-alex-page[data-alex-story] .nj-alex-nav { display: none; }
  main.site-magazine-page .nj-alex-page[data-alex-story] .nj-alex-chapter { display: block; break-inside: auto; }
  main.site-magazine-page .nj-alex-page[data-alex-story] .nj-alex-chapter > h2 { break-after: avoid; }
  main.site-magazine-page .nj-alex-page[data-alex-story] .nj-practical { break-inside: avoid; background: #fff; }
}