/* DeclutterData · Guides (Checklisten und Leitfäden zum Abhaken). Alles andere kommt aus site.css.
   Übersicht: Block #guides auf /tools/ (Kacheln wie die Tools). Guide-Seite: Artikel-Layout mit Checklisten (.gd-liste). */

/* ---------- Block auf /tools/ ---------- */
.gd-bl{margin-top:clamp(44px,6vw,72px);scroll-margin-top:110px}
.gd-kopf{margin-bottom:24px}
.gd-kopf .sec-lead{margin:10px 0 0;max-width:46em}
.gd-n{font:700 12px/1.2 var(--font-heading);letter-spacing:.8px;text-transform:uppercase;color:var(--blue-text)}
.k-bild .ic{display:block;width:44px;height:44px;margin:auto;position:relative;top:50%;transform:translateY(-50%);color:var(--blue-text)}

/* ---------- Guide-Seite ---------- */
.gd-seite .prosa{max-width:800px}
.gd-teil{margin:2.2em 0 -.6em}
.gd-seite .prosa h2{scroll-margin-top:200px}
.gd-seite .prosa h2 + p{margin-top:.5em}
.gd-seite .hinweis{margin-block:1.2em}

.gd-aktion{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin:1.4em 0 0;padding:14px 18px;border-radius:16px;background:var(--box);box-shadow:0 8px 26px var(--shadow-soft);position:sticky;top:calc(var(--jump-top,84px) + 8px);z-index:5}
.gd-aktion[hidden]{display:none}
.gd-stand{display:flex;align-items:center;gap:14px;flex:1 1 220px;min-width:0}
.gd-zahl{font:700 15px var(--font-heading);color:var(--heading);white-space:nowrap}
.gd-balken{flex:1;height:10px;border-radius:999px;background:color-mix(in srgb,var(--secondary) 16%,transparent);overflow:hidden;min-width:60px}
.gd-balken i{display:block;height:100%;width:0;border-radius:999px;background:var(--primary);transition:width .25s ease}
.gd-knoepfe{display:flex;flex-wrap:wrap;gap:8px}
.gd-knoepfe .xb{padding:6px 16px;font-size:14.5px}
@media (max-width:640px){.gd-aktion{position:static}}

.prosa .gd-liste{list-style:none;margin:1em 0 0;padding-left:0;display:grid;gap:10px}
.prosa .gd-liste li+li{margin-top:0}
.gd-pkt{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;align-items:start;padding:14px 16px;border-radius:16px;background:var(--box);border:2px solid transparent;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}
.gd-pkt:hover{border-color:color-mix(in srgb,var(--primary) 55%,transparent)}
.gd-pkt input{position:absolute;opacity:0;width:1px;height:1px}
.gd-box{width:26px;height:26px;border-radius:8px;border:2.5px solid var(--secondary);background:var(--site-bg);display:grid;place-items:center;margin-top:1px;flex:none}
.gd-box::after{content:"";width:12px;height:7px;border-left:3px solid var(--on-primary);border-bottom:3px solid var(--on-primary);transform:rotate(-45deg) scale(0);margin-top:-3px;transition:transform .15s ease}
.gd-pkt input:checked + .gd-box{background:var(--primary);border-color:var(--primary)}
.gd-pkt input:checked + .gd-box::after{transform:rotate(-45deg) scale(1)}
.gd-pkt input:focus-visible + .gd-box{outline:3px solid var(--blue-text);outline-offset:3px}
.gd-pkt:has(input:checked){background:color-mix(in srgb,var(--primary) 12%,var(--box))}
.gd-txt{display:grid;gap:4px;font-size:16px;line-height:1.55}
.gd-txt b{color:var(--heading);font-weight:700}
.gd-d{font-size:15px;line-height:1.6}
.gd-txt a{color:var(--blue-text)}
.gd-stand-text{font-size:15px}
@media (prefers-reduced-motion:reduce){.gd-pkt,.gd-box::after,.gd-balken i{transition:none}}

/* Drucken: nur die Liste, eine saubere Seite ohne Haken */
@media print{
  .jumpbar,header,footer,.toc,.gd-aktion,.wv,.te-aktion,.zlink,.ctab,#abschluss,.crumbs,.ptags,#nach-oben{display:none!important}
  body{background:#fff!important;color:#000!important}
  .artikel{display:block}
  .p-hero{background:none!important;padding:0!important}
  .prosa{max-width:none;font-size:11pt;line-height:1.4}
  .gd-pkt{border:0;background:none!important;padding:5px 0;break-inside:avoid}
  .gd-box{background:#fff!important;border:1.5px solid #000;width:16px;height:16px}
  .gd-box::after{display:none}
  .prosa h2{break-after:avoid}
}

/* ---------- Lernpfad (Seite /lernpfad/…) ---------- */
.lp{list-style:none;margin:0;padding:0}
.lp > .tb{display:flex}
.lp-text{margin:0;padding:14px 20px 4px;font-size:15px;line-height:1.6}
.lp-nr{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#F7F7F7;color:#2B2D32;font:800 15px var(--font-heading);margin-right:6px}

/* ---------- Gestapelte kleine Blöcke und zentrierte Hinweisblöcke (22.10.2026) ---------- */
.tb-stapel{display:grid;gap:22px;align-content:start;grid-template-rows:auto auto}
.tb-stapel > .tb .tb-liste{padding:8px}
.tb-cta{align-items:center;text-align:center;justify-content:center}
.tb-cta .xb{align-self:center}
@media (min-width:1100px){.tbl-tools > .tb-cta:last-child{grid-column:span 2}}