.seo-pattern-directory{width:min(1120px,calc(100% - 32px));box-sizing:border-box;margin:34px auto;padding:24px;background:#fff;border:2px solid #23262f;border-radius:8px;box-shadow:4px 4px 0 #23262f}
.seo-pattern-directory__head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:16px}.seo-pattern-directory__head h2{margin:0;font-size:24px;letter-spacing:0}.seo-pattern-directory__head p{max-width:480px;margin:0;color:#676d78;font-size:13px;line-height:1.55}
.seo-pattern-directory__links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.seo-pattern-directory__links a{min-width:0;padding:8px 10px;color:#293b79;background:#f1f4fb;border-radius:5px;font-size:12px;font-weight:750;line-height:1.35;text-decoration:none}.seo-pattern-directory__links a:hover{background:#e1e8f8;text-decoration:underline}
@media(max-width:820px){.seo-pattern-directory{width:calc(100% - 24px);padding:18px}.seo-pattern-directory__head{display:block}.seo-pattern-directory__head p{margin-top:7px}.seo-pattern-directory__links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.seo-pattern-directory__links{grid-template-columns:1fr}}