.rule-grid{--rule-grid-pad-x: clamp(1.5rem, 2.4vw, 2.5rem);--rule-grid-pad-y: clamp(1.75rem, 2.6vw, 2.75rem);--rule-grid-line: var(--color-border);--rule-grid-name: var(--color-text);--rule-grid-desc: var(--color-text-soft);display:grid}.rule-grid__cell{padding:var(--rule-grid-pad-y) var(--rule-grid-pad-x);min-width:0}.rule-grid__cell--wide{grid-column:1 / -1}.rule-grid__cell--wide .rule-grid__desc{max-width:var(--measure)}.rule-grid__icon{display:block;color:var(--color-accent);margin-bottom:1.1rem;line-height:0}.rule-grid__icon svg{display:block}.rule-grid__label{display:block;font-family:var(--font-body);font-size:.85rem;font-weight:600;color:var(--color-accent);margin-bottom:.6rem}.rule-grid__name{font-family:var(--font-display);font-size:clamp(1.4rem,1.1rem + .9vw,1.85rem);font-weight:600;font-optical-sizing:auto;letter-spacing:-.02em;line-height:1.15;color:var(--rule-grid-name);margin:0 0 .85rem;text-wrap:balance}.rule-grid__desc{font-family:var(--font-body);font-size:1.05rem;line-height:1.6;color:var(--rule-grid-desc);max-width:36ch;margin:0}.rule-grid__link{display:inline-flex;align-items:center;gap:.35rem;margin-top:1rem;font-family:var(--font-body);font-size:.95rem;font-weight:600;color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}.rule-grid__link:hover{color:var(--color-accent-dark)}.rule-grid--dark{--rule-grid-line: rgba(255, 255, 255, .14);--rule-grid-name: #fff;--rule-grid-desc: rgba(255, 255, 255, .62)}.rule-grid--2{grid-template-columns:repeat(2,1fr)}.rule-grid--2 .rule-grid__cell:nth-child(n+3){border-top:1px solid var(--rule-grid-line)}.rule-grid--2 .rule-grid__cell:nth-child(odd){padding-left:0}.rule-grid--2 .rule-grid__cell:nth-child(2n){border-left:1px solid var(--rule-grid-line)}.rule-grid--3{grid-template-columns:repeat(3,1fr)}.rule-grid--3 .rule-grid__cell:nth-child(n+4){border-top:1px solid var(--rule-grid-line)}.rule-grid--3 .rule-grid__cell:nth-child(3n+1){padding-left:0}.rule-grid--3 .rule-grid__cell:not(:nth-child(3n+1)){border-left:1px solid var(--rule-grid-line)}.rule-grid--4{grid-template-columns:repeat(4,1fr)}.rule-grid--4 .rule-grid__cell:nth-child(n+5){border-top:1px solid var(--rule-grid-line)}.rule-grid--4 .rule-grid__cell:nth-child(4n+1){padding-left:0}.rule-grid--4 .rule-grid__cell:not(:nth-child(4n+1)){border-left:1px solid var(--rule-grid-line)}@media (max-width: 900px){.rule-grid--3,.rule-grid--4{grid-template-columns:repeat(2,1fr)}.rule-grid--3 .rule-grid__cell:nth-child(n),.rule-grid--4 .rule-grid__cell:nth-child(n){border-top:0;border-left:0;padding-left:var(--rule-grid-pad-x)}.rule-grid--3 .rule-grid__cell:nth-child(n+3),.rule-grid--4 .rule-grid__cell:nth-child(n+3){border-top:1px solid var(--rule-grid-line)}.rule-grid--3 .rule-grid__cell:nth-child(odd),.rule-grid--4 .rule-grid__cell:nth-child(odd){padding-left:0}.rule-grid--3 .rule-grid__cell:nth-child(2n),.rule-grid--4 .rule-grid__cell:nth-child(2n){border-left:1px solid var(--rule-grid-line)}}@media (max-width: 600px){.rule-grid{--rule-grid-pad-y: 1.5rem}.rule-grid--2,.rule-grid--3,.rule-grid--4{grid-template-columns:1fr}.rule-grid .rule-grid__cell:nth-child(n){border-left:0;border-top:1px solid var(--rule-grid-line);padding-left:0;padding-right:0}.rule-grid .rule-grid__cell:nth-child(n):first-child{border-top:0;padding-top:0}.rule-grid__desc{max-width:none}}
