/* Option-chain alignment — mirror-preserving.
 *
 * The table is designed as a mirror:
 *   CALLS  -> values right-aligned (they hug the STRIKE from the left)
 *   PUTS   -> values left-aligned  (they hug the STRIKE from the right)
 *
 * The body already does this. The bug was only in the header: CALL header
 * cells carry .r (right) but the PUT header cells have no class, so they fall
 * back to the browser default for <th> (centre) — that is what made the header
 * look detached from the values. Align the PUT headers to the left so each
 * header sits exactly over its column, and leave the body untouched.
 */

.chain thead tr.chain-cols th { text-align: left; }
.chain thead tr.chain-cols th.r { text-align: right; }
.chain thead tr.chain-cols th.c,
.chain thead tr.chain-cols th.strike { text-align: center; }

/* Group row (CALLS / <underlying> / PUTS) stays centred. */
.chain thead tr.chain-groups th { text-align: center; }

/* PUTS group header is rendered as th.group.pe but only .group.ce was styled.
   Give it the matching red tint so CALLS/PUTS headers read as a pair. */
.chain thead .group.pe { color: #dc2626; background: #fdf3f3; }

/* Shoonya source tag had no colour (only .kotak / .both / .nse exist). */
.px-tag.shoonya { color: #1565c0; }