/* /guides/build-a-w2c-shortlist/ — five-card decision board. Original layout. */

.bs-hero{padding:48px 0 12px;max-width:840px}
.bs-hero h1{font-size:clamp(26px,3.6vw,38px);margin:.3em 0 .5em}
.bs-lede{font-size:17px;color:#C4C6C8}

.bs-board{display:flex;flex-direction:column;gap:12px}
.bs-card{display:flex;gap:16px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;align-items:flex-start;position:relative}
.bs-letter{position:absolute;top:-10px;left:-10px;width:28px;height:28px;border-radius:50%;background:var(--coral);color:#fff;font-family:var(--font-display);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.bs-card img{width:64px;height:64px;border-radius:10px;object-fit:cover;flex:0 0 auto}
.bs-card-body{flex:1;min-width:0}
.bs-card-body h3{font-size:15px;margin:0 0 4px}
.bs-role{font-size:12.5px;color:var(--coral);font-weight:700;margin:0 0 10px}
.bs-flags{display:flex;flex-wrap:wrap;gap:10px 16px;margin-bottom:10px}
.bs-flags span{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}
.bs-flag{font-family:var(--font-display);font-weight:800;font-size:10px;padding:3px 8px;border-radius:999px}
.bs-flag-g{background:var(--qc-green-tint);color:var(--qc-green)}
.bs-flag-a{background:var(--amber-tint);color:var(--amber)}
.bs-flag-r{background:rgba(255,107,94,.14);color:#FF6B5E}
.bs-open{font-size:13px;color:#C4C6C8;margin:0}

.bs-impact-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}

.bs-principle{background:var(--dark);border-radius:var(--radius-lg);padding:40px}
.bs-principle .eyebrow{color:#FF8A80}
.bs-principle h2{color:#fff;font-size:24px;margin:.3em 0 .5em}
.bs-principle p{color:#C7C7C5;font-size:15px;margin:0 0 20px}