/* /csgo-betting-canada — AISHTMLNEWDESIGN-461
   Page-owned styles. EVERY selector is scoped to #page-csgo-betting-canada or a
   cbc- prefixed class: this sheet must never style body, a bare element,
   #ais-header or #ais-footer. The document reset (html,body{margin:0}) is owned
   by the shared layout sheet — it is NOT restated here.
   Font is Inter; no body/UI text below 16px.

   ══ DIRECTION — PRICE BRACKET ═══════════════════════════════════════════════
   A betting line is a price QUOTED BETWEEN TWO ENDS: it opens, it moves, it
   closes. So nothing on this page is "carded" — every unit of content is
   *quoted*, held between two opposing corner brackets (top-left and
   bottom-right) drawn as hairline-free 2px cobalt arms on an otherwise
   frameless cell. No box border, no radius, no shadow. Section heads carry the
   same bracket reduced to a mark: two facing corner arms with a gap between
   them, which is the quote with nothing in it yet.

   Two states, and only two: COBALT is the open price (every signal, every
   bracket, every CTA), GRAPHITE is the closed one (the dark bands). The ground
   is cold market paper. There is no third chroma anywhere in this sheet.

   Deliberately disjoint from the five sibling CSGO pages:
     · csgo-crash-canada  FORFEIT LINE — amber rule + notch AT EVERY SECTION
       JOIN over bone/deep-ink. Here: no rule at any join at all, grounds
       simply change, and there is no amber and no bone.
     · csgo-crash-script  THE SCRIPT BLOCK — near-black dominant, ONE red
       signal, NUMBERED rows stepping off a rule. Here: light-dominant, cobalt,
       and not one index numeral on the page.
     · csgo-roulette-script  ESCROW SHELF — warm oat/porcelain, a solid
       verdigris shelf RAIL closing each cell along its bottom edge. Here: cold
       blue-grey paper, and the bracket is two OPEN corner arms diagonally
       opposed — no rail, no fill, nothing runs along an edge.
     · csgo-trade-bot-canada  RELAY ROSTER — a bone duty board with ink rules,
       numbered slot tags and a terracotta flag. Here: no board, no tags, no
       numbering, no terracotta.
     · portfolio/csgo-coinflip  EVEN MONEY — hard 50/50 split, vermilion vs
       petrol duotone, two-cell round mark. Here: no split composition, no
       vermilion, no petrol, and the mark is a square bracket, not two discs.
   Also avoided throughout: maple/winter/Canada iconography, aurora gradients,
   neon-on-black, glass cards, counting stat bars.

   Rule 26 — every transition in this file is a finite response to :hover,
   :focus-visible, :active or a <details> being opened. There is no @keyframes
   block, no infinite animation and no scroll-driven anything.

   ANCHOR SPECIFICITY NOTE: the page's inline baseline sets
   `#page-csgo-betting-canada a{color:inherit}` at id+element level (1,0,1),
   which out-specifies any class-only anchor rule. Every anchor rule below
   therefore carries the wrapper id.
   ═══════════════════════════════════════════════════════════════════════════ */

#page-csgo-betting-canada{
  /* grounds */
  --cbc-paper:#e9eef5;      /* cold market paper — the default ground        */
  --cbc-paper-2:#f3f6fa;    /* the lighter alternate band                    */
  --cbc-cell:#ffffff;       /* a quoted cell                                 */
  --cbc-slab:#1c2128;       /* graphite — the closed side                    */
  --cbc-slab-2:#252b34;     /* a quoted cell on graphite                     */
  --cbc-slab-3:#12161c;     /* the deepest graphite (hero foot)              */
  /* signal */
  --cbc-cobalt:#1140bd;
  --cbc-cobalt-dk:#0c2f8d;
  --cbc-cobalt-lt:#93b4ff;
  /* type */
  --cbc-text:#12161c;
  --cbc-text-2:#39424e;
  --cbc-on-slab:#eef2f7;
  --cbc-on-slab-2:#bcc6d3;
  /* structure */
  --cbc-line:#c9d3e0;
  --cbc-line-2:#3a4653;
  --cbc-wrap:1180px;
  --cbc-pad:clamp(56px,7vw,104px);
  --cbc-gut:clamp(20px,5vw,44px);

  font-family:"Inter",system-ui,sans-serif;
  font-size:17px;
  line-height:1.65;
  color:var(--cbc-text);
  background:var(--cbc-paper);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}

/* box-sizing is scoped to this page's own wrapper and its descendants only —
   never a global * rule */
#page-csgo-betting-canada,
#page-csgo-betting-canada *,
#page-csgo-betting-canada *::before,
#page-csgo-betting-canada *::after{box-sizing:border-box;}

