/* R8 — apenas a organização das ligações úteis. */
.page-main--links { padding: 50px 25px 25px 10px; }
.page-main--links .useful-links h1 { margin: 0 0 15px; color: #ab0900; font: normal 22.8px/30px 'Arial Narrow', sans-serif; }
.useful-links-intro { margin: 0 0 24px; color: #666; }
.useful-link-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 24px; }
.useful-link-group { min-width: 0; }
.useful-link-group h2 { margin: 0 0 3px; padding-bottom: 8px; border-bottom: 1px solid #ded8d4; color: #77231f; font-size: 16px; font-weight: normal; line-height: 1.35; }
.useful-link-group ul { list-style: none; padding: 0; margin: 0; }
.useful-link-group li { border-bottom: 1px solid #eee; }
.useful-link-group a { display: block; min-height: 44px; padding: 11px 5px; color: #8e251f; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
.useful-link-group a:hover { background: #faf7f5; text-decoration: underline; }
.useful-link-group a:focus-visible { outline: 2px solid #8e251f; outline-offset: 1px; }
.useful-external { white-space: nowrap; color: #777; }
.useful-link-group small { display: block; padding: 0 5px 10px; color: #666; font-size: 12px; }
@media (min-width: 768px) and (max-width: 989px) { .page-main--links { padding-left: 25px; padding-right: 20px; } }
@media (max-width: 989px) { .useful-link-groups { grid-template-columns: minmax(0, 1fr); gap: 22px; } }
@media (max-width: 767px) { .page-main--links { padding: 16px 0 12px; } }