/* [aob_blog_list] — cards come from the "related posts" styles (post.css); this adds the section, the 1/2/3-column grid and the loader bits. */
:not(#_) .aob-bloglist { position: relative; background: var(--aob-light-2); color: var(--aob-black-3); font-family: var(--aob-font-body); }
:not(#_) .aob-bloglist__title { margin: 0 0 48px; font-family: var(--aob-font-display); font-size: clamp(32px, 4.5vw, 56px); font-weight: 400; line-height: 1.1; text-align: center; }
/* Fixed columns, cards always start at the left (a single post is not centered): 1 / 2 / 3 per row. */
:not(#_) .aob-post-related__grid.aob-bloglist__grid { display: grid; grid-template-columns: minmax(0, 1fr); justify-content: stretch; gap: 32px; }
:not(#_) .aob-bloglist__grid .aob-post-related__card { flex: none; width: auto; }
@media (min-width: 700px) { :not(#_) .aob-post-related__grid.aob-bloglist__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { :not(#_) .aob-post-related__grid.aob-bloglist__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; } }
:not(#_) .aob-bloglist__grid[aria-busy="true"] { opacity: 0.85; }
@keyframes aob-bloglist-in { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
:not(#_) .aob-bloglist__grid .aob-post-related__card.is-new { animation: aob-bloglist-in 0.5s cubic-bezier(0.2, 0.7, 0.2, 1) both; }
@media (prefers-reduced-motion: reduce) { :not(#_) .aob-bloglist__grid .aob-post-related__card.is-new { animation: none; } }
:not(#_) .aob-bloglist__pager { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; margin-top: 48px; }
:not(#_) .aob-bloglist__pager[hidden] { display: none; }
:not(#_) .aob-bloglist__sentinel { height: 1px; }
:not(#_) .aob-bloglist__status { min-height: 1.5em; margin: 24px 0 0; font-size: 15px; line-height: 1.5; text-align: center; color: #5c564f; }
:not(#_) .aob-bloglist.is-loading .aob-bloglist__status::after { content: "Lädt …"; }