/* Local art-direction comparison: one accent family, neutral typography. */
:root,[data-palette="petrol"]{--accent:#005d56;--accent-dark:#123e3b;--accent-mid:#b5d4cf;--accent-soft:#e6f0ed;--surface:#f5f7f7;--ink:#20242b;--muted:#525b63;--line:#dbe1e2;--purple:var(--accent);--purple-dark:var(--accent-dark);--yellow:var(--accent-mid);--green:var(--accent-soft)}
[data-palette="cobalt"]{--accent:#1748a6;--accent-dark:#172e57;--accent-mid:#c4cfe2;--accent-soft:#e8edf6;--surface:#f5f6f8;--line:#dce1e8}
[data-palette="graphite"]{--accent:#383e48;--accent-dark:#242933;--accent-mid:#c5cad1;--accent-soft:#e9ecf0;--surface:#f6f7f8;--line:#dde1e6}
html{scroll-behavior:smooth}
.palette-review{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 24px;background:#f4f5f6;border-bottom:1px solid #dfe2e5;padding:10px 16px;font-size:14px;color:#51565e;line-height:1.4}
.palette-review>a{color:#343a43;text-underline-offset:4px;font-size:14px}
.palette-options{display:flex;gap:4px}
.palette-options button{border:1px solid transparent;background:transparent;border-radius:7px;min-height:38px;padding:7px 12px;display:flex;align-items:center;gap:7px;font-size:14px;color:#414650;white-space:nowrap}
.palette-options button[aria-pressed="true"]{background:white;border-color:#bdc3ca;color:#20242b;box-shadow:0 1px 2px #20242b0a}
.palette-options i{width:12px;height:12px;border-radius:50%;background:var(--swatch);display:block}
.palette-options button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.palette-art{isolation:isolate;position:relative}
.palette-art>.palette-shapes{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible}
.palette-art>img{position:relative;z-index:1;display:block}
.shape-solid{fill:var(--accent)}.shape-mid{fill:var(--accent-mid)}.shape-soft{fill:var(--accent-soft)}
.people-art.palette-art{position:absolute;z-index:-1;pointer-events:none}
.people-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.skill-art{background:var(--surface)}
.art-question{z-index:2;color:var(--accent-dark)}
.community-picture{background:white}
.quality-question{background:var(--accent-mid);color:var(--accent-dark)}
.quality-response{background:var(--surface)}
.task-form{border-color:var(--line)}
.task-form:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.section-kicker,.quality-label,.ai-value-number{color:var(--accent)}
.security-section,.event-poster{background:var(--accent-dark)}
.security-button{color:var(--accent-dark)}
.price-ticket>strong{color:var(--accent-dark)}
.ai-video-story{background:var(--surface)}
.ai-video-player video{background:#eae9e4}
.result-card a{color:var(--accent)}
.user .meta{color:white}
@media(max-width:1150px){.people-art.palette-art{position:relative;aspect-ratio:3/1;height:auto;flex-shrink:0;z-index:0}.people-art>img{position:absolute;height:100%;inset:0}}
@media(max-width:600px){.palette-review{gap:6px 12px;padding:8px 12px;justify-content:space-between}.palette-review>span{font-size:12px}.palette-review>a{display:none}.palette-options{gap:0}.palette-options button{min-height:40px;font-size:13px;padding:7px 8px}.palette-options i{width:10px;height:10px}.people-art.palette-art{width:100%;margin:0;aspect-ratio:3/1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}