:root{--cream:#fff8e5;--ink:#53351e;--green:#246414;--line:#e7d9ae}body{background:var(--cream);color:var(--ink)}.intro{background:var(--cream);border-bottom:1px solid var(--line)}.intro h1,.intro p,h1,.gallery .material-title,.gallery .material-number,.terms-note,.material-tools,.search-input input,.search-row label,#material-count,#material-empty{color:var(--ink)}.terms-note,.material-tools,.gallery .card{background:#fffdf4;border-color:#e1cf9e}.gallery .card{border-width:2px;border-radius:18px;box-shadow:0 5px 0 #d5c38940}.gallery .preview{background:#fffdf1;padding:8px;height:220px;cursor:default}.gallery .preview img{object-fit:contain}.gallery .genre-tag{background:#edf2db;color:var(--green)}.gallery .download,.genre-filters button[aria-pressed=true]{background:linear-gradient(#62ae24,#25800e);border:1px solid #4b9220;color:white}.gallery .download:hover{background:#246414}.genre-filters button,.search-input button{background:#fffdf1;color:var(--ink);border-color:#d2c195}.search-input input{border-color:#cbb98d;background:white}.terms-note a{color:var(--green)}.material-tools button:focus-visible,.material-tools input:focus-visible,.gallery a:focus-visible{outline-color:#ef7b13}.footer-banner{max-width:1120px;width:calc(100% - 48px);margin:48px auto 0}.footer-banner img{display:block;width:100%;height:auto}.footer.compact-footer{max-width:1120px;width:calc(100% - 48px);margin:0 auto;background:var(--cream);color:var(--ink);border-top:1px solid #dfd6b7;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:18px;padding:12px 8px;font-size:11px;white-space:nowrap}.compact-footer a{color:inherit;text-decoration:underline;text-underline-offset:3px}@media(max-width:700px){.footer-banner{margin-top:30px;width:calc(100% - 28px)}.footer.compact-footer{width:calc(100% - 28px);gap:6px;padding:10px 2px;font-size:clamp(6px,1.85vw,9px)}}@media(max-width:580px){.gallery .preview{height:250px;padding:8px}}

/* Five cards per desktop row, two cards per smartphone row. */
body .gallery{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
body .gallery>.card{min-width:0}
body .gallery .preview{height:auto!important;aspect-ratio:1;min-height:0;padding:8px}
@media(max-width:700px){
 body .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-left:14px;padding-right:14px}
 body .gallery .preview{padding:6px}
 body .gallery .caption{padding:8px 4px;gap:8px}
 body .gallery .material-meta{gap:3px}
 body .gallery .material-number{font-size:11px}
 body .gallery .material-genres{gap:1px}
 body .gallery .genre-tag{font-size:clamp(7px,1.9vw,10px);padding:3px 2px}
 body .gallery .download{font-size:12px;padding:9px 3px}
}

/* Match the header divider and tighten the title/description band. */
body .intro{box-sizing:border-box;border-bottom:2px solid #d9dfb0!important;padding-top:18px!important;padding-bottom:14px!important}
body .intro h1{margin-top:0;margin-bottom:10px}
body .intro p{margin:0}
@media(min-width:701px){
 body .intro{max-width:1120px;width:calc(100% - 48px);margin-left:auto;margin-right:auto;padding-left:0!important;padding-right:0!important}
 body .intro>.inner{max-width:none;width:100%;margin:0}
}
@media(max-width:700px){
 body .intro{padding-top:16px!important;padding-bottom:12px!important}
}