/* VDzubi legal reader: no external frameworks, fonts, trackers or images. */
:root{color-scheme:light;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:16px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f0fdfa;color:#25353a;line-height:1.75}
.topbar{background:#fff;border-bottom:1px solid #cae5e0}
.topinner{max-width:900px;margin:0 auto;padding:14px 22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.brand{font-size:1.35rem;font-weight:800;color:#115e59;letter-spacing:-.03em}
.languages{display:flex;gap:4px;padding:4px;border:1px solid #b9ddd8;border-radius:12px}
.languages button{font:inherit;color:#115e59;cursor:pointer;padding:6px 14px;background:transparent;border:0;border-radius:8px;min-height:39px}
.languages button[aria-pressed='true']{color:#fff;background:#0d9488;font-weight:600}
.languages button:focus-visible,a:focus-visible{outline:3px solid #0d9488;outline-offset:2px}
main{max-width:900px;padding:0 18px;margin:26px auto}
.translation{padding:clamp(20px,4.5vw,42px);background:white;border:1px solid #cee7e2;border-radius:16px}
html:not([data-lang='de']) .translation[data-lang='de'],html[data-lang='de'] .translation[data-lang='vi']{display:none}
h1{text-align:center;font-size:clamp(1.7rem,4vw,2.2rem);line-height:1.27;color:#115e59;margin:4px 0 12px}
.intro{margin:0 0 22px;text-align:center;color:#647478}
section{border-top:1px solid #e0edea;padding:23px 0 31px;scroll-margin-top:25px}
section>h2{text-align:center;color:#115e59;font-size:1.38rem;margin:0 0 18px;line-height:1.38}
.prose h3{color:#155a53;font-size:1.055rem;line-height:1.5;margin:23px 0 9px;text-align:left}
.prose p{margin:8px 0 14px;overflow-wrap:anywhere}
.prose ul{padding-left:22px}.prose li{margin:8px 0}
a{color:#0a7469;overflow-wrap:anywhere}
.prose strong{font-weight:700}
.sovereignty{text-align:left;margin:18px 0;font-weight:800;color:#115e59}
section[data-section='impressum']{color:#59696b;font-size:.94rem}
section[data-section='impressum'] .prose strong{font-weight:400}
.footer{max-width:900px;margin:20px auto 40px;padding:0 24px;font-size:.85rem;color:#657477}
@media(max-width:480px){.topinner{padding:10px 14px}.languages button{padding:6px 9px}.translation{padding:19px}.prose{font-size:.96rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}