/* B2 (01.11.2026): Bausteine-Tafel kompakt, hell, mit Symbol, Höhe nach Inhalt */
.lp-tafel{background:var(--paper);color:var(--ink);border:1px solid var(--line);min-height:0;padding:26px 28px;display:grid;grid-template-columns:auto 1fr;gap:4px 18px;align-items:start;box-shadow:0 10px 30px -18px rgba(28,25,23,.25)}
.lp-tafel .ring{display:none}
.lp-tafel .sym{grid-row:1/span 2;width:52px;height:52px;border-radius:14px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}
.lp-tafel .sym svg{width:28px;height:28px}
.lp-tafel h3{color:var(--ink);font-size:clamp(1.3rem,2.2vw,1.6rem);margin:6px 0 4px}
.lp-tafel p{color:var(--ink-2);font-size:1rem}
.lp-tafel a{color:var(--brand)}
.lp-tafel.da9 .sym{animation:sym11 .4s var(--m-ease,ease-out) both}
@keyframes sym11{from{transform:scale(.85);opacity:.4}to{transform:none;opacity:1}}
@media(max-width:520px){.lp-tafel{padding:20px;gap:12px 14px;align-items:center}.lp-tafel .sym{grid-row:auto;width:44px;height:44px;border-radius:12px}.lp-tafel .sym svg{width:24px;height:24px}.lp-tafel h3{margin:0}.lp-tafel p{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.lp-tafel.da9 .sym{animation:none}}