.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.container-text{width:100%;max-width:var(--container-text);padding-inline:var(--gutter);margin-inline:auto}.grid{gap:var(--gutter);grid-template-columns:repeat(4,1fr);display:grid}@media (min-width:768px){.grid{grid-template-columns:repeat(6,1fr)}}@media (min-width:1024px){.grid{grid-template-columns:repeat(12,1fr)}}.section{padding-block:var(--section-y)}[data-theme=dark]{background:var(--bg-page);color:var(--text-primary)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:var(--space-3);left:var(--space-3);z-index:var(--z-modal);padding:var(--space-2) var(--space-3);background:var(--bg-elevated);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--fs-small);border-radius:var(--radius-sm);transform:translateY(calc(-1 * var(--space-9)));transition:transform var(--dur-fast) var(--ease-out);position:fixed}.skip-link:focus-visible{transform:translateY(0)}::selection{background:var(--text-primary);color:var(--bg-page)}