.section-hero--snippets .section-hero__card:nth-child(2) .snip-card{--snip-bg:var(--surface-raised);--snip-panel:var(--surface-raised)}.section-hero--snippets .section-hero__card:first-child .snip-card,.section-hero--snippets .section-hero__card:nth-child(3) .snip-card{--snip-bg:var(--surface-overlay);--snip-panel:var(--surface-overlay)}
.snip-section{padding-block:var(--space-16)}.snip-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;display:grid}@media (max-width:64rem){.snip-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:36rem){.snip-grid{grid-template-columns:1fr}}.snip-grid.is-armed>.snip-card{opacity:0}
.pointer-notice{display:none}@media (max-width:64rem){.pointer-notice{padding:var(--space-5);border-inline-start:3px solid var(--interactive-default);border-radius:var(--radius-md);background:var(--surface-raised);margin-block-end:var(--space-8);display:block}.pointer-notice__body{max-width:60ch;color:var(--ink-secondary);margin:0}.pointer-notice__lead{margin:0 0 var(--space-3);color:var(--ink-primary);font-size:var(--text-h4);letter-spacing:-.01em;font-weight:600}.pointer-notice__body+.pointer-notice__body{margin-block-start:var(--space-3)}}
.snippets.page{padding-block-start:0}@media (max-width:64rem){.snip-section{display:none}}