/* Werkstatt (Blog, seit 30.10.2026): /werkstatt/ und /werkstatt/<id>/, gebaut von eigene-website-quelle/werkstatt_bauen.py aus social/plan.json.
   Rahmen (Kopf, Band, Fuß) kommt aus kopf.css/seiten.css; hier nur Übersicht und Beitrag. */
.wk-kopf{display:grid;gap:1rem;max-width:820px;margin-bottom:clamp(1.8rem,4vw,2.8rem)}
.wk-kopf h1{font-size:clamp(2.3rem,6vw,4.2rem)}
.wk-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:1.2rem}
.wk-karte{display:grid;gap:.65rem;align-content:start;text-decoration:none;background:var(--surface);border:2px solid var(--ink);border-radius:16px;padding:1rem;transition:transform .25s cubic-bezier(.3,1.6,.5,1),box-shadow .25s}
.wk-karte:hover,.wk-karte:focus-visible{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--accent)}
.wk-karte h2{font-size:clamp(1.35rem,2.2vw,1.65rem);line-height:1.08}
.wk-karte p{color:var(--muted);font-size:.97rem}
.wk-bild{aspect-ratio:4/5;background:var(--bg);border:1.5px solid var(--line);border-radius:10px;overflow:hidden;display:grid;place-items:center;color:var(--muted);font-size:.85rem;padding:1rem}
.wk-bild img{width:100%;height:100%;object-fit:cover;display:block}
.wk-meta{display:flex;flex-wrap:wrap;gap:.5rem .9rem;align-items:center;font-family:var(--f-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.wk-tag{color:var(--accent-ink);border:1px solid currentColor;border-radius:999px;padding:.15rem .6rem}
h1 em,.wk-karte h2 em,.wk-nav em{font-style:normal;color:var(--accent-ink)}
.wk-leer{border:2px dashed var(--line);border-radius:16px;padding:1.5rem;color:var(--muted);max-width:60ch}
/* Beitrag */
.wk-beitrag{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.6rem,5vw,4rem);align-items:start}
.wk-beitrag .wk-bild{position:sticky;top:96px;border:2px solid var(--ink);border-radius:16px}
.wk-text{display:grid;gap:1.2rem;max-width:62ch;min-width:0}
.wk-text h1{font-size:clamp(2.1rem,4.6vw,3.6rem)}
.wk-text p{font-size:1.08rem;line-height:1.65;overflow-wrap:anywhere}
.wk-text a{color:var(--accent-ink)}
.wk-auch{margin-top:.6rem;padding-top:1.2rem;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:.4rem .6rem;align-items:center;color:var(--muted);font-size:.95rem}
.wk-auch a{display:inline-flex;align-items:center;gap:.35rem;color:var(--ink);text-decoration:none}
.wk-auch a:hover{text-decoration:underline}
.wk-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.8rem 1.5rem;margin-top:clamp(2rem,5vw,3.2rem);padding-top:1.2rem;border-top:2px solid var(--ink)}
.wk-nav a{text-decoration:none;font-family:var(--f-display);font-stretch:112%;font-weight:800;max-width:48%}
.wk-nav a:hover{color:var(--accent-ink)}
.wk-nav .r{margin-left:auto;text-align:right}
@media (max-width:820px){.wk-beitrag{grid-template-columns:1fr}.wk-beitrag .wk-bild{position:static;max-width:420px}.wk-nav a{max-width:100%}}