/* Adresář používá společnou paletu webu; každá položka má název, adresu a krátký popis. */
.links-page { padding: 22px; }
.links-intro { margin: 0 0 18px; color: var(--text-secondary); }
.resource-list { margin: 0; padding: 0; list-style: none; }
.resource-list > li + li { margin-top: 12px; }
.resource-link { display: grid; grid-template-columns: 48px minmax(0, 1fr) 20px; align-items: start; gap: 16px; padding: 20px; border: 1px solid var(--line); border-radius: 5px; background: var(--bg); }
.resource-link:hover { border-color: var(--field-border); background: var(--surface-hover); }
.resource-link:focus-visible { outline-offset: 3px; }
.resource-icon { display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-raised); }
/* Původní ikonu nepřekreslujeme ani neořezáváme; pro web bez ikony lze vložit SVG icon-link. */
.resource-icon img { width: 32px; height: 32px; object-fit: contain; }
.resource-info { min-width: 0; }
.resource-info h3 { margin: 0; font-size: 19px; line-height: 1.4; }
.resource-url { display: block; margin-top: 2px; color: var(--muted); overflow-wrap: anywhere; }
.resource-info p { margin: 12px 0; color: var(--text-secondary); }
.resource-action { color: var(--link); text-decoration: underline; text-underline-offset: 3px; }
.resource-external { margin-top: 4px; color: var(--link); }
/* Na úzkém displeji dostane popis celou šířku; ikona a šipka zůstávají v horním řádku. */
@media (max-width: 760px) {
    .links-page { padding: 16px; }
    .resource-link { grid-template-columns: minmax(0, 1fr) 20px; gap: 12px; padding: 16px; }
    .resource-icon { grid-column: 1; grid-row: 1; }
    .resource-info { grid-column: 1 / -1; grid-row: 2; }
    .resource-external { grid-column: 2; grid-row: 1; }
}