/* Element baselines. Each is written on its OWN fully-scoped selector: a
   grouped `#page-x h1,h2,h3{margin:0}` would apply the id only to the first
   member and zero every heading margin on the document. */
#page-csgo-betting-canada h1,
#page-csgo-betting-canada h2,
#page-csgo-betting-canada h3,
#page-csgo-betting-canada h4,
#page-csgo-betting-canada h5{
  margin:0;
  font-weight:800;
  letter-spacing:-.015em;
  color:var(--cbc-text);
}
#page-csgo-betting-canada p{margin:0 0 18px;}
#page-csgo-betting-canada p:last-child{margin-bottom:0;}
#page-csgo-betting-canada ul{margin:0;padding:0;list-style:none;}
#page-csgo-betting-canada figure{margin:0;}
#page-csgo-betting-canada img{display:block;max-width:100%;height:auto;}
#page-csgo-betting-canada button{font:inherit;}

#page-csgo-betting-canada a:focus-visible,
#page-csgo-betting-canada button:focus-visible,
#page-csgo-betting-canada summary:focus-visible{
  outline:3px solid var(--cbc-cobalt);
  outline-offset:3px;
}
#page-csgo-betting-canada .cbc-hero a:focus-visible,
#page-csgo-betting-canada .cbc-admin a:focus-visible,
#page-csgo-betting-canada .cbc-benefits a:focus-visible,
#page-csgo-betting-canada .cbc-why a:focus-visible,
#page-csgo-betting-canada .cbc-area a:focus-visible,
#page-csgo-betting-canada .cbc-hero button:focus-visible,
#page-csgo-betting-canada .cbc-area button:focus-visible{
  outline-color:var(--cbc-cobalt-lt);
}

/* ── the wrapper ─────────────────────────────────────────────────────────── */
#page-csgo-betting-canada .cbc-hero__in,
#page-csgo-betting-canada .cbc-crumb__in,
#page-csgo-betting-canada .cbc-quote__in,
#page-csgo-betting-canada .cbc-open__in,
#page-csgo-betting-canada .cbc-market__in,
#page-csgo-betting-canada .cbc-admin__in,
#page-csgo-betting-canada .cbc-hire__in,
#page-csgo-betting-canada .cbc-users__in,
#page-csgo-betting-canada .cbc-benefits__in,
#page-csgo-betting-canada .cbc-avail__in,
#page-csgo-betting-canada .cbc-reward__in,
#page-csgo-betting-canada .cbc-integrate__in,
#page-csgo-betting-canada .cbc-why__in,
#page-csgo-betting-canada .cbc-talent__in,
#page-csgo-betting-canada .cbc-stories__in,
#page-csgo-betting-canada .cbc-area__in{
  width:100%;
  max-width:var(--cbc-wrap);
  margin-inline:auto;
  padding-inline:var(--cbc-gut);
}

/* ══ THE BRACKET ═══════════════════════════════════════════════════════════
   Two opposing corner arms. Present on every quoted cell in the page; the arms
   grow on hover and only on hover. */
#page-csgo-betting-canada .cbc-quotecell,
#page-csgo-betting-canada .cbc-slabcell,
#page-csgo-betting-canada .cbc-area__cell,
#page-csgo-betting-canada .cbc-story{
  position:relative;
}
#page-csgo-betting-canada .cbc-quotecell::before,
#page-csgo-betting-canada .cbc-quotecell::after,
#page-csgo-betting-canada .cbc-slabcell::before,
#page-csgo-betting-canada .cbc-slabcell::after,
#page-csgo-betting-canada .cbc-area__cell::before,
#page-csgo-betting-canada .cbc-area__cell::after,
#page-csgo-betting-canada .cbc-story::before,
#page-csgo-betting-canada .cbc-story::after{
  content:"";
  position:absolute;
  width:22px;
  height:22px;
  border:2px solid var(--cbc-cobalt);
  pointer-events:none;
  transition:width .18s ease,height .18s ease,border-color .18s ease;
}
#page-csgo-betting-canada .cbc-quotecell::before,
#page-csgo-betting-canada .cbc-slabcell::before,
#page-csgo-betting-canada .cbc-area__cell::before,
#page-csgo-betting-canada .cbc-story::before{
  top:0;left:0;border-right-width:0;border-bottom-width:0;
}
#page-csgo-betting-canada .cbc-quotecell::after,
#page-csgo-betting-canada .cbc-slabcell::after,
#page-csgo-betting-canada .cbc-area__cell::after,
#page-csgo-betting-canada .cbc-story::after{
  right:0;bottom:0;border-left-width:0;border-top-width:0;
}
#page-csgo-betting-canada .cbc-quotecell:hover::before,
#page-csgo-betting-canada .cbc-quotecell:hover::after,
#page-csgo-betting-canada .cbc-area__cell:hover::before,
#page-csgo-betting-canada .cbc-area__cell:hover::after,
#page-csgo-betting-canada .cbc-story:hover::before,
#page-csgo-betting-canada .cbc-story:hover::after{
  width:34px;height:34px;
}
#page-csgo-betting-canada .cbc-slabcell::before,
#page-csgo-betting-canada .cbc-slabcell::after,
#page-csgo-betting-canada .cbc-area__cell::before,
#page-csgo-betting-canada .cbc-area__cell::after{
  border-color:var(--cbc-cobalt-lt);
}
#page-csgo-betting-canada .cbc-slabcell:hover::before,
#page-csgo-betting-canada .cbc-slabcell:hover::after{
  width:34px;height:34px;
}

