/* Keep Pico's palette aligned with the existing light brand. */
:root:not([data-theme="dark"]) {
  color-scheme: light;
  --pico-background-color: var(--paper);
  --pico-color: var(--ink);
  --pico-muted-color: var(--muted);
  --pico-primary: var(--ink);
  --pico-primary-background: var(--ink);
  --pico-primary-hover: #54782e;
  --pico-primary-hover-background: #54782e;
  --pico-primary-underline: var(--line);
  --pico-primary-focus: #51851c40;
  --pico-h1-color: var(--ink);
  --pico-h2-color: var(--ink);
  --pico-h3-color: var(--ink);
  --pico-card-background-color: #fffef9;
  --pico-form-element-color: var(--ink);
  --pico-form-element-active-border-color: #51851c;
  --pico-form-element-focus-color: var(--pico-primary-focus);
}

body > header {
  padding-block: 0;
}

body > footer {
  --pico-nav-element-spacing-horizontal: 0;
  --pico-nav-element-spacing-vertical: 0;
  --pico-nav-link-spacing-horizontal: 0;
  --pico-nav-link-spacing-vertical: 0;
}

.calculator-grid {
  align-items: start;
}

.result-box {
  --pico-typography-spacing-vertical: 0;
  color: var(--ink);
}

.content-section {
  min-inline-size: 0;
}

/* Keep Pico's list-item markers out of the related-link layout. */
.related li {
  list-style: none;
  margin-bottom: 0;
}

.table-scroll {
  overflow-x: auto;
}
