/* The reading surface stays complete and usable without script or animation. */
.reading-layout {
  background: #101c22;
  color: #dfe7e8;
  padding: 88px var(--pad, 24px) 96px;
  border-top: 1px solid #2b3d44;
  border-bottom: 1px solid #2b3d44;
  scroll-margin-top: 32px;
  text-shadow: none;
}

.reading-inner {
  display: grid;
  grid-template-columns: 180px minmax(0, 660px);
  column-gap: clamp(36px, 5vw, 76px);
  justify-content: center;
  max-width: 1060px;
  margin: 0 auto;
}

.reading-rail {
  position: sticky;
  top: 64px;
  align-self: start;
  padding-top: 7px;
}

.reading-rail-title {
  margin: 0 0 16px;
  color: #a1b5ba;
  font-size: 12px;
  line-height: 1.8;
  letter-spacing: .1em;
}

.reading-toc ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

.reading-toc li {
  margin: 0;
}

.reading-toc a {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 7px 8px;
  color: #b3c4c8;
  font-size: 13px;
  line-height: 1.6;
  text-decoration: none;
  border-left: 2px solid transparent;
}

.reading-toc-number {
  flex: 0 0 18px;
  color: #93aaaf;
  font-size: 10px;
  font-variant-numeric: tabular-nums;
  letter-spacing: .035em;
}

.reading-toc a:hover {
  color: #f1f7f7;
  background: #17282e;
}

.reading-toc a[aria-current="true"],
.reading-toc a[aria-current="location"] {
  color: #f1f7f7;
  border-left-color: #91bac4;
  background: #1d3038;
}

.reading-layout a:focus-visible,
.reading-mobile-toc summary:focus-visible {
  outline: 2px solid #a5d3dd;
  outline-offset: 3px;
}

.reading-mobile-toc {
  display: none;
}

.reading-article {
  min-width: 0;
  width: 100%;
  max-width: 660px;
  font-size: 16px;
  line-height: 2.1;
  letter-spacing: .035em;
  overflow-wrap: anywhere;
}

.reading-header {
  padding: 0 0 16px;
}

.reading-eyebrow {
  margin: 0 0 17px;
  color: #a1b5ba;
  font-size: 12px;
  line-height: 1.8;
  letter-spacing: .1em;
}

.reading-header h2 {
  margin: 0;
  color: #f0f5f5;
  font-size: clamp(29px, 3.2vw, 42px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .035em;
}

.reading-article .reading-intro {
  margin: 23px 0 0;
  color: #b0c2c7;
  font-size: 14px;
  line-height: 2;
}

.reading-chapter {
  margin-top: 58px;
  scroll-margin-top: 64px;
}

.reading-chapter h3 {
  display: flex;
  align-items: baseline;
  gap: 15px;
  margin: 0 0 26px;
  color: #e7f0f1;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: .025em;
}

.reading-chapter-number {
  color: #98b1b8;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  letter-spacing: .05em;
}

.reading-article .reading-chapter p {
  margin: 0 0 24px;
  font-size: inherit;
  line-height: 2.1;
}

.reading-chapter p:last-child {
  margin-bottom: 0;
}

#reading-title {
  scroll-margin-top: 64px;
}

.reading-return {
  display: inline-flex;
  align-items: center;
  gap: 28px;
  min-height: 44px;
  margin-top: 48px;
  padding: 8px 0;
  color: #b6d5dd;
  border-bottom: 1px solid #4b6972;
  font-size: 12px;
  line-height: 1.7;
  letter-spacing: .025em;
  text-decoration: none;
}

@media (max-width: 900px) {
  .reading-layout {
    padding: 58px 24px 66px;
  }

  .reading-inner {
    display: block;
    max-width: 660px;
  }

  .reading-rail {
    display: none;
  }

  .reading-mobile-toc {
    display: block;
    position: sticky;
    top: 12px;
    z-index: 7;
    margin: 0 0 38px;
    background: #15252c;
    color: #e7f0f1;
    border: 1px solid #3b545d;
    border-radius: 2px;
    box-shadow: 0 3px 14px #030b1030;
    letter-spacing: .04em;
  }

  .reading-mobile-toc summary {
    min-height: 48px;
    padding: 13px 16px;
    font-size: 13px;
    line-height: 22px;
    cursor: pointer;
    touch-action: manipulation;
  }

  .reading-mobile-toc summary::marker {
    color: #aacbd3;
  }

  .reading-mobile-toc .reading-toc {
    padding: 9px;
    border-top: 1px solid #334c56;
  }

  .reading-mobile-toc .reading-toc ol {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3px 6px;
  }

  .reading-mobile-toc .reading-toc a {
    gap: 8px;
    padding: 8px 6px;
    font-size: 12px;
  }

  .reading-mobile-toc .reading-toc-number {
    flex-basis: 15px;
  }

  .reading-article {
    font-size: 15px;
    letter-spacing: .025em;
  }

  .reading-header h2 {
    font-size: 29px;
  }

  .reading-article .reading-intro {
    margin-top: 20px;
    font-size: 13px;
  }

  .reading-chapter {
    margin-top: 44px;
    scroll-margin-top: 78px;
  }

  .reading-chapter h3 {
    gap: 12px;
    margin-bottom: 22px;
    font-size: 21px;
  }

  .reading-article .reading-chapter p {
    margin-bottom: 23px;
  }

  /* Native chapter links also clear the expanded sticky contents list. */
  .reading-mobile-toc[open] ~ .reading-article .reading-chapter,
  .reading-mobile-toc[open] ~ .reading-article #reading-title {
    scroll-margin-top: 260px;
  }

  .reading-return {
    margin-top: 38px;
  }

  #reading-title {
    scroll-margin-top: 78px;
  }
}

