#content.bp-page {
  --bp-paper: #fff;
  --bp-tint: #edf6f3;
  --bp-ink: #172c33;
  --bp-muted: #43606b;
  --bp-line: #c8dcd7;
  --bp-accent: #076b62;
  --bp-button: #086b61;
  --bp-button-hover: #06564f;
  color: var(--bp-ink);
  background: var(--bp-paper);
  overflow-wrap: anywhere;
  word-break: keep-all;
}

.bp-body[data-bp-theme="dark"] #content.bp-page {
  --bp-paper: #15232a;
  --bp-tint: #1d3339;
  --bp-ink: #edf6f4;
  --bp-muted: #bdd2d3;
  --bp-line: #466369;
  --bp-accent: #92dfd0;
  --bp-button: #09675f;
  --bp-button-hover: #075850;
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  .bp-body:not([data-bp-theme]) #content.bp-page {
    --bp-paper: #15232a;
    --bp-tint: #1d3339;
    --bp-ink: #edf6f4;
    --bp-muted: #bdd2d3;
    --bp-line: #466369;
    --bp-accent: #92dfd0;
    --bp-button: #09675f;
    --bp-button-hover: #075850;
        color-scheme: dark;
  }
}

#content.bp-page [hidden] { display: none !important; }
#content.bp-page :is(h1, h2, h3, h4, strong, dt, label) { color: var(--bp-ink); }
#content.bp-page :is(p, li, dd) { line-height: 1.66; }
#content.bp-page a { color: var(--bp-accent); text-decoration: underline; text-underline-offset: .18em; }
#content.bp-page p { margin: 0 0 .85rem; }
#content.bp-page :is(h2, h3, h4) { margin: 0 0 .75rem; line-height: 1.35; }
#content.bp-page h2 { font-size: clamp(1.2rem, 3vw, 1.55rem); }
#content.bp-page h3 { font-size: 1.15rem; }
#content.bp-page h4 { font-size: 1rem; }
#content.bp-page .bp-header h1 { line-height: 1.22; font-size: clamp(1.85rem, 4.4vw, 2.75rem); word-break: keep-all; }
#content.bp-page .bp-header h1 span { display: block; margin-top: .35rem; font-size: .67em; }
#content.bp-page .bp-header > p:not(.bp-kicker) { color: var(--bp-muted); font-size: 1.06rem; margin: .85rem 0; }
#content.bp-page :is(h2, h3) { font-weight: 700; }
@media (max-width: 760px) {
  .bp-body #sidebar .modern-sidebar-toggle { position: static; }
}
#content.bp-page :is(.bp-kicker, .bp-small, figcaption) { color: var(--bp-muted); font-size: .89rem; }
#content.bp-page .bp-kicker { color: var(--bp-accent); font-weight: 700; }
#content.bp-page .bp-panel {
  margin: 1.15rem 0;
  padding: clamp(.8rem, 3vw, 1.5rem);
  border: 1px solid var(--bp-line);
  border-radius: .95rem;
  background: var(--bp-paper);
  scroll-margin-top: 2rem;
}
#content.bp-page .bp-subpanel { padding: .9rem; margin: .9rem 0; border: 1px solid var(--bp-line); border-radius: .7rem; }
#content.bp-page .bp-note { border-inline-start: 4px solid var(--bp-accent); padding: .7rem .85rem; background: var(--bp-tint); }
#content.bp-page .bp-actions, #content.bp-page .bp-chips { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem; }
#content.bp-page .bp-actions { margin: .75rem 0; }
#content.bp-page .bp-chips { padding: 0; margin: .85rem 0; list-style: none; }
#content.bp-page .bp-chips li { padding: .2rem .6rem; border-radius: 1rem; background: var(--bp-tint); font-size: .9rem; font-weight: 700; }
#content.bp-page button {
  min-height: 44px;
  max-width: 100%;
  padding: .5em .85em;
  background: var(--bp-button);
  border: 1px solid transparent;
  border-radius: .5rem;
  box-shadow: none;
  color: #fff;
  font: inherit;
  font-weight: 700;
  white-space: normal;
  letter-spacing: normal;
  text-transform: none;
  line-height: 1.3;
}
#content.bp-page button:not(:disabled):hover { background: var(--bp-button-hover); }
#content.bp-page button.bp-secondary { background: var(--bp-paper); color: var(--bp-ink); border-color: var(--bp-line); }
#content.bp-page button.bp-secondary:not(:disabled):hover,
#content.bp-page button.bp-secondary[aria-pressed="true"] { background: var(--bp-tint); border-color: var(--bp-accent); }
#content.bp-page button:disabled { opacity: .62; cursor: not-allowed; }
#content.bp-page :focus-visible { outline: 3px solid var(--bp-accent); outline-offset: 3px; }
#content.bp-page progress { display: block; width: 100%; height: .8rem; margin: .35rem 0 .75rem; accent-color: var(--bp-accent); }
#content.bp-page .bp-options { display: grid; gap: .4rem; margin: .6rem 0; }
#content.bp-page .bp-options label {
  display: flex;
  align-items: center;
  gap: .65rem;
  padding: .45rem .65rem;
  min-height: 44px;
  margin: 0;
  border: 1px solid var(--bp-line);
  border-radius: .5rem;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
}
#content.bp-page .bp-options label:has(input:checked) { border-color: var(--bp-accent); background: var(--bp-tint); }
#content.bp-page .bp-options input { accent-color: var(--bp-button); width: 1.05rem; height: 1.05rem; flex: none; margin: 0; }
#content.bp-page :is(input:not([type="radio"], [type="checkbox"]), select, textarea) {
  display: block;
  width: 100%;
  min-height: 44px;
  padding: .45em .6em;
  border: 1px solid var(--bp-line);
  border-radius: .5rem;
  background: var(--bp-paper);
  color: var(--bp-ink);
  font: inherit;
  box-shadow: none;
}
#content.bp-page :is(textarea, input)::placeholder { color: var(--bp-muted); }
#content.bp-page textarea { resize: vertical; }
#content.bp-page details { border-block-start: 1px solid var(--bp-line); padding: .25rem 0 .4rem; }
#content.bp-page summary { color: var(--bp-ink); min-height: 44px; padding-block: .4rem; cursor: pointer; font-weight: 700; }
#content.bp-page .bp-editorial section + section { margin-top: 1.2rem; }
#content.bp-page .bp-editorial dd { margin: 0 0 .5rem; }
#content.bp-page .bp-related { display: flex; flex-wrap: wrap; gap: .35rem 1.8rem; }

