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

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

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

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

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

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

@media print {
  .af-body * { visibility: hidden !important; }
  .af-body #af-export:not([hidden]) #af-export-card,
  .af-body #af-export:not([hidden]) #af-export-card * { visibility: visible !important; }
  .af-body #af-export-card {
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    padding: 1rem;
    color: #111;
    background: #fff;
    --af-ink: #111;
    --af-muted: #333;
    --af-line: #bbb;
    --af-accent: #245e58;
    --af-tint: #e9efee;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }
  .af-body :is(.modern-site-header, #sidebar, #copyright, .site-title-ad, .site-footer, .global-site-footer, .af-no-print) { display: none !important; }
  .af-body #content.af-page > :not(#af-result), .af-body #af-result > :not(#af-export),
  .af-body #af-export > :not(#af-export-card) { display: none !important; }
}


#content.af-page .af-table { width: 100%; max-width: 100%; border-collapse: collapse; margin: .6rem 0 1rem; font-size: .87rem; }
#content.af-page .af-table :is(th, td) { text-align: start; border: 1px solid var(--af-line); padding: .35rem; color: var(--af-ink); }
#content.af-page .af-table :is(caption, thead) { font-weight: 700; }
#content.af-page .af-table thead { background: var(--af-tint); }
#content.af-page .af-check { display: inline-flex; gap: .45rem; align-items: center; min-height: 44px; }
#content.af-page .af-check input { accent-color: var(--af-accent); }
#content.af-page .af-copy-notice { position: fixed; z-index: 1001; bottom: 4.6rem; right: 1rem; width: min(24rem, calc(100% - 2rem)); background: var(--af-paper); border: 1px solid var(--af-line); padding: .75rem; border-radius: .6rem; box-shadow: 0 6px 30px #0003; }

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

#content.af-page .af-meter-svg { display: block; width: 100%; height: .6rem; margin-top: .45rem; border-radius: 1rem; overflow: hidden; }
#content.af-page .af-track { fill: var(--af-tint); }
#content.af-page .af-fill, #content.af-page .af-dot, #content.af-page .af-axis-label { fill: var(--af-accent); }
#content.af-page .af-axis-label { font-size: 13px; }
#content.af-page .af-gridline { stroke: var(--af-line); }
#content.af-page .af-trend-svg { width: 100%; max-height: 190px; display: block; background: var(--af-tint); border-radius: .55rem; }
#content.af-page .af-trend-line { stroke: var(--af-accent); stroke-width: 2; fill: none; }
#content.af-page .af-preserve { white-space: pre-wrap; }
#content.af-page .af-field { margin: .6rem 0; display: block; }
#content.af-page #af-support { border-inline-start: 4px solid var(--af-accent); }
#content.af-page .af-history-list { padding: 0; list-style: none; }