.cds-orient-grid:where(.astro-25fsrz5h){display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:clamp(2rem,4vw,3rem)}@media(max-width:1024px){.cds-orient-grid:where(.astro-25fsrz5h){grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.cds-orient-grid:where(.astro-25fsrz5h){grid-template-columns:1fr}}.cds-orient-card:where(.astro-25fsrz5h){background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.cds-orient-card:where(.astro-25fsrz5h):hover,.cds-orient-card:where(.astro-25fsrz5h):focus-visible{transform:translateY(-2px);border-color:var(--border-accent);box-shadow:var(--shadow-md)}.cds-orient-card:where(.astro-25fsrz5h):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cds-orient-illo:where(.astro-25fsrz5h){background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);aspect-ratio:200 / 80;display:flex;align-items:center;justify-content:center;overflow:hidden}.cds-orient-illo:where(.astro-25fsrz5h) svg:where(.astro-25fsrz5h){width:92%;height:92%}.cds-orient-body:where(.astro-25fsrz5h){padding:16px 18px 18px;display:flex;flex-direction:column;gap:4px}.cds-orient:where(.astro-25fsrz5h) .section-header .overline{display:inline-flex;align-items:center;gap:10px}.cds-orient:where(.astro-25fsrz5h) .section-header .overline:before,.cds-orient:where(.astro-25fsrz5h) .section-header .overline:after{content:"";display:inline-block;width:18px;height:1.5px;background:var(--accent);opacity:.55}.cds-orient-label:where(.astro-25fsrz5h){font-size:.9375rem;font-weight:700;color:var(--text-heading);line-height:1.3}.cds-orient-desc:where(.astro-25fsrz5h){font-size:.8125rem;line-height:1.5;color:var(--text-muted)}.fda-note:where(.astro-sabbe4td),.pattern-note:where(.astro-sabbe4td){max-width:760px;margin:28px auto 0;color:var(--text-secondary);line-height:1.65;text-align:center}.pattern-grid:where(.astro-sabbe4td){display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:8px}.pattern-card:where(.astro-sabbe4td){background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;padding:24px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.pattern-card:where(.astro-sabbe4td):hover{transform:translateY(-3px);border-color:rgba(var(--accent-rgb),.35);box-shadow:0 10px 30px #00000014}.pattern-illus:where(.astro-sabbe4td){aspect-ratio:2 / 1;max-width:100%;margin:-4px 0 16px}.pattern-illus:where(.astro-sabbe4td) svg:where(.astro-sabbe4td){width:100%;height:100%;display:block}.pattern-card:where(.astro-sabbe4td) h3:where(.astro-sabbe4td){font-size:1.05rem;font-weight:700;letter-spacing:-.01em;margin:0 0 10px;color:var(--text-heading)}.pattern-card:where(.astro-sabbe4td) p:where(.astro-sabbe4td){margin:0;color:var(--text-secondary);line-height:1.65}.pattern-card:where(.astro-sabbe4td) code:where(.astro-sabbe4td){font-family:var(--font-mono);font-size:.92em;color:var(--accent-text)}@media(max-width:768px){.pattern-grid:where(.astro-sabbe4td){grid-template-columns:1fr}}