/* section hero */
.co-hero--sec{min-height:min(520px,62vh)}
.co-hero__chips{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.co-hero__chips li{margin:0;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:rgba(29,35,40,.72);border:1px solid rgba(127,168,255,.3);color:#fff;font-size:.9rem;font-weight:700}
.co-hero__chips .co-ic{color:var(--co-lime);width:16px;height:16px}
@media (max-width:767px){.co-hero__chips{margin-bottom:16px;gap:6px}.co-hero__chips li{font-size:.82rem;padding:6px 10px}}

/* breadcrumbs row */
.co-crumbs{margin:14px 4px 0;font-size:.88rem;color:var(--co-muted)}
.co-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.co-crumbs li{display:inline-flex;align-items:center;gap:4px;margin:0;min-width:0}
.co-crumbs a,.co-crumbs a:visited{color:var(--co-body)}
@media (min-width:1024px) and (hover:hover){.co-crumbs a:hover{color:var(--co-lime)}}
.co-crumbs .co-ic{width:14px;height:14px;color:var(--co-muted)}
.co-crumbs span[aria-current]{color:var(--co-text);font-weight:600}

/* short answer */
.co-sa{display:flex;gap:14px;align-items:flex-start;margin:12px 0 0;padding:16px 20px;border-radius:14px;background:var(--co-card);border:1px solid var(--co-line)}
.co-sa__ic{flex:none;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(0,85,254,.16);color:var(--co-lime)}
.co-sa__ic .co-ic{width:20px;height:20px}
.co-sa p{margin:0;font-size:.98rem;line-height:1.55;color:var(--co-body)}
.co-sa strong{color:var(--co-text)}
@media (max-width:599px){.co-sa{padding:14px 16px;gap:12px}.co-sa p{font-size:.94rem}}

/* game mosaic on sections: 12 games, big first tile, full rows */
.co-mosaic--sec .co-tile--all{grid-column:span 3;aspect-ratio:auto}
.co-mosaic--sec .co-tile--all .co-tile__a{aspect-ratio:auto;height:100%;min-height:64px;flex-direction:row}
@media (max-width:1023px){.co-mosaic--sec .co-tile--all{grid-column:span 1;aspect-ratio:1}.co-mosaic--sec .co-tile--all .co-tile__a{flex-direction:column}}
@media (max-width:599px){.co-mosaic--sec .co-tile--all{grid-column:span 3;aspect-ratio:auto}.co-mosaic--sec .co-tile--all .co-tile__a{flex-direction:row}}

/* illustration */
.co-fig--sec{margin:20px 0}
.co-fig--sec img{width:100%;max-width:800px;height:auto;border-radius:16px;border:1px solid var(--co-line2)}

/* text helpers */
.co-card h3{margin:22px 0 8px;font-size:1.2rem}
.co-card h2+h3{margin-top:12px}
.co-list{list-style:none;margin:16px 0;padding:0;display:grid;gap:10px}
.co-list li{display:flex;gap:10px;align-items:flex-start;margin:0}
.co-list li>.co-ic{flex:none;width:20px;height:20px;margin-top:3px;color:var(--co-lime)}
.co-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}
.co-box{padding:18px 20px;border-radius:14px;background:var(--co-card2);border:1px solid var(--co-line)}
.co-box h3{margin:0 0 8px;display:flex;align-items:center;gap:8px}
.co-box h3 .co-ic{color:var(--co-lime);width:22px;height:22px}
.co-box p{margin:0 0 8px}
.co-box>:last-child{margin-bottom:0}
@media (max-width:767px){.co-cols{grid-template-columns:minmax(0,1fr)}}

/* myths */
.co-myths{list-style:none;margin:18px 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.co-myth{margin:0;padding:18px 20px;border-radius:14px;background:var(--co-card2);border:1px solid var(--co-line)}
.co-myth__m{display:flex;gap:8px;align-items:flex-start;margin:0 0 8px;font-weight:700;color:var(--co-text)}
.co-myth__m .co-ic{flex:none;color:var(--co-warn);width:20px;height:20px;margin-top:2px}
.co-myth__r{margin:0;display:flex;gap:8px;align-items:flex-start}
.co-myth__r .co-ic{flex:none;color:var(--co-lime);width:20px;height:20px;margin-top:3px}
@media (max-width:767px){.co-myths{grid-template-columns:minmax(0,1fr)}}

/* timeline */
.co-tl{list-style:none;margin:18px 0;padding:0 0 0 30px;display:grid;gap:16px}
.co-tl li{position:relative;margin:0}
.co-tl li::before{content:"";position:absolute;z-index:1;left:-30px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--co-brand);box-shadow:0 0 0 4px rgba(0,85,254,.2)}
.co-tl li:not(:last-child)::after{content:"";position:absolute;left:-25px;top:11px;width:2px;height:calc(100% + 16px);background:var(--co-line2)}
.co-tl__d{display:block;font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--co-lime);margin-bottom:2px}
.co-tl p{margin:0}

