/* A compact library of existing product files. */
.mc-site #wrap.mc-resources{margin:0 auto 48px;padding-top:136px}
.mc-site .mc-resources h1{font-size:32px;letter-spacing:-.025em}
.mc-site .mc-resource-index-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:12px}
.mc-site .mc-resource-search{display:flex;align-items:center;gap:16px;min-width:0}
.mc-site .mc-resource-search>input{min-width:0;width:280px;border:1px solid #d6d9d6;border-radius:24px;padding:10px 16px;font-size:15px}
.mc-site .mc-resource-search .mc-button{padding:12px 22px}
.mc-site .mc-resource-new{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:14px}
.mc-site .mc-resource-total{font-size:13px;color:#58636b;margin-bottom:24px}
.mc-site .mc-resource-family-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}
.mc-site .mc-resource-family-card{min-width:0}
.mc-site .mc-resource-family-image{position:relative;aspect-ratio:1.4;overflow:hidden;background:#f5f5f3;border-radius:3px}
.mc-site .mc-resource-family-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 180ms ease-out}
.mc-site .mc-resource-family-image.is-product img{object-fit:contain}
.mc-site .mc-resource-family-card:hover img{transform:scale(1.025)}
.mc-site .mc-resource-new-badge{position:absolute;top:12px;left:12px;background:var(--mc-accent);padding:4px 10px;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.mc-site .mc-resource-family-caption{padding-top:12px}
.mc-site .mc-resource-family-caption h2{font-size:18px;font-weight:600}
.mc-site .mc-resource-family-caption>span{display:flex;align-items:center;justify-content:space-between;margin-top:5px;font-size:12px;color:#58636b}
.mc-site .mc-resource-back{font-size:13px;color:#58636b}
.mc-site .mc-resource-family-heading{display:flex;align-items:baseline;gap:20px;margin:12px 0 24px}
.mc-site .mc-resource-family-heading p{font-size:13px;color:#58636b;margin:0}
.mc-site .mc-resource-type-picker summary{cursor:pointer;font-size:13px;width:fit-content}
.mc-site .mc-resource-type-picker[open] summary{margin-bottom:12px}
.mc-site .mc-resource-categories{margin:0;padding:0;border:0;min-width:0}
.mc-site .mc-resource-categories legend{font-size:13px;margin:0 0 12px}
.mc-site .mc-resource-categories>div{display:flex;gap:8px;flex-wrap:wrap}
.mc-site .mc-resource-categories label{display:inline-flex;align-items:center;gap:8px;border:1px solid #d8dcd8;border-radius:22px;padding:9px 12px;font-size:12px;cursor:pointer}
.mc-site .mc-resource-categories label:has(input:checked),.mc-site .mc-resource-categories label:has(input:indeterminate){border-color:#899100;background:#f7f8e8}
.mc-site .mc-resource-categories .is-empty{opacity:.4;cursor:default}
.mc-site .mc-resource-categories small{color:#58636b}
.mc-site .mc-resource-selection input[type=checkbox],.mc-site .mc-resource-new input{accent-color:#858c00;width:16px;height:16px;flex-shrink:0;cursor:pointer}
.mc-site .mc-resource-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0 20px;padding:8px 0;background:#fff;border-bottom:1px solid #e4e6e3;position:sticky;top:104px;z-index:5}
.mc-site .mc-resource-selection-tools{display:flex;align-items:center;flex-wrap:wrap;gap:16px}
.mc-site .mc-resource-selection-tools button{border:0;padding:8px 0;background:none;font-size:12px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.mc-site .mc-resource-download-action{display:flex;align-items:center;gap:16px}
.mc-site .mc-resource-count{white-space:nowrap;font-size:12px;color:#58636b}
.mc-site .mc-resource-actions .mc-button{display:flex;align-items:center;gap:10px;padding:12px 20px;white-space:nowrap;color:#000}
.mc-site .mc-resource-actions .mc-button:disabled{opacity:.4;cursor:default}
.mc-site .mc-resource-external-note{font-size:12px;color:#58636b;margin:0 0 16px}
.mc-site .mc-resource-file-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 16px}
.mc-site .mc-resource-file{border:1px solid #e3e5e2;border-radius:4px;min-width:0;padding:12px}
.mc-site .mc-resource-file:has(input:checked){border-color:#899100;background:#fcfcf5}
.mc-site .mc-resource-file-select{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:10px;cursor:pointer}
.mc-site .mc-resource-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}
.mc-site .mc-resource-file-preview{grid-column:1/-1;aspect-ratio:1.15;display:flex;align-items:center;justify-content:center;background:#f8f8f6;color:#89908b}
.mc-site .mc-resource-file-preview img{display:block;width:100%;height:100%;object-fit:contain}
.mc-site .mc-resource-file-preview>.fa{font-size:40px}
.mc-site .mc-resource-file-meta{display:flex;flex-direction:column;gap:3px;margin-top:10px;font-size:11px;color:#58636b}
.mc-site .mc-resource-file-actions{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:11px}
.mc-site .mc-resource-file-actions a:hover{text-decoration:underline}
@media(max-width:1200px){.mc-site .mc-resource-file-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mc-site .mc-resource-family-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:768px){
 .mc-site #wrap.mc-resources{padding-top:104px}
 .mc-site .mc-resource-index-heading{align-items:stretch;flex-direction:column;gap:16px}
 .mc-site .mc-resource-search{flex-wrap:wrap;gap:12px}
 .mc-site .mc-resource-search>input{width:100%}
 .mc-site .mc-resource-family-grid,.mc-site .mc-resource-file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
 .mc-site .mc-resource-family-heading{flex-direction:column;gap:8px}
 .mc-site .mc-resource-family-caption h2{font-size:16px}
 .mc-site .mc-resource-actions{top:80px;align-items:stretch;flex-direction:column;gap:8px}
 .mc-site .mc-resource-download-action{justify-content:space-between;gap:8px}
 .mc-site .mc-resource-selection-tools{gap:12px}
 .mc-site .mc-resource-file{padding:8px}
 .mc-site .mc-resource-file-name{font-size:11px}
 .mc-site .mc-resource-file-actions{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.mc-site .mc-resource-family-image img{transition:none}}

/* Full-size images use the same translucent backdrop as global search. */
.mc-site.mc-resource-preview-open,.mc-site.mc-resource-preview-open #wrapwrap{overflow:hidden}
.mc-site .mc-resource-preview-dialog{width:fit-content;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;border:0;margin:auto;background:transparent;color:#fff;overflow:auto}
.mc-site .mc-resource-preview-dialog[open]{animation:mc-search-enter 200ms ease-out}
.mc-site .mc-resource-preview-dialog::backdrop{background:rgba(12,15,14,.62);backdrop-filter:blur(3px);animation:mc-search-backdrop 200ms ease-out}
.mc-site .mc-resource-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.mc-site #mc-resource-preview-title{font-size:14px;overflow-wrap:anywhere;min-width:0}
.mc-site .mc-resource-preview-close{flex-shrink:0;width:44px;height:44px;padding:0;border:1px solid #ffffff60;border-radius:50%;background:transparent;color:#fff;font:300 30px/1 Arial,sans-serif;cursor:pointer}
.mc-site .mc-resource-preview-close:hover{background:#ffffff20}
.mc-site .mc-resource-preview-image{display:block;width:auto;height:auto;max-width:min(1100px,calc(100vw - 32px));max-height:calc(100dvh - 104px);object-fit:contain;margin:auto;border-radius:3px}
.mc-site .mc-resource-preview-image[hidden],.mc-site .mc-resource-preview-error[hidden]{display:none}
.mc-site .mc-resource-preview-error{max-width:420px;padding:24px;background:#fff;color:#111;border-radius:3px}
.mc-site .mc-resource-preview-error a{text-decoration:underline}
@media(prefers-reduced-motion:reduce){.mc-site .mc-resource-preview-dialog[open],.mc-site .mc-resource-preview-dialog::backdrop{animation:none}}