@layer component{.grid{--n:3;--border:1px solid var(--neutral-800);grid-template-columns:repeat(var(--n), 1fr);border:var(--border);display:grid;container-name:grid}.grid.not-self{border-bottom:none}@container grid style(--n:1){.grid>:not(:first-child){border-top:var(--border)}}@container grid style(--n:2){.grid>:nth-child(odd){border-right:var(--border)}.grid>:not(:first-child,:nth-child(2)){border-top:var(--border)}}@container grid style(--n:3){.grid>:nth-child(2n){border-left:var(--border);border-right:var(--border)}}@container grid style(--n:4){.grid>:nth-child(4n+2){border-left:var(--border);border-right:var(--border)}.grid>:nth-child(4n+4){border-left:var(--border)}}}