/* Alternate cover positions and angled edges, adapted to Solitude's own palette. */
#home #recent-posts[data-layout='list'] { display: flex; flex-direction: column; flex-wrap: nowrap; gap: 16px; width: 100%; padding: 0; }
#home #recent-posts[data-layout='list'] > .cik-post-row { position: relative; display: flex; align-items: stretch; flex: none; width: 100%; min-width: 0; min-height: 210px; margin: 0; padding: 0; overflow: hidden; border: var(--style-border-always); border-radius: 12px; background: var(--efu-card-bg); box-shadow: var(--efu-shadow-border); color: var(--efu-fontcolor); transition: border-color .2s ease, box-shadow .2s ease; }
#home .cik-post-row-cover { display: block; position: relative; flex: 0 0 44%; min-width: 0; min-height: 210px; overflow: hidden; background: var(--efu-secondbg); clip-path: polygon(0 0,92% 0,100% 100%,0 100%); }
#home .cik-post-row-cover img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; margin: 0; object-fit: cover; object-position: center top; transition: filter .25s ease; }
#home .cik-post-row-content { display: flex; flex: 1 1 56%; flex-direction: column; min-width: 0; gap: 8px; padding: 16px 18px 12px; }
#home .cik-post-row-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 12px; color: var(--efu-secondtext); font-size: 11px; line-height: 1.6; }
#home .cik-post-row-meta > span, #home .cik-post-row-meta > a { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; color: inherit; }
#home .cik-post-row-meta i { font-size: 11px; }
#home .cik-post-row-meta .cik-post-sticky { color: var(--efu-theme); }
#home .cik-post-row-meta .cik-post-row-category { margin-right: auto; }
#home .cik-post-row-title { display: block; min-width: 0; margin: 0; padding: 0; font-size: 20px; font-weight: 700; line-height: 1.5; }
#home .cik-post-row-title::before { content: none; }
#home .cik-post-row-title a { display: block; overflow: hidden; color: var(--efu-fontcolor); white-space: nowrap; text-overflow: ellipsis; transition: color .2s ease; }
#home .cik-post-row-excerpt { display: -webkit-box; margin: 0; padding: 0; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: var(--efu-secondtext); font-size: 13px; line-height: 1.65; overflow-wrap: anywhere; }
#home .cik-post-row-tags { display: flex; flex-wrap: nowrap; gap: 10px; min-width: 0; margin-top: auto; padding: 4px 86px 0 0; overflow: hidden; }
#home .cik-post-row-tags a { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 3px; color: var(--efu-theme); font-size: 11px; font-weight: 600; line-height: 1.7; white-space: nowrap; }
#home .cik-post-row-tags i { font-size: 10px; }
#home .cik-post-row-more { position: absolute; right: 0; bottom: 0; display: inline-flex; align-items: center; min-height: 32px; padding: 7px 12px; border-radius: 14px 0 10px 0; background: var(--efu-theme); color: var(--efu-white); font-size: 15px; line-height: 1.5; transition: background-color .2s ease, padding .2s ease; }
#home .cik-post-row.is-cover-right { flex-direction: row-reverse; }
#home .cik-post-row.is-cover-right .cik-post-row-cover { clip-path: polygon(0 0,100% 0,100% 100%,8% 100%); }
#home .cik-post-row.is-cover-right .cik-post-row-more { right: auto; left: 0; border-radius: 0 14px 0 10px; }
#home .cik-post-row.is-cover-right .cik-post-row-tags { padding-right: 0; padding-left: 86px; }
#home .cik-post-row:not(:has(.cik-post-row-cover)) .cik-post-row-content { flex-basis: 100%; }
#home .cik-post-row a:focus-visible { outline: 2px solid var(--efu-theme); outline-offset: -3px; }
#home .cik-post-row-title a:hover, #home .cik-post-row-meta a:hover { color: var(--efu-theme); }
#home .cik-post-row-tags a:hover { text-decoration: underline; text-underline-offset: 3px; }
#home .cik-post-row-more:hover { padding-left: 16px; padding-right: 16px; color: var(--efu-white); background: var(--efu-theme-deep, var(--efu-theme)); }
[data-theme='dark'] #home .cik-post-row-more { color: #1b1c20; }
@media (hover: hover) and (pointer: fine) {
  #home #recent-posts[data-layout='list'] > .cik-post-row:hover { border-color: var(--efu-theme); box-shadow: var(--efu-shadow-main); }
  #home .cik-post-row-cover:hover img { filter: brightness(1.04); }
}
#home #recent-posts.is-list-motion-ready > .cik-post-row:not(.is-visible) { opacity: 0; transform: translateY(12px); }
#home #recent-posts.is-list-motion-ready > .cik-post-row.is-visible { animation: cik-post-list-enter .42s cubic-bezier(.2,.8,.2,1) var(--post-row-delay,0ms) backwards; }
@keyframes cik-post-list-enter { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@media (max-width: 768px) {
  #home #recent-posts[data-layout='list'] { gap: 14px; }
  #home #recent-posts[data-layout='list'] > .cik-post-row,
  #home #recent-posts[data-layout='list'] > .cik-post-row.is-cover-right { flex-direction: column; min-height: 0; }
  #home .cik-post-row-cover,
  #home .cik-post-row.is-cover-right .cik-post-row-cover { flex: none; width: 100%; min-height: 0; aspect-ratio: 3/2; clip-path: none; }
  #home .cik-post-row-content { flex-basis: auto; padding: 14px 16px 42px; }
  #home .cik-post-row-title { font-size: 18px; line-height: 1.5; }
  #home .cik-post-row-title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; }
  #home .cik-post-row-meta { gap: 5px 10px; }
  #home .cik-post-row-meta .cik-post-row-category { margin-right: 0; }
  #home .cik-post-row-tags,
  #home .cik-post-row.is-cover-right .cik-post-row-tags { padding: 2px 0 0; }
  #home .cik-post-row.is-cover-right .cik-post-row-more { right: 0; left: auto; border-radius: 14px 0 10px 0; }
}
@media (prefers-reduced-motion: reduce) {
  #home #recent-posts[data-layout='list'] > .cik-post-row, #home .cik-post-row a, #home .cik-post-row-cover img { transition: none; }
  #home #recent-posts.is-list-motion-ready > .cik-post-row { opacity: 1; transform: none; animation: none; }
  #home .cik-post-row-cover:hover img { transform: none; }
}