/* Legal & help pages (Impressum, Datenschutz, Bedingungen, Hilfe): the same glass shell
   as the profile page, one centred reading column instead of the app chrome. */
body.enthy-recht { min-height:100vh; color:var(--ink); font-family:'Manrope',var(--sans); }

.skip-link { position:fixed; top:-100px; left:20px; z-index:100; padding:12px 20px; background:var(--ink); color:#fff!important; border-radius:12px; }
.skip-link:focus { top:20px; }

/* ---------- Header: brand mark + wordmark on the left, one pill on the right ---------- */
.recht-topbar { position:sticky; top:0; z-index:20; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px clamp(16px,3vw,40px) 8px; }
.recht-topbar::before { content:''; position:absolute; inset:0 0 -26px; z-index:-1; pointer-events:none; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); -webkit-mask-image:linear-gradient(to bottom,#000 58%,transparent); mask-image:linear-gradient(to bottom,#000 58%,transparent); }
.enthy-recht .wordmark { display:inline-flex; align-items:center; gap:9px; color:var(--ink); font-size:22px; font-weight:800; letter-spacing:-.045em; line-height:1; text-decoration:none; }
.recht-topbar .brand-symbol { flex:none; display:block; width:26px; height:26px; border-radius:8px; }
.recht-home-pill { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 18px; border:1px solid var(--gl-edge); border-radius:999px; background:var(--gl-bg); box-shadow:0 14px 40px -18px rgb(24 56 50 / 30%),var(--gl-inner),0 0 0 1px var(--gl-ring); backdrop-filter:var(--gl-blur); -webkit-backdrop-filter:var(--gl-blur); color:var(--ink); font-size:12.5px; font-weight:650; text-decoration:none; white-space:nowrap; }
.recht-home-pill:hover { background:var(--gl-bg-2); }
.enthy-recht :is(.wordmark,.recht-home-pill):focus-visible { outline:3px solid #70a9a2; outline-offset:3px; }

/* ---------- Main: one centred reading column ---------- */
.recht-main { position:relative; z-index:1; }
.recht-column { width:min(100%,760px); margin:0 auto; padding:22px clamp(16px,3vw,40px) 64px; }
.recht-column > .eyebrow { font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--accent); }
.recht-column h1 { margin:8px 0 20px; font-size:clamp(30px,4vw,43px); font-weight:650; letter-spacing:-.045em; line-height:1.07; }
.recht-status:empty { display:none; }
.recht-status:not(:empty) { margin:0 0 18px; padding:12px 15px; border:1px solid var(--gl-edge); border-radius:15px; background:var(--gl-bg-2); color:var(--ink); font-size:12px; line-height:1.6; }

/* One profile-card surface holds the reading content; the generated markup is a flat
   run of headings, paragraphs and definition lists, so it stays a single card. */
.recht-column .profile-card { margin:0; padding:clamp(22px,4vw,34px); border:1px solid var(--gl-edge); border-radius:24px; background:linear-gradient(135deg,color-mix(in srgb,var(--gl-bg-2) 90%,#e4f0e8),color-mix(in srgb,var(--gl-bg-2) 95%,#e9edf1)); color:var(--ink); box-shadow:var(--gl-shadow),var(--gl-inner),0 0 0 1px var(--gl-ring); backdrop-filter:var(--gl-blur); -webkit-backdrop-filter:var(--gl-blur); }
html[data-theme="dark"] .recht-column .profile-card { background:linear-gradient(140deg,color-mix(in srgb,var(--gl-bg-2) 90%,#174144),color-mix(in srgb,var(--gl-bg-2) 95%,#1d3036)); }
.recht-column .profile-card h2 { margin:30px 0 10px; font-size:21px; font-weight:650; letter-spacing:-.025em; }
.recht-column .profile-card h2:first-child { margin-top:4px; }
.recht-column .profile-card p, .recht-column .profile-card li { color:var(--ink-soft); font-size:13.5px; line-height:1.75; }
.recht-column .profile-card a { color:var(--accent); font-weight:600; }
.recht-column .profile-card ul, .recht-column .profile-card ol { padding-left:20px; }
.recht-column .profile-card dl { display:grid; grid-template-columns:140px 1fr; gap:10px 14px; padding-top:6px; }
.recht-column .profile-card dt { color:var(--ink-soft); font-size:12px; font-weight:600; }
.recht-column .profile-card dd { margin:0; color:var(--ink); font-size:13.5px; white-space:pre-line; overflow-wrap:anywhere; }
.recht-column .profile-card details { border-top:1px solid var(--hair); padding:14px 0; }
.recht-column .profile-card details:first-of-type { border-top:0; }
.recht-column .profile-card summary { cursor:pointer; font-weight:650; font-size:14px; color:var(--ink); }
.recht-column .profile-card details p { margin:8px 0 0; }
.recht-column .profile-card article { overflow-wrap:anywhere; }

.recht-footer { position:relative; z-index:1; width:min(100%,760px); margin:0 auto; padding:0 clamp(16px,3vw,40px) 28px; color:var(--ink-soft); font-size:11.5px; }
.recht-footer a { color:var(--ink-soft); }

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .recht-topbar::before { display:none; }
  .recht-home-pill, .recht-column .profile-card { backdrop-filter:none; -webkit-backdrop-filter:none; background:var(--reading); }
}
@media(prefers-reduced-transparency:reduce) {
  .recht-topbar::before { display:none; }
  .recht-home-pill, .recht-column .profile-card { backdrop-filter:none; -webkit-backdrop-filter:none; background:var(--reading); }
}
@media(max-width:600px) {
  .recht-topbar { padding:10px 14px 6px; }
  .enthy-recht .wordmark { font-size:19px; }
  .recht-home-pill { min-height:40px; padding:0 14px; font-size:11.5px; }
  .recht-column { padding:18px 16px 48px; }
  .recht-column h1 { margin-bottom:16px; }
}
