/* YourThesisDiploma · the pages the law asks for.

   Not the shop. These are read, not admired: one column at reading width,
   the same paper and ink as the sheet itself so they belong to the same
   business, and nothing that moves. Both languages are on the page, German
   first, because German is the binding one for a German seller.            */

:root {
  color-scheme: only dark;
  --bg: #141210;
  --ink: #EAE4D8;
  --muted: #A49C8E;
  --brass: #C9A254;
  --serif: "EB Garamond", Georgia, serif;
  --sans: "Space Grotesk", system-ui, sans-serif;
  --edge: clamp(1.1rem, 5vw, 3rem);
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--serif);
  font-size: 1.05rem;
  line-height: 1.62;
}

.wrap { max-width: 44rem; margin: 0 auto; padding: clamp(2rem, 6vh, 4rem) var(--edge) 5rem; }

.back {
  font-family: var(--sans); font-size: 0.76rem; letter-spacing: 0.14em;
  text-transform: uppercase; color: var(--muted); text-decoration: none;
}
.back:hover { color: var(--brass); }

h1 {
  font-weight: 500; font-size: clamp(1.8rem, 1.2rem + 2vw, 2.6rem);
  margin: 1.6rem 0 0.4rem; line-height: 1.15;
}
.sub { margin: 0 0 2.4rem; color: var(--muted); font-family: var(--sans); font-size: 0.82rem; }

h2 {
  font-weight: 500; font-size: 1.35rem; margin: 2.4rem 0 0.6rem;
  padding-top: 1.6rem; border-top: 1px solid rgba(234, 228, 216, 0.14);
}
h3 { font-weight: 500; font-size: 1.08rem; margin: 1.6rem 0 0.3rem; }
p, li { margin: 0 0 0.9rem; }
ul, ol { padding-left: 1.3rem; }
a { color: var(--brass); text-underline-offset: 3px; }
strong { font-weight: 600; }

/* The English half, plainly the translation and plainly secondary. */
.en { margin-top: 3.5rem; padding-top: 1.4rem; border-top: 2px solid rgba(234, 228, 216, 0.2); color: var(--muted); }
.en h2, .en h3, .en p, .en li { color: var(--muted); }

/* A line that still needs a real value. Impossible to miss on the page and
   impossible to miss in a search, which is the point: it may not go live. */
.todo {
  background: rgba(201, 162, 84, 0.16); border: 1px dashed var(--brass);
  padding: 0.1rem 0.4rem; font-family: var(--sans); font-size: 0.86rem;
}

.foot {
  margin-top: 4rem; padding-top: 1.4rem;
  border-top: 1px solid rgba(234, 228, 216, 0.14);
  font-family: var(--sans); font-size: 0.78rem; color: var(--muted);
  display: flex; flex-wrap: wrap; gap: 0.4rem 1.2rem;
}
.foot a { color: var(--muted); text-decoration: none; }
.foot a:hover { color: var(--brass); }