/* the same bracket reduced to a section mark — two facing arms, gap between */
#page-csgo-betting-canada .cbc-mark{
  display:block;
  width:52px;
  height:15px;
  margin-bottom:16px;
  border-top:3px solid var(--cbc-cobalt);
  border-left:3px solid var(--cbc-cobalt);
  border-right:3px solid var(--cbc-cobalt);
  border-bottom:0;
}
#page-csgo-betting-canada .cbc-mark--light{
  border-top-color:var(--cbc-cobalt-lt);
  border-left-color:var(--cbc-cobalt-lt);
  border-right-color:var(--cbc-cobalt-lt);
}

/* ── shared type ─────────────────────────────────────────────────────────── */
#page-csgo-betting-canada .cbc-h2{
  font-size:clamp(28px,3.3vw,42px);
  line-height:1.15;
  margin:0 0 6px;
  text-wrap:balance;
}
#page-csgo-betting-canada .cbc-h2--onslab{color:var(--cbc-on-slab);}
#page-csgo-betting-canada .cbc-head{margin-bottom:clamp(24px,3vw,40px);max-width:56ch;}
#page-csgo-betting-canada .cbc-head--onslab{max-width:60ch;}
#page-csgo-betting-canada .cbc-lead{
  font-size:clamp(19px,1.7vw,23px);
  line-height:1.5;
  color:var(--cbc-text-2);
  font-weight:500;
}

/* in-copy links — the wrapper id is mandatory here, see the header note */
#page-csgo-betting-canada a.cbc-link{
  color:var(--cbc-cobalt);
  font-weight:600;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
  transition:color .15s ease,text-decoration-thickness .15s ease;
}
#page-csgo-betting-canada a.cbc-link:hover,
#page-csgo-betting-canada a.cbc-link:focus-visible{
  color:var(--cbc-cobalt-dk);
  text-decoration-thickness:2px;
}

/* ── buttons ─────────────────────────────────────────────────────────────── */
#page-csgo-betting-canada .cbc-btn{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-height:52px;
  padding:14px 30px;
  border:2px solid transparent;
  font-size:17px;
  font-weight:700;
  letter-spacing:.01em;
  cursor:pointer;
  text-align:left;
  transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .1s ease;
}
#page-csgo-betting-canada .cbc-btn::after{
  content:"";
  width:11px;
  height:11px;
  border-top:2px solid currentColor;
  border-right:2px solid currentColor;
  flex:0 0 auto;
}
#page-csgo-betting-canada .cbc-btn--signal{
  background:var(--cbc-cobalt);
  border-color:var(--cbc-cobalt);
  color:#ffffff;
}
#page-csgo-betting-canada .cbc-btn--signal:hover,
#page-csgo-betting-canada .cbc-btn--signal:focus-visible{
  background:var(--cbc-cobalt-dk);
  border-color:var(--cbc-cobalt-dk);
}
#page-csgo-betting-canada .cbc-btn--ink{
  background:var(--cbc-slab);
  border-color:var(--cbc-slab);
  color:#ffffff;
}
#page-csgo-betting-canada .cbc-btn--ink:hover,
#page-csgo-betting-canada .cbc-btn--ink:focus-visible{
  background:var(--cbc-cobalt);
  border-color:var(--cbc-cobalt);
}
#page-csgo-betting-canada .cbc-btn:active{transform:translateY(2px);}

/* ══ HERO — rule 24 ════════════════════════════════════════════════════════
   Full-bleed graphite, a STATIC linear gradient, no image of any kind, one
   CTA, content in a centred ~900px reading column. */
