/* =========================================================
   Legal pages (Impressum / Datenschutz)
   Loaded after the main stylesheet, which supplies the fonts,
   colour variables and .container.
   ========================================================= */

body.legal{
  background:var(--paper, #fbf7f0);
  color:var(--ink, #241c12);
  font-family:var(--sans, "Archivo", system-ui, sans-serif);
  -webkit-font-smoothing:antialiased;
}

.legal__bar{
  border-bottom:1px solid rgba(36,28,18,.10);
  padding:18px 0;
  background:var(--paper, #fbf7f0);
}
.legal__bar-inner{ display:flex; align-items:center; }
.legal__back{
  font-size:14px; font-weight:600; letter-spacing:.01em;
  color:var(--green, #2c8a72); text-decoration:none;
}
.legal__back:hover{ text-decoration:underline; }

.legal__wrap{
  max-width:760px;
  padding-top:clamp(38px,6vw,70px);
  padding-bottom:clamp(50px,8vw,96px);
}

.legal__title{
  font-family:var(--serif, "Fraunces", Georgia, serif);
  font-size:clamp(31px,5vw,46px); font-weight:600; letter-spacing:-.02em;
  margin:0 0 10px;
}
.legal__intro{ color:var(--ink-soft, #6d6255); margin:0 0 34px; font-size:15.5px; }

.legal__sec{ margin-bottom:32px; }
.legal__sec h2{
  font-size:17px; font-weight:700; letter-spacing:-.01em;
  margin:0 0 10px;
}
.legal__sec p{
  margin:0 0 12px;
  font-size:15.5px; line-height:1.72; color:var(--ink-soft, #6d6255);
}
.legal__sec a{ color:var(--green, #2c8a72); }
.legal__sec code{
  font-family:ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size:13.5px;
  background:rgba(36,28,18,.055);
  padding:1px 6px; border-radius:5px;
}

/* editor-facing note — visible on purpose so unfinished sections are obvious */
.legal__hint{
  font-size:13.5px; line-height:1.6;
  color:#8a6a1f;
  background:rgba(208,164,63,.11);
  border-left:3px solid var(--gold, #d0a43f);
  padding:10px 14px; border-radius:0 8px 8px 0;
}

.legal__meta{
  margin-top:40px; padding-top:20px;
  border-top:1px solid rgba(36,28,18,.10);
  font-size:13.5px; color:var(--ink-soft, #6d6255);
}

.legal__foot{
  border-top:1px solid rgba(36,28,18,.10);
  padding:24px 0 44px;
}
.legal__foot .container{ display:flex; gap:22px; }
.legal__foot a{
  font-size:14px; color:var(--ink-soft, #6d6255); text-decoration:none;
}
.legal__foot a:hover{ color:var(--green, #2c8a72); text-decoration:underline; }