.gn-howto-topics{margin:0 var(--spacing-gutter);gap:12px;padding:0;list-style:none;display:grid}.gn-howto-topic{color:inherit;background:var(--color-paper);border-radius:var(--radius-card);box-shadow:var(--shadow-card-lift);align-items:center;gap:14px;padding:12px 14px 12px 12px;text-decoration:none;display:flex;position:relative}.gn-howto-topic:focus-visible{outline:3px solid var(--color-capsule-red-deep);outline-offset:3px}.gn-howto-topic-art{flex:none;width:104px;position:relative}.gn-howto-topic-art .gn-illustration-slot{border-radius:var(--radius-tile);background:var(--color-cream-deep)}.gn-howto-topic-art .gn-illustration-slot>img{object-fit:contain}.gn-howto-topic-art .gn-slot-label{padding:6px;font-size:10px;line-height:1.3}.gn-howto-topic-art>.gn-row-n{z-index:1;background:var(--color-paper);box-shadow:var(--shadow-card-lift);position:absolute;top:-8px;left:-8px}.gn-howto-topic-text{flex:1;gap:4px;min-width:0;display:grid}.gn-howto-topic-kicker{font-family:var(--font-ui);font-size:var(--text-l6);letter-spacing:.04em;color:var(--color-capsule-red-deep);font-weight:700;line-height:1}.gn-howto-topic-title{font-family:var(--font-round);font-size:var(--text-l3);font-weight:700}.gn-howto-topic-sub{font-family:var(--font-round);font-size:var(--text-l5);color:var(--color-ink-soft);font-weight:500;line-height:1.45}.gn-howto-topic-steps{font-family:var(--font-ui);font-size:var(--text-l6);color:var(--color-ink-soft)}.gn-howto-topic:hover .gn-row-chev{translate:3px}