@layer components{.guide-index .display-title,.guide-detail .display-title{max-width:23ch}.guide-editorial-note{max-width:72ch;color:var(--color-text-secondary);font-size:var(--font-size-body-sm)}.guide-section-heading{display:grid;gap:var(--space-layout-sm);margin-bottom:var(--space-layout-xl)}.guide-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;gap:var(--space-layout-md);padding:0;margin:0}.guide-card{min-width:0;border:1px solid var(--color-border-subtle)}.guide-card>a{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-layout-lg);padding:var(--space-layout-lg);min-height:100%;color:var(--color-text-primary);text-decoration:none}.guide-card>a:hover h3{text-decoration:underline;text-underline-offset:.2em}.guide-card-number{color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.guide-card h3{text-wrap:balance}.guide-card p{color:var(--color-text-secondary);line-height:1.6}.guide-card-action{margin-top:auto;padding-top:var(--space-layout-lg);text-underline-offset:.2em;font-weight:600}.guide-contents{display:grid;gap:var(--space-layout-md)}.guide-contents-list{display:grid;gap:var(--space-layout-sm);padding-inline-start:1.35rem;margin:0}.guide-contents-list a,.guide-source-list a{color:var(--color-text-primary);text-underline-offset:.2em}.guide-body{max-width:65rem}.guide-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:var(--space-layout-xl);scroll-margin-top:7rem}.guide-step-heading{display:grid;align-content:start;gap:var(--space-layout-md)}.guide-step>p,.guide-references>p,.guide-service-bridge>p{max-width:65ch;color:var(--color-text-secondary);line-height:1.75}.guide-takeaways,.guide-questions,.guide-references,.guide-service-bridge{display:grid;justify-items:start;gap:var(--space-layout-md)}.guide-takeaways .scope-list{width:min(100%,62rem)}.guide-questions .question-list{max-width:64rem}.guide-source-list,.guide-more-list{display:grid;gap:var(--space-layout-md);list-style:none;padding:0;margin:0}.guide-service-bridge .contact-action{width:fit-content}@media(max-width:820px){.guide-card-grid{grid-template-columns:1fr}.guide-step{grid-template-columns:1fr;gap:var(--space-layout-md)}}}