.inclusive-tools {
  color: #14251e;
  font: 500 1rem/1.5 system-ui, sans-serif;
  text-align: start;
}
.inclusive-tools summary {
  display: flex;
  align-items: center;
  gap: .45em;
  min-block-size: 44px;
  padding: .3em .65em;
  width: fit-content;
  cursor: pointer;
  color: #14251e;
  background: #fff;
  border: 1px solid #63736a;
  border-radius: .4em;
}
.inclusive-tools summary::-webkit-details-marker { display: none; }
.inclusive-tools summary::after { content: ""; border: solid currentColor; border-width: 0 2px 2px 0; padding: .18em; transform: rotate(45deg); }
.inclusive-tools[open] summary::after { transform: rotate(225deg); }
.inclusive-panel {
  position: absolute;
  z-index: 60;
  inset-inline: 0;
  inline-size: min(26rem, calc(100% - 1rem));
  max-block-size: min(66dvh, 29rem);
  overflow: auto;
  overscroll-behavior: contain;
  margin: .35rem auto 0;
  padding: .65rem 1rem;
  background: #fff;
  color: #14251e;
  border: 2px solid #63736a;
  border-radius: .5rem;
  box-shadow: 0 12px 24px #0003;
}
.inclusive-tools .inclusive-panel p { margin: .35em 0; font: inherit; }
.inclusive-tools .inclusive-panel a {
  display: flex;
  align-items: center;
  min-block-size: 44px;
  padding-inline: .3em;
  color: #124b35;
  text-decoration: underline;
}
.inclusive-tools [aria-current="page"] { font-weight: 750; }
.inclusive-settings { border-top: 1px solid #63736a; padding-block-start: .45em; }
.inclusive-settings[hidden] { display: none; }
.inclusive-settings label {
  display: flex;
  align-items: center;
  gap: .6em;
  min-block-size: 44px;
  cursor: pointer;
}
.inclusive-settings input { appearance: auto; inline-size: 1.2em; block-size: 1.2em; accent-color: #124b35; }
.inclusive-bar { position: relative; z-index: 40; display: flex; justify-content: flex-end; padding: .35rem clamp(.75rem, 3vw, 2rem); background: #f5f7f3; }
:where(body) :focus-visible {
  outline: 3px solid #1261b4;
  outline-offset: 3px;
  box-shadow: 0 0 0 2px #fff;
}
.inclusive-tools :focus-visible { outline: 3px solid #1261b4; outline-offset: 2px; }
:where(main, [id]) { scroll-margin-block-start: var(--inclusive-header-offset, 5.5rem); }
html[data-inclusive-large] { zoom: 1.2; }
@supports not (zoom: 1.2) { html[data-inclusive-large] { font-size: 120%; } }
html[data-inclusive-contrast] { color-scheme: light; }
html[data-inclusive-contrast] body,
html[data-inclusive-contrast] :where(main, nav, header, footer, section, article, aside, details, div, p, li, span, h1, h2, h3, h4, label, button, summary, input, select, textarea, a, th, td):not([aria-hidden="true"]) {
  color: #080808 !important;
  background-color: #fff !important;
  background-image: none !important;
  text-shadow: none !important;
}
html[data-inclusive-contrast] :where(a):not([aria-hidden="true"]) { color: #003f86 !important; text-decoration: underline !important; }
html[data-inclusive-contrast] :where(input, select, textarea, button, summary) { outline: 1px solid #080808; }
html[data-inclusive-contrast] :focus-visible { outline: 3px solid #1261b4; }
html[data-inclusive-motion], html[data-inclusive-motion] * { scroll-behavior: auto !important; }
html[data-inclusive-motion] *, html[data-inclusive-motion] *::before, html[data-inclusive-motion] *::after {
  animation-duration: .01ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: .01ms !important;
}
@media (prefers-reduced-motion: reduce) {
  html, html * { scroll-behavior: auto !important; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}
@media (forced-colors: active) {
  .inclusive-tools :focus-visible { outline-color: Highlight; }
  .inclusive-panel { border-color: CanvasText; }
}

.inclusive-edition {
  --ink: #14251e;
  --muted: #34463d;
  --accent: #124b35;
  --paper: #f5f7f3;
  color: var(--ink);
  background: var(--paper);
  margin: 0;
  font: 1rem/1.65 system-ui, sans-serif;
}
.inclusive-edition *, .inclusive-edition *::before, .inclusive-edition *::after { box-sizing: border-box; }
.edition-wrap { width: min(100% - 2rem, 56rem); margin-inline: auto; }
.edition-header { border-bottom: 1px solid #63736a; background: #fff; }
.edition-header .edition-wrap { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .5rem; padding-block: .7rem; }
.edition-brand { font-weight: 750; color: var(--ink); }
.edition-skip { position: absolute; z-index: 70; inset-block-start: .5rem; inset-inline-start: .5rem; padding: .55rem .8rem; background: #fff; color: var(--ink); }
.edition-skip:not(:focus) { clip-path: inset(50%); inline-size: 1px; block-size: 1px; overflow: hidden; }
.edition-hero { padding-block: clamp(2rem, 7vw, 5.5rem) 1.4rem; }
.edition-hero h1 { font: 700 clamp(2rem, 5.7vw, 4rem)/1.08 Georgia, serif; margin: 0 0 .55em; max-inline-size: 22ch; overflow-wrap: anywhere; }
.edition-hero p { max-inline-size: 67ch; color: var(--muted); font-size: 1.13rem; }
.edition-section { padding-block: 1rem; border-top: 1px solid #9cab9f; }
.edition-section h2 { margin-block: 0 .35em; font: 700 clamp(1.35rem, 3vw, 2rem)/1.2 Georgia, serif; }
.edition-section h3 { font-size: 1.12rem; }
.edition-section p { max-inline-size: 70ch; margin-block: .6em 1em; }
.edition-section a, .edition-footer a { color: var(--accent); text-decoration: underline; text-underline-offset: .18em; }
.edition-link { display: inline-block; min-block-size: 44px; padding-block: .55rem; overflow-wrap: anywhere; }
.edition-footer { padding-block: 1.1rem 2.4rem; border-top: 1px solid #63736a; }
.edition-footer p { max-inline-size: 68ch; }

.edition-footer .edition-link + .edition-link { margin-inline-start: 1rem; }