/* Shared article reading experience. */
body[data-page="archive"] {
  background: #eeeae2 url('assets/eggshell-newsprint.webp') center top / 1200px auto repeat;
}
body[data-page="archive"] .article-top {
  background: linear-gradient(90deg, rgba(248,246,239,.93), rgba(248,246,239,.86) 57%, rgba(248,246,239,.35)), url('assets/eggshell-newsprint.webp') center / 1200px auto;
}
body[data-page="archive"] .article-layout .art-below > .paper,
body[data-page="archive"] .article-layout .art-below > .roe {
  background: linear-gradient(rgba(249,248,244,.23), rgba(249,248,244,.23)), url('assets/eggshell-newsprint.webp') center / 1200px auto;
  padding: 27px clamp(20px, 3vw, 36px) 12px;
  box-shadow: 0 2px 5px rgba(51,43,32,.12), 0 12px 30px rgba(51,43,32,.07);
  border-top-color: var(--ink);
}
body[data-page="archive"] .article-layout .art-below > .paper + .paper { margin-top: -18px; }
body[data-page="archive"] .article-toc {
  background: linear-gradient(rgba(12, 12, 12, .78), rgba(12, 12, 12, .78)), url('assets/eggshell-newsprint.webp') center / 1200px auto;
  border-top: 0;
  box-shadow: none;
}
body[data-page="archive"] .article-pagination { padding-top: 30px; }
@media(max-width:760px) {
 body[data-page="archive"] .article-layout .art-below > .paper,
 body[data-page="archive"] .article-layout .art-below > .roe { padding: 22px 20px 10px; }
}

/* Current and highlighted section links are darker than the textured sidebar. */
body[data-page="archive"] .article-toc nav ol a {
  padding: 10px 10px;
  margin: 0 -10px;
  transition: background-color .15s ease;
}
body[data-page="archive"] .article-toc nav ol a:hover,
body[data-page="archive"] .article-toc nav ol a:focus-visible,
body[data-page="archive"] .article-toc nav ol a[aria-current="location"] {
  background-color: rgba(0, 0, 0, .68);
  color: #fff;
}
@media (prefers-reduced-motion: reduce) {
  body[data-page="archive"] .article-toc nav ol a { transition: none; }
}

/* The lead image follows the first story section in the article column. */
body[data-page="archive"] .article-layout .archive-feature { padding: 18px; }
body[data-page="archive"] .article-layout .archive-feature .wrap { padding: 0; }
@media (max-width: 760px) {
  body[data-page="archive"] .article-layout .archive-feature { padding: 12px; }
}

.article-share-bottom { margin: 14px 0 32px; padding: 22px 0; border-top: 3px solid var(--ink); }
.selection-share[hidden] { display: none; }
.selection-share { position: fixed; z-index: 100; right: 20px; bottom: 20px; width: min(380px, calc(100vw - 32px)); padding: 15px; background: #1c1b19; color: #fff; border-top: 4px solid var(--red); box-shadow: 0 5px 22px rgba(0,0,0,.3); font-family: var(--ui); }
.selection-share-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 11px; font: 400 20px/1 var(--head); text-transform: uppercase; }
.selection-close { border: 0; background: transparent; color: #fff; font: 28px/1 sans-serif; cursor: pointer; min-width: 32px; min-height: 32px; }
.selection-share-buttons { display: flex; flex-wrap: wrap; gap: 7px; }
.selection-share-buttons a, .selection-share-buttons button { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 8px 11px; border: 1px solid #777; color: #fff; background: #30302e; text-decoration: none; cursor: pointer; font: 700 13px/1 var(--ui); }
.selection-share-buttons a:hover, .selection-share-buttons button:hover { background: var(--red-dark); }
.selection-share :focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
.selection-share-note, .selection-share-status { display: block; color: #dedbd6; font: 400 12px/1.45 var(--ui); margin-top: 10px; }
.selection-share-status:empty { display: none; }
@media (max-width: 600px) { .selection-share { right: 16px; bottom: 12px; } }

/* A pale textured speech bubble follows the highlighted passage. */
.selection-share {
  right: auto; bottom: auto; left: 12px; top: 12px;
  isolation: isolate;
  color: #171512;
  background: rgba(251, 250, 246, .87);
  border: 1px solid rgba(85, 76, 65, .28);
  border-top: 4px solid var(--red);
  box-shadow: 0 8px 28px rgba(36, 31, 24, .24);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
.selection-share::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: url('assets/eggshell-newsprint.webp') center / 600px auto;
  opacity: .22; pointer-events: none;
}
.selection-share::after {
  content: ""; position: absolute; left: var(--arrow-x, 50%); bottom: -10px;
  transform: translateX(-50%); width: 18px; height: 18px;
  background: #f7f6f2; border-right: 1px solid rgba(85,76,65,.28); border-bottom: 1px solid rgba(85,76,65,.28);
  rotate: 45deg; z-index: -1;
}
.selection-share.points-up::after { bottom: auto; top: -10px; border: 0; border-left: 1px solid rgba(85,76,65,.28); border-top: 1px solid rgba(85,76,65,.28); }
.selection-close { color: #171512; }
.selection-share-buttons a, .selection-share-buttons button { color: #171512; background: rgba(255,255,255,.65); border-color: #8e8980; }
.selection-share-buttons a:hover, .selection-share-buttons button:hover { color: #fff; background: var(--red-dark); }
.selection-share :focus-visible { outline-color: var(--red-dark); }
.selection-share-note, .selection-share-status { color: #49453f; }