@import url('/stories/editorial.css');
/* Court diagrams are drawn from the umpire's chair: side A on the left half,
   side B on the right. Each player's own right court is the one nearer their
   right hand as they face the net, so A-right sits bottom-left and B-right top-right. */
.rally-figure{margin:28px 0;padding:24px;background:#fcfbf6;border:1px solid var(--line);border-radius:4px}.rally-figure>.eyebrow{color:var(--coral);margin:0 0 14px}
.key{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12px;color:var(--muted);margin:0 0 18px}.key>span{display:inline-flex;align-items:center;gap:8px}
.mark{display:inline-block;width:14px;height:14px;border-radius:3px}.mark.serve{background:var(--ink)}.mark.receive{border:2px solid var(--coral);background:#fff}
.rallies{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.rally{min-width:0;padding:14px;border:1px solid var(--line);border-radius:4px;background:#fff}.rally.highlight{border-color:var(--coral);box-shadow:inset 0 0 0 1px var(--coral)}
.rally-head{font-size:12px;line-height:1.5;margin:0 0 12px;color:var(--muted)}.rally-head strong{display:block;font-size:22px;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}
.court{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"al br" "ar bl";background:#2f6b4f;border:2px solid #fff;outline:1px solid #2f6b4f;position:relative}
.court::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:#fff}
.cell{display:flex;justify-content:space-between;align-items:center;gap:6px;min-height:46px;padding:8px 12px;font-size:13px;font-weight:600;color:#fff;border-bottom:1px solid #ffffff80}.cell:nth-child(n+3){border-bottom:0}
.cell small{font-size:10px;font-weight:700;letter-spacing:.06em;opacity:.75}
.a-left{grid-area:al}.a-right{grid-area:ar}.b-right{grid-area:br;padding-left:16px}.b-left{grid-area:bl;padding-left:16px}.a-left,.a-right{padding-right:16px}
.cell.server{background:var(--ink);box-shadow:inset 0 0 0 2px #d6e98d}.cell.receiver{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 3px var(--coral)}.cell.receiver small{opacity:1;color:var(--coral)}
.rally-note{font-size:12px!important;line-height:1.6;margin:12px 0 0!important;color:var(--ink)}
.rally-figure figcaption{font-size:11px;line-height:1.8;color:var(--muted);margin-top:20px;border-top:1px solid var(--line);padding-top:16px}
.sequence{list-style:none;padding:0;margin:8px 0 28px;display:flex;flex-wrap:wrap;gap:8px}.sequence li{flex:1 1 120px;padding:12px 14px;border-top:3px solid var(--ink);background:#fcfbf6;font-size:12px;line-height:1.5}.sequence li:last-child{border-top-color:var(--coral)}.sequence strong{display:block;font-size:15px}.sequence span{color:var(--muted)}
.formula{margin:0 0 20px;font-size:14px;line-height:1.8}
@media(max-width:700px){.rally-figure{padding:18px}.rallies{grid-template-columns:1fr}.cell{font-size:14px}}