/* =========================================================
   Blogbeitrag (Vorschlag B «Magazin», angepasst: grüne Fläche ohne Bild, Bild klein darunter; Peter 17.10.2026)
   Nur auf Beiträgen geladen. Präfix .pmr-
   ========================================================= */

/* ---------- Aufbau ---------- */
.pmr-b-hero{position:relative;background:var(--deep);color:#fff;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.pmr-b-hero::before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;background:var(--strong);opacity:.4;filter:blur(50px);right:-200px;top:-260px;z-index:-1}
.pmr-b-hero::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:var(--accent);opacity:.12;filter:blur(60px);left:-120px;bottom:-220px;z-index:-1}
.pmr-b-hero-inner{width:100%;padding-block:clamp(2.5rem,6vw,4.5rem)}
.pmr-b-hero h1{color:#fff;max-width:22ch;font-size:clamp(2rem,1.3rem + 2.8vw,3.4rem);font-weight:700;letter-spacing:-.03em;line-height:1.12}
.pmr-b-hero .pm-lede{color:rgba(255,255,255,.85);margin:1rem 0 0;max-width:56ch}
.pmr-b-meta{color:rgba(255,255,255,.8);margin-bottom:1rem}
.pmr-b-meta .pm-chip{background:rgba(255,255,255,.14);color:#fff}
.pmr-b-body{display:grid;gap:2.5rem;padding-block:clamp(2rem,5vw,4rem)}
@media(min-width:960px){.pmr-b-body{grid-template-columns:minmax(0,1fr) 320px;gap:4rem;align-items:start}.pmr-b-sticky{position:sticky;top:calc(var(--header-h) + 1rem)}}
.pmr-b-prose>*{max-width:var(--narrow)}
.pmr-b-side{display:grid;gap:1rem}
.pmr-b-author{margin:0;background:var(--surface);border:1px solid var(--line);padding:1.2rem;flex-direction:column;align-items:flex-start;gap:.8rem;text-align:left}
.pmr-b-author .pm-author-img{width:64px;height:64px}
.pmr-b-toc{display:block;position:static;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:1.2rem;margin-top:0}
.pmr-b-toc:not(.has-items){display:none}
@media(max-width:1099px){.pmr-b-toc.has-items{display:block}}
.pmr-b-toc ol{border:0}
.pmr-b-toc a{padding:.3rem 0;border:0;margin:0;border-bottom:1px solid var(--line)}
.pmr-b-toc li:last-child a{border-bottom:0}
.pmr-box{background:var(--accent-soft);border-radius:var(--r-l);padding:1.4rem;display:grid;gap:.5rem;justify-items:start;margin-top:1rem}
.pmr-box b{font-family:var(--font-head);font-size:1.15rem;color:var(--deep)}
.pmr-box p{margin:0;color:var(--muted);font-size:.95rem}
.pmr-box .pm-btn{margin-top:.4rem}
.pmr-b-small{margin:0 0 2rem;max-width:var(--narrow)}
.pmr-b-small img{display:block;width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:var(--r)}

/* Lesefortschritt auf Beiträgen: dickerer Balken unter der Kopfzeile, dazu «Noch X Minuten» unten links (Peter, 17.10.2026) */
.single-post .pm-progress{height:4px;z-index:85;box-shadow:0 1px 4px rgba(0,0,0,.15)}
.pm-rest{position:fixed;left:14px;bottom:16px;z-index:85;background:var(--deep);color:#fff;font-size:.85rem;font-weight:600;border-radius:999px;padding:.5rem .95rem;box-shadow:0 12px 30px -12px rgba(0,0,0,.45);opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s var(--ease);pointer-events:none}
.pm-rest.is-on{opacity:1;transform:none}
.pm-rest::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-right:.5rem;vertical-align:middle}
@media(max-width:600px){.pm-rest{bottom:12px;font-size:.8rem;padding:.4rem .8rem}}