@media (max-width: 460px) {
  #content.bp-page .bp-survey-actions button { flex: 1 1 42%; }
}

@media (prefers-reduced-motion: reduce) {
  #content.bp-page * { transition: none !important; scroll-behavior: auto !important; }
}



#content.bp-page .bp-table { width: 100%; max-width: 100%; border-collapse: collapse; margin: .6rem 0 1rem; font-size: .87rem; }
#content.bp-page .bp-table :is(th, td) { text-align: start; border: 1px solid var(--bp-line); padding: .35rem; color: var(--bp-ink); }
#content.bp-page .bp-table :is(caption, thead) { font-weight: 700; }
#content.bp-page .bp-table thead { background: var(--bp-tint); }
#content.bp-page .bp-check { display: inline-flex; gap: .45rem; align-items: center; min-height: 44px; }
#content.bp-page .bp-check input { accent-color: var(--bp-accent); }

@media (max-width: 460px) {
  #content.bp-page .bp-table :is(th, td) { padding: .2rem; }
}

#content.bp-page .bp-dot, #content.bp-page .bp-axis-label { fill: var(--bp-accent); }
#content.bp-page .bp-axis-label { font-size: 13px; }
#content.bp-page .bp-gridline { stroke: var(--bp-line); }
#content.bp-page .bp-trend-svg { width: 100%; max-height: 190px; display: block; background: var(--bp-tint); border-radius: .55rem; }
#content.bp-page .bp-trend-line { stroke: var(--bp-accent); stroke-width: 2; fill: none; }
#content.bp-page .bp-field { margin: .6rem 0; display: block; }
#content.bp-page .bp-history-list { padding: 0; list-style: none; }
#content.bp-page fieldset { min-inline-size: 0; margin: .7rem 0; }
#content.bp-page legend { padding: 0; font-weight: 700; }
#content.bp-page .bp-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); gap: .6rem; }
#content.bp-page .bp-grid > .bp-subpanel { margin: 0; }
#content.bp-page .bp-record-note { white-space: pre-wrap; }
#content.bp-page .bp-question-top { justify-content: space-between; }
#content.bp-page .bp-question-top p { margin: 0; }
#content.bp-page :is(section[id], h2[tabindex], input) { scroll-margin-top: 5rem; }
#content.bp-page .bp-help { border-inline-start: 4px solid var(--bp-accent); background: var(--bp-tint); }
#content.bp-page dt { font-weight: 700; }
#content.bp-page dd { margin: 0 0 .55rem; }
#content.bp-page .bp-subpanel > :last-child { margin-bottom: 0; }
#content.bp-page .bp-timeline-row { margin: .8rem 0; }
#content.bp-page .bp-timeline-rail { height: .6rem; background: var(--bp-tint); overflow: hidden; border-radius: 1rem; }
#content.bp-page .bp-timeline-rail span { display: block; min-width: 2px; height: 100%; background: var(--bp-accent); }
#bp-csv-preview {
  max-height: 12rem;
  max-width: 100%;
  overflow: auto;
  white-space: pre-wrap;
  padding: .6rem;
  background: var(--bp-tint);
  font-size: .85rem;
}
#bp-print-card { display: none; }
#content.bp-page .bp-preserve { white-space: pre-wrap; }

@media print {
  body.bp-printing > :not(#bp-print-card) { display: none !important; }
  body.bp-printing #bp-print-card { display: block; padding: 1rem; color: #111; background: #fff; white-space: pre-wrap; }
}