#page-csgo-betting-canada .cbc-hero{
  width:100%;
  padding:clamp(72px,9vw,132px) var(--cbc-gut) clamp(64px,8vw,112px);
  background:linear-gradient(180deg,var(--cbc-slab) 0%,var(--cbc-slab-3) 100%);
  color:var(--cbc-on-slab);
}
#page-csgo-betting-canada .cbc-hero__in{
  max-width:900px;
  padding-inline:0;
  position:relative;
}
/* the hero itself is the largest quote on the page */
#page-csgo-betting-canada .cbc-hero__in::before,
#page-csgo-betting-canada .cbc-hero__in::after{
  content:"";
  position:absolute;
  width:40px;
  height:40px;
  border:3px solid var(--cbc-cobalt-lt);
  pointer-events:none;
}
#page-csgo-betting-canada .cbc-hero__in::before{
  top:-26px;left:-26px;border-right-width:0;border-bottom-width:0;
}
#page-csgo-betting-canada .cbc-hero__in::after{
  right:-26px;bottom:-26px;border-left-width:0;border-top-width:0;
}
#page-csgo-betting-canada .cbc-hero__eyebrow{
  margin:0 0 18px;
  font-size:16px;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--cbc-cobalt-lt);
}
#page-csgo-betting-canada .cbc-hero__eyebrow::before{content:"[";margin-right:.7em;}
#page-csgo-betting-canada .cbc-hero__eyebrow::after{content:"]";margin-left:.7em;}
#page-csgo-betting-canada .cbc-hero__h1{
  margin:0 0 24px;
  font-size:clamp(36px,5vw,62px);
  line-height:1.06;
  letter-spacing:-.025em;
  font-weight:800;
  color:#ffffff;
  text-wrap:balance;
}
#page-csgo-betting-canada .cbc-hero__lede{
  margin:0 0 34px;
  font-size:clamp(17px,1.4vw,19px);
  line-height:1.7;
  color:var(--cbc-on-slab);
  max-width:68ch;
}

/* ── breadcrumb ──────────────────────────────────────────────────────────── */
#page-csgo-betting-canada .cbc-crumb{
  background:var(--cbc-paper-2);
  padding-block:16px;
}
#page-csgo-betting-canada .cbc-crumb__in{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:16px;
  font-weight:600;
}
#page-csgo-betting-canada .cbc-crumb__back{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border:2px solid var(--cbc-line);
  transition:border-color .15s ease,background-color .15s ease;
}
#page-csgo-betting-canada .cbc-crumb__back:hover{
  border-color:var(--cbc-cobalt);
  background:#ffffff;
}
#page-csgo-betting-canada a.cbc-crumb__home{color:var(--cbc-cobalt);}
#page-csgo-betting-canada a.cbc-crumb__home:hover{color:var(--cbc-cobalt-dk);text-decoration:underline;}
#page-csgo-betting-canada .cbc-crumb__here{color:var(--cbc-text-2);font-weight:500;}

/* ══ COLLABORATE — the headline quote ══════════════════════════════════════ */
#page-csgo-betting-canada .cbc-quote{
  background:var(--cbc-paper);
  padding-block:var(--cbc-pad);
}
#page-csgo-betting-canada .cbc-quote__in{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(28px,4vw,60px);
  align-items:center;
}
#page-csgo-betting-canada .cbc-quote__txt{min-width:0;}
#page-csgo-betting-canada .cbc-quote__txt .cbc-lead{margin:14px 0 28px;}
#page-csgo-betting-canada .cbc-quote__plate{
  position:relative;
  padding:20px;
  background:var(--cbc-cell);
  min-width:0;
}
#page-csgo-betting-canada .cbc-quote__plate::before,
#page-csgo-betting-canada .cbc-quote__plate::after{
  content:"";
  position:absolute;
  width:30px;
  height:30px;
  border:3px solid var(--cbc-cobalt);
  pointer-events:none;
}
#page-csgo-betting-canada .cbc-quote__plate::before{
  top:-10px;left:-10px;border-right-width:0;border-bottom-width:0;
}
#page-csgo-betting-canada .cbc-quote__plate::after{
  right:-10px;bottom:-10px;border-left-width:0;border-top-width:0;
}
#page-csgo-betting-canada .cbc-quote__plate img{width:100%;}

/* ══ SECTION 4 — no heading in the source, so none is drawn ════════════════ */
#page-csgo-betting-canada .cbc-open{
  background:var(--cbc-paper-2);
  padding-block:var(--cbc-pad);
}
#page-csgo-betting-canada .cbc-open__in{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(24px,3.5vw,52px);
}
#page-csgo-betting-canada .cbc-open__in p{
  position:relative;
  margin:0;
  padding-left:24px;
  font-size:17px;
  color:var(--cbc-text-2);
}
#page-csgo-betting-canada .cbc-open__in p::before{
  content:"";
  position:absolute;
  top:6px;
  left:0;
  width:10px;
  height:calc(100% - 12px);
  border-left:3px solid var(--cbc-cobalt);
  border-top:3px solid var(--cbc-cobalt);
  border-bottom:3px solid var(--cbc-cobalt);
}

