/* Ergänzung nur für Bauplan-Seiten (Prototyp). Nutzt die Variablen aus styles.css. */
.crumb{font-size:.9rem;color:var(--muted)}
.crumb a{color:var(--muted);text-decoration:none}
.crumb a:hover{color:var(--ink)}
.cards.three{grid-template-columns:repeat(3,1fr)}
@media(max-width:960px){.cards.three{grid-template-columns:1fr}}
.card .i{width:28px;height:28px;color:var(--acc-ink);margin-bottom:.8rem}
.card .fuer{display:block;margin-top:.8rem;font-size:.85rem;color:var(--muted)}
.card .mehr{display:inline-block;margin-top:1rem;font-weight:700;text-decoration:none;color:var(--acc-ink)}
.card{display:flex;flex-direction:column}
.card .mehr{margin-top:auto;padding-top:1rem}
.schritte{counter-reset:s;list-style:none;margin-left:0!important}
.schritte li{counter-increment:s;position:relative;padding-left:2.6rem;margin-bottom:.9rem}
.schritte li::before{content:counter(s);position:absolute;left:0;top:-.05rem;width:1.8rem;height:1.8rem;border-radius:999px;background:var(--acc-soft);color:var(--acc-ink);font-weight:800;font-family:var(--head);display:flex;align-items:center;justify-content:center;font-size:.9rem}
.hoerprobe{display:flex;gap:1rem;align-items:center;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.2rem;margin-top:1.6rem;max-width:34rem}
.hoerprobe .play{width:44px;height:44px;border-radius:999px;background:var(--ink);color:var(--card);display:flex;align-items:center;justify-content:center;flex:none;border:0;font-size:1rem}
.hoerprobe small{display:block;color:var(--muted)}
.beispiel{font-size:.85rem;color:var(--muted);font-style:italic}
details.technik{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.3rem;margin-top:1.2rem}
details.technik summary{cursor:pointer;font-weight:700;font-family:var(--head)}
details.technik p{margin:.8rem 0 0}
.wege{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:1.4rem}
@media(max-width:860px){.wege{grid-template-columns:1fr}}
.wege .card.haupt{background:var(--deep);color:var(--on-deep)}
.wege .card.haupt p{color:var(--on-deep-2)}
.wege .card.haupt .btn{background:var(--on-deep);color:var(--deep);margin-top:1rem;align-self:flex-start}
.kf-check{display:flex;gap:.7rem;align-items:flex-start;margin:.4rem 0 1rem;font-size:.92rem;color:var(--ink-2)}
.kf-check input{margin-top:.3rem;width:1.1rem;height:1.1rem;accent-color:var(--acc);flex:none}
.faq dt{font-weight:700;font-family:var(--head);margin-top:1.3rem;color:var(--ink)}
.faq dd{margin:.3rem 0 0;color:var(--ink-2)}
.lizenz{font-size:.88rem;color:var(--muted);margin-top:2rem}
.platz{display:inline-block;background:#FFF4D6;color:#6B5200;border-radius:6px;padding:0 .35rem;font-size:.9em}
.rechenweg{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.2rem;margin-top:1.6rem;max-width:36rem}
.rechenweg b{display:block;font-family:var(--head);margin-bottom:.5rem}
.rechenweg code{display:block;font-size:.88rem;line-height:1.5;color:var(--ink);white-space:normal}
.rechenweg small{display:block;color:var(--muted);margin-top:.5rem}
table.mini{width:100%;border-collapse:collapse;font-size:.88rem}
table.mini th,table.mini td{text-align:left;padding:.3rem .4rem;border-bottom:1px solid rgba(0,0,0,.08)}
table.mini td:last-child,table.mini th:last-child{text-align:right}
.cards.zwei{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:1.2rem}
@media(max-width:760px){.cards.zwei{grid-template-columns:1fr}}
.card.klein{text-decoration:none;color:var(--ink);padding:1.1rem 1.3rem}
.card.klein span{color:var(--ink-2);font-size:.92rem;margin-top:.3rem}
.card.klein:hover{box-shadow:var(--shadow-2,var(--shadow));transform:translateY(-1px)}
table.mini td{overflow-wrap:anywhere}
@media(max-width:420px){table.mini{font-size:.8rem}table.mini th,table.mini td{padding:.3rem .25rem}}

/* Live-Ergänzung: Anleitungen */
.schritte li{margin-bottom:1.4rem}
.schritte small{display:block;margin-top:.5rem;font-size:.9rem;color:var(--acc-ink);background:var(--acc-soft);border-radius:8px;padding:.35rem .6rem}
.dark .card.klein b{color:var(--ink)}
[id]{scroll-margin-top:90px}