.box{border-radius:var(--radius-card);background:var(--color-white);box-shadow:inset 0 0 0 1px var(--color-rule);display:grid}.box__cell{border-top:1px solid var(--color-rule);flex-direction:column;justify-content:center;gap:2px;min-width:0;padding:16px 20px;display:flex;position:relative}.box>.box__cell:first-child,.box>.box__row:first-child>.box__cell:first-child{border-top:0}.box__row{display:grid}.box__row>.box__cell+.box__cell{border-top:1px solid var(--color-rule)}@media (min-width:37.5rem){.box__row--2{grid-template-columns:repeat(2,minmax(0,1fr))}.box__row--2>.box__cell+.box__cell{border-left:1px solid var(--color-rule)}.box__row--3{grid-template-columns:repeat(2,minmax(0,1fr))}.box__row--3>.box__cell:nth-child(2){border-left:1px solid var(--color-rule)}}@media (min-width:46.5rem){.box__row--3{grid-template-columns:repeat(3,minmax(0,1fr))}.box__row--3>.box__cell+.box__cell{border-left:1px solid var(--color-rule);border-top:0}}.box__cell:after{content:"";border-radius:var(--radius-control);box-shadow:inset 0 0 0 2px var(--color-ink);opacity:0;pointer-events:none;transition:opacity var(--dur-hover) var(--ease-default);position:absolute;inset:-1px}.box__cell:focus-within:after{opacity:1}@media (prefers-reduced-motion:reduce){.box__cell:after{transition:none}}a.box__cell{color:var(--color-ink);text-decoration:none}@media (hover:hover){a.box__cell:hover:after{opacity:1;box-shadow:inset 0 0 0 1px var(--color-ink)}}