.page-useful_links .page-canvas { min-height: 0; }
.useful-links-page { background: #dadada; padding-bottom: 65px; font-stretch: 87.5%; }
.useful-links-hero { position: relative; aspect-ratio: 2.05 / 1; }
.useful-links-hero > img { display: block; width: 100%; height: 100%; object-fit: cover; transform: scaleX(-1); } /* Orientamento del PDF, senza modificare la foto originale. */
.useful-links-title, .useful-links-panel { width: 260px; margin: 0; clip-path: polygon(0 0, 100% 0, 92% 78%, 0 100%); font-size: 25px; line-height: 1.2; font-weight: 700; }
.useful-links-title { position: absolute; top: 0; left: 0; padding: 20px 30px 38px 75px; background: #766b51; color: white; }
.useful-links-section { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 16px; padding-right: 35px; margin-top: 38px; align-items: start; }
.useful-links-section + .useful-links-section { margin-top: 65px; }
.useful-links-panel { padding: 16px 35px 35px 95px; background: #b8af9c; color: #494331; font-size: 24px; }
.useful-links-list { margin: 0; padding: 0; list-style: none; }
.useful-links-list li { display: flex; align-items: flex-start; gap: 10px; font-size: 23px; line-height: 1.35; color: #5a513b; font-weight: 700; }
.useful-links-list li + li { margin-top: 10px; }
.useful-links-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 27px; height: 29px; background: #766b51; color: white; font-size: 22px; }
.useful-links-list a, .useful-links-pending { min-width: 0; overflow-wrap: anywhere; }
.useful-links-list a { color: inherit; text-decoration: none; }
.useful-links-list a:hover { text-decoration: underline; text-underline-offset: 4px; }
.useful-links-list a:focus-visible { outline: 3px solid var(--brand-blue); outline-offset: 4px; }
.useful-links-pending small { display: block; font-size: 15px; font-weight: 400; color: #555; }
@media (max-width: 1000px) {
    .useful-links-title, .useful-links-panel { width: 215px; padding-left: 45px; }
    .useful-links-section { grid-template-columns: 215px minmax(0, 1fr); padding-right: 24px; }
    .useful-links-panel, .useful-links-list li { font-size: 21px; }
}
@media (max-width: 700px) {
    .useful-links-hero { aspect-ratio: 1.5 / 1; }
    .useful-links-title, .useful-links-panel { width: 190px; padding: 16px 28px 30px 24px; font-size: 22px; }
    .useful-links-section { display: block; padding: 0; margin-top: 28px; }
    .useful-links-section + .useful-links-section { margin-top: 32px; }
    .useful-links-list { padding: 20px 24px 0; }
    .useful-links-list li { font-size: 19px; }
    .useful-links-icon { flex-basis: 24px; height: 26px; font-size: 20px; }
    .useful-links-page { padding-bottom: 36px; }
}