/* City Watercolors, layered on styles.css and gallery.css */
.g-card .art{padding:12px}
.g-card .acts a{white-space:nowrap}
.g-card .tags span.t-sa{color:#7a3b2a;border-color:rgba(122,59,42,.45)}
.g-card .tags span.t-hold{color:var(--olive-m);border-color:var(--line)}
.credits{margin-top:28px;max-width:80ch;color:var(--olive-m);font-size:.9rem}
.credits summary{cursor:pointer;font-weight:600;color:var(--olive-d)}
.credits ol{margin:14px 0 0;padding-left:1.3em;display:grid;gap:6px}
.credits li{text-wrap:pretty;overflow-wrap:anywhere}
.credits a{text-decoration:underline;text-underline-offset:2px}
.credits-page h2{font-size:1.5rem;margin:36px 0 10px}
.credits-page ul.cr{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-width:80ch;color:var(--olive-m);font-size:.92rem}
.credits-page li{text-wrap:pretty;overflow-wrap:anywhere;scroll-margin-top:90px}
.credits-page li:target{background:var(--bone-2);outline:1px solid var(--line-gilt)}
.credits-page li strong{color:var(--olive-d)}
.credits-page a{text-decoration:underline;text-underline-offset:2px}

/* search + carousel */
.finder{font:inherit;font-size:1rem;width:min(440px,100%);padding:10px 14px;border:1px solid var(--line-gilt);border-radius:3px;background:var(--bone);color:var(--olive-d)}
.finder:focus{outline:2px solid var(--gilt);outline-offset:1px}
.car{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(8px,2vw,18px);align-items:center;margin-top:8px}
.car-btn{width:46px;height:46px;border-radius:50%;border:1px solid var(--line-gilt);background:var(--bone-2);color:var(--olive-d);font-size:1.7rem;line-height:1;cursor:pointer;display:grid;place-items:center}
.car-btn:hover{border-color:var(--gilt);color:var(--gilt)}
.car-stage{margin:0;background:var(--bone-2);border:1px solid var(--line);border-radius:3px;box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);min-width:0}
.car-art{background:var(--bone);padding:clamp(12px,2vw,22px);display:grid;place-items:center;height:clamp(260px,42vw,560px)}
.car-art img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 2px 4px rgba(70,60,40,.25),0 10px 22px rgba(70,60,40,.16)}
.car-cap{padding:clamp(18px,2.5vw,30px);display:flex;flex-direction:column;gap:6px;justify-content:center;min-width:0}
.car-cap h3{font-size:clamp(1.4rem,2.4vw,1.9rem);margin:0;text-wrap:balance}
.car-cap .yr{margin:0 0 6px;color:var(--olive-m)}
.car-n{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gilt)}
.car-cap .acts{display:flex;gap:18px;flex-wrap:wrap;font-weight:600;margin-top:6px}
.car-strip{display:flex;gap:10px;overflow-x:auto;padding:16px 2px 8px;scroll-snap-type:x proximity;scrollbar-width:thin}
.car-strip button{flex:0 0 auto;padding:0;border:2px solid transparent;border-radius:2px;background:none;cursor:pointer;scroll-snap-align:center;opacity:.75}
.car-strip button[aria-current="true"]{border-color:var(--gilt);opacity:1}
.car-strip button:hover{opacity:1}
.car-strip img{height:72px;width:auto;display:block}
@media(max-width:760px){.car{grid-template-columns:1fr}.car-btn{display:none}.car-stage{grid-template-columns:1fr}.car-art{height:clamp(220px,62vw,420px)}}
#rRights[hidden],.car[hidden],.car-strip[hidden]{display:none}
