/* JJ-Media Insights — refined editorial system */
.blog-body{--coral:#b82f49;--ink:#171318;--paper:#f7f4f1;--card:#fff;--muted:#746d74;--line:#e8e0dd;--radius:22px;--shadow:0 24px 68px rgba(29,21,27,.09)}
.blog-shell{overflow:clip}.blog-container{max-width:1220px}.blog-nav{background:rgba(247,244,241,.94);backdrop-filter:blur(22px) saturate(1.15)}.blog-nav-inner{max-width:1260px;padding:14px 26px}.blog-nav-links{gap:22px}.blog-nav-cta{padding:10px 16px!important}
.blog-hero{padding:92px 0 68px;background:radial-gradient(circle at 82% 14%,rgba(184,47,73,.14),transparent 28%),#171318}.blog-hero:before{display:none}.blog-hero-grid{grid-template-columns:minmax(0,1.32fr) minmax(300px,.68fr);gap:72px;align-items:end}.blog-hero h1{max-width:820px;font-size:clamp(3.35rem,6vw,5.9rem);line-height:.93;letter-spacing:-.06em}.blog-hero p{max-width:680px;font-size:1rem;line-height:1.7}.blog-radar{padding:24px;border-radius:22px;background:rgba(255,255,255,.045);box-shadow:none}.blog-radar strong{font-size:1.15rem}.blog-radar p{font-size:.84rem}.blog-radar-badges{gap:6px}.blog-radar-badges span{padding:6px 8px}
.blog-toolbar{padding:18px 0;background:rgba(255,255,255,.94);position:sticky;top:66px;z-index:25;backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(25,18,23,.04)}.blog-filter{padding:8px 12px}.blog-search{min-width:300px}
.blog-main{padding:76px 0 112px}.blog-section-head{margin-bottom:34px}.blog-section-head h2{font-size:clamp(2.45rem,4vw,3.9rem)}.blog-section-head p{max-width:420px;font-size:.94rem}
.blog-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px;align-items:stretch}.blog-card{grid-column:span 6;min-height:0;padding:0;overflow:hidden;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 1px 0 rgba(20,16,20,.02);transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s ease,border-color .38s ease}.blog-card:hover{transform:translateY(-6px);box-shadow:0 28px 68px rgba(27,20,25,.1);border-color:#d9c9ca}.blog-card-body{display:flex;flex:1;flex-direction:column;padding:24px 26px 26px}.blog-card-media{position:relative;z-index:2;aspect-ratio:3/2;overflow:hidden;background:#ece5e2}.blog-card-media:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(20,16,20,.035);pointer-events:none}.blog-card-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 38%;transform:scale(1.001);transition:transform .72s cubic-bezier(.2,.7,.2,1)}.blog-card:hover .blog-card-media img{transform:scale(1.03)}.blog-card[href*="instagram-seo"] .blog-card-media img{object-position:center 16%}.blog-card[href*="linkedin-automatisierte"] .blog-card-media img{object-position:center center}
.blog-card.featured{grid-column:span 12;display:grid;grid-template-columns:1.12fr .88fr;min-height:0;padding:0;background:#171318;color:#fff}.blog-card.featured:after{display:none}.blog-card.featured .blog-card-media{aspect-ratio:auto;min-height:410px}.blog-card.featured .blog-card-media img{object-position:center}.blog-card.featured .blog-card-body{padding:38px 40px;justify-content:center}.blog-card-meta{gap:8px;font-size:.63rem}.blog-chip{padding:6px 9px}.blog-card h3{margin:17px 0 11px;font-size:clamp(1.48rem,1.9vw,2rem);line-height:1.06;letter-spacing:-.038em}.blog-card.featured h3{max-width:540px;font-size:clamp(2.25rem,3.5vw,3.55rem);line-height:.98}.blog-card p{font-size:.9rem;line-height:1.6}.blog-card-footer{padding-top:20px;font-size:.71rem}.blog-card-arrow{width:36px;height:36px;transition:transform .3s ease}.blog-card:hover .blog-card-arrow{transform:translate(2px,-2px)}
.blog-principles{margin-top:88px;padding:46px;border-radius:26px;background:#ece6e2}.blog-principles-grid{gap:58px}.blog-principles h2{font-size:clamp(2.25rem,3.7vw,3.55rem)}.blog-principle{border-radius:15px;padding:18px;border:1px solid rgba(30,20,25,.04)}
.blog-cta{margin-top:88px;border-radius:26px;padding:46px 50px;background:#171318}.blog-cta h2{max-width:760px;font-size:clamp(2.35rem,4vw,4.05rem)}.blog-cta p{color:#d7ccd1}.blog-cta a{background:#fff}.blog-footer{padding-top:40px}
/* Article polish */
.article-hero{padding:78px 0 52px}.article-hero h1{max-width:980px;font-size:clamp(2.8rem,5.3vw,5.2rem);line-height:.95}.article-hero p{max-width:760px;font-size:1.06rem}.article-cover{margin-top:32px;border-radius:22px;box-shadow:0 22px 62px rgba(29,20,27,.09)}.article-cover img{object-position:center 38%}.article-layout{grid-template-columns:210px minmax(0,760px);gap:72px}.article-content{font-size:1rem;line-height:1.82}.article-content h2{font-size:clamp(1.95rem,3.15vw,3rem)}.article-cta{border-radius:22px}
/* WCAG contrast on light editorial surfaces */
.blog-main .blog-kicker{color:#625a64}.blog-section-head p{color:#5d565f}
/* Soft editorial motion */
.reveal{opacity:1;transform:none;filter:none}.js .reveal{opacity:0;transform:translate3d(0,22px,0);filter:blur(3px);transition:opacity .62s ease,transform .78s cubic-bezier(.16,1,.3,1),filter .68s ease;transition-delay:var(--reveal-delay,0ms);will-change:transform,opacity}.js .reveal.visible{opacity:1;transform:none;filter:none}.js .blog-card-media{transform:translateZ(0)}
@media(max-width:980px){.blog-hero-grid{grid-template-columns:1fr;gap:38px}.blog-radar{max-width:620px}.blog-card.featured{grid-template-columns:1fr}.blog-card.featured .blog-card-media{min-height:0;aspect-ratio:16/9}.blog-toolbar{top:66px}.article-layout{grid-template-columns:1fr}.article-toc{position:static}}
@media(max-width:760px){.blog-nav-inner,.blog-container{padding-left:18px;padding-right:18px}.blog-toolbar{position:relative;top:auto}.blog-toolbar-inner{align-items:stretch}.blog-search{min-width:0}.blog-main{padding-top:56px}.blog-section-head{align-items:flex-start;flex-direction:column}.blog-card,.blog-card.featured{grid-column:span 12}.blog-card-body,.blog-card.featured .blog-card-body{padding:21px}.blog-card h3{font-size:1.52rem}.blog-card.featured h3{font-size:clamp(2rem,9vw,2.9rem)}.blog-card-media,.blog-card.featured .blog-card-media{aspect-ratio:16/10}.blog-principles{padding:26px}.blog-principles-grid{grid-template-columns:1fr;gap:28px}.blog-principles-list{grid-template-columns:1fr}.blog-cta{grid-template-columns:1fr;padding:30px}.article-cover{border-radius:17px}}
@media(max-width:520px){.blog-hero{padding:74px 0 50px}.blog-hero h1{font-size:clamp(2.85rem,15vw,4rem)}.blog-card-meta{font-size:.59rem}.blog-card h3{font-size:1.42rem}.blog-card p{font-size:.87rem}.blog-card.featured h3{font-size:2.18rem}.blog-principles,.blog-cta{margin-top:60px}.article-hero h1{font-size:clamp(2.5rem,12vw,3.9rem)}}
@media(prefers-reduced-motion:reduce){.js .reveal,.js .reveal.visible{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.blog-card,.blog-card-media img,.blog-card-arrow{transition:none!important}}