/* Prevention Paradox findings carousel — scoped to .gb-paradox */

.gb-paradox{
  --red:#FF3630;
  --amber:#F0A830;
  --green:#8DC63F;
  --black:#0A0D11;
  --page:#FFFFFF;
  --card:#F4F4F2;
  --ink:#0A0D11;
  --ink-soft:#4A4D52;
  --ink-mute:#86888C;
  --rule:#E2E2DF;
  --grid:rgba(10,13,17,0.10);
  --dot-rim:#FFFFFF;
  --kept:#0A0D11;
  --axis:#0A0D11;

  background:var(--page);
  color:var(--ink);
  font-family:"Work Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}

@media (prefers-color-scheme:dark){
  .gb-paradox{
    --page:#0C0E11;
    --card:#16191D;
    --ink:#F1EFEA;
    --ink-soft:#B9BBC0;
    --ink-mute:#7E8186;
    --rule:#272B30;
    --grid:rgba(255,255,255,0.10);
    --dot-rim:#16191D;
    --kept:#E7E4DD;
    --axis:#F1EFEA;
  }
}

.gb-paradox *{box-sizing:border-box}

.gb-paradox-wrap{max-width:960px;margin:0 auto;padding:0 24px 64px}

.gb-paradox header{display:flex;align-items:center;justify-content:space-between;
  padding:18px 0 14px;border-bottom:3px solid var(--red);margin-bottom:40px}
.gb-paradox .eyebrow{display:inline-block;background:var(--red);color:#fff;
  font-family:"Big Shoulders Display",sans-serif;font-weight:700;font-size:15px;
  letter-spacing:1.5px;text-transform:uppercase;padding:6px 16px 5px;
  clip-path:polygon(0 0,100% 0,90% 100%,0 100%);padding-right:30px}
.gb-paradox .doc-name{font-family:"Big Shoulders Display",sans-serif;font-weight:600;
  font-size:15px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-soft)}

.gb-paradox h1{font-family:"Big Shoulders Display",sans-serif;font-weight:800;
  font-size:clamp(30px,5.2vw,46px);line-height:1.02;text-transform:uppercase;
  color:var(--red);letter-spacing:.5px;margin:0 0 44px;max-width:18ch}

.gb-paradox .finding{display:grid;grid-template-columns:74px 1fr;gap:0;background:var(--card);
  border-radius:14px;overflow:hidden;margin-bottom:30px}
.gb-paradox .tab{background:var(--red);color:#fff;display:flex;align-items:center;
  justify-content:center;
  font-family:"Big Shoulders Display",sans-serif;font-weight:800;font-size:48px;line-height:1}
.gb-paradox .body{display:grid;grid-template-columns:1fr 1.05fr;gap:28px;
  align-items:center;padding:30px 32px}
.gb-paradox .copy h2{font-family:"Big Shoulders Display",sans-serif;font-weight:700;
  font-size:21px;letter-spacing:.6px;text-transform:uppercase;color:var(--ink);
  margin:0 0 12px;line-height:1.08}
.gb-paradox .copy p{font-size:14.5px;color:var(--ink-soft);margin:0 0 12px}
.gb-paradox .copy p:last-child{margin-bottom:0}
.gb-paradox .copy strong{color:var(--ink);font-weight:600}
.gb-paradox .viz{min-width:0}

.gb-paradox .v1{display:flex;align-items:center;gap:22px}
.gb-paradox .bignum{font-family:"Big Shoulders Display",sans-serif;font-weight:800;
  color:var(--black);line-height:.82}
@media (prefers-color-scheme:dark){.gb-paradox .bignum{color:var(--ink)}}
.gb-paradox .bignum .pct{font-size:74px;display:block}
.gb-paradox .bignum .cap{display:block;font-size:15px;font-weight:700;letter-spacing:.5px;
  text-transform:uppercase;color:var(--black);margin-top:8px;max-width:7.5em;line-height:1.05}
@media (prefers-color-scheme:dark){.gb-paradox .bignum .cap{color:var(--ink)}}
.gb-paradox .smu{margin-top:14px;font-family:"Big Shoulders Display",sans-serif;font-weight:600;
  font-size:13px;letter-spacing:.6px;line-height:1.5}
.gb-paradox .smu .des{color:var(--ink)}
.gb-paradox .smu .del{color:var(--red)}
.gb-paradox .gridwrap{flex:0 0 auto}
.gb-paradox .dotgrid circle.kept{fill:var(--kept)}
.gb-paradox .dotgrid circle.lost{fill:var(--red)}
.gb-paradox .legend{font-size:11px;color:var(--ink-mute);margin-top:8px;font-style:italic;text-align:right}

