/*!
 * Copyright (c) 2026 AbuEin Technologies — Salaheddin AbuEin <salaheddin@abuein.dev>
 * https://abuein.dev/
 * SPDX-License-Identifier: MIT
 */
@layer components{.post-feed-grid{gap:var(--spacing-xl);margin:var(--spacing-xl) 0;padding:0;list-style:none;display:grid}.post-feed-grid>li:first-child{grid-column:1/-1}.post-feed{max-width:1100px;margin:var(--spacing-2xl) auto}.post-feed-grid--standard,.post-feed-grid--magazine{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (min-width:768px){.post-feed-grid--magazine>li:first-child{grid-column:span 2}.post-feed-grid--magazine>li:first-child .post-card-image{aspect-ratio:21/9}}.post-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);height:100%;transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.post-card:hover,.post-card:focus-within{box-shadow:var(--shadow-lg);border-color:var(--color-primary);transform:translateY(-2px)}.post-card-link{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.post-card-link:focus{outline:none}.post-card-link:focus-visible~*{outline:none}.post-card:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.post-card:has(.post-card-link:focus-visible){outline:2px solid var(--color-primary);outline-offset:2px}.post-card-image-wrap{background:var(--color-background-alt);margin:0;overflow:hidden}.post-card-image{aspect-ratio:16/9;object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow);display:block}.post-card:hover .post-card-image,.post-card:focus-within .post-card-image{transform:scale(1.03)}.post-card-body{gap:var(--spacing-sm);padding:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.post-card-tag{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary-emphasis);background:var(--color-primary-muted);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);align-self:flex-start;font-weight:600;display:inline-block}.post-card-title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text);line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.post-card:hover .post-card-title,.post-card:focus-within .post-card-title{color:var(--color-primary)}.post-card-excerpt{font-size:var(--text-sm);color:var(--color-text-secondary);line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.post-card-meta{align-items:center;gap:var(--spacing-sm) var(--spacing-md);padding-top:var(--spacing-md);font-size:var(--text-xs);color:var(--color-text-muted);border-top:1px solid var(--color-border-light);flex-wrap:wrap;margin-top:auto;display:flex}.post-card-author{align-items:center;gap:var(--spacing-xs);display:inline-flex}.post-card-author-avatar{border-radius:var(--radius-full);object-fit:cover;width:24px;height:24px}.post-card-date,.post-card-reading-time{white-space:nowrap}.post-card-featured{color:var(--color-primary);align-items:center;margin-left:auto;display:inline-flex}@media (prefers-reduced-motion:reduce){.post-card,.post-card-image{transition:none}.post-card:hover,.post-card:focus-within,.post-card:hover .post-card-image,.post-card:focus-within .post-card-image{transform:none}}}