/* Aktivitäten + post template */
.post-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.post-grid:empty{ display:none; }
.post-grid:not(:empty) + .empty{ display:none; }
@media (max-width:1000px){ .post-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .post-grid{ grid-template-columns:1fr; } }

.article__head{ padding-top:calc(var(--header-h) + clamp(56px,8vw,120px)); display:grid; gap:20px; }
.article__back{ width:max-content; }
.article__title{ font-size:clamp(3.4rem, 9vw, 8rem); }
.article__cover{ margin-block:clamp(40px,6vw,80px); }
.article__body{ display:grid; gap:1.1em; color:var(--text-2); }
.article__foot{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:20px; margin-top:56px; padding-top:28px; border-top:1px solid var(--line); }
.share{ display:flex; align-items:center; gap:8px; }
.share a, .share button{ width:42px; height:42px; display:grid; place-items:center; border-radius:50%; border:1px solid var(--line-strong); font-size:18px; color:var(--text-2); transition:color var(--dur-ui), border-color var(--dur-ui); }
.share a:hover, .share button:hover{ color:var(--text); border-color:var(--accent); }
.share .mono{ font-size:12px; letter-spacing:.14em; text-transform:uppercase; margin-right:6px; }

/* Long-form posts: section headings, lists, inline screenshot, closing buttons */
.article__body h2{ margin-top:1.2em; font:600 clamp(24px,2.6vw,32px)/1.15 var(--font-display); letter-spacing:-.015em; color:var(--text); }
.article__list{ display:grid; gap:.7em; padding-left:1.2em; list-style:disc; }
.article__list li::marker{ color:var(--accent); }
.article__list b{ color:var(--text); font-weight:600; }
.article__shot{ margin-block:.6em; border-radius:var(--r-3); overflow:hidden; border:1px solid var(--line); }
.article__shot img{ display:block; width:100%; height:auto; }
.article__cta{ margin-top:.6em; }