.guide-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 18px; color: var(--muted); font-size: .82rem; }
.guide-breadcrumb a { color: var(--blue-soft); }
.guide-breadcrumb a:hover { color: var(--text); }
.guide-breadcrumb span[aria-hidden] { color: var(--border-strong); }

.guide-hero { padding-top: 56px; }
.guide-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 26px; }
.guide-hero h1 { margin: 0 0 18px; font-size: clamp(2rem, 4.2vw, 3.2rem); line-height: 1.22; letter-spacing: -.03em; }
.guide-hero__lede { max-width: 780px; margin: 0 0 14px; color: #c2cce2; font-size: 1.02rem; line-height: 2.05; }
.guide-hero__image { display: block; width: 100%; height: auto; margin-top: 30px; border: 1px solid var(--border-strong); border-radius: 22px; box-shadow: 0 28px 80px rgb(0 0 0 / .35); }

.guide-steps { display: grid; gap: 14px; margin: 24px 0 0; padding: 0; list-style: none; counter-reset: guide-step; }
.guide-steps li { display: flex; align-items: flex-start; gap: 14px; }
.guide-steps li::before { counter-increment: guide-step; content: counter(guide-step); flex: 0 0 auto; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: rgb(var(--blue-rgb) / .16); color: var(--blue-soft); font-weight: 850; }
.guide-steps p { margin: 4px 0 0; color: var(--muted); font-size: .92rem; line-height: 1.95; }
.guide-steps strong { display: block; font-size: 1.02rem; }

.guide-tips { display: grid; gap: 12px; margin: 24px 0 0; padding: 0; list-style: none; }
.guide-tips li { position: relative; padding-inline-start: 26px; color: var(--muted); font-size: .92rem; line-height: 1.95; }
.guide-tips li::before { content: '◉'; position: absolute; inset-inline-start: 0; top: 3px; color: var(--teal); font-size: .7rem; }

.guide-media-frame { display: block; width: 100%; height: auto; border: 1px solid var(--border-strong); border-radius: 20px; box-shadow: 0 24px 70px rgb(0 0 0 / .32); }

.guide-cross-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }