/* Cade profile v9 (2026-10-06): the broadcast profile. The shared parts are the broadcast layer (/lib/v8/broadcast.css: the art
   banner .b-pfb, the hexagon medallion .b-hexav, the wide table .b-tbl and its history variant) on the kit. This file keeps the
   page's own: .b-pff (the floors row + the next round ribbon), .b-me9 (the player head), .b-plates (the four colour stat plates),
   .b-chart (the P&L line), .b-cats with .b-donut + .b-leg (the category split), .b-pocs / .b-poc (an open position: no cancel).
   Nothing under 11px. */
.pfv9 .pf-ban-sec{padding-top:24px}
.pfv9 .pf-me-sec{padding-top:48px}
.pfv9 .fine{margin-top:40px}

/* ═════ THE BANNER: the reel art, the headline on the left, the cream sign on the right ═════ */
.b-pff{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 24px;margin-top:20px}
.b-pff .tabs .tab span{height:48px;padding:0 22px 0 24px;font-size:20px}
.b-live-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--red);border:2px solid var(--ink);margin-right:2px}
.b-live span{background:var(--bg3);outline:2px solid var(--red);outline-offset:-4px}
.b-pff-r{flex-direction:row;gap:14px}
.b-pff-r small{font-family:var(--shout);font-style:italic;font-weight:800;font-size:20px;letter-spacing:0}

