/* Connor White — Friend of the Crown, 2017–2018. Per-boss art layer (BUILD-PLAN C6).
   Deep Blue ground with one milk-white tabletop rule, a bowl-and-spoon keyline in the corner, and sixteen
   rings along the base, eight of them in crown foil (Elliott's sixteen weeks and eight starts in 2017).
   Era treatment: a past president, played straight. No lettering anywhere in the art.
   Motifs: connor-white/tabletop.svg, connor-white/rings.svg (hand-authored, no text, no faces, no marks). */

body[data-manager-slug="connor-white"] {
  --team-field: #0A5E99;
  --team-band: #F4F6F8;
  --team-accent: #1E9BE0;
  --team-accent-2: #F4F6F8;
  --team-light: #F4F6F8;
  --team-ink: #06213A;
  --boss-ground: radial-gradient(110% 80% at 70% 18%, rgba(10, 94, 153, .6) 0%, rgba(10, 94, 153, .24) 46%, rgba(12, 13, 16, 0) 76%);
  --boss-motif: url("connor-white/tabletop.svg");
  --boss-motif-edge: url("connor-white/rings.svg");
  --boss-rule: rgba(30, 155, 224, .55);
}

/* ---------- hero ground: deep blue, the bowl on its tabletop line in the top corner, the rings at the base ---------- */
body[data-manager-slug="connor-white"] .pt-b-hero { position: relative; isolation: isolate; }
body[data-manager-slug="connor-white"] .pt-b-hero::before {
  content: "";
  position: absolute;
  inset: -32px -24px -24px -24px;
  z-index: -1;
  border-radius: 28px;
  background: var(--boss-motif) right top / 1600px auto no-repeat, var(--boss-ground);
  pointer-events: none;
}
body[data-manager-slug="connor-white"] .pt-b-hero::after {
  content: "";
  position: absolute;
  right: 12px;
  bottom: -20px;
  width: 528px;
  height: 32px;
  z-index: -1;
  background: var(--boss-motif-edge) right center / 528px 32px no-repeat;
  opacity: .9;
  pointer-events: none;
}

/* ---------- portrait rim: milk white on blue, a framed print ---------- */
body[data-manager-slug="connor-white"] .pt-b-portrait {
  border-color: rgba(244, 246, 248, .4);
  box-shadow: 0 0 0 1px rgba(30, 155, 224, .3), 0 30px 60px -30px rgba(6, 33, 58, 1);
}

/* ---------- numerals in Process Blue; eyebrows and stamps in Milk White; foil gold only in the rings ---------- */
body[data-manager-slug="connor-white"] .pt-b-c-n,
body[data-manager-slug="connor-white"] .pt-b-now-card-n,
body[data-manager-slug="connor-white"] .pt-b-fact-n,
body[data-manager-slug="connor-white"] .pt-b-numeral,
body[data-manager-slug="connor-white"] .pt-b-ch-fig-n { color: var(--team-accent); }
body[data-manager-slug="connor-white"] .pt-eb-ac { color: var(--team-accent); }
body[data-manager-slug="connor-white"] .pt-b-badge-ac { background: var(--team-accent); color: var(--team-ink); }
body[data-manager-slug="connor-white"] .pt-b-ch-eyebrow,
body[data-manager-slug="connor-white"] .pt-b-ch-stamp { color: var(--team-accent-2); }
body[data-manager-slug="connor-white"] .pt-b-ch .pt-win { color: var(--team-accent); }

/* ---------- chapter rules: one process-blue hairline per chapter head; milk-white ledger rules ---------- */
body[data-manager-slug="connor-white"] .pt-sec-head,
body[data-manager-slug="connor-white"] .pt-b-ch-head { border-top: 1px solid var(--boss-rule); }
body[data-manager-slug="connor-white"] .pt-b-ch[data-layout="ledger"] tbody tr,
body[data-manager-slug="connor-white"] .pt-b-ch[data-layout="timeline"] tbody tr { border-color: rgba(244, 246, 248, .18); }
body[data-manager-slug="connor-white"] .pt-b-ch[data-layout="timeline"] tbody tr:first-child td:last-child { color: var(--team-accent); font-weight: 700; }
body[data-manager-slug="connor-white"] .pt-b-ch .pt-card { border-color: rgba(30, 155, 224, .22); }

/* ---------- motion: the tabletop fades up, the rings fill from the left; static under reduced motion ---------- */
@media (prefers-reduced-motion: no-preference) {
  body[data-manager-slug="connor-white"] .pt-b-hero::before { animation: cw-table 1100ms cubic-bezier(.2, .8, .2, 1) both; }
  body[data-manager-slug="connor-white"] .pt-b-hero::after { animation: cw-rings 1000ms cubic-bezier(.16, 1, .3, 1) 320ms both; transform-origin: left center; }
  @keyframes cw-table { from { opacity: 0; } to { opacity: 1; } }
  @keyframes cw-rings { from { opacity: 0; transform: scaleX(.25); } to { opacity: .9; transform: none; } }
}

@media (max-width: 767px) {
  /* The bowl sits behind the full-width portrait at phone widths instead of peeking over it. */
  body[data-manager-slug="connor-white"] .pt-b-hero::before { inset: -20px -16px -16px -16px; border-radius: 20px; background-size: 1100px auto, auto; background-position: right 40px, center; }
  body[data-manager-slug="connor-white"] .pt-b-hero::after { right: 6px; bottom: -14px; width: 330px; height: 20px; background-size: 330px 20px; }
}