/* ══ CSGO MATCH BETTING CANADA — the market ════════════════════════════════ */
#page-csgo-betting-canada .cbc-market{
  background:var(--cbc-paper);
  padding-block:var(--cbc-pad);
}
#page-csgo-betting-canada .cbc-market__p{
  max-width:78ch;
  color:var(--cbc-text-2);
  margin-bottom:clamp(28px,3.5vw,44px);
}
#page-csgo-betting-canada .cbc-market__p--close{
  margin:clamp(28px,3.5vw,44px) 0 0;
}
#page-csgo-betting-canada .cbc-market__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:2px;
}
#page-csgo-betting-canada .cbc-quotecell{
  background:var(--cbc-cell);
  padding:30px 24px;
  display:flex;
  flex-direction:column;
  gap:16px;
  min-width:0;
}
#page-csgo-betting-canada .cbc-quotecell .cbc-ico{
  width:56px;
  height:56px;
  flex:0 0 auto;
}
#page-csgo-betting-canada .cbc-quotecell__t{
  font-size:19px;
  line-height:1.3;
  font-weight:700;
  letter-spacing:-.01em;
}
#page-csgo-betting-canada .cbc-quotecell__p{
  margin:0;
  font-size:16px;
  line-height:1.6;
  color:var(--cbc-text-2);
}

/* ══ FEATURES OF ADMIN PANEL — graphite band ═══════════════════════════════ */
#page-csgo-betting-canada .cbc-admin{
  background:var(--cbc-slab);
  padding-block:var(--cbc-pad);
}
#page-csgo-betting-canada .cbc-admin__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:2px;
}
#page-csgo-betting-canada .cbc-slabcell{
  background:var(--cbc-slab-2);
  padding:30px 24px;
  min-width:0;
}
#page-csgo-betting-canada .cbc-slabcell__t{
  font-size:19px;
  line-height:1.3;
  margin-bottom:12px;
  color:#ffffff;
}
#page-csgo-betting-canada .cbc-slabcell__p{
  margin:0;
  font-size:16px;
  line-height:1.62;
  color:var(--cbc-on-slab-2);
}

/* ══ HIRE GAME DEVELOPERS ══════════════════════════════════════════════════ */
#page-csgo-betting-canada .cbc-hire{
  background:var(--cbc-paper);
  padding-block:var(--cbc-pad);
}
#page-csgo-betting-canada .cbc-hire__in{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(28px,4vw,60px);
  align-items:center;
}
#page-csgo-betting-canada .cbc-hire__p{
  margin:0 0 28px;
  font-size:18px;
  color:var(--cbc-text-2);
  max-width:52ch;
}
#page-csgo-betting-canada .cbc-hire__more{
  margin:20px 0 0;
  font-size:17px;
}
#page-csgo-betting-canada .cbc-hire__plate{
  position:relative;
  min-width:0;
  padding:18px;
  background:var(--cbc-cell);
}
#page-csgo-betting-canada .cbc-hire__plate::before{
  content:"";
  position:absolute;
  top:-10px;
  right:-10px;
  width:34px;
  height:34px;
  border-top:3px solid var(--cbc-cobalt);
  border-right:3px solid var(--cbc-cobalt);
  pointer-events:none;
}
#page-csgo-betting-canada .cbc-hire__plate::after{
  content:"";
  position:absolute;
  bottom:-10px;
  left:-10px;
  width:34px;
  height:34px;
  border-bottom:3px solid var(--cbc-cobalt);
  border-left:3px solid var(--cbc-cobalt);
  pointer-events:none;
}
#page-csgo-betting-canada .cbc-hire__plate img{width:100%;}

/* ══ THE TICK ROWS — Users Features / Benefits / We Integrate ══════════════ */
#page-csgo-betting-canada .cbc-users{
  background:var(--cbc-paper-2);
  padding-block:var(--cbc-pad);
}
#page-csgo-betting-canada .cbc-tick{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(20px,2.6vw,36px) clamp(28px,4vw,64px);
}
#page-csgo-betting-canada .cbc-tick__row{
  display:grid;
  grid-template-columns:26px minmax(0,1fr);
  gap:16px;
  align-items:start;
  padding-bottom:clamp(18px,2vw,26px);
  border-bottom:1px solid var(--cbc-line);
}
#page-csgo-betting-canada .cbc-tick__ico{
  width:24px;
  height:24px;
  margin-top:5px;
  flex:0 0 auto;
}
#page-csgo-betting-canada .cbc-tick__body{min-width:0;}
#page-csgo-betting-canada .cbc-tick__t{
  font-size:19px;
  line-height:1.3;
  margin-bottom:8px;
}
#page-csgo-betting-canada .cbc-tick__p{
  margin:0;
  font-size:16px;
  line-height:1.62;
  color:var(--cbc-text-2);
}

