/* Emerald and gold gallery theme */
body{background:#006344;color:#fffbed;background-image:radial-gradient(ellipse at 80% 0%,#19a47465,transparent 55%)}
header{background:linear-gradient(105deg,#008653,#006547);border-color:#30a67d;box-shadow:0 5px 18px #00392325}
.brand{font-style:italic;font-size:22px;color:#fff5ba;letter-spacing:-.8px}.brand>span{color:#ffdc46;font-weight:900}
nav button{color:#fff2a7;background:#068052;border:1px solid #35ab78;border-radius:9px;padding:8px 13px}nav a{color:#edffe5}
main{padding-top:24px}.intro{border:1px solid #dfd655;border-radius:22px;padding:32px 36px;background:linear-gradient(115deg,#d9f758 0%,#a7e748 54%,#58bf64 100%);box-shadow:inset 0 1px 0 #ffffffb3,0 10px 24px #003c3726;color:#134c31;overflow:hidden}
.intro .eyebrow{color:#286633;letter-spacing:1.5px}.intro h1{font-size:clamp(38px,5vw,58px);letter-spacing:-2px;margin:12px 0}.intro h1>span{color:#117142}.intro-text{color:#285333;font-size:15px;max-width:390px;margin:14px 0}
.explore{padding:11px 20px;border:1px solid #ffe780;border-radius:9px;background:linear-gradient(#ffe45a,#ffcb20);color:#254b24;font-weight:800;box-shadow:0 3px 0 #cdb426;margin-top:10px}
.intro-count{right:38px;bottom:40px;color:#1a6337}.intro-count strong{font-size:100px;font-weight:900;color:#fff7b1;text-shadow:0 3px 0 #3a9a52}
.eyebrow{color:#ffe169}.section-heading h2{color:#fffbea}h2>span{color:#bceacb}.search{background:#00573d;border:1px solid #37a984;color:#c7f4d5;border-radius:10px}.search input{color:#fffbea}.search input::placeholder{color:#b9dfca}
.filter-bar{margin:20px 0}.filters{gap:10px}.filters button{background:linear-gradient(140deg,#0a8b65,#08734f);border:1px solid #249d77;border-radius:11px;color:#e2f9e8;padding:15px 20px;font-weight:600}.filters button[aria-pressed=true]{color:#38501d;background:linear-gradient(140deg,#fff55d,#ffd51f);border-color:#ffde40;box-shadow:0 4px 10px #003a3325}.filters button:hover{border-color:#e4de65}
#result-count{color:#d3f2dd}.grid{gap:19px 15px}.cover{border-radius:15px;background:#008056;box-shadow:0 5px 12px #003d3330;border:1px solid #60c89955}.favorite{background:#fff8cfde;color:#22714b;border:1px solid #fffbdaaa}.favorite[aria-pressed=true]{background:#ffda36;color:#71531a}.card h3{color:#fffde9;font-weight:700}.card p{color:#b9e5c9}.card:hover .cover{box-shadow:0 7px 20px #002e3840}
#empty{border-color:#6ac19b;background:#087451}#empty p{color:#d3f2dd}#reset,#detail-favorite{color:#254c24;background:linear-gradient(#ffe75d,#ffca22);border:1px solid #fff07a;box-shadow:0 2px 0 #b79323}
footer{border-color:#35a481;color:#d0eddb}footer small{color:#b8dec9}dialog{background:linear-gradient(130deg,#078a60,#005c41);border-color:#5abe91;color:#fffbea}dialog::backdrop{background:#002d24d9}.detail-copy p:not(.eyebrow),.detail-copy small{color:#d5f0df}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#fff08a}
@media(max-width:720px){header{height:64px}.brand{font-size:19px}main{padding:14px 14px 0}.intro{padding:21px 20px;border-radius:18px}.intro h1{font-size:36px;letter-spacing:-1.2px}.intro .eyebrow{font-size:10px;letter-spacing:1px}.intro-text{font-size:14px;max-width:300px;line-height:1.5;margin:10px 0}.explore{font-size:13px;padding:9px 15px;margin-top:6px}#collection{padding-top:24px}.section-heading{gap:13px}.section-heading h2{font-size:23px}.filters{gap:8px}.filters button{padding:14px 16px;border-radius:8px;min-height:48px}.grid{gap:16px 10px}.cover{border-radius:12px}.card h3{font-size:12px;margin-top:7px}.card p{display:none}.favorite{width:24px;height:24px;right:4px;top:4px}footer{margin:0 14px;padding:24px 0 30px}}