:root {
      color-scheme: light;
      --paper: #f3f0e8;
      --ink: #0a0a09;
      --rule: rgba(10, 10, 9, 0.42);
      --page: min(100% - 2.5rem, 94rem);
      --serif: "Latin Modern Roman", "Computer Modern Serif", "CMU Serif", "STIX Two Text", "Times New Roman", serif;
    }

    * { box-sizing: border-box; }

    html {
      background: var(--paper);
      color: var(--ink);
      font-family: var(--serif);
      font-size: clamp(15px, 0.45vw + 13px, 20px);
      line-height: 1.28;
      text-rendering: optimizeLegibility;
    }

    body { margin: 0; }

    a {
      color: inherit;
      text-decoration-thickness: 0.055em;
      text-underline-offset: 0.16em;
    }

    a:hover, a:focus-visible { text-decoration-thickness: 0.1em; }

    .page {
      width: auto;
      max-width: 94rem;
      margin-left: 2.5rem;
      margin-right: 1.25rem;
      padding-block: clamp(1.25rem, 3vw, 3.5rem) 1.25rem;
    }

    header {
      display: grid;
      grid-template-columns: 1fr;
      gap: 1.5rem;
      min-height: 42vh;
      padding-bottom: clamp(4rem, 11vw, 10rem);
    }

    h1, h2, h3, p { margin: 0; }

    h1 {
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.28;
      letter-spacing: 0;
    }

    .intro {
      display: grid;
      align-content: start;
      grid-template-columns: 1fr;
      gap: 1.5rem;
    }

    .discipline {
      font-size: 1rem;
      line-height: 1.28;
      letter-spacing: 0;
    }
    .discipline + .discipline { margin-top: 0.22rem; }

    .contact {
      margin-top: 0;
      font-size: 1rem;
      line-height: 1.28;
      letter-spacing: 0;
    }
    .contact p + p { margin-top: 0.22rem; }

    .email {
      display: inline;
      white-space: nowrap;
      user-select: text;
    }

    section, footer { border-top: 1px solid var(--rule); }

    section {
      display: grid;
      grid-template-columns: 1fr;
      gap: 2rem;
      padding-block: 0.72rem clamp(4rem, 9vw, 8rem);
    }

    h2, h3, .label {
      font-size: 0.78rem;
      font-weight: 400;
      line-height: 1.2;
      text-transform: uppercase;
      letter-spacing: 0.055em;
    }

    .work-group + .work-group { margin-top: clamp(3rem, 6vw, 6rem); }
    .work-group h3 { margin-bottom: 1.3rem; }
    .continuation-label {
      margin-top: clamp(3rem, 6vw, 6rem);
      margin-bottom: 2rem;
    }

    .work-list { list-style: none; padding: 0; margin: 0; }

    .work-list li {
      display: grid;
      grid-template-columns: 1fr;
      gap: 0 0.6rem;
      padding-block: 0.55rem;
    }

    .work-list .title { font-style: italic; }
    .work-list .title, .work-list .media, .work-list .venue { grid-column: 1; }
    .work-list .media, .work-list .venue { font-size: 0.86rem; }
    .year { font-variant-numeric: tabular-nums; }
    .work-list li.venue-only { padding-block: 0; }
    .venue-only .venue { grid-column: 1; }
    sup { font-size: 0.68em; line-height: 0; vertical-align: 0.45em; margin-left: 0.08em; }

    .names { list-style: none; margin: 0; padding: 0; }
    .names li { padding-block: 0.26rem; }

    .notes { display: grid; gap: 0.5rem; }
    .notes p { max-width: 60rem; }
    .marker { display: inline-block; min-width: 2.7rem; }

    footer {
      display: flex;
      justify-content: space-between;
      gap: 1rem;
      padding-top: 0.72rem;
      font-size: 0.78rem;
    }

    @media (max-width: 760px) {
      :root { --page: min(100% - 1.5rem, 94rem); }
      .page {
        margin-left: 1.5rem;
        margin-right: 0.75rem;
      }
      header, section { grid-template-columns: 1fr; }
      header { min-height: auto; gap: 1.5rem; }
      .intro { grid-template-columns: 1fr; gap: 1.5rem; }
      section { gap: 2.5rem; }
      .work-list li {
        grid-template-columns: 1fr;
        padding-block: 0.55rem;
      }
      .work-list .title, .work-list .media, .work-list .venue { grid-column: 1; }
      .work-list .venue-only .venue { grid-column: 1; }
      .work-list .media, .work-list .venue { font-size: 0.86rem; }
    }

    @media print {
      :root { --paper: #fff; --page: calc(100% - 24mm); }
      header { min-height: 34vh; }
      section { break-inside: avoid; }
    }

/* Erläuternder Textabschnitt (wichtig für die Auffindbarkeit) */
.about-work { max-width: 48rem; }
.about-work p { margin: 0; }
.about-work p + p { margin-top: 0.75rem; }

/* Links innerhalb der Werkliste dezent halten */
.work-list a, .names a, .notes a, .about-work a, .discipline a, .contact a {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 0.05em;
  text-underline-offset: 0.16em;
}
.work-list a:hover, .names a:hover, .notes a:hover,
.about-work a:hover, .discipline a:hover, .contact a:hover {
  text-decoration-thickness: 0.1em;
}