.resource-guide-crumb a{text-underline-offset:4px}.resource-guide-crumb a:hover{text-decoration:underline}.resource-guide-example{border:1px solid var(--border);background:var(--card);box-shadow:0 32px 64px -48px color-mix(in srgb, var(--foreground) 35%, transparent);border-radius:24px;padding:36px}.resource-guide-example>.marketing-eyebrow{margin-bottom:16px}.resource-guide-example-title{letter-spacing:-.03em;font-size:26px;font-weight:700;line-height:1.2}.resource-guide-example dl{border-top:1px solid var(--border);margin-top:24px}.resource-guide-example dl>div{border-bottom:1px solid var(--border);grid-template-columns:96px minmax(0,1fr);gap:16px;padding-block:16px;font-size:15px;line-height:1.55;display:grid}.resource-guide-example dt{font-weight:700}.resource-guide-example dd{color:var(--muted-foreground)}.resource-guide-example blockquote{font-family:var(--font-serif);font-size:22px;line-height:1.5}.resource-guide-example blockquote+div{border-top:1px solid var(--border);margin-top:28px;padding-top:24px}.resource-guide-example blockquote+div .resource-guide-example-title{font-size:17px}.resource-guide-example-title+p{color:var(--muted-foreground);margin-top:8px;font-size:15px;line-height:1.6}.resource-guide-previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-width:0;display:grid}.resource-guide-preview{flex-direction:column;padding:28px;transition:border-color .2s,transform .2s;display:flex;position:relative}.resource-guide-preview:hover{border-color:color-mix(in srgb, var(--family) 45%, var(--border));transform:translateY(-2px)}.resource-guide-preview .resource-guide-example-title{font-size:21px}.resource-guide-preview dl>div{grid-template-columns:minmax(0,1fr);gap:2px;padding-block:12px;font-size:14px}.resource-guide-preview blockquote{font-size:18px}.resource-guide-preview blockquote+div{margin-top:20px;padding-top:18px}.resource-guide-preview .resource-guide-example-title+p{font-size:14px}.resource-guide-preview>.page-link{margin-top:auto;padding-top:24px}.resource-guide-preview>.page-link:after{content:"";border-radius:inherit;position:absolute;inset:0}.resource-guide-preview>.page-link:focus-visible{outline:none}.resource-guide-preview:has(>.page-link:focus-visible){outline:2px solid var(--family);outline-offset:3px}.resource-guide-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 64px;list-style:none;display:grid}.resource-guide-steps>li{border-top:1px solid var(--border);padding-block:36px 40px}.resource-guide-steps span{font-family:var(--font-mono);color:var(--family);font-size:13px}.resource-guide-steps h3{letter-spacing:-.03em;margin-top:12px;font-size:24px;font-weight:700;line-height:1.2}.resource-guide-steps p{max-width:560px;color:var(--muted-foreground);margin-top:12px;font-size:16px;line-height:1.65}@media (max-width:1024px){.resource-guide-steps{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.resource-guide-previews{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.resource-guide-example{padding:24px 20px}.resource-guide-example dl>div{grid-template-columns:minmax(0,1fr);gap:4px}.resource-guide-steps h3{font-size:21px}}@media (prefers-reduced-motion:reduce){.resource-guide-preview{transition:none}.resource-guide-preview:hover{transform:none}}