:root{color-scheme:light;--bg:#cdddee;--panel:#e9f1fadf;--ink:#142b49;--line:#a6bfd9;--accent:#315f9f}[data-theme=dark]{color-scheme:dark;--bg:#10233c;--panel:#203c5edd;--ink:#e5effd;--line:#476385;--accent:#a3c6f6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 system-ui,sans-serif}header,footer{max-width:1000px;margin:auto;padding:28px;display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap}header>a{font-weight:700;letter-spacing:2px}nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap}a{color:inherit;text-underline-offset:4px}button{font:inherit;color:inherit;background:transparent;border:1px solid var(--line);border-radius:5px;padding:5px 12px}main{max-width:944px;margin:18px auto;padding:46px;background:var(--panel);border:1px solid var(--line);border-radius:12px}h1{font-size:clamp(32px,6vw,48px);line-height:1.15;margin:0 0 24px}h2{font-size:22px;line-height:1.3;margin:35px 0 12px}p{margin:0 0 18px}.draft{padding:18px;border-left:3px solid var(--accent);background:var(--bg);font-weight:600}.updated{margin-top:36px;font-size:13px}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}footer{justify-content:flex-start}@media(max-width:600px){main{margin:10px 12px;padding:25px}header,footer{padding:22px}nav{gap:14px}}

footer .logo{display:grid;grid-template-columns:auto auto;column-gap:9px;row-gap:6px;align-items:center;text-decoration:none;flex-basis:max-content;margin-right:12px}
footer .precision-wordmark{display:block;width:172px;height:auto;color:var(--ink)}
footer .brand-mark{display:grid;grid-column:2;grid-row:1;grid-template-columns:repeat(2,4px);gap:2px;margin-bottom:14px}
footer .brand-mark i{width:4px;height:4px;background:var(--accent)}
footer .brand-mark i:last-child{grid-column:1;transform:translateX(6px)}
footer .brand-caption{grid-column:1;justify-self:end;font:500 13px/1.35 system-ui,sans-serif;letter-spacing:1px;color:var(--ink)}
footer{align-items:center}
/* Long German legal headings remain inside the narrow mobile panel. */
main h2{overflow-wrap:anywhere;hyphens:auto}
.legal-fields{margin:0}.legal-fields dt{font-weight:650;margin-top:20px}.legal-fields dd{margin:5px 0 0;overflow-wrap:anywhere}.pending{display:inline-block;padding:5px 9px;border:1px dashed var(--line);border-radius:4px;background:var(--bg)}.editor-note{font-size:14px;line-height:1.65;margin-top:16px}
.legal-fields dt{font-size:14px;line-height:1.5;margin-top:22px}.legal-fields dt:first-child{margin-top:0}.legal-fields dd{margin-top:6px;font-size:16px;line-height:1.75}.legal-contact-link{margin-top:18px}
