.examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.example{min-height:164px;display:flex;align-items:flex-end;padding:18px;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--ink);font-size:19px;line-height:1.06;letter-spacing:-.04em;text-decoration:none;box-shadow:0 7px 18px rgba(16,17,20,.06);transition:transform .2s,box-shadow .2s,background .2s}
.example:hover{transform:translateY(-4px);background:#f5f8ff;box-shadow:0 16px 30px rgba(16,17,20,.12)}
.example span{display:block}
.example:nth-child(3n+1){background:#eaf0ff}.example:nth-child(3n+2){background:#effbdc}.example:nth-child(3n){background:#fff0f4}
noscript .examples{margin-top:14px}
noscript .examples a{min-height:0;font-size:15px;line-height:1.2}
@media(max-width:850px){.examples{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.examples{grid-template-columns:1fr}.example{min-height:125px}}