/* About beforeword: question and two records; native disclosures, no scripted motion. */
.bwa-page {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1.65;
  --bwa-gap: clamp(24px, 4vw, 52px);
  --bwa-header-offset: calc(112px + env(safe-area-inset-top, 0px));
}
body.bwa-page.bw-shell > .bw-header {
  position: sticky;
  top: 0;
  min-height: calc(88px + env(safe-area-inset-top, 0px));
  padding-top: calc(18px + env(safe-area-inset-top, 0px));
  background-color: var(--paper);
  background-image: var(--paper-grain);
  background-size: var(--paper-grain-size);
  background-repeat: repeat;
}
.bwa-page > main { padding-block: 0 72px; }
.bwa-page main :where(h1, h2, h3, p, blockquote, figure) { margin: 0; }
.bwa-page main :where(a) { color: inherit; text-underline-offset: .2em; }
.bwa-page main :where(a, button, summary, input):focus-visible {
  outline: 2px solid var(--paper-ink);
  outline-offset: 5px;
}
.bwa-page :where(section, details, [id], a, button, summary, input, textarea, [tabindex]) {
  scroll-margin-top: var(--bwa-header-offset);
}
.bwa-page main :where(p, blockquote, pre, li) { overflow-wrap: anywhere; }
.bwa-page main .bw-keep { white-space: normal; }
.bwa-page main h2 {
  font-size: clamp(28px, 3.1vw, 38px);
  font-weight: 700;
  line-height: 1.16;
  letter-spacing: -.035em;
}
.bwa-page main h3 {
  font-size: 23px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.02em;
}
.bwa-hero { padding: 58px 0 48px; }
.bwa-page .bwa-kicker,
.bwa-page .eyebrow {
  margin: 0 0 18px;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: .05em;
  color: var(--paper-muted);
}
.bwa-page .bwa-hero h1 {
  max-width: 22ch;
  font-size: 56px;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -.045em;
}
.bwa-page .bwa-lead {
  max-width: 65ch;
  margin-top: 24px;
  font-size: 20px;
  line-height: 1.55;
}
.bwa-page .bwa-motto {
  max-width: 38ch;
  margin-top: 28px;
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -.025em;
}
.bwa-page-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 26px;
  margin-top: 26px;
}
.bwa-page-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-size: 15px;
  line-height: 1.4;
}
.bwa-page :is(.bwa-section, section.section) {
  padding: 44px 0 48px;
  border-top: 1px solid var(--paper-ink);
}
.bwa-page :is(.bwa-section, section.section) > h2,
.bwa-section-heading { margin-bottom: 26px; }
.bwa-section-heading {
  display: flex;
  align-items: baseline;
  gap: 18px;
}
.bwa-section-heading > :is(span, .bwa-section-number, .bwa-number) {
  flex: 0 0 auto;
  color: var(--paper-muted);
  font: 13px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace;
  letter-spacing: .035em;
}
.bwa-section-heading h2 { min-width: 0; }
.bwa-page .prose,
.bwa-page .origin-prose { max-width: 70ch; }
.bwa-page :is(.prose, .origin-prose) > * + * { margin-top: 20px; }
.bwa-page .prose + .prose { margin-top: 22px; }
.bwa-page .prose :is(ul, ol) { padding-left: 1.25em; }
.bwa-page .prose li + li { margin-top: 8px; }
.bwa-page .about-record-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--bwa-gap);
  margin-block: 24px;
}
.bwa-page .about-depth-example { margin-top: 30px; padding-top: 28px; border-top: 1px solid var(--paper-line); }
.bwa-page .about-depth-example > h3 { margin-bottom: 20px; }
.bwa-page .about-walkthrough > section.section { border-top-color: var(--paper-line); }
.bwa-page .about-walkthrough > section.section:first-of-type { border-top: 0; }
.bwa-page .about-record {
  min-width: 0;
  padding-top: 18px;
  border-top: 1px solid var(--paper-control);
}
.bwa-page .about-record-label,
.bwa-page .about-study-label {
  margin-bottom: 18px;
  color: var(--paper-muted);
  font-size: 13px;
  line-height: 1.5;
}
.bwa-page .about-record blockquote {
  min-height: 2.6em;
  padding: 0;
  border: 0;
  font-size: clamp(24px, 2.8vw, 31px);
  line-height: 1.3;
  letter-spacing: -.025em;
}
.bwa-page .about-record-comment {
  margin-top: 18px;
  font-size: 16px;
  line-height: 1.6;
}
.bwa-page .about-method-list,
.bwa-page .about-study-list,
.bwa-page .reader-routes,
.bwa-page .about-route-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 var(--bwa-gap);
  margin: 28px 0 0;
  padding: 0;
}
.bwa-page .about-method-list { list-style: none; counter-reset: method; }
.bwa-page .about-method-list > li {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 23px 0 27px 36px;
  border-top: 1px solid var(--paper-line);
  counter-increment: method;
}
.bwa-page .about-method-list > li::before {
  position: absolute;
  top: 26px;
  left: 0;
  content: counter(method, decimal-leading-zero);
  color: var(--paper-muted);
  font: 12px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace;
}
.bwa-page .about-method-list strong { display: block; font-size: 19px; line-height: 1.4; }
.bwa-page .about-method-list p { margin-top: 10px; font-size: 16px; line-height: 1.65; }
.bwa-page .about-source-note {
  max-width: 70ch;
  margin-top: 24px;
  padding: 22px 0 0;
  border-top: 1px solid var(--paper-line);
}
.bwa-page .about-source-note h3 { margin-bottom: 14px; font-size: 20px; }
.bwa-page .about-source-note .prose { font-size: 16px; }
.bwa-page .about-study {
  min-width: 0;
  padding: 24px 0 28px;
  border-top: 1px solid var(--paper-line);
}
.bwa-page .about-study-label { margin-bottom: 10px; }
.bwa-page .about-study h3 a { display: inline-block; padding-block: 7px; }
.bwa-page .about-study > p:last-child { margin-top: 12px; font-size: 16px; line-height: 1.65; }
.bwa-page :is(.about-material-links, .about-citation-links, .reader-contact, .reader-tools, .actions) {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  margin-top: 20px;
}
.bwa-page :is(.about-material-links, .about-citation-links, .reader-contact, .reader-tools, .actions) a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-size: 16px;
}
.bwa-page :is(.reader-routes, .about-route-grid) > a {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  min-height: 44px;
  padding: 24px 0;
  border-top: 1px solid var(--paper-line);
  text-decoration: none;
}
.bwa-page :is(.reader-routes, .about-route-grid) :is(h3, .reader-route-title, .reader-next-title) {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  font-size: 24px;
  line-height: 1.3;
  font-weight: 600;
}
.bwa-page :is(.reader-routes, .about-route-grid) :is(p, .reader-route-description, .reader-route-copy) {
  max-width: 55ch;
  font-size: 16px;
  line-height: 1.6;
}
.bwa-page .about-work-note { max-width: 70ch; margin-top: 20px; font-size: 15px; }
.bwa-page .about-author { margin-bottom: 18px; }
.bwa-page .about-author-line { display: flex; flex-wrap: wrap; gap: 4px 18px; }
.bwa-page .about-author-label { color: var(--paper-muted); font-size: 14px; }
.bwa-page .about-author-name { font-size: 18px; white-space: normal; }
.bwa-page .origin-recollections,
.bwa-page details.reader-meta {
  margin-top: 26px;
  padding: 0;
  border-block: 1px solid var(--paper-line);
}
.bwa-page :is(.origin-recollections, details.reader-meta) > summary {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 20px;
  min-height: 52px;
  padding: 14px 0;
  list-style: none;
  cursor: pointer;
  font-size: 16px;
  line-height: 1.5;
}
.bwa-page :is(.origin-recollections, details.reader-meta) > summary::after { content: "+"; flex: none; font-size: 22px; }
.bwa-page :is(.origin-recollections, details.reader-meta)[open] > summary::after { content: "−"; }
.bwa-page details.reader-meta > .prose { padding: 14px 0 22px; }
.bwa-page details.reader-meta > .actions { margin: 0 0 16px; }
.bwa-page .origin-prose { padding: 14px 0 26px; }
.bwa-page .origin-prose blockquote { padding: 14px 0 14px 22px; border-left: 2px solid var(--paper-ink); }
.bwa-page .origin-prose .origin-statement { font-size: 25px; line-height: 1.35; letter-spacing: -.025em; }
.bwa-page .about-citation-list { max-width: 70ch; padding-left: 1.2em; }
.bwa-page .about-citation-list li + li { margin-top: 14px; }
.bwa-page .reader-note { color: var(--paper-muted); font-size: 15px; }

