/* File page: one card per file, the name on its own line and the details below it (2026-10-29) */
div.file-card {display:flex; align-items:center; gap:16px; margin:16px 0 4px; padding:16px 18px; border:1px solid #e0e0e0; border-radius:8px; background:#f5f5f5;}
div.file-card .file-card-icon {flex:none; font-size:40px; line-height:1; color:#fd9a00;}
div.file-card .file-card-body {flex:1 1 auto; min-width:0;}
div.file-card a.file-card-name {display:block; font-size:16px; line-height:1.4; font-weight:600; color:#333335; text-decoration:none; overflow-wrap:anywhere;}
div.file-card a.file-card-name:hover {color:#fd9a00; text-decoration:underline;}
div.file-card ul.file-card-meta {display:flex; flex-wrap:wrap; align-items:center; margin:4px 0 0; padding:0; list-style:none; font-size:13px; line-height:1.5; color:#666;}
div.file-card ul.file-card-meta li {display:block; margin:0; padding:0; background:none; list-style:none; float:none;}
div.file-card ul.file-card-meta li:before {display:none;}
div.file-card ul.file-card-meta li + li:before {display:inline;}
div.file-card ul.file-card-meta li + li:before {content:"\00B7"; margin:0 8px; color:#c2bbbb;}
div.file-card a.file-card-button {flex:none; display:inline-block; padding:9px 16px; border-radius:6px; background:#fd9a00; color:#ffffff; font-weight:600; text-decoration:none; white-space:nowrap;}
div.file-card a.file-card-button:hover {background:#e08800; color:#ffffff;}
@media (max-width: 600px) {
    div.file-card {flex-wrap:wrap;}
    div.file-card a.file-card-button {width:100%; text-align:center;}
}