.gb-paradox .axt{font-family:"Work Sans",sans-serif;font-size:13px;font-weight:500;fill:var(--axis)}
.gb-paradox .axttl{font-family:"Work Sans",sans-serif;font-size:12px;fill:var(--ink-mute)}
.gb-paradox .cap2{font-size:11px;color:var(--ink-mute);text-align:center;margin-top:6px}
.gb-paradox .strip circle{transition:transform .12s ease}
.gb-paradox .strip circle:hover{transform:scale(1.25);transform-origin:center;transform-box:fill-box}

.gb-paradox .berg{width:100%;max-width:340px;margin:0 auto;display:block}
.gb-paradox .blk{display:flex;align-items:center;border-radius:10px;padding:16px 18px;color:#fff}
.gb-paradox .blk.see{background:var(--amber);margin-bottom:4px}
.gb-paradox .blk.hide{background:var(--red)}
.gb-paradox .blk .lab{font-family:"Big Shoulders Display",sans-serif;font-weight:700;
  font-size:14px;letter-spacing:1px;text-transform:uppercase;flex:0 0 96px;
  opacity:.92;line-height:1.05}
.gb-paradox .blk.see .lab{color:#fff}
.gb-paradox .blk .fig{margin-left:auto;text-align:right}
.gb-paradox .blk .fig .n{display:block;font-family:"Big Shoulders Display",sans-serif;font-weight:800;
  font-size:36px;line-height:1}
.gb-paradox .blk .fig .d{display:block;font-family:"Big Shoulders Display",sans-serif;font-weight:600;
  font-size:13px;letter-spacing:.8px;text-transform:uppercase;margin-top:2px}
.gb-paradox .blk .fig .sub{display:block;font-size:10px;letter-spacing:1px;opacity:.85;text-transform:uppercase}
.gb-paradox .waterline{display:flex;align-items:center;gap:10px;margin:8px 0;
  font-family:"Big Shoulders Display",sans-serif;font-weight:700;font-size:11px;
  letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-mute)}
.gb-paradox .waterline::after{content:"";flex:1;border-top:2px dashed var(--ink-mute)}

.gb-paradox footer{margin-top:46px;padding-top:20px;border-top:1px solid var(--rule);
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.gb-paradox .tag{font-family:"Big Shoulders Display",sans-serif;font-weight:600;font-size:12px;
  letter-spacing:2px;text-transform:uppercase;color:var(--ink-soft)}
.gb-paradox .src{font-size:11px;color:var(--ink-mute)}

.gb-paradox .carousel{position:relative;margin-top:8px}
.gb-paradox .track-wrap{overflow:hidden;border-radius:14px}
.gb-paradox .track{display:flex;transition:transform .45s cubic-bezier(.4,0,.2,1);will-change:transform}
.gb-paradox .track .finding{flex:0 0 100%;margin-bottom:0;border-radius:0}
.gb-paradox .controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:24px}
.gb-paradox .nav{width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;background:var(--red);
  color:#fff;font-family:"Big Shoulders Display",sans-serif;font-size:26px;line-height:0;
  display:flex;align-items:center;justify-content:center;padding-bottom:3px;
  box-shadow:0 3px 12px rgba(255,54,48,.30);transition:transform .15s ease,opacity .15s ease}
.gb-paradox .nav:hover:not(:disabled){transform:scale(1.09)}
.gb-paradox .nav:active:not(:disabled){transform:scale(.96)}
.gb-paradox .nav:disabled{opacity:.28;cursor:default;box-shadow:none}
.gb-paradox .dots{display:flex;align-items:center;gap:10px}
.gb-paradox .dot{width:9px;height:9px;border-radius:50%;border:none;padding:0;cursor:pointer;
  background:var(--rule);transition:all .25s ease}
.gb-paradox .dot:hover{background:var(--ink-mute)}
.gb-paradox .dot.active{background:var(--red);width:28px;border-radius:5px}
.gb-paradox .src-line{font-size:11px;color:var(--ink-mute);text-align:center;margin:18px 0 0}

@media (max-width:720px){
  .gb-paradox .body{grid-template-columns:1fr;gap:22px}
  .gb-paradox .viz{order:2}
  .gb-paradox .v1{justify-content:center}
  .gb-paradox .legend{text-align:center}
}
@media (max-width:480px){
  .gb-paradox .v1{flex-direction:column;align-items:flex-start}
  .gb-paradox .blk .fig .n{font-size:28px}
}