/* page-datenschutz: layout nuance only (tokens from theme.css, no new theme values) */

/* the numbers are part of the h2 texts ("1. Verantwortlicher"), so the TOC drops the counter badge of the shared .toc */
.dsg .toc a::before{content:none}
.dsg .toc a{font-weight:600;line-height:1.35}

/* clauses are separated by a hairline, the reader scans by number */
.dsg .prose h2{padding-top:1.5rem;border-top:1px solid var(--line)}
.dsg .prose .prose__lead{margin-bottom:1.4em;font-size:1.2rem;font-weight:400}
.dsg .prose p a[href^="#"]{font-weight:inherit}

/* mobile table of contents: native <details>, closed until opened; the brick's sticky aside takes over from 900px */
.dsg .prose-layout__side{display:none}
.dsg-toc-m{margin:0 0 .6rem}
.dsg-toc-m summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:44px;cursor:pointer;list-style:none;font:800 1.05rem/1.2 var(--f-head);color:var(--ink)}
.dsg-toc-m summary::-webkit-details-marker{display:none}
.dsg-toc-m summary::after{content:"";flex:none;width:.6rem;height:.6rem;margin-right:.3rem;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg);transition:transform .25s var(--ease)}
.dsg-toc-m[open] summary::after{transform:rotate(-135deg);margin-top:.35rem}
.dsg-toc-m ol{margin:.6rem 0 0;padding:0}
.dsg-toc-m li{margin:0;padding:0}

/* address blocks (Verantwortlicher, Aufsichtsbehörde): one bordered data card, first row is the name */
.dsg .dsg-card{list-style:none;margin:0 0 1.4em;padding:0;overflow:hidden;background:var(--soft);border:1px solid var(--line);border-left:5px solid var(--accent-600);border-radius:var(--r)}
.dsg .dsg-card li{margin:0;padding:.7rem 1.1rem;border-top:1px solid var(--line)}
.dsg .dsg-card li:first-child{border-top:0;font:800 1.15rem/1.35 var(--f-head);color:var(--ink)}

/* "Das Wichtigste in Kürze": tinted panel with drawn check marks */
.dsg .dsg-glance{list-style:none;display:grid;gap:.9rem;margin:0 0 1.4em;padding:1.3rem 1.3rem 1.3rem 1.2rem;background:var(--accent-100);border-radius:var(--r)}
.dsg .dsg-glance li{position:relative;margin:0;padding:0 0 0 2.1rem;color:var(--ink)}
.dsg .dsg-glance li::before{content:"";position:absolute;left:.55rem;top:.28em;width:.6rem;height:1rem;border-right:3px solid var(--accent-700);border-bottom:3px solid var(--accent-700);transform:rotate(40deg)}

/* advice inside a clause (unverschlüsselte E-Mail) */
.dsg .dsg-note{margin:1.3em 0;padding:.95rem 1.1rem;background:var(--soft);border-left:5px solid var(--accent-600);border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--ink)}

@media (min-width:900px){
	.dsg-toc-m{display:none}
	.dsg .prose-layout__side{display:grid}
	/* 19 entries: keep them reachable when the sticky list is taller than the window */
	.dsg .toc{max-height:calc(100vh - var(--hdr-h) - 48px);overflow-y:auto;overscroll-behavior:contain}
	.dsg .toc a{min-height:40px;padding:.25rem .5rem;font-size:.98rem}
}