@layer components{.guide-shell{box-sizing:border-box;width:100%;max-width:84rem;padding:var(--space-8) clamp(var(--space-4), 2.5vw, var(--space-8)) calc(var(--space-8) * 2);margin-inline:auto}.guide-grid{gap:var(--space-8);grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;margin:0;padding:0;list-style:none;display:grid}.guide-grid>li{min-width:0}.guide-link{isolation:isolate;height:100%;color:var(--card-foreground);border-radius:var(--radius-card);text-decoration:none;display:block;position:relative}.guide-link:after{content:"";z-index:1;pointer-events:none;border-radius:inherit;background:var(--primary);opacity:0;transition:opacity .18s;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.guide-link:hover:after{opacity:.08}}.guide-card{border-radius:var(--radius-card);border-color:var(--border);height:100%}.guide-image{aspect-ratio:3/2;background:var(--muted);border-radius:var(--radius-card) var(--radius-card) 0 0;overflow:hidden}.guide-image img{object-fit:contain;width:100%;height:100%;display:block}.image-placeholder{height:100%;color:var(--muted-foreground);padding:var(--space-4);text-align:center;justify-content:center;align-items:center;display:flex}.guide-category{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.guide-badge{white-space:normal;overflow-wrap:anywhere;text-align:start;justify-content:start;line-height:1.4}.sample-label{font-size:var(--text-label);color:var(--muted-foreground);line-height:1.4}.guide-title,.guide-title :is(h2,h3){font-size:var(--text-item);color:var(--primary);overflow-wrap:anywhere;margin:0;font-weight:700;line-height:1.3}.guide-excerpt,.guide-excerpt p{font-size:var(--text-body);color:var(--muted-foreground);margin:0;font-weight:400;line-height:1.5}.guide-link:focus-visible{outline:var(--focus-width) solid var(--ring);outline-offset:var(--focus-offset)}.guide-link:active .guide-card{background:var(--accent);border-color:var(--primary)}.guide-state{margin-block:calc(var(--space-8) * 1.5) 0;justify-items:center;gap:var(--space-3);text-align:center;color:var(--muted-foreground);display:grid}.guide-state p,.guide-state h2{max-width:42ch;margin:0}.guide-state h2{font-size:var(--text-item);line-height:1.3}.guide-state.empty{align-content:center;min-height:20rem;margin:0}.guide-state a{min-height:var(--control-height);align-items:center;display:inline-flex}.guide-announcement{min-block-size:1.5em}[data-guide-enhanced=true][data-guide-automatic=true] .guide-more:not(:focus){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;min-height:0;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-guide-list][data-guide-phase=failed-next] .guide-more:not(:focus),[data-guide-list][data-guide-phase=stale] .guide-more:not(:focus){width:auto;height:auto;min-height:var(--control-height);clip-path:none;white-space:normal;margin:0;position:static;overflow:visible}.guide-recovery{padding-block:var(--space-4)}.guide-review-note{padding:var(--space-4);text-align:center;color:var(--muted-foreground);background:var(--muted);font-size:var(--text-label);margin:0}.guide-skip-footer{top:var(--space-2);left:var(--space-4);padding:var(--space-3);color:var(--primary-foreground);background:var(--primary);z-index:11;position:absolute;transform:translateY(-200%)}.guide-skip-footer:focus{position:fixed;transform:none}.guide-breadcrumb ol{margin:0;padding:0;list-style:none}.guide-breadcrumb a{text-decoration:none}.landing-nav a[aria-current=location]{color:var(--primary);font-weight:600}@media (width>=44rem){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=70rem){.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=43.999rem){.guide-shell{padding-block-start:var(--space-4)}.guide-grid{gap:var(--space-6)}}@media (prefers-reduced-motion:reduce){.guide-link:after{transition:none}}@media (forced-colors:active){.guide-link:after{display:none}.guide-link:hover{outline:1px solid linktext}.guide-link:focus-visible{outline-color:highlight}}}.guide-card{padding-block:0 var(--card-padding);gap:var(--space-6)}.guide-card-header{gap:var(--space-4)}.guide-title{font-size:var(--text-item);line-height:1.3}.guide-excerpt{font-size:var(--text-body);line-height:1.5}.guide-badge{white-space:normal}