/* v172 – klarere Blogübersicht und transparenter Vorbestellhinweis */
.blog-preorder-note{
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  margin:0 0 24px;
  padding:18px 20px;
  border:1px solid rgba(91,30,45,.18);
  border-radius:22px;
  background:linear-gradient(135deg,#fff9ef,#f3e4d7);
  box-shadow:0 14px 34px rgba(80,28,39,.08);
  color:#321b18;
}
.blog-preorder-note-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:#5b1e2d;color:#fff;font:900 22px/1 Georgia,serif}
.blog-preorder-note-label{display:block;margin-bottom:4px;color:#8b3a4a;font:900 10px/1 'DM Mono',monospace;letter-spacing:1.4px;text-transform:uppercase}
.blog-preorder-note h2{margin:0;color:#321b18;font:700 23px/1.12 Georgia,'Times New Roman',serif}
.blog-preorder-note p{margin:6px 0 0;color:#684b44;font-size:14px;line-height:1.55}
.blog-preorder-note a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border-radius:13px;background:#5b1e2d;color:#fff!important;text-decoration:none;font-weight:900;font-size:13px;text-align:center}
.blog-preorder-note a:hover{background:#431421}

/* Desktop: keep the light card body stretched to the full grid-row height. */
@media(min-width:641px){
  body.blog-page #blog-grid .blog-card-premium{
    display:flex!important;
    flex-direction:column!important;
  }
  body.blog-page #blog-grid .blog-card-premium .bcp-body{
    width:100%!important;
    flex:1 1 auto!important;
  }
}

@media(max-width:640px){
  .blog-page .blog-overview-clean-hero{min-height:218px!important;padding:92px 16px 24px!important}
  .blog-page .blog-overview-clean-hero .subpage-hero-title{font-size:38px!important;line-height:.98!important}
  .blog-page .blog-overview-clean-hero .subpage-hero-sub{margin-top:10px!important;font-size:13px!important;line-height:1.5!important}
  .blog-page .blog-overview-grid{padding:16px 12px 52px!important}

  .blog-preorder-note{grid-template-columns:38px minmax(0,1fr);gap:11px;margin-bottom:18px;padding:14px;border-radius:18px}
  .blog-preorder-note-icon{width:38px;height:38px;border-radius:12px;font-size:18px}
  .blog-preorder-note h2{font-size:18px}
  .blog-preorder-note p{font-size:12.5px;line-height:1.48}
  .blog-preorder-note a{grid-column:1/-1;min-height:42px;margin-top:2px}

  .blog-start-here{margin-bottom:18px}
  .blog-section-heading{margin-bottom:12px}
  .blog-section-heading h2{font-size:25px}
  .blog-section-heading p{font-size:12.5px;line-height:1.5}
  .blog-path-grid{grid-template-columns:1fr!important;gap:8px!important}
  .blog-path-card{min-height:72px!important;padding:11px 13px!important;display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:11px!important;row-gap:2px!important}
  .blog-path-icon{grid-row:1/3;width:36px;height:36px;border-radius:11px;font-size:16px}
  .blog-path-card strong{margin:0!important;font-size:15px!important;line-height:1.15!important}
  .blog-path-card span:last-child{margin:0!important;font-size:11px!important;line-height:1.3!important}

  .blog-library{padding:12px!important;border-radius:20px!important}
  .blog-library-controls{margin:-12px -12px 14px!important;padding:14px 12px!important;border-radius:20px 20px 0 0!important}
  .blog-search-row{gap:9px!important}
  .blog-search-field input,.blog-sort-field select{height:46px!important;border-radius:13px!important}
  .blog-search-field::after{bottom:10px!important}
  .blog-search-clear{bottom:7px!important}
  .blog-filter-label{margin-top:13px!important}
  .blog-filters.v167-blog-filters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;overflow:visible!important;padding:0!important}
  .blog-filters.v167-blog-filters .blog-filter-btn{width:100%!important;min-height:40px!important;padding:8px 6px!important;white-space:normal!important;line-height:1.2!important;text-align:center!important}
  .blog-results-head{flex-direction:row!important;align-items:end!important;justify-content:space-between!important;gap:8px!important;margin-bottom:12px!important}
  .blog-results-head h2{font-size:21px!important}
  .blog-results-count{font-size:11px!important;text-align:right!important}

  body.blog-page #blog-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  body.blog-page #blog-grid .blog-card-premium,
  body.blog-page #blog-grid .blog-card-premium.v164-tcg-card{
    display:grid!important;
    grid-template-columns:108px minmax(0,1fr)!important;
    min-height:142px!important;
    height:auto!important;
    border-radius:18px!important;
  }
  body.blog-page #blog-grid .blog-card-premium.is-overview-hidden{display:none!important}
  body.blog-page #blog-grid .blog-card-premium .bcp-thumb{
    width:108px!important;
    height:100%!important;
    min-height:142px!important;
    flex:0 0 auto!important;
    border-right:1px solid rgba(91,30,45,.08)!important;
    border-bottom:0!important;
  }
  body.blog-page #blog-grid .blog-card-premium .bcp-thumb-label{display:none!important}
  body.blog-page #blog-grid .blog-card-premium .bcp-body{
    min-width:0!important;
    min-height:142px!important;
    padding:12px!important;
    gap:6px!important;
    overflow:hidden!important;
  }
  body.blog-page #blog-grid .blog-card-premium .bcp-cat-tag{font-size:8.5px!important;letter-spacing:1.3px!important}
  body.blog-page #blog-grid .blog-card-premium .bcp-title-body{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    min-height:0!important;
    max-height:3.54em!important;
    overflow:hidden!important;
    font-size:16px!important;
    line-height:1.18!important;
  }
  body.blog-page #blog-grid .blog-card-premium .bcp-excerpt,
  body.blog-page #blog-grid .blog-card-premium .bcp-tags,
  body.blog-page #blog-grid .blog-card-premium .bcp-spacer{display:none!important}
  body.blog-page #blog-grid .blog-card-premium .bcp-read{margin-top:auto!important;font-size:12px!important}
  .blog-load-more-wrap{padding-top:16px!important}
  .blog-load-more{width:100%!important;min-width:0!important}
}

@media(max-width:360px){
  .blog-filters.v167-blog-filters{grid-template-columns:1fr!important}
  body.blog-page #blog-grid .blog-card-premium,
  body.blog-page #blog-grid .blog-card-premium.v164-tcg-card{grid-template-columns:94px minmax(0,1fr)!important}
  body.blog-page #blog-grid .blog-card-premium .bcp-thumb{width:94px!important}
}