/* The catalogue is visible; each group and example remains a native details. */
.bwa-page :is(.scope-intro, .scope-example-guide, .scope-closing) { max-width: 70ch; }
.bwa-page .scope-example-guide { margin-top: 18px; font-size: 15px; line-height: 1.65; }
.bwa-page .scope-closing { margin-top: 28px; font-size: 16px; }
.bwa-page #scope-catalog { margin-top: 22px; }
.bwa-page .scope-index { margin-top: 28px; min-width: 0; }
.bwa-page .scope-controls { margin-bottom: 18px; }
.bwa-page .scope-search-label { display: block; margin-bottom: 8px; font-size: 15px; }
.bwa-page input.scope-search {
  display: block;
  width: 100%;
  max-width: 760px;
  min-width: 0;
  min-height: 52px;
  padding: 12px 14px;
  border: 1px solid var(--paper-control);
  border-radius: 0;
  background: var(--paper-surface, #fff);
  color: var(--paper-ink);
  font: inherit;
  font-size: 16px;
  line-height: 1.5;
}
.bwa-page .scope-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 26px; margin-top: 6px; }
.bwa-page :is(.scope-actions, .scope-empty) button {
  min-height: 44px;
  padding: 8px 0;
  border: 0;
  background: transparent;
  color: var(--paper-ink);
  font: inherit;
  font-size: 15px;
  line-height: 1.5;
  text-decoration: underline;
  text-underline-offset: .2em;
  cursor: pointer;
}
.bwa-page .scope-actions button:disabled { color: var(--paper-muted); text-decoration: none; cursor: default; }
.bwa-page .scope-status { min-height: 1.6em; margin-top: 4px; color: var(--paper-muted); font-size: 14px; }
.bwa-page .scope-empty { padding-block: 20px; border-top: 1px solid var(--paper-line); }
.bwa-page #scope-groups { counter-reset: scope; }
.bwa-page details.scope-group { margin: 0; padding: 0; border: 0; border-top: 1px solid var(--paper-ink); counter-increment: scope; }
.bwa-page details.scope-group:last-child { border-bottom: 1px solid var(--paper-ink); }
.bwa-page .scope-group > summary {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 26px;
  align-items: baseline;
  gap: 16px;
  min-height: 88px;
  padding: 22px 0;
  cursor: pointer;
  list-style: none;
}
.bwa-page .scope-group > summary::before {
  content: counter(scope, decimal-leading-zero);
  color: var(--paper-muted);
  font: 13px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace;
}
.bwa-page main summary::-webkit-details-marker { display: none; }
.bwa-page main summary::marker { content: ""; }
.bwa-page .scope-summary-copy { min-width: 0; }
.bwa-page .scope-title { display: block; font-size: 25px; line-height: 1.25; letter-spacing: -.025em; }
.bwa-page .scope-hint { display: block; margin-top: 7px; color: var(--paper-muted); font-size: 15px; line-height: 1.5; }
.bwa-page :is(.scope-sign, .example-sign) { display: block; width: 26px; flex: none; text-align: center; font-size: 25px; line-height: 1; }
.bwa-page :is(.scope-sign, .example-sign)::before { content: "+"; }
.bwa-page .scope-group[open] > summary .scope-sign::before,
.bwa-page .scope-example[open] > summary .example-sign::before { content: "−"; }
.bwa-page .scope-group-content { padding: 0 0 22px 46px; }
.bwa-page .scope-item { padding: 24px 0; border-top: 1px solid var(--paper-line); }
.bwa-page .scope-item h3 { margin-bottom: 10px; font-size: 21px; }
.bwa-page .scope-item > p { max-width: 70ch; font-size: 16px; line-height: 1.6; }
.bwa-page .scope-group-note { margin-top: 16px; max-width: 70ch; font-size: 16px; }
.bwa-page .scope-example { margin-top: 12px; padding: 0; border: 0; }
.bwa-page .scope-example > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 44px;
  padding: 9px 0;
  font-size: 15px;
  line-height: 1.5;
  cursor: pointer;
  list-style: none;
}
.bwa-page .scope-example > summary > span:first-child { text-decoration: underline; text-underline-offset: .2em; }
.bwa-page .example-sign { font-size: 22px; }
.bwa-page .example-body {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px var(--bwa-gap);
  margin-top: 14px;
  padding: 24px;
  background: var(--paper-surface, #fff);
  border: 1px solid var(--paper-line);
}
.bwa-page .example-step { min-width: 0; }
.bwa-page .example-step:nth-of-type(n + 3),
.bwa-page .example-body > :is(.example-origin, .example-self, .example-permalink) { grid-column: 1 / -1; }
.bwa-page .example-label { margin-bottom: 10px; color: var(--paper-muted); font-size: 13px; line-height: 1.5; }
.bwa-page .example-text {
  margin: 0;
  padding: 0;
  border: 0;
  color: var(--paper-ink);
  font: inherit;
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: -.01em;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.bwa-page .example-added { text-decoration: underline; text-decoration-color: currentColor; text-decoration-thickness: 1px; text-underline-offset: .22em; text-decoration-skip-ink: auto; }
.bwa-page .example-note { max-width: 70ch; font-size: 16px; line-height: 1.65; }
.bwa-page .example-self { padding-top: 18px; border-top: 1px solid var(--paper-line); font-size: 14px; color: var(--paper-muted); }
.bwa-page .example-origin { color: var(--paper-muted); font-size: 13px; }
.bwa-page .example-permalink { display: inline-flex; align-items: center; justify-self: start; min-height: 44px; font-size: 14px; }

/* Public entry: the question stays beside the two exact records. */
.bwa-page .bwa-opening {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(400px, 1fr);
  gap: 36px 48px;
  padding: 48px 0 40px;
}
.bwa-page .bwa-opening > * { min-width: 0; }
.bwa-page .bwa-opening .bwa-hero { padding: 0; }
.bwa-page .bwa-opening .bwa-hero h1 {
  max-width: 20ch;
  font-size: 52px;
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -.045em;
}
.bwa-page .bwa-opening .bwa-kicker { margin-bottom: 18px; }
.bwa-page .bwa-questions { max-width: 48ch; margin-top: 24px; }
.bwa-page .bwa-questions p { font-size: 20px; line-height: 1.5; }
.bwa-page .bwa-questions p + p { margin-top: 14px; }
.bwa-page .bwa-project-note {
  max-width: 58ch;
  margin-top: 26px;
  color: var(--paper-muted);
  font-size: 16px;
  line-height: 1.6;
}
.bwa-page .bwa-entry-example { padding: 0; border: 0; }
.bwa-page .bwa-entry-example > h2 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -.02em;
}
.bwa-page .bwa-entry-records { display: grid; grid-template-columns: minmax(0, 1fr); margin-top: 24px; }
.bwa-page .bwa-entry-record { min-width: 0; padding: 18px 0 20px; border-top: 1px solid var(--paper-control); }
.bwa-page .bwa-entry-record:last-child { border-bottom: 1px solid var(--paper-control); }
.bwa-page .bwa-entry-record .about-record-label { margin-bottom: 8px; font-size: 12px; line-height: 1.5; }
.bwa-page .bwa-entry-record blockquote {
  margin: 0;
  padding: 0;
  border: 0;
  quotes: none;
  font-size: 40px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -.025em;
}
.bwa-page .bwa-entry-record blockquote::before,
.bwa-page .bwa-entry-record blockquote::after { content: none; }
.bwa-page .bwa-added { text-decoration: underline; text-decoration-color: currentColor; text-decoration-thickness: 2px; text-underline-offset: .17em; text-decoration-skip-ink: auto; }
.bwa-page .bwa-entry-reading { max-width: 58ch; margin-top: 20px; }
.bwa-page .bwa-entry-reading p { font-size: 17px; line-height: 1.6; }
.bwa-page .bwa-entry-reading p + p { margin-top: 16px; }
.bwa-page .bwa-entry-question,
.bwa-page .bwa-entry-reading .bwa-entry-question {
  margin-top: 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -.02em;
}
.bwa-page .bwa-opening-footer { grid-column: 1 / -1; padding-top: 26px; border-top: 1px solid var(--paper-line); }
.bwa-page .bwa-opening-footer .bwa-motto { max-width: 70ch; margin: 0; font-size: 24px; line-height: 1.35; }
.bwa-page .bwa-opening-footer .bwa-page-nav { margin-top: 16px; }
.bwa-page .bwa-purpose-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--bwa-gap); }
.bwa-page .bwa-purpose-grid > article { min-width: 0; }
.bwa-page .bwa-purpose-grid h3 { margin-bottom: 18px; font-size: 23px; line-height: 1.3; }
.bwa-page .bwa-purpose-grid p { max-width: 60ch; font-size: 18px; line-height: 1.65; }
.bwa-page .bwa-purpose-grid p + p { margin-top: 18px; }
.bwa-page .bwa-purpose-end { max-width: 70ch; margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--paper-line); font-size: 16px; line-height: 1.65; }
.bwa-page .bwa-purpose-end p + p { margin-top: 16px; }

