/* ---------- v3: accent themes, spotlight, filter drawer, help, badges ---------- */
:root[data-accent=blue]{--accent:#1f6bff;--accent2:#4d94ff}
:root[data-accent=amber]{--accent:#20a2ff;--accent2:#ffd36a}
:root[data-accent=amber] .btn.primary,:root[data-accent=amber] .chip[aria-pressed=true],:root[data-accent=amber] .seg button[aria-pressed=true],:root[data-accent=amber] .badge{color:#09090b}
:root[data-accent=amber] .chip[aria-pressed=true] svg,:root[data-accent=amber] .seg button[aria-pressed=true] svg{fill:#09090b}

.swatches{display:inline-flex;gap:6px;margin:0 4px 0 8px}
.swatch{width:16px;height:16px;border-radius:50%;border:2px solid transparent;padding:0;cursor:pointer;background:var(--accent);transition:transform var(--d-fast) var(--ease-out),border-color var(--d-fast)}
.swatch[data-accent=blue]{background:#2f8cff}
.swatch[data-accent=amber]{background:#20a2ff}
.swatch:hover{transform:scale(1.2)}
.swatch[aria-pressed=true]{border-color:var(--text);transform:scale(1.15)}

section.block.tight{padding-bottom:0}
.spot{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid var(--line);background:var(--panel);overflow:hidden;transition:border-color var(--d-fast),transform var(--d-med) var(--ease-out)}
.spot:hover{border-color:var(--h);transform:translate3d(0,-3px,0)}
.spot .cover.big{height:100%;min-height:260px;border:0;border-right:1px solid var(--line)}
.spot:hover .cv-lines{transform:translate3d(calc(var(--o) - 90px),0,0)}
.spot-body{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:clamp(22px,4vw,44px);align-items:flex-start}
.spot-body h2{margin:0;font-size:clamp(1.5rem,3.4vw,2.5rem);line-height:1.08;font-style:italic;font-weight:800}
.spot-body .btn{margin-top:6px;pointer-events:none}
.spot:hover .spot-body .btn::before{transform:none}
.cv-new{position:absolute;right:12px;top:12px;font:700 .64rem var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:3px 9px;background:var(--accent);color:#fff;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
:root[data-accent=amber] .cv-new{color:#09090b}
.card .save+.card-body{position:relative}
.card .cv-new{right:54px}

.fbtn{display:none}
.help h2{margin:0;padding:18px 20px 6px;font-style:italic}
.help dl{display:grid;grid-template-columns:auto 1fr;gap:10px 22px;margin:0;padding:12px 20px 22px;align-items:center}
.help dt{white-space:nowrap}
.help dd{margin:0;color:var(--muted)}
.help .pal-box{outline:none}

@media (max-width:900px){
  .fbtn{display:inline-flex;padding:9px 18px}
  .filters{display:none;width:100%}
  .filters.open{display:block;animation:chipIn .3s var(--ease-out)}
  .spot{grid-template-columns:1fr}
  .spot .cover.big{min-height:150px;height:150px;border-right:0;border-bottom:1px solid var(--line)}
  .swatches{display:none}
}
@media (min-width:901px){.filters{display:block!important}}