/* Judge-spread beeswarm card (spread.js). Dark card; works on light or dark pages. */
.spread{background:var(--night);color:#eef4f3;padding:120px 0;position:relative;overflow:hidden}
.spread::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 500px at 70% 0%,rgba(27,122,123,.35),transparent 65%),radial-gradient(700px 420px at 0% 100%,rgba(242,157,11,.10),transparent 70%);pointer-events:none}
.spread .wrap{position:relative}
.spread .eyebrow{color:#7fd1c0}
.spread .section-head h2 em{color:#ffc257}
.spread .section-body{color:#aebfbd}
.spread-card{margin-top:52px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.09);border-radius:var(--r-xl);padding:32px 36px 30px;box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{height:38px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:transparent;color:#cfdcda;font-size:14.5px;font-weight:550;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.chip:hover{border-color:rgba(255,255,255,.35);color:#fff}
.chip[aria-selected="true"]{background:#fff;color:var(--ink);border-color:#fff}
.spread-summary{margin-top:34px;font-size:clamp(22px,2.6vw,32px);font-weight:560;letter-spacing:-.03em;line-height:1.2;color:#fff;max-width:900px}
.spread-summary b{font-weight:650}
.spread-summary .lo{color:#ff8c8f}.spread-summary .hi{color:#5ee0a4}
.swarm{position:relative;margin-top:28px;padding-bottom:34px}
.swarm-plot{position:relative;height:220px;border-radius:20px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,transparent 1px 25%);background-size:calc(100% - 1px) 100%;background-position:0 0}
.swarm-axis{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:12px;color:#7d918f}
.swarm-axis span{width:0;display:flex;justify-content:center;white-space:nowrap}
.dot{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;border:0;padding:0;cursor:pointer;background:var(--c);box-shadow:0 0 0 2px var(--night),0 0 16px -2px var(--c);transform:scale(.2);opacity:0;transition:transform .55s var(--ease),opacity .4s,left .9s cubic-bezier(.16,1,.3,1),top .9s cubic-bezier(.16,1,.3,1)}
.dot.on{transform:scale(1);opacity:1}
.dot:hover,.dot:focus-visible,.dot.active{transform:scale(1.45);z-index:3;outline:0;box-shadow:0 0 0 2px var(--night),0 0 0 4px #fff}
.median-line{position:absolute;top:8px;bottom:8px;width:0;border-left:1.5px dashed rgba(255,255,255,.4);transition:left .6s var(--ease)}
.median-line span{position:absolute;top:-6px;left:8px;white-space:nowrap;font-family:var(--f-mono);font-size:11.5px;color:#b9c9c7;background:var(--night);padding:2px 6px;border-radius:6px}
.dot.edge{box-shadow:0 0 0 2px var(--night),0 0 0 4px var(--c),0 0 18px -2px var(--c)}
.swarm-tip{position:absolute;z-index:5;transform:translate(-50%,calc(-100% - 16px));background:#fff;color:var(--ink);border-radius:12px;padding:9px 12px;font-size:13.5px;font-weight:550;white-space:nowrap;box-shadow:0 18px 36px -12px rgba(0,0,0,.55);pointer-events:none}
.swarm-tip b{font-weight:700}
.spread-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-top:40px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}
.spread-foot .note{max-width:620px;color:#80918f}
.spread-actions{display:flex;align-items:center;gap:22px;flex:none}
.spread .text-link{color:#9fe3d3}

.spread-card{color:#eef4f3;background-color:var(--night)}
.spread .spread-card{background-color:transparent}
.spread-card .btn-light{background:#fff;color:var(--ink)}
.page .spread-card{margin:28px 0 8px;padding:26px 28px 24px;border-radius:24px;background:radial-gradient(700px 300px at 80% 0%,rgba(27,122,123,.35),transparent 65%),var(--night);font-family:var(--f-sans)}
.page .spread-card h2{margin:0 0 14px;color:#fff;font-size:20px}
.page .spread-summary{margin-top:6px;font-size:22px}
.page .spread-foot{margin-top:28px;padding-top:18px}
@media (prefers-reduced-motion:reduce){.dot,.median-line{transition:none!important}}
@media (max-width:640px){
  .spread-card{margin-top:36px;padding:22px 18px 22px;border-radius:26px}
  .chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -18px;padding:0 18px 4px;scrollbar-width:none}
  .chips::-webkit-scrollbar{display:none}
  .chip{flex:none}
  .swarm-plot{height:260px}
  .spread-foot{flex-direction:column;align-items:flex-start}
  .spread-actions{flex-wrap:wrap}
  .page .spread-card{padding:20px 16px}
}
.spread-card .note{font-size:13px;line-height:1.55}
.swarm-tip{max-width:min(320px,calc(100% - 8px));white-space:normal;text-align:center}