.mk-grid{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.mk-tile{--mk-ink:var(--mk-brand);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper);align-items:center;gap:.75rem;padding:.7rem .9rem;transition:border-color .2s,transform .2s;display:flex}.mk-tile:hover{border-color:color-mix(in oklch, var(--mk-ink) 45%, var(--color-rule));transform:translateY(-2px)}.mk-tile__mark{border-radius:var(--radius-sm);background:color-mix(in oklch, var(--mk-ink) 14%, var(--color-paper));width:2.25rem;height:2.25rem;color:var(--mk-ink);font-family:var(--font-display);letter-spacing:-.02em;flex-shrink:0;place-items:center;font-size:.9375rem;font-weight:800;line-height:1;display:grid}.mk-tile__icon{width:1.25rem;height:1.25rem}.mk-tile__name{color:var(--color-ink);font-size:var(--text-sm);font-weight:700;line-height:1.2}[data-theme=dark] .mk-tile{--mk-ink:color-mix(in oklch, var(--mk-brand) 62%, white)}@media (prefers-reduced-motion:reduce){.mk-tile,.mk-tile:hover{transition:none;transform:none}}