:root{--bg:#071426;--panel:#0b1b2e;--panel2:#10243a;--teal:#19c8c2;--gold:#e8be67;--text:#eef6fb;--muted:#9fb0c0;--paper:#f4f6f8;--ink:#142233}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}
.shell{min-height:100vh}.topbar{height:72px;border-bottom:1px solid rgba(255,255,255,.11);background:#08172a;display:flex;align-items:center}
.wrap{width:min(1500px,96vw);margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand strong{letter-spacing:.13em;font-size:14px}.brand span{display:block;color:#8fa4b7;font-size:12px;margin-top:5px}
.navlinks{display:flex;gap:8px;align-items:center}.navlinks a,.navlinks button{padding:9px 12px;border-radius:9px;border:1px solid transparent;background:transparent;color:#dce7ef;cursor:pointer}
.navlinks .active,.navlinks a:hover{background:#10283f;border-color:rgba(255,255,255,.08)}
.page{padding:38px 0 60px}.eyebrow{color:var(--teal);font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:400}
h1{font-size:44px;line-height:1.05;margin:10px 0 12px}.lede{color:#b8c6d2;line-height:1.65;max-width:820px}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-top:28px}.card{background:var(--panel2);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:20px}
.course{grid-column:span 8}.sidecard{grid-column:span 4}.courseRow{display:flex;gap:22px;align-items:flex-start}.cover{width:170px;aspect-ratio:3/4;border-radius:10px;background:linear-gradient(145deg,#101b2d,#0d6570);border:1px solid rgba(255,255,255,.14);display:flex;align-items:end;padding:14px;font-weight:400}.meta{color:#a9bac8;font-size:14px;line-height:1.6}.badge{display:inline-block;padding:5px 8px;border-radius:999px;background:rgba(25,200,194,.12);color:#7ee7e2;font-size:11px;font-weight:400;letter-spacing:.06em}
.btn{display:inline-block;border:1px solid rgba(255,255,255,.17);background:#132c45;color:white;padding:10px 14px;border-radius:9px;cursor:pointer}.btn.primary{background:var(--teal);color:#041516;border-color:var(--teal);font-weight:400}.btn.gold{background:var(--gold);color:#251d0c;border-color:var(--gold);font-weight:400}
.progress{height:8px;background:#183047;border-radius:99px;overflow:hidden;margin:12px 0}.progress i{display:block;height:100%;width:18%;background:var(--teal)}
.list{display:grid;gap:10px;margin-top:14px}.listItem{padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#0c2034;color:#c8d4de}
.readerApp{height:calc(100vh - 72px);display:grid;grid-template-columns:270px minmax(0,1fr) 320px;background:#0a1728}
.readerSide{background:#0b1b2e;border-right:1px solid rgba(255,255,255,.1);overflow:auto;padding:17px}.readerRight{border-left:1px solid rgba(255,255,255,.1);border-right:0}
.readerSide h3{margin:5px 0 14px;font-size:12px;letter-spacing:.13em;color:#8fa5ba;text-transform:uppercase}
.navSection{display:block;width:100%;border:0;text-align:left;background:transparent;color:#c7d3df;padding:10px;border-radius:8px;cursor:pointer;margin-bottom:3px}.navSection:hover{background:#12283f}.navSection.active{background:#123047;color:white;border-left:3px solid var(--teal)}
.viewerArea{min-width:0;display:flex;flex-direction:column;background:#d8dde2}.toolbar{height:60px;background:#f7f9fb;color:#1c2a39;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #c7ced6}.toolbarTitle{font-weight:400}.toolbar small{color:#6c7b88}
.toolset{display:flex;gap:7px}.tool{border:1px solid #c9d0d8;background:white;border-radius:8px;padding:8px 10px;cursor:pointer}.pdfFrame{width:100%;height:100%;border:0;background:#d8dde2}
.intelCard{background:#10243a;border:1px solid rgba(255,255,255,.09);border-radius:11px;padding:14px;margin-bottom:11px}.intelCard h4{margin:0 0 7px}.intelCard p{margin:0;color:#aebdca;line-height:1.45;font-size:13px}
.drawer{position:fixed;right:0;top:72px;width:380px;height:calc(100vh - 72px);background:#0d2035;border-left:1px solid rgba(255,255,255,.14);z-index:50;padding:22px;transform:translateX(105%);transition:.2s ease;box-shadow:-20px 0 50px rgba(0,0,0,.25)}.drawer.open{transform:translateX(0)}.drawer textarea{width:100%;min-height:180px;background:#07182a;color:white;border:1px solid #29435b;border-radius:9px;padding:12px;resize:vertical}.drawer input{width:100%;background:#07182a;color:white;border:1px solid #29435b;border-radius:9px;padding:11px}
.drawerHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.close{background:transparent;border:1px solid #35506a;color:white;border-radius:8px;padding:7px 10px;cursor:pointer}
.accountGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}.accountGrid .card label{display:block;color:#91a5b7;font-size:12px;margin:12px 0 6px}.accountGrid input{width:100%;padding:11px;border-radius:8px;border:1px solid #2c465e;background:#081a2d;color:white}
@media(max-width:1050px){.readerApp{grid-template-columns:220px minmax(0,1fr)}.readerRight{display:none}.course,.sidecard{grid-column:span 12}}
@media(max-width:760px){.readerApp{display:block}.readerSide{display:none}.viewerArea{height:calc(100vh - 72px)}.courseRow{display:block}.cover{width:130px;margin-bottom:18px}.accountGrid{grid-template-columns:1fr}.drawer{width:100%}}
@media print{body{display:none!important}}

.btn,button.btn,a.btn{font-weight:400!important}


/* Build 074 — JITA Learning executive contrast tokens */
:root{--paper:#dfe3e4;--ink:#102735;--muted:#aebdca}
.viewerArea,.pdfFrame{background:#cfd5d8}
.toolbar{background:#e3e6e7;color:#172b38;border-color:#b7c1c6}
.tool{background:#dfe3e4;color:#102735;border-color:#aebbc2}


/* Build 076 shared JITA Learning navigation */
.globalNav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.globalNavLink{
  color:#e6eef2;
  text-decoration:none;
  padding:8px 10px;
  border-radius:8px;
  border:1px solid transparent;
  font-weight:400;
  white-space:nowrap;
}
.globalNavLink:hover{background:#122d43;border-color:#2b4a60}
.globalNavLink.active{background:#17364c;border-color:#426177}
.globalCartCount{
  display:inline-flex;
  min-width:20px;
  height:20px;
  align-items:center;
  justify-content:center;
  padding:0 5px;
  margin-left:3px;
  border-radius:10px;
  background:#20b7ad;
  color:#071c29;
  font-size:.72rem;
  font-weight:700;
}
.globalSession{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#dce9ee;
  border:1px solid #355269;
  padding:8px 10px;
  border-radius:8px;
  font-size:.78rem;
  white-space:nowrap;
}
.globalSessionDot{
  width:8px;height:8px;border-radius:50%;background:#5bd2c6;
}
.globalSignIn{border-color:#355269}
@media(max-width:900px){
  .globalSession{display:none}
  .globalNav{justify-content:flex-start}
}


/* Build 091 — Light-surface readability standard
   Dark surfaces retain their existing text palette. */
:root{
  --jita-light-ink:#0b2634;
  --jita-light-body:#263f49;
  --jita-light-muted:#3b535d;
}
.product,
.box,
.authCard,
.confirmModal,
.toolbar,
.tool,
.viewerArea{
  color:var(--jita-light-ink);
}
.product p,
.product .meta,
.box .meta,
.box p.meta,
.authCard p,
.authCard .meta,
.confirmModal p,
.toolbar small{
  color:var(--jita-light-body)!important;
}
.product .priceNote,
.product .provider,
.box .priceNote{
  color:var(--jita-light-muted)!important;
}
.product .eyebrow,
.box .eyebrow{
  color:#08756f!important;
}


/* Build 108 — approved semantic colors only */
.btn.primary,
button.primary,
#checkoutBtn,
.checkoutBtn,
button[data-state="cart"]{
  background:#c7dced!important;
  color:#000!important;
  border-color:#8aa9c2!important;
}
.btn.primary:hover,
button.primary:hover,
#checkoutBtn:hover,
.checkoutBtn:hover,
button[data-state="cart"]:hover{
  background:#b4cee3!important;
  border-color:#7296b3!important;
}
.badge,.status-coming-soon{
  background:#f2c94c!important;
  color:#000!important;
  border-color:#b58f16!important;
}
button[data-state="notify"],.notifyBtn[data-state="notify"]{
  background:#f4a261!important;
  color:#000!important;
  border-color:#cf7c39!important;
}
button[data-state="notify"]:hover,.notifyBtn[data-state="notify"]:hover{
  background:#e88e45!important;
  border-color:#ba692b!important;
}
.removeBtn,button[data-action="remove"]{
  background:#d98787!important;
  color:#000!important;
  border-color:#b65f5f!important;
}
.removeBtn:hover,button[data-action="remove"]:hover{
  background:#ca7373!important;
}
button:not(:disabled),a.btn,a.mutedBtn{
  transition:background-color .16s ease,border-color .16s ease,
             box-shadow .16s ease,transform .16s ease;
}
button:not(:disabled):hover,a.btn:hover,a.mutedBtn:hover{
  transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(0,0,0,.12);
}


/* Build 137 — unified JITA visual system preview */
:root{--bg:#102735;--panel:#12303f;--panel2:#173746;--paper:#dde2e2;--ink:#0b2634}
html,body{background:var(--bg);color:#f1f6f7}
.topbar{background:#0b2937;border-bottom-color:#31505b}
.card,.panel,.intelCard{border-color:#355360}
.globalNavLink:hover{background:#173f4b}
.globalNavLink.active{background:#1b4857;border-color:#4e6c76}