@media (hover: hover) {
  .bwa-page .scope-group > summary:hover .scope-title,
  .bwa-page :is(.reader-routes, .about-route-grid) > a:hover :is(h3, .reader-route-title, .reader-next-title) { text-decoration: underline; text-underline-offset: .2em; }
  .bwa-page :is(.origin-recollections, details.reader-meta) > summary:hover { text-decoration: underline; text-underline-offset: .2em; }
}
@media (max-width: 900px) {
  .bwa-page { --bwa-header-offset: calc(100px + env(safe-area-inset-top, 0px)); }
  body.bwa-page.bw-shell > .bw-header {
    min-height: calc(76px + env(safe-area-inset-top, 0px));
    padding-top: calc(12px + env(safe-area-inset-top, 0px));
    padding-bottom: 12px;
    grid-template-columns: minmax(44px, 1fr) auto minmax(94px, 1fr);
    gap: 6px;
  }
  body.bwa-page.bw-shell .bw-links { display: none; }
  body.bwa-page.bw-shell .bw-menu { display: block; justify-self: center; }
}
@media (max-width: 760px) {
  .bwa-page { font-size: 17px; }
  .bwa-page > main { padding-bottom: 44px; }
  .bwa-hero { padding-block: 36px; }
  .bwa-page .bwa-hero h1 { font-size: 36px; line-height: 1.08; }
  .bwa-page .bwa-lead { font-size: 18px; margin-top: 22px; }
  .bwa-page .bwa-motto { margin-top: 24px; font-size: 25px; }
  .bwa-page-nav { gap: 0 22px; margin-top: 22px; }
  .bwa-page :is(.bwa-section, section.section) { padding-block: 32px 36px; }
  .bwa-page :is(.bwa-section, section.section) > h2,
  .bwa-section-heading { margin-bottom: 22px; }
  .bwa-section-heading { gap: 12px; }
  .bwa-page .about-record-pair { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .bwa-page .about-record-label { margin-bottom: 12px; }
  .bwa-page .about-record blockquote { min-height: 0; font-size: 26px; }
  .bwa-page .about-record-comment { margin-top: 12px; }
  .bwa-page .about-method-list,
  .bwa-page .about-study-list,
  .bwa-page .reader-routes,
  .bwa-page .about-route-grid { grid-template-columns: minmax(0, 1fr); }
  .bwa-page .scope-group > summary { grid-template-columns: 24px minmax(0, 1fr) 22px; gap: 10px; padding-block: 20px; }
  .bwa-page .scope-title { font-size: 22px; }
  .bwa-page .scope-hint { font-size: 14px; }
  .bwa-page .scope-group-content { padding-left: 0; }
  .bwa-page .example-body { grid-template-columns: minmax(0, 1fr); gap: 22px; padding: 20px 16px; }
  .bwa-page .example-text { font-size: 21px; }
  .bwa-page .example-step + .example-step { padding-top: 18px; border-top: 1px solid var(--paper-line); }
  .bwa-page .scope-actions { gap: 0 20px; }
}
@media (max-width: 980px) {
  .bwa-page .bwa-opening { grid-template-columns: minmax(0, 1fr); gap: 28px; padding: 28px 0 32px; }
  .bwa-page .bwa-opening .bwa-hero h1 { font-size: 36px; line-height: 1.08; }
  .bwa-page .bwa-opening .bwa-kicker { margin-bottom: 14px; }
  .bwa-page .bwa-questions { margin-top: 20px; }
  .bwa-page .bwa-questions p { font-size: 18px; line-height: 1.5; }
  .bwa-page .bwa-questions p + p { margin-top: 12px; }
  .bwa-page .bwa-project-note { margin-top: 18px; }
  .bwa-page .bwa-entry-example { padding-top: 24px; border-top: 1px solid var(--paper-ink); }
  .bwa-page .bwa-entry-records { margin-top: 20px; }
  .bwa-page .bwa-entry-record { padding-block: 16px 18px; }
  .bwa-page .bwa-entry-record blockquote { font-size: 30px; line-height: 1.25; }
  .bwa-page .bwa-entry-reading { margin-top: 18px; }
  .bwa-page .bwa-entry-question,
  .bwa-page .bwa-entry-reading .bwa-entry-question { font-size: 24px; margin-top: 18px; }
  .bwa-page .bwa-opening-footer { grid-column: auto; padding-top: 24px; }
  .bwa-page .bwa-opening-footer .bwa-motto { font-size: 24px; }
  .bwa-page .bwa-opening-footer .bwa-page-nav { margin-top: 14px; }
  .bwa-page .bwa-purpose-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .bwa-page .bwa-purpose-grid h3 { margin-bottom: 14px; font-size: 22px; }
  .bwa-page .bwa-purpose-grid p { font-size: 17px; }
  .bwa-page .bwa-purpose-end { margin-top: 24px; padding-top: 20px; }
}
@media (forced-colors: active) {
  .bwa-page main :is(a, button, summary, input):focus-visible { outline-color: Highlight; }
  .bwa-page .example-body,
  .bwa-page input.scope-search { border-color: CanvasText; }
}
@media print {
  .bwa-page { font-size: 11pt; line-height: 1.5; }
  .bwa-page > main { width: 100%; max-width: none; padding: 0; }
  body.bwa-page.bw-shell > .bw-header { position: static; }
  .bwa-page .bwa-hero { padding: 0 0 18pt; }
  .bwa-page .bwa-hero h1 { font-size: 30pt; }
  .bwa-page main h2 { font-size: 20pt; }
  .bwa-page :is(.bwa-section, section.section) { padding-block: 18pt; }
  .bwa-page :is(.bwa-page-nav, .scope-controls, .scope-empty, .scope-sign, .example-sign, .example-permalink) { display: none !important; }
  .bwa-page details > :not(summary) { display: block !important; }
  .bwa-page details::details-content { display: block; content-visibility: visible; height: auto; }
  .bwa-page .scope-group > summary { grid-template-columns: 24px minmax(0, 1fr); min-height: 0; padding-block: 12pt; break-after: avoid; }
  .bwa-page .scope-example > summary { min-height: 0; break-after: avoid; }
  .bwa-page .origin-recollections > summary::after { display: none; }
  .bwa-page .example-body { display: block; background: transparent; padding: 12pt; }
  .bwa-page .example-step + .example-step { margin-top: 12pt; }
  .bwa-page .example-step, .bwa-page .about-record { break-inside: avoid; }
  .bwa-page .example-text { font-size: 13pt; }
  .bwa-page .scope-group-content { padding-left: 0; }
  .bwa-page :is(.about-method-list, .about-study-list, .reader-routes) { display: block; }
  .bwa-page :is(h2, h3) { break-after: avoid; }
  .bwa-page .bwa-opening { display: block; padding: 0 0 18pt; }
  .bwa-page .bwa-opening .bwa-hero h1 { font-size: 30pt; }
  .bwa-page .bwa-entry-example { margin-top: 18pt; padding-top: 12pt; }
  .bwa-page .bwa-entry-records { max-width: 30em; }
  .bwa-page .bwa-entry-record { break-inside: avoid; }
  .bwa-page .bwa-entry-record blockquote { font-size: 22pt; }
  .bwa-page .bwa-opening-footer { margin-top: 18pt; padding-top: 12pt; }
  .bwa-page .bwa-purpose-grid { display: block; }
  .bwa-page .bwa-purpose-grid > article + article { margin-top: 16pt; }
}