/* Stili specifici di functions.php (documentazione delle funzioni grafiche) */

.func-toc { columns: 2; column-gap: 2rem; font-size: 0.9rem; margin: 0 0 1.5rem; }
.func-toc ul { list-style: none; padding-left: 0; margin: 0; }
.func-toc li { break-inside: avoid; margin: 0.15rem 0; }
.func-toc a { text-decoration: none; }
.func-toc a:hover { text-decoration: underline; }
@media (max-width: 640px) { .func-toc { columns: 1; } }

.func-entry { margin: 0 0 1.6rem; padding-bottom: 1.2rem; border-bottom: 1px solid #eee; }
.func-entry h4 { margin-top: 1.2rem; }
.func-entry p { margin: 0.35rem 0; }
.func-badge { font-size: 0.72rem; font-weight: 600; color: #5a6b7b; }

.func-figure { margin: 0.8rem 0 0; }
.func-figure img { max-width: 100%; height: auto; border: 1px solid #ddd; border-radius: 6px; display: block; }
.func-figure figcaption { font-size: 0.8rem; color: #888; margin-top: 0.3rem; }
.func-figure .func-img-missing { display: block; padding: 2rem; text-align: center;
  color: #aaa; background: #fafafa; border: 1px dashed #ddd; border-radius: 6px; font-size: 0.85rem; }

.func-lightbox { display: none; position: fixed; inset: 0; z-index: 2000;
  background: rgba(0,0,0,0.8); align-items: center; justify-content: center; cursor: zoom-out; padding: 2rem; }
.func-lightbox img { max-width: 95%; max-height: 95%; border-radius: 6px; box-shadow: 0 4px 30px rgba(0,0,0,0.5); }