/* Website advocate artwork preview. Canonical master.css supplies all tokens.
   Portraits are unchanged 1536x1024 sheets: three columns, two rows. */
.bc-advocates { color:var(--bc-ink); font-family:var(--bc-font); }
.bc-advocates, .bc-advocates * { box-sizing:border-box; }
.bc-advocates__spotlight {
  display:grid; grid-template-columns:minmax(220px,320px) minmax(0,1fr);
  align-items:center; gap:clamp(24px,5vw,64px); margin:32px 0 40px;
  padding:24px; border:1px solid var(--bc-line); border-radius:var(--bc-radius);
  background:var(--bc-panel);
}
.bc-advocates__spotlight[hidden] { display:none; }
.bc-advocates__portrait {
  display:block; width:100%; aspect-ratio:1;
  background-size:300% 200%;
  background-position:var(--bc-portrait-x) var(--bc-portrait-y);
  background-repeat:no-repeat; background-color:var(--bc-black);
}
.bc-advocates__portrait--1 { background-image:url('assets/advocates/portraits-1-closed.png'); }
.bc-advocates__portrait--2 { background-image:url('assets/advocates/portraits-2-closed.png'); }
.bc-advocates__portrait--3 { background-image:url('assets/advocates/portraits-3-closed.png'); }
.bc-advocates__portrait--large { border-radius:calc(var(--bc-radius) - 4px); }
.bc-advocates__profile { min-width:0; }
.bc-advocates__kicker { margin:0 0 12px; color:var(--bc-green-ink); font-size:.8rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; }
.bc-advocates__profile h3 { margin:0 0 16px; color:var(--bc-white); font-size:clamp(2rem,4vw,3.5rem); line-height:1.1; overflow-wrap:anywhere; }
.bc-advocates__trait { max-width:42ch; margin:0 0 16px; color:var(--bc-ink); font-size:clamp(1.05rem,2vw,1.25rem); line-height:1.6; }
.bc-advocates__appearance { max-width:48ch; margin:0 0 24px; color:var(--bc-muted); line-height:1.6; }
.bc-advocates__note { max-width:52ch; margin:0; padding-top:16px; border-top:1px solid var(--bc-line); color:var(--bc-muted); font-size:.875rem; line-height:1.6; }
.bc-advocates__selector { min-width:0; margin:0; padding:0; border:0; }
.bc-advocates__selector legend { padding:0; color:var(--bc-white); font-size:1.125rem; font-weight:700; }
.bc-advocates__help { max-width:72ch; margin:12px 0 24px; color:var(--bc-muted); font-size:.9rem; line-height:1.6; }
.bc-advocates__grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; }
.bc-advocates__choice { position:relative; min-width:0; }
.bc-advocates__choice input {
  position:absolute; top:12px; right:12px; z-index:1; width:20px; height:20px;
  margin:0; accent-color:var(--bc-blue); cursor:pointer;
}
.bc-advocates__choice label {
  display:flex; height:100%; min-width:0; flex-direction:column;
  overflow:hidden; border:2px solid var(--bc-line); border-radius:var(--bc-radius);
  background:var(--bc-panel); cursor:pointer;
  transition:border-color .15s ease,background-color .15s ease;
}
.bc-advocates__choice label:hover { border-color:var(--bc-muted); }
.bc-advocates__choice input:checked + label { border-color:var(--bc-blue); background:var(--bc-blue-tint); }
.bc-advocates__choice input:focus-visible + label { outline:3px solid var(--bc-white); outline-offset:4px; }
.bc-advocates__name { padding:12px 12px 4px; color:var(--bc-white); font-size:.94rem; font-weight:700; line-height:1.35; overflow-wrap:anywhere; }
.bc-advocates__summary { padding:0 12px 14px; color:var(--bc-muted); font-size:.8rem; line-height:1.45; overflow-wrap:anywhere; }
.bc-advocates__sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.bc-advocates__selection {display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:22px;padding:16px 0;border-bottom:1px solid var(--bc-line);font-size:13px;color:var(--bc-muted)}
.bc-advocates__selection b{color:var(--bc-green-ink)}
@media(max-width:650px){.bc-advocates__selection{font-size:12px;gap:12px;flex-wrap:wrap}}
@media(max-width:1000px) { .bc-advocates__grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:650px) {
  .bc-advocates__spotlight { grid-template-columns:minmax(0,1fr); gap:24px; padding:16px; }
  .bc-advocates__portrait--large { max-width:280px; margin-inline:auto; }
  .bc-advocates__grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
  .bc-advocates__choice input { top:8px; right:8px; width:18px; height:18px; }
  .bc-advocates__name { padding:10px 8px 4px; font-size:.85rem; }
  .bc-advocates__summary { padding:0 8px 12px; font-size:.75rem; }
}
@media(max-width:350px) { .bc-advocates__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(prefers-reduced-motion:reduce) { .bc-advocates__choice label { transition:none; } }
@media(forced-colors:active) {
  .bc-advocates__choice input:checked + label { border-color:Highlight; }
  .bc-advocates__choice input:focus-visible + label { outline-color:Highlight; }
}