/* Guides: article layout on top of features/shared.css and tokens.css. */
.g-meta{margin-block-start:14px;font-size:14px;color:var(--soft)}
.g-article h2{font-size:clamp(22px,2.6vw,28px);letter-spacing:-.02em;margin-block:clamp(32px,4vw,48px) 14px}
.g-article p{font-size:17px;line-height:1.75;color:var(--ink-2);margin-block-end:14px;max-width:68ch}
.g-list{display:grid;gap:10px;margin-block:8px 16px;padding-inline-start:0}
.g-list li{position:relative;padding-inline-start:26px;font-size:17px;line-height:1.65;color:var(--ink-2);max-width:68ch}
.g-list li::before{content:'';position:absolute;inset-inline-start:4px;inset-block-start:.7em;width:8px;height:8px;border-radius:50%;background:var(--brand-primary)}
.g-steps{display:grid;gap:12px;margin-block:8px 16px;counter-reset:g;padding:0}
.g-steps li{position:relative;padding-inline-start:44px;font-size:17px;line-height:1.65;color:var(--ink-2);counter-increment:g;max-width:68ch}
.g-steps li::before{content:counter(g);position:absolute;inset-inline-start:0;inset-block-start:.1em;width:30px;height:30px;border-radius:50%;background:var(--brand-primary);color:var(--on-brand);display:grid;place-items:center;font-size:14px;font-weight:800}
.g-short{margin-block:0 8px}
.g-short h2{margin-block:0 12px;font-size:20px}
.g-short .g-list{margin-block:0}
.g-label{margin-block:40px 0}
.fp-hub-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
