/* Polymarket up and down markets investigation — "the five-minute casino".
   Scoped under .polymarket-casino so it cannot collide with
   investigation-article.css. Dark-only, like every other investigation:
   a theme toggle would recolour the article while the site nav and footer
   stay dark. */
.polymarket-casino{--white:#fff;--grey:#aab0bc;--dgrey:#7e8696;
--bg:#06090d;--card:#0c121c;--navy:#111c32;
--line:rgba(255,255,255,.10);--line-2:rgba(255,255,255,.06);
--pink:#f93f9c;--pink-soft:#f788c0;--magenta:#af3e76;
--teal:#00d8dd;--teal-muted:#51becc;
--font:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
--mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;}
.polymarket-casino *{box-sizing:border-box}
.polymarket-casino{-webkit-text-size-adjust:100%;margin:0;background:var(--bg);color:var(--grey);
font-family:var(--font);font-size:18px;line-height:1.66;letter-spacing:-.1px;
-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

.polymarket-casino .pc-art{max-width:760px;margin:0 auto;padding:8px 20px 72px}
.polymarket-casino .pc-art p{margin:0 0 22px}
.polymarket-casino .pc-art a{color:var(--pink-soft);text-decoration:none;border-bottom:1px solid rgba(247,136,192,.4)}
.polymarket-casino .pc-art a:hover{color:var(--pink);border-bottom-color:var(--pink)}
.polymarket-casino .pc-art :focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:2px}
.polymarket-casino .pc-art strong,.polymarket-casino .pc-art b{color:var(--white);font-weight:500}
.polymarket-casino .pc-lede{font-size:22px;line-height:1.5;color:var(--white);font-weight:500;margin-bottom:26px}

.polymarket-casino .pc-secnum{display:block;margin:52px 0 6px;font-family:var(--mono);font-size:12px;
letter-spacing:.14em;text-transform:uppercase;color:var(--pink)}
.polymarket-casino .pc-sec{margin:0 0 20px;font-size:29px;line-height:1.22;color:var(--white);
font-weight:700;letter-spacing:-.6px}

/* Figures. Wide plots scroll inside their own box; the page body never
   scrolls sideways. */
.polymarket-casino .pc-fig{margin:34px 0 38px;padding:0}
.polymarket-casino .pc-plot{overflow-x:auto;background:var(--card);border:1px solid var(--line);
border-radius:10px;padding:16px 14px}
.polymarket-casino .pc-plot svg{display:block;width:100%;min-width:640px;height:auto}
.polymarket-casino .pc-fig figcaption{margin-top:12px;font-size:14.5px;line-height:1.55;color:var(--dgrey)}
.polymarket-casino .pc-cap{display:block;color:var(--grey)}
.polymarket-casino .pc-sub{display:block;margin-top:4px}

/* Tables carry the precision the prose leaves out. */
.polymarket-casino .pc-tablewrap{margin:30px 0 34px;overflow-x:auto}
.polymarket-casino .pc-table{width:100%;min-width:520px;border-collapse:collapse;font-size:15px}
.polymarket-casino .pc-table caption{caption-side:top;text-align:left;color:var(--dgrey);
font-size:14.5px;line-height:1.5;padding-bottom:10px}
.polymarket-casino .pc-table th,.polymarket-casino .pc-table td{padding:9px 12px;text-align:right;
border-bottom:1px solid var(--line-2)}
.polymarket-casino .pc-table thead th{color:var(--white);font-weight:500;font-size:13px;
border-bottom:1px solid var(--line);white-space:nowrap}
.polymarket-casino .pc-table th[scope=row]{text-align:left;color:var(--grey);font-weight:400}
.polymarket-casino .pc-table td{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--grey)}
.polymarket-casino .pc-table .pc-strong{color:var(--white)}
.polymarket-casino .pc-table .pc-pos{color:var(--teal)}
.polymarket-casino .pc-table .pc-neg{color:var(--pink)}
.polymarket-casino .pc-note{font-size:13.5px;color:var(--dgrey);margin:8px 0 0}
.polymarket-casino .pc-mono{font-family:var(--mono);font-size:13px;word-break:break-all}

/* Method box */
.polymarket-casino .pc-method{margin:46px 0 0;padding:22px 24px;background:var(--card);
border:1px solid var(--line);border-radius:10px}
.polymarket-casino .pc-method h3{margin:0 0 14px;font-size:17px;color:var(--white);font-weight:600}
.polymarket-casino .pc-method p{font-size:15px;line-height:1.6;color:var(--dgrey);margin:0 0 12px}
.polymarket-casino .pc-method p:last-child{margin-bottom:0}
.polymarket-casino .pc-method strong{color:var(--grey)}

/* Reading-progress bar, the page's only client state. */
.polymarket-casino .inv-progress-track{position:fixed;top:0;left:0;right:0;height:2px;z-index:60;
background:transparent;pointer-events:none}
.polymarket-casino .inv-progress-fill{height:100%;width:0;
background:linear-gradient(90deg,var(--pink),var(--teal))}

@media (max-width:640px){
  .polymarket-casino{font-size:17px}
  .polymarket-casino .pc-art{padding:4px 16px 56px}
  .polymarket-casino .pc-lede{font-size:20px}
  .polymarket-casino .pc-sec{font-size:24px}
  .polymarket-casino .pc-secnum{margin-top:40px}
}

/* End CTA. The shared .inv-endcta rules are scoped under .inv-article, so this
   article carries its own copy under its own class. */
.polymarket-casino .pc-endcta{margin:44px 0 0;padding:30px 32px;border-radius:12px;
border:1px solid rgba(249,63,156,.28);
background:linear-gradient(135deg,rgba(249,63,156,.10),rgba(0,216,221,.05))}
.polymarket-casino .pc-endcta-title{margin:0 0 10px;font-size:22px;line-height:1.25;color:var(--white);font-weight:700;letter-spacing:-.4px}
.polymarket-casino .pc-endcta-body{margin:0 0 20px;font-size:16px;line-height:1.6;color:var(--grey)}
.polymarket-casino .pc-art a.pc-endcta-btn{display:inline-flex;align-items:center;gap:9px;
padding:12px 22px;border-radius:8px;background:var(--pink);color:#0b0d12;
font-size:15px;font-weight:600;text-decoration:none;border:none;border-bottom:none;
transition:background .15s}
.polymarket-casino .pc-art a.pc-endcta-btn:hover{background:var(--pink-soft);color:#0b0d12;
border:none;border-bottom:none}
.polymarket-casino .pc-art a.pc-endcta-btn:focus-visible{outline:2px solid var(--white);outline-offset:3px}
@media (max-width:640px){.polymarket-casino .pc-endcta{padding:24px 20px}
.polymarket-casino .pc-endcta-title{font-size:19px}}