/* wagering calculator */
.co-calc{margin:18px 0;padding:20px;border-radius:16px;background:var(--co-card2);border:1px solid var(--co-line2)}
.co-calc__in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.co-calc__f{display:flex;flex-direction:column;gap:6px;margin:0;font-size:.88rem;font-weight:700;color:var(--co-muted)}
.co-calc__f input,.co-calc__f select{width:100%;height:44px;margin:0;padding:0 12px;border-radius:10px;border:1px solid var(--co-line2);background:#1d2328;color:var(--co-text);font-size:1rem;font-weight:600}
.co-calc__f input:focus,.co-calc__f select:focus{outline:2px solid var(--co-brand);outline-offset:1px}
.co-calc__out{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.co-calc__out li{margin:0;padding:12px 14px;border-radius:12px;background:#1d2328;border:1px solid var(--co-line);display:flex;flex-direction:column;gap:4px}
.co-calc__out span{font-size:.82rem;color:var(--co-muted)}
.co-calc__out strong{font-family:var(--serif-font);font-size:1.25rem;color:var(--co-text);line-height:1.15;overflow-wrap:anywhere}
.co-calc__out .is-key{background:rgba(0,85,254,.14);border-color:rgba(0,85,254,.5)}
.co-calc__note{display:flex;gap:8px;align-items:flex-start;margin:14px 0 0;font-size:.85rem;color:var(--co-muted)}
.co-calc__note .co-ic{flex:none;width:18px;height:18px;margin-top:2px;color:var(--co-lime)}
@media (max-width:899px){.co-calc__in{grid-template-columns:repeat(2,minmax(0,1fr))}.co-calc__out{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:399px){.co-calc{padding:16px}.co-calc__in{grid-template-columns:minmax(0,1fr)}}

/* payments table extras */
.co-pm__ic{display:inline-flex;width:40px;height:26px;align-items:center;justify-content:center;border-radius:6px;background:#1d2328;color:var(--co-lime)}
.co-pm__ic .co-ic{width:18px;height:18px}

/* team cards */
.co-team{list-style:none;margin:18px 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.co-team__i{margin:0;padding:20px;border-radius:16px;background:var(--co-card2);border:1px solid var(--co-line);scroll-margin-top:90px}
.co-team__top{display:flex;gap:14px;align-items:center;margin-bottom:12px}
.co-team__ic{flex:none;width:52px;height:52px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#0055fe,#5b1468);color:#fff}
.co-team__ic .co-ic{width:24px;height:24px}
.co-team__i h3{margin:0;font-size:1.15rem}
.co-team__role{margin:2px 0 0;font-size:.9rem;color:var(--co-lime);font-weight:700}
.co-team__i>p{margin:0 0 12px}
.co-team__do{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px;font-size:.92rem}
.co-team__do li{display:flex;gap:8px;align-items:flex-start;margin:0}
.co-team__do .co-ic{flex:none;width:18px;height:18px;margin-top:3px;color:var(--co-lime)}
.co-team__since{display:flex;align-items:center;gap:8px;margin:0!important;font-size:.85rem;color:var(--co-muted)}
.co-team__since .co-ic{width:16px;height:16px}
@media (max-width:767px){.co-team{grid-template-columns:minmax(0,1fr)}.co-team__i{padding:16px}}

/* weights */
.co-weights{list-style:none;margin:18px 0;padding:0;display:grid;gap:10px}
.co-weights li{margin:0;display:grid;grid-template-columns:minmax(0,1fr) 56px;gap:4px 12px;align-items:center}
.co-weights__l{margin:0;font-weight:700;color:var(--co-text)}
.co-weights__v{margin:0;text-align:right;font-family:var(--serif-font);font-weight:800;color:var(--co-lime)}
.co-weights__bar{grid-column:1/-1;height:8px;border-radius:99px;background:#1d2328;overflow:hidden}
.co-weights__bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0055fe,#7fa8ff)}
.co-weights__s{grid-column:1/-1;margin:0;font-size:.88rem;color:var(--co-muted)}

/* text after a component keeps its distance */
.co-card :is(.co-tablewrap,.co-dots,.co-perks__grid,.co-pc__wrap,.co-note,.co-stats,.co-phases,.co-check,.co-list,.co-cols,.co-myths,.co-tl,.co-weights,.co-calc,.co-team,.co-fig--sec)+:not(.co-swipe),.co-card .co-swipe+*{margin-top:20px}