:where(.site-shell) .useful-links { padding: 52px 0; background: #f5f7f2; border-top: 1px solid #e0e5dc; }
:where(.site-shell) .useful-links-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
:where(.site-shell) .useful-links-heading h2 { margin: 10px 0 0; font-size: clamp(26px, 2.4vw, 36px); line-height: 1.2; }
:where(.site-shell) .useful-links-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; }
:where(.site-shell) .useful-link-card { display: flex; flex-direction: column; min-width: 0; padding: 22px; color: #102d31; background: #fff; border: 1px solid #dce3d9; border-radius: 10px; text-decoration: none; transition: border-color .2s, box-shadow .2s; }
:where(.site-shell) .useful-link-card:hover { border-color: #668449; box-shadow: 0 6px 18px #102d3110; }
:where(.site-shell) .useful-link-card:focus-visible { outline: 3px solid #668449; outline-offset: 4px; }
:where(.site-shell) .useful-link-logo { display: flex; align-items: center; justify-content: center; height: 92px; margin-bottom: 20px; background: #fff; }
:where(.site-shell) .useful-link-logo img { display: block; width: 100%; height: 100%; object-fit: contain; }
:where(.site-shell) .useful-link-card h3 { margin: 0 0 10px; font-size: 21px; line-height: 1.25; }
:where(.site-shell) .useful-link-card p { margin: 0 0 20px; font-size: 16px; line-height: 1.5; }
:where(.site-shell) .useful-link-visit { margin-top: auto; font-size: 15px; font-weight: 700; line-height: 1.5; }
:where(.site-shell) .useful-links-note { margin: 22px 0 0; font-size: 14px; line-height: 1.6; color: #536467; }
@media (max-width: 1100px) {
 :where(.site-shell) .useful-links-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
 :where(.site-shell) .useful-links { padding: 36px 0; }
 :where(.site-shell) .useful-links-heading { align-items: flex-start; flex-direction: column; gap: 16px; }
 :where(.site-shell) .useful-links-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
 :where(.site-shell) .useful-link-card { padding: 16px; }
 :where(.site-shell) .useful-link-logo { height: 72px; }
 :where(.site-shell) .useful-link-card h3 { font-size: 19px; }
}
@media (max-width: 380px) {
 :where(.site-shell) .useful-links-grid { grid-template-columns: 1fr; }
}