/* ══ BENEFITS — graphite band, same rows inverted ══════════════════════════ */
#page-csgo-betting-canada .cbc-benefits{
  background:var(--cbc-slab);
  padding-block:var(--cbc-pad);
}
#page-csgo-betting-canada .cbc-benefits__lede{
  max-width:80ch;
  margin-bottom:clamp(30px,3.6vw,48px);
  color:var(--cbc-on-slab-2);
}
#page-csgo-betting-canada .cbc-tick--onslab .cbc-tick__row{border-bottom-color:var(--cbc-line-2);}
#page-csgo-betting-canada .cbc-tick--onslab .cbc-tick__t{color:#ffffff;}
#page-csgo-betting-canada .cbc-tick--onslab .cbc-tick__p{color:var(--cbc-on-slab-2);}

/* ══ AVAIL — the quoted lines ══════════════════════════════════════════════ */
#page-csgo-betting-canada .cbc-avail{
  background:var(--cbc-paper);
  padding-block:var(--cbc-pad);
}
#page-csgo-betting-canada .cbc-dots{
  display:grid;
  gap:0;
  max-width:96ch;
}
#page-csgo-betting-canada .cbc-dots__row{
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  gap:18px;
  align-items:start;
  padding:20px 0;
  border-top:1px solid var(--cbc-line);
}
#page-csgo-betting-canada .cbc-dots__row:last-child{border-bottom:1px solid var(--cbc-line);}
#page-csgo-betting-canada .cbc-dots__ico{
  width:22px;
  height:22px;
  margin-top:6px;
  flex:0 0 auto;
}
#page-csgo-betting-canada .cbc-dots__p{
  margin:0;
  font-size:17px;
  line-height:1.68;
  color:var(--cbc-text-2);
}

/* ══ REWARD YOUR PLAYERS ═══════════════════════════════════════════════════ */
#page-csgo-betting-canada .cbc-reward{
  background:var(--cbc-paper-2);
  padding-block:var(--cbc-pad);
}
#page-csgo-betting-canada .cbc-reward__cols{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(24px,3.5vw,56px);
}
#page-csgo-betting-canada .cbc-reward__cols p{
  margin:0;
  padding:24px;
  background:var(--cbc-cell);
  font-size:17px;
  color:var(--cbc-text-2);
  border-left:3px solid var(--cbc-cobalt);
}

/* ══ WE INTEGRATE ══════════════════════════════════════════════════════════ */
#page-csgo-betting-canada .cbc-integrate{
  background:var(--cbc-paper);
  padding-block:var(--cbc-pad);
}
#page-csgo-betting-canada .cbc-integrate__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:2px;
}
#page-csgo-betting-canada .cbc-quotecell--copy{padding:32px 26px;gap:14px;}

/* ══ WHY WE STAND — graphite band ══════════════════════════════════════════ */
#page-csgo-betting-canada .cbc-why{
  background:var(--cbc-slab);
  padding-block:var(--cbc-pad);
}
#page-csgo-betting-canada .cbc-why__cols{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(20px,2.6vw,36px) clamp(28px,4vw,60px);
}
#page-csgo-betting-canada .cbc-why__cols p{
  margin:0;
  padding-left:22px;
  border-left:3px solid var(--cbc-cobalt-lt);
  font-size:17px;
  line-height:1.68;
  color:var(--cbc-on-slab);
}

