@layer components{.guide-preview{border-bottom:1px solid var(--line)}.guide-preview:last-child{border-bottom:0}.guide-preview__link{gap:clamp(var(--space-lg), 3vw, var(--space-2xl));padding-block:clamp(var(--space-xl), 3.5vw, var(--space-2xl));color:inherit;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);align-items:center;text-decoration:none;display:grid}.guide-preview__image{aspect-ratio:16/9;border-radius:var(--panel-radius);background:var(--section-surface);display:block;overflow:hidden}.guide-preview__image img{object-fit:cover;width:100%;height:100%;transition:transform .18s var(--ease-out)}.guide-preview__image picture,.guide-article__cover picture{width:100%;height:100%;display:block}.guide-preview__copy{max-width:690px;display:block}.guide-preview__meta,.guide-article__meta{align-items:center;gap:var(--space-xs) var(--space-md);color:var(--muted);font-size:var(--text-small);font-weight:var(--weight-medium);flex-wrap:wrap;display:flex}.guide-preview__meta>:not(.guide-status),.guide-article__meta>:not(.guide-status){align-items:center;display:inline-flex}.guide-status{border-radius:var(--pill-radius);padding:var(--space-2xs) var(--space-sm);background:var(--warning-surface);color:var(--warning-ink);font-weight:var(--weight-medium);align-items:center;line-height:1.25;display:inline-flex}.guide-preview__title{max-width:23ch;margin-top:var(--space-sm);font-size:var(--text-title);font-weight:var(--weight-strong);letter-spacing:-.032em;text-wrap:balance;line-height:1.14;transition:color .18s;display:block}.guide-preview__summary{max-width:62ch;margin-top:var(--space-sm);color:var(--muted);font-size:var(--text-body);font-weight:var(--weight-regular);line-height:1.6;display:block}.guide-preview__link:hover .guide-preview__title{color:var(--cyan-deep)}.guide-preview__link:hover .guide-preview__image img{transform:scale(1.018)}.guide-preview__link:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:var(--panel-radius)}.guide-preview--compact .guide-preview__link{gap:clamp(var(--space-lg), 3vw, var(--space-xl));padding-block:var(--space-lg);grid-template-columns:minmax(200px,.42fr) minmax(0,1.58fr)}.guide-preview--compact .guide-preview__title{max-width:30ch;font-size:var(--text-title)}.guide-preview--compact .guide-preview__summary{max-width:74ch;font-size:var(--text-body)}.guide-preview--prominent .guide-preview__link{gap:var(--space-lg);grid-template-columns:minmax(0,1fr);padding-block:0}.guide-preview--prominent .guide-preview__image{aspect-ratio:16/9;width:100%}.guide-preview--prominent .guide-preview__title{max-width:30ch}.guide-preview--card,.guide-preview--rail,.guide-preview--prominent{border-bottom:0}.guide-preview--card .guide-preview__link,.guide-preview--rail .guide-preview__link{gap:var(--space-md);grid-template-columns:minmax(0,1fr);align-items:start;padding-block:0}.guide-preview--card .guide-preview__title,.guide-preview--rail .guide-preview__title{max-width:26ch;margin-top:var(--space-xs);font-size:var(--text-title);letter-spacing:-.024em}.guide-preview--rail .guide-preview__image{aspect-ratio:16/7}}@layer responsive{@media (width<=760px){.guide-preview__link,.guide-preview--compact .guide-preview__link{gap:var(--space-md);padding-block:var(--space-lg);grid-template-columns:minmax(0,1fr)}.guide-preview--card .guide-preview__link,.guide-preview--rail .guide-preview__link,.guide-preview--prominent .guide-preview__link{padding-block:0}.guide-preview--rail .guide-preview__image{aspect-ratio:16/9}.guide-preview__copy{display:contents}.guide-preview__meta{order:0}.guide-preview__title{margin-top:var(--space-xs);order:1}.guide-preview__image{margin-top:var(--space-2xs);order:2}.guide-preview__summary{order:3}}}@layer motion{@media (prefers-reduced-motion:reduce){.guide-preview__image img{transition:none}.guide-preview__link:hover .guide-preview__image img{transform:none}}}