/* ═════ THE PLAYER: medallion | name + titles | actions; the plates under the name ═════ */
.b-me9{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"av id k" "av pl pl";align-items:center;gap:22px 40px}
.b-me9-av{--hs:250px;grid-area:av;align-self:center}
.b-me9-av .b-hexav-r{background:var(--orange)}
.b-me9-av img{inset:12px;width:calc(100% - 24px);height:calc(100% - 24px)}
.b-me9-id{grid-area:id;min-width:0}
.b-me9-tag{display:inline-block;margin:0;padding:5px 12px 4px;background:var(--violet);color:var(--ink);font-family:var(--shout);font-style:italic;font-weight:800;font-size:19px;text-transform:uppercase;line-height:1;box-shadow:var(--sh-3)}
.b-me9-h{margin:12px 0 0;font-family:var(--shout);font-style:italic;font-weight:800;font-size:clamp(56px,6vw,84px);text-transform:uppercase;line-height:.84;color:var(--paper)}
.b-me9-j{margin:12px 0 0;font-family:var(--data);font-weight:700;font-size:var(--fs-key);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.b-me9-t{display:flex;align-items:center;gap:14px;margin-top:12px}
.b-me9-t>span{font-family:var(--data);font-weight:700;font-size:var(--fs-key);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.b-me9-t ul{list-style:none;margin:0;padding:0;display:flex;gap:6px}
.b-me9-t img{display:block;width:44px;height:44px;object-fit:cover;clip-path:var(--clip-hex)}
.b-me9-k{grid-area:k;display:flex;align-items:center;gap:16px;align-self:start}
.b-me9-k .plate{color:var(--ink)}
.b-ic{display:inline-grid;margin-right:10px}
.b-ic svg{width:20px;height:20px}
.b-me9-edit{min-height:52px;padding:0 20px;gap:4px}
.b-me9-edit .b-ic{margin-right:6px}
.b-plates{grid-area:pl;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0}
.b-plate .pnl-face{display:flex;flex-direction:column;gap:8px;padding:18px 24px 20px 22px;background:var(--yes);color:var(--ink)}
.b-plate[data-c=dark] .pnl-face{background:var(--bg4);color:var(--paper)}
.b-plate[data-c=cream] .pnl-face{background:var(--paper)}
.b-plate[data-c=orange] .pnl-face{background:var(--orange)}
.b-plate[data-c=violet] .pnl-face{background:var(--violet)}
.b-plate dt{font-family:var(--shout);font-style:italic;font-weight:800;font-size:22px;text-transform:uppercase;line-height:1}
.b-plate dd{margin:0;font-family:var(--data);font-weight:800;font-size:clamp(32px,3.3vw,46px);line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}

/* ═════ P&L OVER TIME ═════ */
.pf-row{align-items:stretch}
.pf-row>.pnl>.pnl-face{height:100%}
.tabs.b-xs .tab span{height:40px;padding:0 16px 0 18px;font-size:18px}
.b-pnlc .b-ph{align-items:center}
.b-chart-v{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px;margin:-6px 0 10px}
.b-chart-v b{font-family:var(--data);font-weight:800;font-size:30px;color:var(--paper);font-variant-numeric:tabular-nums}
.b-chart-v span{font-family:var(--data);font-weight:700;font-size:var(--fs-key);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.b-chart-v span[data-t=up]{color:var(--yes)}
.b-chart svg{display:block;width:100%;height:auto;overflow:visible}
.b-chart .g{stroke:var(--b-line2);stroke-width:1.5;stroke-dasharray:2 6}
.b-chart .g.z{stroke:var(--line);stroke-dasharray:none;stroke-width:2}
.b-chart .yl,.b-chart .xl{fill:var(--muted);font-family:var(--data);font-weight:700;font-size:13px}
.b-chart .a.up{fill:var(--yes);opacity:.2}
.b-chart .a.dn{fill:var(--muted);opacity:.12}
.b-chart .l{fill:none;stroke:var(--yellow);stroke-width:3;stroke-linejoin:round}
.b-chart circle{fill:var(--yellow);stroke:var(--ink);stroke-width:3}

/* ═════ CATEGORY SPLIT ═════ */
.b-cats{display:flex;flex-direction:column}
.b-cats-g{display:flex;align-items:center;gap:28px}
.b-donut{position:relative;flex:none;width:200px;height:200px}
.b-donut svg{width:100%;height:100%;transform:rotate(-90deg)}
.b-donut circle{fill:none;stroke-width:16}
.b-donut .t{stroke:var(--bg4)}
.b-donut p{position:absolute;inset:0;display:grid;place-content:center;margin:0;text-align:center}
.b-donut b{font-family:var(--data);font-weight:800;font-size:32px;line-height:1;color:var(--paper)}
.b-donut small{margin-top:6px;font-family:var(--data);font-weight:700;font-size:var(--fs-label);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.b-leg{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;flex:1;min-width:0}
.b-leg li{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:12px;font-family:var(--call);font-size:var(--fs-call);letter-spacing:.06em;text-transform:uppercase;color:var(--paper)}
.b-leg i{width:18px;height:18px;border:2px solid var(--ink);box-shadow:var(--sh-2)}
.b-leg b{font-family:var(--data);font-weight:800;font-size:var(--fs-field)}
.b-cats-s{align-self:flex-start;margin:auto 0 0;padding:18px 30px 22px 22px;background:var(--paper);color:var(--ink);clip-path:var(--clip-sign);transform:rotate(-2deg);filter:drop-shadow(var(--sh-5));position:relative;top:10px}
.b-cats-s b{display:block;font-family:var(--shout);font-style:italic;font-weight:800;font-size:clamp(28px,2.6vw,36px);text-transform:uppercase;line-height:.86}

/* ═════ OPEN POSITIONS ═════ */
.b-cnt{margin:0;font-family:var(--shout);font-style:italic;font-weight:800;font-size:24px;text-transform:uppercase;color:var(--paper);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.b-pocs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.b-poc{position:relative;min-width:0;filter:drop-shadow(var(--sh-6));transition:transform var(--t-key) var(--e-std),filter var(--t-key) var(--e-std)}
@media (hover:hover){.b-poc:hover{transform:translate(-2px,-2px);filter:drop-shadow(var(--sh-9))}.b-poc:hover .b-poc-q{color:var(--yellow)}}
.b-poc:has(a:focus-visible){outline:3px solid var(--orange);outline-offset:4px}
.b-poc-f{height:100%;display:flex;flex-direction:column;gap:16px;padding:22px 24px 24px 22px;clip-path:var(--clip-panel);background:var(--bg2)}
.b-poc-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.b-poc-top .clk{margin:0}
.b-poc-id{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px}
.b-poc-m{display:block;width:64px;height:64px}
.b-poc-m svg{width:100%;height:100%;display:block}
.b-poc-t{margin:0;font-family:var(--data);font-weight:700;font-size:var(--fs-key);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.b-poc-q{margin:4px 0 0;font-family:var(--shout);font-style:italic;font-weight:800;font-size:clamp(24px,2.1vw,28px);text-transform:uppercase;line-height:.95}
.b-poc-q a{color:var(--paper)}
.b-poc-q a:focus-visible{outline:none}
.b-poc-q a::after{content:"";position:absolute;inset:0}
.b-poc-s{display:flex;align-items:center;gap:12px;margin:0;padding:12px 14px;background:var(--b-row);border:2px solid var(--ink)}
.b-poc-s>span:first-child{font-family:var(--data);font-weight:700;font-size:var(--fs-label);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.b-poc-s>b{margin-left:auto;font-family:var(--data);font-weight:800;font-size:20px;color:var(--paper)}
.b-poc-s small{font-size:var(--fs-label);color:var(--muted)}
.b-poc-d{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:auto 0 0}
.b-poc-d div{padding:0 12px}
.b-poc-d div:first-child{padding-left:0}
.b-poc-d div+div{border-left:2px solid var(--line)}
.b-poc-d dt{font-family:var(--data);font-weight:700;font-size:var(--fs-label);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.b-poc-d dd{margin:6px 0 0;font-family:var(--data);font-weight:800;font-size:20px;color:var(--paper);font-variant-numeric:tabular-nums}

/* ═════ RECENT HISTORY: the layer's .b-tbl.b-hist; the panel head centres its plate ═════ */
.b-his .b-ph{align-items:center}

/* ═════ rungs ═════ */
@media (max-width:1180px){
  .b-me9{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"av id" "av k" "pl pl"}
  .b-me9-av{--hs:200px}
  .b-me9-k{align-self:start}
  .b-pocs{gap:18px}
  .b-poc-f{padding:20px 18px 22px}
}
@media (max-width:1023px){
  .b-pocs{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .pfv9 .pf-ban-sec{padding-top:16px}
  .pfv9 .pf-me-sec{padding-top:40px}
  .b-pff{flex-direction:column;align-items:stretch;gap:14px;margin-top:16px}
  .b-pff .tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .b-pff .tabs .tab span{height:44px;padding:0 4px;font-size:clamp(13px,4vw,17px);gap:6px}
  .b-live-dot{width:10px;height:10px}
  .b-pff-r{justify-content:flex-start}
  .b-me9{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"av id" "k k" "pl pl";gap:20px 18px}
  .b-me9-av{--hs:116px;align-self:start}
  .b-me9-av img{inset:7px;width:calc(100% - 14px);height:calc(100% - 14px)}
  .b-me9-h{font-size:clamp(42px,13vw,56px)}
  .b-me9-j{font-size:var(--fs-label)}
  .b-me9-t{flex-direction:column;align-items:flex-start;gap:8px}
  .b-me9-t img{width:38px;height:38px}
  .b-me9-k{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .b-me9-k .plate{padding:0 12px;font-size:18px}
  .b-me9-edit{min-height:56px;justify-content:center}
  .b-plates{grid-template-columns:1fr 1fr;gap:14px}
  .b-plate .pnl-face{padding:16px 16px 18px}
  .b-plate dt{font-size:19px}
  .b-plate dd{font-size:clamp(26px,8.4vw,34px)}
  .b-pnlc .b-ph{flex-direction:column;align-items:flex-start;gap:14px}
  .b-pnlc .tabs{flex-wrap:nowrap}
  .b-chart-v b{font-size:24px}
  .b-cats-g{flex-direction:column;align-items:stretch;gap:22px}
  .b-donut{align-self:center;width:180px;height:180px}
  .b-cats-s{margin-top:24px}
  .b-pocs{grid-template-columns:1fr;gap:20px}
}
@media (max-width:360px){
  .b-me9-k{grid-template-columns:1fr}
  .b-plate dd{font-size:24px}
}
@media (max-width:1180px){.b-poc-d dd{font-size:17px}.b-poc-d div{padding:0 8px}}
@media (max-width:760px){.b-his.b-list,.b-pnlc.b-list,.b-cats.b-list{padding-right:24px}.b-poc-f{padding-right:24px}}
@media (max-width:360px){.b-poc-d dd{font-size:15px}.b-poc-s{flex-wrap:wrap}}
/* review 2026-10-07: the live dot beats the kit's .tab i (a dark key chip), and the joined line never orphans the rank */
.b-pff .tab i.b-live-dot{display:inline-block;width:12px;height:12px;padding:0;border-radius:50%;background:var(--red);border:2px solid var(--ink);margin-right:2px;flex:none}
@media (max-width:760px){.b-pff .tab i.b-live-dot{width:10px;height:10px}}
.b-me9-j span{white-space:nowrap}
.b-cnt{display:inline-flex;align-items:center;min-height:44px}