.purple-intro{padding:35px 4vw 20px;background:#211525}.purple-intro h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(42px,7vw,90px);margin:12px 0;color:#d7b6e8;line-height:1}.purple-intro p{margin:8px 0;line-height:1.5}.purple-picker{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;padding:20px 4vw 30px;background:#211525}.purple-picker button{min-width:0;background:#eee9e2;color:#19131c;border:3px solid transparent;border-radius:10px;padding:8px;text-align:left}.purple-picker button[aria-pressed=true]{border-color:#c17ae6;box-shadow:0 0 0 2px #fff}.purple-picker img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:5px;background:#fff}.purple-picker strong,.purple-picker small{display:block;margin-top:6px}.purple-picker small{font-size:11px}.purple #purple-comparison{align-items:start}.purple #purple-comparison img{object-fit:contain;aspect-ratio:1;background:#fff}.purple #purple-comparison p{line-height:1.55}.purple #purple-comparison dt{font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-top:18px;font-weight:bold}.purple #purple-comparison dd{margin:6px 0;line-height:1.5}.purple-source{display:block;margin-bottom:12px}.purple-empty{grid-column:1/-1;padding:50px 4vw;text-align:center;line-height:1.8}.purple-missing{aspect-ratio:1;display:grid;place-items:center;background:#ddd}.purple-science{padding:45px 4vw;background:#211525}.purple-science h2{font-size:clamp(30px,5vw,60px);margin-top:0}.purple-science>div{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.purple-science p{line-height:1.7;max-width:75ch}@media(max-width:850px){.purple-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.purple-science>div{grid-template-columns:1fr}}@media(max-width:500px){.purple-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.purple-picker strong{font-size:12px}.purple #purple-comparison{grid-template-columns:1fr}.purple .issue-band{gap:12px}}
.purple .icon-cards{display:flex;gap:8px;flex-wrap:wrap}.purple .profile-card{display:grid;grid-template-rows:18px 38px auto;align-items:center;width:82px;padding:6px;background:#eee9de;color:#111;border:1px solid #111;box-shadow:0 0 0 1px #eee9de;border-radius:7px}.purple .profile-card small{font:700 14px Arial}.purple .profile-card svg{height:36px;width:100%}.purple .profile-card b{font:700 10px/1.35 Arial;text-align:center;margin-top:5px}.purple .profile-card svg.reference-symbol{mix-blend-mode:multiply}@media(max-width:600px){.purple .profile-card{width:calc(50% - 4px);min-width:56px;grid-template-rows:16px 32px auto}.purple .profile-card svg{height:30px}}
.purple-back-choices{display:none}.purple-picker{scroll-margin-top:24px}@media(max-width:760px){.purple-back-choices{display:block;width:calc(100% - 32px);margin:20px 16px 28px;min-height:48px;padding:12px 18px;border:1px solid #bb93cc;border-radius:6px;background:#291c32;color:#f5e9fb;font:700 14px/1.4 Arial,sans-serif;cursor:pointer}.purple-back-choices:focus-visible{outline:2px solid #e2b5f3;outline-offset:4px}}