/* ══ TALENT — accordion, one panel open at a time ══════════════════════════ */
#page-csgo-betting-canada .cbc-talent{
  background:var(--cbc-paper-2);
  padding-block:var(--cbc-pad);
}
#page-csgo-betting-canada .cbc-talent__list{
  display:grid;
  gap:2px;
  max-width:900px;
}
#page-csgo-betting-canada .cbc-fold{
  background:var(--cbc-cell);
  border-left:3px solid var(--cbc-line);
  transition:border-color .16s ease;
}
#page-csgo-betting-canada .cbc-fold[open],
#page-csgo-betting-canada .cbc-fold:hover{border-left-color:var(--cbc-cobalt);}
#page-csgo-betting-canada .cbc-fold__q{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:22px 24px;
  cursor:pointer;
  list-style:none;
}
#page-csgo-betting-canada .cbc-fold__q::-webkit-details-marker{display:none;}
#page-csgo-betting-canada .cbc-fold__t{
  font-size:20px;
  line-height:1.3;
  font-weight:700;
}
/* the open/close sign is the bracket turned into a plus, then a minus */
#page-csgo-betting-canada .cbc-fold__sign{
  position:relative;
  width:20px;
  height:20px;
  flex:0 0 auto;
}
#page-csgo-betting-canada .cbc-fold__sign::before,
#page-csgo-betting-canada .cbc-fold__sign::after{
  content:"";
  position:absolute;
  background:var(--cbc-cobalt);
  transition:transform .18s ease,opacity .18s ease;
}
#page-csgo-betting-canada .cbc-fold__sign::before{top:9px;left:0;width:20px;height:3px;}
#page-csgo-betting-canada .cbc-fold__sign::after{top:0;left:9px;width:3px;height:20px;}
#page-csgo-betting-canada .cbc-fold[open] .cbc-fold__sign::after{transform:scaleY(0);opacity:0;}
#page-csgo-betting-canada .cbc-fold__a{
  padding:0 24px 24px 24px;
}
#page-csgo-betting-canada .cbc-fold__a p{
  margin:0;
  font-size:17px;
  line-height:1.68;
  color:var(--cbc-text-2);
  max-width:70ch;
}

/* ══ CUSTOMER SUCCESS STORIES ══════════════════════════════════════════════ */
#page-csgo-betting-canada .cbc-stories{
  background:var(--cbc-paper);
  padding-block:var(--cbc-pad);
}
#page-csgo-betting-canada .cbc-stories__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(20px,3vw,36px);
}
#page-csgo-betting-canada .cbc-story{
  background:var(--cbc-cell);
  padding:22px;
  min-width:0;
}
#page-csgo-betting-canada .cbc-story__media{margin-bottom:18px;}
#page-csgo-betting-canada .cbc-vid{
  position:relative;
  display:block;
  width:100%;
  padding:0;
  border:0;
  background:var(--cbc-slab);
  cursor:pointer;
  overflow:hidden;
}
#page-csgo-betting-canada .cbc-vid img{
  width:100%;
  transition:opacity .18s ease;
}
#page-csgo-betting-canada .cbc-vid:hover img{opacity:.78;}
/* the play mark is a bracket with a triangle inside — drawn, never animated */
#page-csgo-betting-canada .cbc-vid__mark{
  position:absolute;
  top:50%;
  left:50%;
  width:62px;
  height:62px;
  margin:-31px 0 0 -31px;
  background:var(--cbc-cobalt);
  transition:background-color .18s ease;
}
#page-csgo-betting-canada .cbc-vid__mark::before{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  margin:-11px 0 0 -6px;
  border-left:18px solid #ffffff;
  border-top:11px solid transparent;
  border-bottom:11px solid transparent;
}
#page-csgo-betting-canada .cbc-vid:hover .cbc-vid__mark,
#page-csgo-betting-canada .cbc-vid:focus-visible .cbc-vid__mark{background:var(--cbc-cobalt-dk);}
#page-csgo-betting-canada .cbc-story__q{
  margin:0;
  font-size:16px;
  line-height:1.65;
  color:var(--cbc-text-2);
}
#page-csgo-betting-canada .cbc-story__frame{
  width:100%;
  aspect-ratio:4/3;
  border:0;
  display:block;
}
#page-csgo-betting-canada .cbc-stories__more{
  margin:clamp(24px,3vw,36px) 0 0;
  font-size:17px;
  font-weight:600;
}

/* ══ AREA WE SERVE — graphite band ═════════════════════════════════════════ */
#page-csgo-betting-canada .cbc-area{
  background:var(--cbc-slab-3);
  padding-block:var(--cbc-pad);
}
#page-csgo-betting-canada .cbc-area__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:2px;
}
#page-csgo-betting-canada .cbc-area__cell{
  background:var(--cbc-slab);
  padding:30px 24px;
  min-width:0;
}
#page-csgo-betting-canada .cbc-area__t{
  font-size:17px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--cbc-cobalt-lt);
  margin-bottom:14px;
}
#page-csgo-betting-canada .cbc-area__tel{
  margin:0 0 10px;
  font-size:19px;
  font-weight:700;
}
#page-csgo-betting-canada .cbc-area .cbc-area__tel a{
  color:#ffffff;
  transition:color .15s ease;
}
#page-csgo-betting-canada .cbc-area .cbc-area__tel a:hover,
#page-csgo-betting-canada .cbc-area .cbc-area__tel a:focus-visible{color:var(--cbc-cobalt-lt);}
#page-csgo-betting-canada .cbc-area__addr{
  margin:0;
  font-size:16px;
  line-height:1.6;
  color:var(--cbc-on-slab-2);
}

