.sf-guides{gap:36px;padding-block:28px 56px;display:grid}.sf-guide-cat{gap:14px;display:grid}.sf-guide-cat h2{font-family:var(--font-display-stack);text-transform:uppercase;margin:0;font-size:1.6rem;font-weight:800}.sf-guide-cat h2:after{content:"";background:var(--red);width:48px;height:4px;margin-top:8px;display:block}.sf-guide-list{grid-template-columns:minmax(0,1fr);gap:14px;margin:0;padding:0;list-style:none;display:grid}.sf-guide-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);height:100%;text-decoration:none;display:grid;overflow:hidden}.sf-guide-card:hover{border-color:var(--red)}.sf-guide-card img{aspect-ratio:16/9;object-fit:cover;width:100%}.sf-guide-card-body{align-content:start;gap:6px;padding:14px 16px;display:grid}.sf-guide-card-body strong{font-family:var(--font-display-stack);text-transform:uppercase;font-size:1.35rem;line-height:1.1}.sf-guide-card-body span{color:var(--muted);font-size:.92rem}.sf-guide-card-body em{color:var(--red-deep);font-size:.88rem;font-style:normal;font-weight:600}.sf-guide-title{font-size:clamp(2rem,8vw,3.6rem)!important}.sf-guide-body h2{font-family:var(--font-display-stack);text-transform:uppercase;margin:18px 0 0;font-size:1.6rem;font-weight:800}.sf-guide-body h3{margin:10px 0 0}@media (min-width:640px){.sf-guide-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:960px){.sf-guide-list{grid-template-columns:repeat(3,minmax(0,1fr))}}