.document-gallery{margin:16px 0;padding:0}.document-icon-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.document-icon-row:last-child{margin-bottom:0}.document-icon{box-sizing:border-box;flex:0 0 var(--dg-icon-width,25%);max-width:var(--dg-icon-width,25%);padding:8px;text-align:center;width:var(--dg-icon-width,25%)}.document-icon-row{--dg-gap:12px}.document-icon{flex:0 0 calc(var(--dg-icon-width, 25%) - var(--dg-gap));max-width:calc(var(--dg-icon-width, 25%) - var(--dg-gap));width:calc(var(--dg-icon-width, 25%) - var(--dg-gap))}.document-icon a{align-items:center;color:inherit;display:flex;flex-direction:column;text-decoration:none;transition:opacity .2s}.document-icon a:hover{opacity:.8}.document-icon img{border-radius:4px;height:auto;margin-bottom:6px;max-height:120px;max-width:100%;object-fit:contain}.document-icon .title{color:#1e1e1e;display:block;font-size:13px;line-height:1.4;max-width:100%;word-break:break-word}.document-icon a:hover .title{color:#2563eb;text-decoration:underline}.document-icon .document-description{color:#6b7280;font-size:12px;line-height:1.4;margin-top:4px;text-align:left}@media (max-width:768px){.document-icon-row{gap:8px}.document-icon{--dg-gap:8px}.document-icon img{max-height:80px}.document-icon .title{font-size:12px}}@media (max-width:480px){.document-gallery .document-icon{flex:0 0 calc(50% - 4px)!important;max-width:calc(50% - 4px)!important;width:calc(50% - 4px)!important}}