/* Blog: baut auf main.css (Farben, Schriften, Buttons) auf */
.b-hero{position:relative;overflow:hidden;padding-top:clamp(8rem,6.5rem + 6vw,12rem);padding-bottom:clamp(3rem,2rem + 4vw,6rem)}
.b-hero:before{content:"";position:absolute;top:-30%;right:-10%;width:55vw;height:55vw;max-width:800px;max-height:800px;background:radial-gradient(circle,hsl(193 80% 45% / .2),transparent 65%);pointer-events:none}
.b-hero .container{position:relative}
.b-hero h1{font-size:var(--text-4xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter);max-width:20ch;margin-top:var(--space-5);color:var(--text-on-ink)}
.b-lead{margin-top:var(--space-5);font-size:var(--text-md);color:var(--text-on-ink-muted);max-width:36rem;line-height:var(--leading-relaxed)}
.b-crumbs{display:flex;flex-wrap:wrap;gap:.4rem .7rem;list-style:none;margin:0;padding:0;font-size:var(--text-sm);font-weight:600;color:var(--text-on-ink-muted)}
.b-crumbs a{color:var(--text-on-ink)}.b-crumbs a:hover{color:var(--sky)}
.b-crumbs li+li:before{content:"/";margin-right:.7rem;opacity:.5}

.b-meta{display:flex;flex-wrap:wrap;gap:.35rem .9rem;margin:0;font-size:var(--text-sm);font-weight:600;color:var(--text-on-paper-muted)}
.b-meta span:first-child{color:var(--sky-deep)}
.b-meta>*+*:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.5;margin-right:.9rem;vertical-align:middle}
.b-meta--hero{margin-top:var(--space-5);color:var(--text-on-ink-muted)}.b-meta--hero span:first-child{color:var(--sky)}

.b-filter{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-10)}
.b-filter a{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 1.25rem;border:1.5px solid hsl(207 14% 70%);border-radius:var(--radius-full);color:var(--text-on-paper);font-weight:600;font-size:var(--text-sm);transition:background .2s,border-color .2s,color .2s}
.b-filter a:hover{border-color:var(--navy-900)}
.b-filter a[aria-current]{background:var(--navy-950);border-color:var(--navy-950);color:var(--text-on-ink)}

.b-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}
.b-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .3s,transform .4s var(--ease-spring,ease)}
.b-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}
.b-card__link{display:grid;grid-template-rows:auto 1fr;height:100%;color:inherit}
.b-card__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--navy-900)}
.b-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.16,1,.3,1)}
.b-card:hover .b-card__media img{transform:scale(1.05)}
.b-card__ph{position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,hsl(193 80% 45% / .45),transparent 55%),var(--navy-900)}
.b-card__body{display:grid;align-content:start;gap:var(--space-3);padding:clamp(1.25rem,1rem + 1vw,1.9rem)}
.b-card h2{font-size:var(--text-lg);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);color:var(--text-on-paper)}
.b-card__ex{margin:0;color:var(--text-on-paper-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.b-more{margin-top:var(--space-2);font-weight:700;color:var(--sky-deep);font-size:var(--text-sm)}
.b-more span{display:inline-block;transition:transform .25s}.b-card:hover .b-more span{transform:translateX(4px)}
.b-card.is-feature{grid-column:1/-1}
.b-card.is-feature .b-card__link{grid-template-rows:none;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.b-card.is-feature .b-card__media{aspect-ratio:auto;min-height:340px}
.b-card.is-feature .b-card__body{align-content:center;padding:clamp(1.75rem,3vw,3.5rem)}
.b-card.is-feature h2{font-size:var(--text-2xl)}

.b-pager{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-10);flex-wrap:wrap}
.b-pager a{display:inline-flex;align-items:center;min-height:3rem;padding:0 1.4rem;border:1.5px solid var(--navy-900);border-radius:var(--radius-full);font-weight:700;font-size:var(--text-sm);color:var(--text-on-paper)}
.b-pager a:hover{background:var(--navy-950);color:var(--text-on-ink)}
.b-pager span{color:var(--text-on-paper-muted);font-size:var(--text-sm)}
.b-empty{display:grid;justify-items:start;gap:var(--space-4);max-width:34rem;padding:clamp(1.5rem,3vw,3rem);background:#fff;border-radius:var(--radius-lg)}
.b-empty h2{font-size:var(--text-xl)}.b-empty p{margin:0;color:var(--text-on-paper-muted)}

.b-article{max-width:46rem;margin-inline:auto}
.b-article__cover{margin:0 0 var(--space-8);margin-inline:calc(-1 * clamp(0px,6vw,96px))}
.b-article__cover img{width:100%;height:auto;max-height:560px;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}
.b-article__lead{font-size:var(--text-md);font-weight:500;line-height:var(--leading-relaxed);margin:0 0 var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--paper-deep)}
.prose{font-size:var(--text-base);line-height:var(--leading-relaxed);overflow-wrap:anywhere}
.prose>*+*{margin-top:1.25em}
.prose h2{font-size:var(--text-xl);margin-top:2em;letter-spacing:var(--tracking-tight)}
.prose h3{font-size:var(--text-lg);margin-top:1.7em}
.prose a{color:var(--sky-deep);text-decoration:underline;text-underline-offset:3px}.prose a:hover{color:var(--navy-900)}
.prose ul,.prose ol{padding-left:1.4em;list-style:revert}.prose li+li{margin-top:.4em}.prose li::marker{color:var(--sky-dim)}
.prose blockquote{margin-inline:0;padding:.6em 1.4em;border-left:4px solid var(--sky);background:#fff;border-radius:0 var(--radius-md) var(--radius-md) 0}
.prose blockquote p{margin:0}
.prose figure{margin-inline:0}.prose figure img{width:100%;height:auto;border-radius:var(--radius-md)}
.prose figcaption{margin-top:.6em;font-size:var(--text-sm);color:var(--text-on-paper-muted)}
.prose hr{border:0;border-top:1px solid var(--paper-deep);margin-block:2.2em}
.b-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap;margin-top:var(--space-12);padding:clamp(1.5rem,3vw,2.5rem);background:var(--navy-950);color:var(--text-on-ink);border-radius:var(--radius-lg)}
.b-cta h2{font-size:var(--text-lg);color:var(--text-on-ink)}.b-cta p{margin:var(--space-2) 0 0;color:var(--text-on-ink-muted)}

.b-pn{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);max-width:46rem;margin:var(--space-12) auto 0}
.b-pn a{display:grid;gap:6px;padding:1.25rem 1.4rem;background:#fff;border-radius:var(--radius-md);transition:box-shadow .2s,transform .3s}
.b-pn a:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.b-pn small{color:var(--text-on-paper-muted);font-weight:600}.b-pn b{font-family:var(--font-display);font-size:var(--text-md);line-height:1.25}
.b-pn__next{text-align:right}
.b-back{max-width:46rem;margin:var(--space-6) auto 0;font-weight:700}.b-back a{color:var(--sky-deep)}

@media(max-width:1000px){.b-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.b-card.is-feature .b-card__link{grid-template-columns:1fr}.b-card.is-feature .b-card__media{min-height:0;aspect-ratio:16/10}}
@media(max-width:640px){.b-grid{grid-template-columns:1fr}.b-pn{grid-template-columns:1fr}.b-pn__next{text-align:left}}
@media(prefers-reduced-motion:reduce){.b-card,.b-card__media img{transition:none}.b-card:hover{transform:none}}