.modern-subpage #content.se-page {
  --eq-accent: #2d6858;
  --se-fill: #3d806c;
  --se-grid: #a5beb3;
  --se-track: #dce8e2;
  --se-error: #9b333b;
}
.se-page .se-toolbar,
.se-page .se-summary-grid {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 12px;
}
.se-page .se-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; }
.se-page .se-chips,
.se-page .se-shortcuts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0;
  margin: 18px 0;
}
.se-page .se-chips li,
.se-page .se-shortcuts a {
  list-style: none;
  margin: 0;
  padding: 5px 10px;
  border: 1px solid var(--eq-line);
  border-radius: 6px;
  background: var(--eq-soft);
  color: var(--eq-ink);
  font-size: 13px;
}
.se-page .se-shortcuts a { min-height: 44px; display: inline-flex; align-items: center; }
.se-page :is(#se-intro, #se-question-heading, #se-result-heading, .eq-section) { scroll-margin-top: 88px; }
.se-page .se-small-legend { min-height: 0; font-size: 17px; }
.se-page .se-panel, .se-page .se-result-head {
  padding: 16px;
  border: 1px solid var(--eq-line);
  border-radius: 7px;
  background: var(--eq-soft);
  margin-block: 12px;
}
.se-page .se-result-head { padding: 24px 18px; border-top: 4px solid var(--eq-accent); }
.se-page .se-overall output {
  font-size: clamp(26px, 6vw, 38px);
  font-weight: 750;
  color: var(--eq-accent);
  font-variant-numeric: tabular-nums;
}
.se-page .se-panel h3 { margin-top: 0; }
.se-page .se-status { min-height: 24px; }
.modern-subpage #content.se-page .se-status { color: var(--eq-accent); font-size: 14px; }
.modern-subpage #content.se-page .se-error { color: var(--se-error); }
.se-page .se-domain-info { border-top: 1px solid var(--eq-line); padding-block: 12px; }
.se-page .se-domain-info h4 { font-size: 17px; color: var(--eq-ink); margin-bottom: 10px; }
.se-page .se-definitions dt { font-weight: 700; margin-top: 12px; color: var(--eq-ink); }
.se-page .se-definitions dd { margin: 4px 0 12px; color: var(--eq-muted); overflow-wrap: anywhere; }
.se-page .eq-bar { background: var(--se-track); }
.se-page .eq-bar span { background: var(--se-fill); }
.se-page .se-radar { max-width: 600px; margin: 0 auto; }
.se-page .se-radar svg { display: block; width: 100%; height: auto; }
.se-page .se-radar text { fill: var(--eq-ink); font: 20px sans-serif; }
.se-page .se-radar .se-scale { font-size: 15px; fill: var(--eq-muted); }
.se-page .se-gridline { fill: none; stroke: var(--se-grid); stroke-width: 1.1; }
.se-page .se-profile { fill: var(--se-fill); fill-opacity: .18; stroke: var(--se-fill); stroke-width: 3; }
.se-page .se-dot { fill: var(--se-fill); }
.se-page .se-table { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: 14px; }
.se-page .se-table caption { text-align: left; color: var(--eq-muted); margin: 8px 0; }
.se-page .se-table :is(th, td) { padding: 8px 4px; border-bottom: 1px solid var(--eq-line); color: var(--eq-ink); overflow-wrap: anywhere; }
.se-page .se-table th:first-child { width: 48%; }
.se-page .se-check { display: flex; align-items: center; gap: 10px; min-height: 44px; color: var(--eq-ink); cursor: pointer; }
.modern-subpage #content.se-page input[type=checkbox] {
  appearance: auto; display: block; position: static; float: none; opacity: 1;
  pointer-events: auto; width: 19px; height: 19px; margin: 0; flex: 0 0 19px; accent-color: #267c7b;
}
.modern-subpage #content.se-page :is(select, textarea) {
  display: block;
  width: 100%;
  min-height: 44px;
  height: auto;
  color: var(--eq-ink);
  background: var(--eq-panel);
  border: 1px solid var(--eq-line);
  border-radius: 6px;
  padding: 8px 12px;
  font: inherit;
  margin: 6px 0 12px;
}
.modern-subpage #content.se-page textarea { min-height: 78px; resize: vertical; }
.se-page :is(a, button, input, select, textarea, summary, legend):focus-visible {
  outline: 3px solid var(--eq-accent);
  outline-offset: 3px;
}
.se-page .se-history-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 6px 12px;
  padding-block: 8px;
  border-bottom: 1px solid var(--eq-line);
}
.modern-subpage #content.se-page.se-dark {
  color-scheme: dark;
  --eq-panel: #182c2b;
  --eq-soft: #213b37;
  --eq-ink: #e9f5f0;
  --eq-muted: #c1d8d0;
  --eq-line: #4f7167;
  --eq-accent: #a5e5ce;
  --se-fill: #8ed7bd;
  --se-track: #36564e;
  --se-grid: #5e8a7c;
  --se-error: #ffb7bd;
  background: var(--eq-panel);
}
.modern-subpage #content.se-page.se-dark :is(h2, h3, h4, strong, label) { color: var(--eq-ink); }
.modern-subpage #content.se-page.se-dark :is(.eq-notice, .eq-options label:has(input:checked)) { background: #294d43; }
@media (max-width: 600px) {
  .se-page .se-toolbar, .se-page .se-summary-grid { grid-template-columns: 1fr; }
  .se-page #se-start { width: 100%; }
  .se-page .eq-domain-heading { flex-wrap: wrap; gap: 3px 8px; }
  .se-page .se-radar text { font-size: 23px; }
  .se-page .se-radar .se-scale { font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) {
  .se-page *, .se-page *::before, .se-page *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}