/* Cade share v9 (2026-10-06): the public share page. The shared parts are the broadcast layer (/lib/v8/broadcast.css) on the
   kit; this file keeps the page's deltas and the pieces the layer lacks (b- names, for the consolidation pass):
   .b-pc (THE CARD: their PnL card rays + the whole CADE wordmark, a hexagon avatar, the cream sign, the value plate),
   .b-pcs (the card style tiles), .b-shr (the share action plates), .b-nx (the next round panel), .b-what (the facts band),
   .plate.b-dark. */
.shv9 .sh-top{padding-top:24px}
.shv9 .sh-top .b-promo-f{min-height:340px}
.shv9 .fine{margin-top:40px}

.sh-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 40px;flex-wrap:wrap;margin-bottom:28px}
.sh-head .b-page-h{margin:0}
.sh-head-p{margin:0;max-width:34ch;font-family:var(--read);font-size:var(--fs-read);line-height:1.35;color:var(--muted);text-align:right}

/* THE CARD: a violet ground with their rays, the art on the right, the avatar on the left, the cream sign in the middle */
.b-pcw{filter:drop-shadow(var(--sh-9))}
.b-pc{container-type:inline-size}
.b-pc-f{position:relative;aspect-ratio:1200/430;overflow:hidden;clip-path:var(--clip-panel);background:radial-gradient(80% 120% at 60% 40%,var(--violet),var(--violet-deep) 70%)}
.b-pc[data-style=day] .b-pc-f{background:radial-gradient(80% 120% at 60% 40%,var(--orange),var(--orange-deep) 70%)}
.b-pc[data-style=cup] .b-pc-f{background:radial-gradient(80% 120% at 60% 40%,#7B3FE0,var(--violet-ink) 80%)}
.b-pc-rays{position:absolute;left:-10%;top:-30%;width:120%;height:160%;object-fit:cover;opacity:.9}
.b-pc-art{position:absolute;right:0;top:0;bottom:0;width:42%}
.b-pc-art picture,.b-pc-art img{display:block;width:100%;height:100%}
.b-pc-art img{object-fit:cover;object-position:var(--obj,50% 40%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%);mask-image:linear-gradient(90deg,transparent,#000 30%)}
.b-pc-who{position:absolute;left:3.4cqw;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;width:20cqw}
.b-pc-av{display:block;width:19cqw;aspect-ratio:1.15;padding:1.1cqw;background:var(--ink);clip-path:var(--clip-hex)}
.b-pc-av img{display:block;width:100%;height:100%;object-fit:cover;clip-path:var(--clip-hex);background:var(--orange);border:0}
.b-pc-av{background:linear-gradient(var(--orange),var(--orange)) content-box,var(--ink)}
.b-pc-tag{margin-top:-1.6cqw;padding:1cqw 3cqw 1.1cqw 2.6cqw;background:var(--paper);color:var(--ink);font-family:var(--shout);font-style:italic;font-weight:800;font-size:max(14px,3.2cqw);text-transform:uppercase;line-height:1;clip-path:var(--clip-chip);filter:drop-shadow(3px 3px 0 #000);position:relative}
.b-pc-main{position:absolute;left:25cqw;top:7%;bottom:9%;width:46cqw;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1.1cqw;padding:2.4cqw 4.6cqw 3cqw 3.4cqw;background:var(--paper);color:var(--ink);clip-path:var(--clip-sign);transform:rotate(-2deg);filter:drop-shadow(5px 5px 0 #000)}
.b-pc-h{margin:0;font-family:var(--shout);font-style:italic;font-weight:800;font-size:max(30px,8.4cqw);text-transform:uppercase;line-height:.84;letter-spacing:-.01em}
.b-pc-q{margin:0;font-family:var(--call);font-size:max(13px,2.3cqw);letter-spacing:.04em;text-transform:uppercase;line-height:1.05}
.b-pc-side{margin:.4cqw 0 0;padding:.7cqw 2.2cqw .6cqw 1.8cqw;background:var(--yes);color:var(--ink);font-family:var(--shout);font-style:italic;font-weight:800;font-size:max(14px,2.4cqw);text-transform:uppercase;line-height:1;clip-path:var(--clip-chip)}
.b-pc[data-style=day] .b-pc-side{background:var(--orange)}
.b-pc[data-style=cup] .b-pc-side{background:var(--violet)}
.b-pc-v{margin:0;padding:.6cqw 2.6cqw .8cqw 2cqw;background:var(--yes);color:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px 0 #000;font-family:var(--data);font-weight:800;font-size:max(26px,6.2cqw);line-height:1;font-variant-numeric:tabular-nums}
.b-pc[data-style=cup] .b-pc-v{background:var(--yellow)}
.b-pc-mark{position:absolute;right:2.6cqw;bottom:6%;display:block;padding:1.2cqw 2cqw;background:var(--paper);clip-path:var(--clip-field);filter:drop-shadow(3px 3px 0 #000)}
.b-pc-mark i{display:block;width:15cqw;aspect-ratio:512/311;background:var(--ink);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}

/* the styles: three art tiles, the chosen one keyed yellow */
.b-pcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}
.b-pcs-i{display:block;min-width:0;padding:0;background:none;border:0;text-align:left;filter:drop-shadow(var(--sh-5));transition:transform var(--t-key) var(--e-std)}
.b-pcs-f{position:relative;display:flex;align-items:center;justify-content:flex-end;height:112px;padding:0 22px;overflow:hidden;clip-path:var(--clip-field);background:var(--violet-deep)}
.b-pcs-art{position:absolute;inset:0}
.b-pcs-art img{width:100%;height:100%;object-fit:cover;object-position:var(--obj,50% 40%);opacity:.75}
.b-pcs-t{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 18px 11px 14px;background:var(--ink);color:var(--paper);transform:rotate(-2deg)}
.b-pcs-t b{font-family:var(--shout);font-style:italic;font-weight:800;font-size:24px;text-transform:uppercase;line-height:1}
.b-pcs-t small{font-family:var(--data);font-weight:800;font-size:var(--fs-key);color:var(--yellow)}
.b-pcs-i[aria-checked=true] .b-pcs-f{box-shadow:inset 0 0 0 4px var(--yellow)}
.b-pcs-i[aria-checked=true] .b-pcs-t{background:var(--yellow);color:var(--ink)}
.b-pcs-i[aria-checked=true] .b-pcs-t small{color:var(--ink)}
@media (hover:hover){.b-pcs-i:not([aria-checked=true]):hover{transform:translate(-2px,-2px)}}
.b-pcs-i:focus-visible{outline:3px solid var(--orange);outline-offset:4px}

/* the share actions */
.b-shr{display:flex;justify-content:center;flex-wrap:wrap;gap:16px 22px;margin-top:30px}
.b-shr .plate{gap:12px;height:60px;padding:0 36px 2px 32px}
.b-shr .b-ic{position:relative;display:block;width:22px;height:22px;flex:none}.b-shr .b-ic svg{display:block;width:100%;height:100%}
.b-shr .plate>span{position:relative}

/* THE NEXT ROUND */
.sh-over{align-items:flex-end;justify-content:space-between}
.sh-over-h{color:var(--paper);font-size:clamp(40px,4.4vw,62px)}
.sh-over .b-hd-p{margin-top:10px}
.sh-over-c{flex-direction:row;gap:14px;margin-left:auto}
.sh-over-c small{font-size:var(--fs-key)}
.b-nx{padding:22px 26px 28px 24px}
.b-nx-top{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;margin-bottom:22px}
.b-nx-id{margin-left:auto;font-family:var(--data);font-weight:700;font-size:var(--fs-key);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.b-nx-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:28px;align-items:start}
.b-nx-q{margin:0;font-family:var(--shout);font-style:italic;font-weight:800;font-size:clamp(34px,3.4vw,48px);text-transform:uppercase;line-height:.9;color:var(--paper)}
.b-nx-g{margin:10px 0 0;font-family:var(--call);font-size:var(--fs-call);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.b-nx-st{display:flex;margin:22px 0 22px;gap:0}
.b-nx-st>div{padding:0 22px}.b-nx-st>div:first-child{padding-left:0}.b-nx-st>div+div{border-left:2px solid var(--line)}
.b-nx-st dt{font-family:var(--data);font-weight:700;font-size:var(--fs-label);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.b-nx-st dd{margin:6px 0 0;font-family:var(--data);font-weight:800;font-size:26px;color:var(--paper);font-variant-numeric:tabular-nums}
.b-nx .mside{height:56px;font-size:22px;justify-content:center}
.b-nx .mside em{font-family:var(--shout);font-style:italic;font-size:22px;font-weight:800}
.b-nx-cta{width:100%;justify-content:center;margin-top:16px;height:60px;font-size:24px}
.b-nx-f{margin:14px 0 0;font-family:var(--data);font-weight:500;font-size:var(--fs-label);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);line-height:1.5}
.b-nx-court{min-width:0}

/* WHAT CADE IS */
.b-what{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px 36px;padding:26px 36px 28px 26px}
.b-what-s{margin:0;padding:22px 40px 26px 26px;background:var(--paper);color:var(--ink);clip-path:var(--clip-sign);transform:rotate(-2deg);filter:drop-shadow(var(--sh-5))}
.b-what-s b{display:block;font-family:var(--shout);font-style:italic;font-weight:800;font-size:clamp(32px,3.2vw,44px);text-transform:uppercase;line-height:.9}
.b-what-s span{display:block;margin-top:8px;font-family:var(--read);font-size:var(--fs-read-s);color:#3A362F}
.b-what-f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}
.b-what-f>div{padding:0 22px}.b-what-f>div+div{border-left:2px solid var(--line)}
.b-what-f dt{font-family:var(--data);font-weight:800;font-size:clamp(20px,1.8vw,26px);white-space:nowrap;color:var(--paper);line-height:1}
.b-what-f dd{margin:8px 0 0;font-family:var(--read);font-size:var(--fs-read-s);line-height:1.3;color:var(--muted)}

@media (prefers-reduced-motion:reduce){.b-pcs-i{transition:none}}
html.static .b-pcs-i{transition:none}

@media (max-width:1180px){
  .b-what{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"s f" "c c"}
  .b-what-s{grid-area:s}.b-what-f{grid-area:f}.b-what>.plate{grid-area:c;justify-self:start}
}
@media (max-width:1180px){.b-nx-in{grid-template-columns:1fr}.b-nx-court{order:-1}.b-nx-l{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 32px;align-items:start}.b-nx-l>*{grid-column:1}.b-nx-l>.b-air-sides,.b-nx-l>.b-nx-cta,.b-nx-l>.b-nx-f{grid-column:2}.b-nx-l>.b-air-sides{grid-row:1}.b-nx-l>.b-nx-cta{grid-row:2}.b-nx-l>.b-nx-f{grid-row:3}}
@media (max-width:1023px){
  .b-what{grid-template-columns:1fr;grid-template-areas:"s" "f" "c"}
  .b-what-s{justify-self:start}
}
@media (max-width:760px){
  .shv9 .sh-top .b-promo-f{min-height:0}
  .sh-head{margin-bottom:22px}
  .sh-head-p{text-align:left;font-size:16px}
  /* the card stands up: avatar + tag on top, the sign, the art behind */
  .b-pc-f{aspect-ratio:auto;min-height:0;padding:26px 18px 30px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
  .b-pc-art{width:100%;height:46%;top:0;bottom:auto;opacity:.85}
  .b-pc-art img{-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent);mask-image:linear-gradient(180deg,#000 40%,transparent)}
  .b-pc-who{position:relative;left:auto;top:auto;transform:none;width:auto;flex-direction:row;gap:12px;align-items:center}
  .b-pc-av{width:96px;padding:6px}
  .b-pc-tag{margin:0;font-size:20px;padding:7px 16px 8px 14px}
  .b-pc-main{position:relative;left:auto;top:auto;bottom:auto;width:100%;gap:10px;padding:22px 26px 26px 20px}
  .b-pc-h{font-size:clamp(46px,15vw,64px)}
  .b-pc-q{font-size:17px}
  .b-pc-side{font-size:19px;padding:6px 16px 5px 14px}
  .b-pc-v{font-size:clamp(34px,11vw,44px);padding:6px 14px 7px 12px}
  .b-pc-mark{position:relative;right:auto;bottom:auto;align-self:flex-end;padding:8px 14px}
  .b-pc-mark i{width:96px}
  .b-pcs{grid-template-columns:1fr;gap:12px;margin-top:24px}
  .b-pcs-f{height:84px}
  .b-pcs-t b{font-size:20px}
  .b-shr{display:grid;grid-template-columns:1fr;gap:12px;margin-top:24px}
  .b-shr .plate{justify-content:center;height:56px}
  .sh-over{align-items:flex-start;flex-direction:column}
  .sh-over-c{margin-left:0}
  .sh-over-h{font-size:clamp(36px,11vw,46px)}
  .b-nx{padding:20px 16px 24px 16px}
  .b-nx-id{margin-left:0;flex:1 0 100%}
  .b-nx-l{display:block}
  .b-what{padding:22px 18px 24px 16px}
  .b-what-f{grid-template-columns:1fr;gap:16px}
  .b-what-f>div{padding:0}.b-what-f>div+div{border-left:0;border-top:2px solid var(--line);padding-top:16px}
  .b-what>.plate{justify-self:stretch;justify-content:center}
}