.guides[data-v-5cf366f5]{max-width:880px;margin:0 auto}.guides-head h1[data-v-5cf366f5]{font-size:28px;margin:24px 0 8px}.guides-head p[data-v-5cf366f5]{margin:0 0 8px;line-height:1.8}.guides-list[data-v-5cf366f5]{list-style:none;margin:0;padding:0;display:grid;gap:16px}.guide-card[data-v-5cf366f5]{position:relative;display:grid;grid-template-columns:240px 1fr;gap:16px;align-items:start;padding:14px;background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius)}.guide-card[data-v-5cf366f5]:hover{border-color:var(--color-primary)}.guide-card-thumb[data-v-5cf366f5]{display:block;width:100%;height:auto;border-radius:var(--radius-sm);border:1px solid var(--color-line)}.guide-card-title[data-v-5cf366f5]{margin:0 0 6px;font-size:18px;line-height:1.45}.guide-card-title a[data-v-5cf366f5]{color:var(--color-ink);text-decoration:none}.guide-card-title a[data-v-5cf366f5]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius)}.guide-card-title a[data-v-5cf366f5]:focus-visible{outline:none}.guide-card[data-v-5cf366f5]:has(.guide-card-title a:focus-visible){outline:2px solid var(--color-primary);outline-offset:2px}.guide-card-desc[data-v-5cf366f5]{margin:0 0 8px;font-size:14px;line-height:1.7;color:var(--color-muted)}.guide-card-meta[data-v-5cf366f5]{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0;font-size:13px;color:var(--color-muted)}.guide-card-meta a[data-v-5cf366f5]{position:relative;z-index:1;color:var(--color-primary-dark);font-weight:600}@media (max-width: 640px){.guide-card[data-v-5cf366f5]{grid-template-columns:1fr;gap:10px}}