@media (max-width: 359px) {
  .reading-layout {
    padding-left: 18px;
    padding-right: 18px;
  }

  .reading-mobile-toc .reading-toc a {
    gap: 5px;
    font-size: 11px;
  }
}

/* A single matte reading sheet rests within the continuing coastal view. */
.reading-layout{--reading-paper:#f8f8f3;--reading-ink:#273e45;--reading-muted:#526a70;background:none;border:0;padding:84px clamp(12px,4vw,52px) 80px;color:var(--reading-ink)}
.reading-inner{max-width:1060px;grid-template-columns:180px minmax(0,700px);column-gap:44px;justify-content:center}
.reading-article{max-width:700px;padding:52px 48px 56px;background:var(--reading-paper);border:1px solid #fff8;box-shadow:0 20px 65px #132f4026;font-size:17px;line-height:1.75;letter-spacing:0}
.reading-header h2{color:var(--reading-ink);font-size:clamp(34px,3.8vw,47px);line-height:1.2;font-weight:400;letter-spacing:-.035em}
.reading-eyebrow,.reading-article .reading-intro,.reading-chapter-number{color:var(--reading-muted)}
.reading-chapter{margin-top:74px}.reading-chapter:nth-of-type(4){margin-top:92px}
.reading-chapter h3{color:var(--reading-ink);font-size:24px;font-weight:400;line-height:1.4;letter-spacing:-.02em}
.reading-chapter h3 span:last-child{min-width:0}.reading-chapter-number{flex-shrink:0}
.reading-article .reading-chapter p{line-height:1.75;margin-bottom:24px}
.reading-rail{padding:20px 10px 16px;background:#edf2ee;border:1px solid #f7f5e866;color:var(--reading-ink)}
.reading-rail-title{color:var(--reading-muted);padding:0 9px}
.reading-toc a,.reading-toc-number{color:var(--reading-muted)}
.reading-toc a:hover{color:var(--reading-ink);background:#284e5a0a}
.reading-toc a[aria-current=location],.reading-toc a[aria-current=true]{color:var(--reading-ink);background:#284e5a10;border-left-color:#537f87}
.reading-return{color:#456974;border-color:#45697455}
.reading-layout a:focus-visible,.reading-mobile-toc summary:focus-visible{outline-color:#456974}
.reading-mobile-toc{background:var(--reading-paper);color:var(--reading-ink);border-color:#537f8755}
.reading-mobile-toc .reading-toc{border-color:#537f8733}
html[data-night=true] body .reading-layout{--reading-paper:#102a37;--reading-ink:#e3edec;--reading-muted:#b1c8cd}
html[data-night=true] body .reading-article,html[data-night=true] body .reading-rail{border-color:#e3edec22;background:var(--reading-paper)}
html[data-night=true] body .reading-toc a:hover{background:#e3edec09}
html[data-night=true] body .reading-toc a[aria-current=location],html[data-night=true] body .reading-toc a[aria-current=true]{background:#e3edec12;border-left-color:#b1c8cd}
html[data-night=true] body .reading-return{color:#bed7dc;border-color:#bed7dc55}
html[data-night=true] body .reading-layout a:focus-visible,html[data-night=true] body .reading-mobile-toc summary:focus-visible{outline-color:#bed7dc}
@media(max-width:900px){
 .reading-layout{padding:44px 12px 54px}
 .reading-inner{max-width:760px}
 .reading-article{padding:32px 24px 40px;font-size:16px;letter-spacing:0}
 .reading-header h2{font-size:33px}
 .reading-chapter{margin-top:56px}.reading-chapter:nth-of-type(4){margin-top:72px}
 .reading-chapter h3{font-size:23px}
 .reading-mobile-toc{margin-bottom:14px}
 .reading-mobile-toc summary{position:relative;list-style:none;padding-right:36px;line-height:1.7}
 .reading-mobile-toc summary::-webkit-details-marker{display:none}
 .reading-mobile-toc summary::after{content:"";position:absolute;right:17px;top:20px;width:7px;height:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}
 .reading-mobile-toc[open] summary::after{transform:rotate(225deg)}
 #reading-current{display:block;font-size:12px;color:var(--reading-muted);line-height:1.75;padding-top:3px}
 .reading-mobile-toc .reading-toc a{font-size:12px}
 .reading-chapter{scroll-margin-top:106px}
}
.reading-article,.reading-rail,.reading-mobile-toc,.reading-header h2,.reading-chapter h3,.reading-toc a{transition:background-color 1s,color 1s,border-color 1s}
@media(prefers-reduced-motion:reduce){.reading-article,.reading-rail,.reading-mobile-toc,.reading-header h2,.reading-chapter h3,.reading-toc a{transition:none}}