/* Random article recommendations using the blog's own surfaces and accents. */
#home .home-headlines { margin: 0 0 16px; padding: 20px; border: var(--style-border-always); border-radius: 12px; background: var(--efu-card-bg); color: var(--efu-fontcolor); }
#home .home-headlines-covers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
#home .home-headline-cover { position: relative; display: block; min-width: 0; aspect-ratio: 3 / 2; overflow: hidden; border-radius: 8px; isolation: isolate; background: #252830; color: #fff; }
#home .home-headline-cover img { display: block; width: 100%; height: 100%; margin: 0; object-fit: contain; object-position: center; transition: filter .2s ease; }
#home .home-headline-caption { position: absolute; inset: 0; display: flex; align-items: flex-end; padding: 12px; background: linear-gradient(180deg, transparent 22%, rgb(12 16 22 / 30%) 40%, rgb(12 16 22 / 94%) 100%); }
#home .home-headline-caption > span { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #fff; font-size: 14px; font-weight: 600; line-height: 1.5; text-shadow: 0 1px 2px rgb(0 0 0 / 25%); }
#home .home-headlines-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; margin: 16px 0 0; padding: 0; list-style: none; }
#home .home-headlines-list[hidden] { display: none; }
#home .home-headlines-list li { min-width: 0; margin: 0; padding: 0; border-bottom: 1px dashed var(--efu-card-border); list-style: none; }
#home .home-headlines-list li::before { content: none; }
#home .home-headlines-list a { display: flex; align-items: center; gap: 9px; min-height: 40px; color: var(--efu-fontcolor); font-size: 14px; line-height: 1.5; transition: color .18s ease; }
#home .home-headline-dot { flex: 0 0 5px; width: 5px; height: 5px; border-radius: 1px; background: var(--efu-secondtext); opacity: .45; }
#home .home-headline-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#home .home-headlines-list a:hover { color: var(--efu-theme); }
#home .home-headlines-list a:hover .home-headline-dot { background: currentColor; opacity: 1; }
#home .home-headlines a:focus-visible { outline: 2px solid var(--efu-theme); outline-offset: 3px; }
@media (min-width: 1200px) {
  #home .home-headlines { display: flex; flex-direction: column; min-height: var(--headline-aligned-height, 0px); }
  #home .home-headlines-covers { flex: none; }
  #home .home-headlines-list { flex: 1; align-content: stretch; }
  #home .home-headlines-list a { height: 100%; }
}
@media (hover: hover) and (pointer: fine) { #home .home-headline-cover:hover img { filter: brightness(1.06); } }
@media (max-width: 768px) {
  #home .home-headlines { padding: 16px; margin-bottom: 14px; }
  #home .home-headlines-covers { gap: 10px; }
  #home .home-headline-caption { padding: 10px; }
}
@media (max-width: 600px) {
  #home .home-headlines-covers { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  #home .home-headline-caption > span { font-size: 15px; }
  #home .home-headlines-list { grid-template-columns: minmax(0, 1fr); margin-top: 12px; }
  #home .home-headlines-list a { min-height: 42px; }
}
@media (prefers-reduced-motion: reduce) { #home .home-headlines a, #home .home-headline-cover img { transition: none; } #home .home-headline-cover:hover img { transform: none; } }

@keyframes home-headlines-enter { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
#home .home-headlines.is-randomized.is-ready .home-headline-cover,
#home .home-headlines.is-randomized.is-ready .home-headlines-list li { animation: home-headlines-enter .32s cubic-bezier(.2,.8,.2,1) var(--headline-delay, 0ms) backwards; }
@media (prefers-reduced-motion: reduce) {
  #home .home-headlines.is-randomized.is-ready .home-headline-cover,
  #home .home-headlines.is-randomized.is-ready .home-headlines-list li { animation: none; }
}