body[data-appearance="print"] {
  color-scheme: light;
  --app-bg: rgb(247, 242, 234);
  --app-text: rgb(28, 24, 20);
  --app-elevated: rgb(255, 252, 246);
  --app-bar: rgb(255, 252, 246);
  --app-accent: rgb(92, 74, 122);
  --app-accent-on: rgb(255, 252, 246);
  --app-separator: rgba(28, 24, 20, 0.14);
  --app-muted: rgba(28, 24, 20, 0.62);
  --ehd-bg-deep: rgb(244, 239, 230);
  --ehd-panel-bg: rgb(255, 252, 246);
  --ehd-key-active: rgb(92, 74, 122);
  --ehd-accent-gradient: linear-gradient(90deg, rgb(72, 54, 102), rgb(130, 110, 160));
  --ehd-degree-tonic: rgb(58, 95, 138);
  --ehd-degree-predominant: rgb(72, 118, 110);
  --ehd-degree-dominant: rgb(58, 95, 138);
  --ehd-degree-borrowed: rgb(74, 118, 62);
  --ehd-degree-chromatic: rgb(158, 98, 52);
  --ehd-degree-modal: rgba(28, 24, 20, 0.5);
  --ehd-guitar-board-bg: rgb(248, 245, 238);
  --ehd-guitar-nut: rgba(28, 24, 20, 0.78);
  --ehd-guitar-fret: rgba(28, 24, 20, 0.24);
  --ehd-guitar-string: rgba(28, 24, 20, 0.42);
  --ehd-guitar-label: rgba(28, 24, 20, 0.62);
  --ehd-guitar-finger: rgb(255, 252, 246);
  --ehd-font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --ehd-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Rounded", "Helvetica Neue", sans-serif;
}

body[data-appearance="print"] {
  font-family: var(--ehd-font-serif);
  background: var(--ehd-bg-deep);
}

body[data-appearance="print"] .ehd-stage {
  max-width: min(58rem, 96vw);
  margin: 0 auto;
  padding: clamp(1.5rem, 4vw, 2.5rem) clamp(1rem, 3vw, 1.5rem) 3rem;
  background: var(--ehd-panel-bg);
  border: 1px solid var(--app-separator);
  box-shadow: 0 8px 28px rgba(28, 24, 20, 0.08);
}

body[data-appearance="print"] .ehd-header h1 {
  font-family: var(--ehd-font-serif);
  color: var(--app-text);
  background: none;
  font-size: clamp(1.8rem, 4vw, 2.4rem);
  font-weight: 700;
}

body[data-appearance="print"] .ehd-kicker,
body[data-appearance="print"] .ehd-key-label,
body[data-appearance="print"] .ehd-controls,
body[data-appearance="print"] .ehd-filters,
body[data-appearance="print"] .ehd-filter-chip,
body[data-appearance="print"] .ehd-notation-btn,
body[data-appearance="print"] .ehd-transpose-step {
  font-family: var(--ehd-font-sans);
}

body[data-appearance="print"] .ehd-kicker {
  letter-spacing: 0.12em;
  color: var(--app-accent);
}

body[data-appearance="print"] .ehd-lead,
body[data-appearance="print"] .ehd-section-intro {
  font-family: var(--ehd-font-serif);
}

body[data-appearance="print"] .ehd-controls,
body[data-appearance="print"] .ehd-filters {
  background: rgb(248, 245, 238);
}

body[data-appearance="print"] .ehd-section h2 {
  font-family: var(--ehd-font-serif);
  font-size: 1.15rem;
}

body[data-appearance="print"] .ehd-table-wrap {
  border: 2px solid var(--app-text);
  border-radius: 0;
  background: white;
}

body[data-appearance="print"] .ehd-table th,
body[data-appearance="print"] .ehd-table td {
  border-bottom: 1px solid rgba(28, 24, 20, 0.12);
}

body[data-appearance="print"] .ehd-section .ehd-table thead th {
  color: white;
}

body[data-appearance="print"] .ehd-chord {
  font-family: var(--ehd-font-sans);
  color: var(--app-text);
  border-color: rgba(28, 24, 20, 0.2);
  background: rgb(248, 245, 238);
}

body[data-appearance="print"] .ehd-popover {
  font-family: var(--ehd-font-sans);
  background: white;
  border: 2px solid var(--app-text);
  box-shadow: 0 12px 30px rgba(28, 24, 20, 0.12);
}

body[data-appearance="print"] .ehd-popover-title {
  color: var(--app-text);
}

body[data-appearance="print"] .ehd-appearance-btn.is-active,
body[data-appearance="print"] .ehd-filter-chip.is-active,
body[data-appearance="print"] .ehd-notation-btn.is-active,
body[data-appearance="print"] .ehd-popover-tab.is-active {
  background: var(--ehd-accent-gradient);
  border-color: transparent;
  color: white;
}

body[data-appearance="print"] .ehd-footer {
  background: rgb(248, 245, 238);
}

@media (max-width: 720px) {
  body[data-appearance="print"] .ehd-table tbody th,
  body[data-appearance="print"] .ehd-table tbody td {
    border: none;
  }

  body[data-appearance="print"] .ehd-table tbody th[scope="row"] {
    border-bottom: 1px solid var(--app-separator);
  }

  body[data-appearance="print"] .ehd-table tbody tr {
    border-bottom: 1px solid var(--app-separator);
  }

  body[data-appearance="print"] .ehd-table tbody tr:last-child {
    border-bottom: none;
  }
}