/* ══ CTA MODAL ═════════════════════════════════════════════════════════════
   Rule 30 / §28a: the shared GHL widget is the only enquiry surface on this
   page. There is no hand-built form and no country selector anywhere. */
#page-csgo-betting-canada .cbc-modal{
  position:fixed;
  inset:0;
  z-index:2000;
  display:none;
  align-items: flex-start;
  justify-content:center;
  padding:100px 20px 20px 20px; overflow-y: auto;
  background:rgba(12,16,22,.72);
}
#page-csgo-betting-canada .cbc-modal.is-open{display:flex;}
#page-csgo-betting-canada .cbc-modal__box{
  position:relative;
  width:100%;
  max-width:560px;
  max-height:92vh;
  overflow:auto;
  background:#ffffff;
  padding:44px 14px 14px;
}
#page-csgo-betting-canada .cbc-modal__box::before{
  content:"";
  position:absolute;
  top:10px;
  left:10px;
  width:26px;
  height:26px;
  border-top:3px solid var(--cbc-cobalt);
  border-left:3px solid var(--cbc-cobalt);
  pointer-events:none;
}
#page-csgo-betting-canada .cbc-modal__x{
  position:absolute;
  top:10px;
  right:10px;
  width:38px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:2px solid var(--cbc-line);
  background:#ffffff;
  color:var(--cbc-text);
  cursor:pointer;
  transition:background-color .15s ease,color .15s ease,border-color .15s ease;
}
#page-csgo-betting-canada .cbc-modal__x:hover,
#page-csgo-betting-canada .cbc-modal__x:focus-visible{
  background:var(--cbc-cobalt);
  border-color:var(--cbc-cobalt);
  color:#ffffff;
}
#page-csgo-betting-canada .cbc-modal iframe{
  display:block;
  width:100%;
  min-height:820px;
  border:0;
}

/* ══ RESPONSIVE ════════════════════════════════════════════════════════════ */
@media (max-width:1080px){
  #page-csgo-betting-canada .cbc-market__grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  #page-csgo-betting-canada .cbc-admin__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-csgo-betting-canada .cbc-area__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:900px){
  #page-csgo-betting-canada .cbc-quote__in,
  #page-csgo-betting-canada .cbc-hire__in{grid-template-columns:minmax(0,1fr);}
  #page-csgo-betting-canada .cbc-quote__plate,
  #page-csgo-betting-canada .cbc-hire__plate{order:2;}
  #page-csgo-betting-canada .cbc-integrate__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-csgo-betting-canada .cbc-stories__grid{grid-template-columns:minmax(0,1fr);}
  #page-csgo-betting-canada .cbc-story{max-width:520px;}
}
@media (max-width:760px){
  #page-csgo-betting-canada{font-size:16px;}
  #page-csgo-betting-canada .cbc-market__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-csgo-betting-canada .cbc-open__in,
  #page-csgo-betting-canada .cbc-reward__cols,
  #page-csgo-betting-canada .cbc-why__cols,
  #page-csgo-betting-canada .cbc-tick{grid-template-columns:minmax(0,1fr);}
  #page-csgo-betting-canada .cbc-hero__in::before,
  #page-csgo-betting-canada .cbc-hero__in::after{width:26px;height:26px;}
  #page-csgo-betting-canada .cbc-hero__in::before{top:-14px;left:-8px;}
  #page-csgo-betting-canada .cbc-hero__in::after{right:-8px;bottom:-14px;}
  #page-csgo-betting-canada .cbc-btn{width:100%;justify-content:space-between;}
}
@media (max-width:560px){
  #page-csgo-betting-canada .cbc-market__grid,
  #page-csgo-betting-canada .cbc-admin__grid,
  #page-csgo-betting-canada .cbc-integrate__grid,
  #page-csgo-betting-canada .cbc-area__grid{grid-template-columns:minmax(0,1fr);}
  #page-csgo-betting-canada .cbc-quote__plate,
  #page-csgo-betting-canada .cbc-hire__plate{padding:12px;}
  #page-csgo-betting-canada .cbc-fold__q{padding:18px 16px;}
  #page-csgo-betting-canada .cbc-fold__a{padding:0 16px 18px;}
  #page-csgo-betting-canada .cbc-modal iframe{min-height:760px;}
}

/* rule 26 — the remaining motion is user-initiated; honour the OS preference */
@media (prefers-reduced-motion:reduce){
  #page-csgo-betting-canada *,
  #page-csgo-betting-canada *::before,
  #page-csgo-betting-canada *::after{
    transition-duration:.01ms !important;
  }
}