@layer screen{.sample-group{display:grid;grid-gap:14px;gap:14px;margin-top:clamp(24px,3vw,40px)}.sample-group h3{margin:0}.sample-group__tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));grid-gap:12px;gap:12px;margin:0;padding:0;list-style:none}.sample-subject{display:grid;grid-gap:4px;gap:4px;height:100%;padding:20px;border-radius:var(--r-lg);background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--rule-2);transition:box-shadow var(--dur) var(--ease)}.sample-subject:hover{box-shadow:inset 0 0 0 1px var(--ink-3)}.sample-subject b{font-size:1.12rem;font-weight:600;letter-spacing:-.025em}.sample-subject span{font-size:.92rem;color:var(--ink-2)}.sample-subject small{color:var(--ink-3)}}