/* Layout block download_bild: the whole image is the PDF download link, with link text and size below it inside
   the link. Heading and caption like zeichnung; type and colours from tokens.css. Hover lifts the frame and
   underlines the link text; focus uses the site's ring (base.css). No yellow buy colour: this is not a product. */
.db-h { font-size: 20px; font-weight: 800; margin-bottom: 12px; }
.db-fig { margin: 0; }
.db-link { display: block; color: var(--ink); text-decoration: none; border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--surface); overflow: hidden; transition: box-shadow .2s, border-color .2s; }
.db-img { display: block; width: 100%; height: auto; }
.db-line { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; padding: 12px 14px; border-top: 1px solid var(--line); font-size: 15px; line-height: 1.4; }
.db-label { font-weight: 700; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 3px; transition: text-decoration-color .2s; }
.db-meta { font-size: 13px; color: var(--ink-3); }
.db-link:hover { border-color: var(--brand-deep); box-shadow: var(--shadow-lift); }
.db-link:hover .db-label { text-decoration-color: currentColor; }
.db-fig figcaption { margin-top: 10px; font-size: 14px; color: var(--ink-2); line-height: 1.5; }

@media (prefers-reduced-motion: reduce) {
  .db-link, .db-label { transition: none; }
}