/* GEX Levels — extension.html page styles
   Extracted verbatim from the pages' former inline <style> block (2026-08-10).
   Reason: the site ships `style-src 'self'` with no 'unsafe-inline', no nonce and
   no hash, so every inline <style> was silently dropped by the browser and these
   pages rendered as unstyled HTML in production (Times New Roman, no background).
   Loading the same bytes from /assets/ is the only way this CSS applies.
   Do not move it back inline: scripts/audit-csp-safety.mjs now gates the build.
   Byte-identical to the former inline CSS; cascade order is unchanged. */
/* -------------------------------------------------------- extension.html */
.pdp-hero__pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.pdp-hero__pills li{padding:8px 12px;background:var(--panel);border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:14px;line-height:1.4}
.pdp-hero__stage{display:flex}
.pdp-mock{margin:0;width:100%;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.pdp-mock__chrome{display:flex;align-items:center;gap:6px;padding:12px 14px;background:var(--panel-2);border-bottom:1px solid var(--line)}
.pdp-mock__dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--line-2)}
.pdp-mock__title{margin-left:8px;color:var(--muted);font-size:13px}
.pdp-mock__body{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:20px 16px;min-height:300px}
.pdp-zone{position:absolute;left:16px;right:16px;top:36%;height:24%;display:flex;align-items:flex-start;justify-content:flex-end;padding:6px;background:rgba(200,168,120,.05);border:1px dashed var(--line-2);border-radius:8px}
.pdp-zone__tag{color:var(--muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.pdp-level{position:relative;display:flex;align-items:center;gap:12px}
.pdp-level__bar{flex:1;height:1px;background:currentColor;opacity:.6}
.pdp-level__tag{color:currentColor;font-size:11px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.pdp-level--call{color:var(--up)}
.pdp-level--put{color:var(--down)}
.pdp-level--flip{color:var(--accent)}
.pdp-level--focus,.pdp-level--zero{color:var(--muted)}
.pdp-mock__demo{padding:10px 14px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.pdp-feat{display:grid;grid-template-columns:1fr;gap:16px}
.pdp-feat__card{display:flex;flex-direction:column;gap:10px;padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}
.pdp-feat__num{color:var(--accent);font-size:13px;font-weight:650;letter-spacing:.12em;font-variant-numeric:tabular-nums}
.pdp-feat__card h3{font-size:18px}
.pdp-feat__card p{color:var(--muted);font-size:16px;line-height:1.7}
.pdp-who__row,.pdp-tv__grid{display:grid;grid-template-columns:1fr;gap:16px}
.pdp-who__card,.pdp-tv__card{display:flex;flex-direction:column;gap:12px;padding:24px 22px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}
.pdp-who__card h3{font-size:19px}
.pdp-who__card ul{display:flex;flex-direction:column;gap:10px}
.pdp-who__card li{position:relative;padding-left:20px;color:var(--muted);font-size:16px;line-height:1.6}
.pdp-who__card li::before{content:"";position:absolute;left:2px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.pdp-who__card--no li::before{background:var(--line-2)}
.pdp-tv__step{display:flex;align-items:center;gap:10px;font-size:18px}
.pdp-tv__num{width:28px;height:28px;flex:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-2);border-radius:50%;color:var(--accent);font-size:13px;font-weight:650;font-variant-numeric:tabular-nums}
.pdp-tv__card p{color:var(--muted);font-size:16px;line-height:1.7}
.pdp-tv__card .ld-btn{margin-top:auto;align-self:flex-start}
.ld-final{max-width:var(--shell);margin-inline:auto;padding:0 var(--pad) 52px}
.ld-final__inner{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:30px 22px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r)}
.ld-final__title{font-size:clamp(24px,5vw,34px);max-width:32ch}
.ld-final__row{display:flex;flex-wrap:wrap;gap:12px}
.ld-final__legal{color:var(--muted);font-size:14px;line-height:1.7;max-width:68ch}
@media (min-width:760px){
  .pdp-feat,.pdp-who__row{grid-template-columns:1fr 1fr}
}
@media (min-width:940px){
  .pdp-tv__grid{grid-template-columns:repeat(3,1fr)}
  .ld-final__inner{padding:36px 32px}
}
@media (min-width:1040px){
  .page-extension .pdp-hero__inner{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:center;gap:40px}
  .pdp-feat{grid-template-columns:repeat(3,1fr)}
}