.guide-card{border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border);height:100%;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);overflow:hidden}.guide-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-lg)}.guide-card__link{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.guide-card__link:focus-visible{outline:3px solid var(--color-ring);outline-offset:3px;border-radius:var(--radius-xl)}.guide-card__media{aspect-ratio:16/9;background:var(--color-surface-subtle);position:relative;overflow:hidden}.guide-card__image{transition:transform .45s cubic-bezier(.33,1,.68,1)}.guide-card:hover .guide-card__image{transform:scale(1.06)}.guide-card__placeholder{background:linear-gradient(135deg, var(--color-surface-subtle) 0%, var(--color-primary-subtle) 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.guide-card__placeholder-label{font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-subtle);font-weight:600}.guide-card__body{gap:var(--space-2);padding:var(--space-5);flex-direction:column;flex:1;display:flex}.guide-card__meta{align-items:center;gap:var(--space-2);font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--color-text-subtle);flex-wrap:wrap;display:flex}.guide-card__meta-separator{color:var(--color-text-subtle)}.guide-card__author{color:var(--color-text-muted)}.guide-card__title{font-size:clamp(1.0625rem,2vw,1.25rem);font-weight:700;line-height:var(--leading-tight);letter-spacing:-.02em;color:var(--color-text);-webkit-line-clamp:2;transition:color var(--duration-fast) var(--ease-out);-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.guide-card:hover .guide-card__title{color:var(--color-primary)}.guide-card__excerpt{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0;display:-webkit-box;overflow:hidden}.guide-card__cta{align-items:center;gap:var(--space-2);padding-top:var(--space-2);font-size:var(--text-sm);color:var(--color-primary);margin-top:auto;font-weight:600;display:inline-flex}.guide-card__cta-arrow{transition:transform var(--duration-fast) var(--ease-out)}.guide-card:hover .guide-card__cta-arrow{transform:translate(4px)}[data-theme=dark] .guide-card{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .guide-card:hover{border-color:#ffffff1f;box-shadow:0 8px 24px #00000059}[data-theme=dark] .guide-card__title{color:#e8eaed}[data-theme=dark] .guide-card:hover .guide-card__title{color:#fff}[data-theme=dark] .guide-card__excerpt{color:#c4c7cc}[data-theme=dark] .guide-card__meta,[data-theme=dark] .guide-card__author{color:#9aa0a6}.guide-card--compact{border-radius:var(--radius-lg)}.guide-card--compact:hover{box-shadow:var(--shadow-md)}.guide-card--compact .guide-card__body{gap:var(--space-1);padding:var(--space-3) var(--space-4)}.guide-card--compact .guide-card__title{font-size:var(--text-sm);-webkit-line-clamp:2;font-weight:600}.guide-card--compact .guide-card__excerpt{font-size:var(--text-xs);-webkit-line-clamp:2}.guide-card--compact .guide-card__meta{font-size:.6875rem}.guide-card--compact .guide-card__placeholder-label{font-size:var(--text-xs)}[data-theme=dark] .guide-card--compact:hover .guide-card__title{color:var(--color-primary)}