:root{
  --navy:#0b1f3a;
  --navy-2:#164273;
  --ink:#10243a;
  --muted:#5a7187;
  --paper:#ffffff;
  --surface:#f5f7fb;
  --surface-2:#e9eef6;
  --line:#ccd7e4;
  --green:#1f5f99;
  --green-2:#0d3557;
  --orange:#d9670f;
  --orange-2:#a94908;
  --gold:#d6b656;
  --teal:#2f6fa3;
  --danger:#9b2c2c;
  --shadow:0 12px 34px rgba(8,39,56,.09);
  --radius:16px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,Segoe UI,Arial,sans-serif;
  color:var(--ink);
  background:var(--surface);
  line-height:1.55;
}
a{color:inherit}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img{max-width:100%}
.wrap{width:min(var(--max),calc(100% - 34px));margin:0 auto}
.skip-link{
  position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;
}
.skip-link:focus{
  left:12px;top:12px;width:auto;height:auto;padding:10px 14px;background:#fff;color:#000;z-index:9999;
}
.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(255,255,255,.97);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(10px);
}
.nav-shell{
  min-height:70px;display:flex;align-items:center;gap:20px;justify-content:space-between;
}
.brand{
  display:flex;align-items:center;gap:10px;text-decoration:none;min-width:max-content;
}
.brand-mark{
  width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,var(--navy-2),var(--teal));
  color:#fff;display:grid;place-items:center;font-weight:900;font-size:1.15rem;
}
.brand-copy strong{display:block;color:var(--navy);font-size:.96rem}
.brand-copy small{display:block;color:var(--muted);font-size:.72rem}
.nav-toggle{
  display:none;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--navy);padding:9px 12px;font-weight:800;
}
.global-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.global-nav a,.global-nav button{
  border:0;background:transparent;text-decoration:none;padding:9px 10px;border-radius:8px;color:#415b74;font-weight:700;font-size:.84rem;
}
.global-nav a:hover,.global-nav a:focus-visible,.global-nav button:hover,.global-nav button:focus-visible{
  background:#edf2f4;color:var(--navy);
}
.global-nav .nav-primary{background:var(--navy-2);color:#fff}
.global-nav .nav-cart{position:relative}
.cart-count{
  display:inline-flex;min-width:19px;height:19px;align-items:center;justify-content:center;border-radius:999px;
  background:var(--green);color:#fff;font-size:.68rem;padding:0 5px;margin-left:3px;
}
.hero{
  padding:76px 0;
  background:linear-gradient(135deg,#fbf5e9 0%,#eef4fb 60%,#e7eef3 100%);
  border-bottom:1px solid var(--line);
}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:center}
.eyebrow{
  color:var(--teal);font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;font-weight:900;
}
h1,h2,h3{color:var(--navy);line-height:1.08}
h1{font:700 clamp(3.2rem,7vw,6.25rem)/.92 Georgia,serif;margin:12px 0 20px}
h2{font:700 clamp(2.15rem,4.6vw,3.65rem)/1 Georgia,serif;margin:8px 0 14px}
h3{font:700 1.35rem/1.15 Georgia,serif;margin:8px 0 10px}
.lede{font-size:1.08rem;color:#49627a;max-width:780px;line-height:1.75}
.hero-card{
  background:linear-gradient(160deg,#0b1f3a,#164273);color:#fff;border-radius:20px;padding:28px;box-shadow:var(--shadow);
}
.hero-card h2,.hero-card h3{color:#fff}
.hero-card .eyebrow{color:#9fd5ee}
.hero-card p{color:#d9e5e9}
.lens-list{display:grid;gap:0;margin:18px 0 0;padding:0;list-style:none}
.lens-list li{padding:12px 0;border-top:1px solid rgba(255,255,255,.14)}
.lens-list strong{display:block;color:#fff}
.lens-list span{display:block;color:#c8d8de;font-size:.9rem;margin-top:2px}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:42px;padding:10px 15px;border:1px solid var(--line);border-radius:9px;
  background:#fff;color:var(--navy);font-weight:800;text-decoration:none;
}
.btn:hover{filter:brightness(.97)}
.btn.primary{background:var(--navy-2);border-color:var(--navy-2);color:#fff}
.btn.success{background:var(--green);border-color:var(--green);color:#fff}
.btn.warning{background:var(--orange);border-color:var(--orange-2);color:#fff}
.btn.dark{background:#050505;border-color:#050505;color:#ffd84d}
.btn.ghost{background:transparent}
.btn.danger{background:#fff0f0;border-color:#dfb4b4;color:var(--danger)}
.btn[disabled]{opacity:.55;cursor:not-allowed}
.section{padding:68px 0}
.section.alt{background:#fff}
.section.soft{background:var(--surface-2)}
.section-head{max-width:880px;margin-bottom:28px}
.section-head p{color:var(--muted);font-size:1.02rem}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);
}
.card.dark{background:var(--navy);border-color:#244858;color:#fff}
.card.dark h3{color:#fff}.card.dark p{color:#d1e0e5}.card.dark .eyebrow{color:#9fd5ee}
.card p{color:var(--muted)}
.thinking-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.thinking-step{
  background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;
}
.thinking-step .number{
  display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--navy);color:#fff;font-weight:900;font-size:.78rem;
}
.thinking-step p{color:var(--muted)}
.contrast{
  display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;
}
.contrast>div{border:1px solid var(--line);border-radius:14px;padding:20px;background:#fff}
.contrast small{display:block;font-weight:900;letter-spacing:.08em;color:var(--teal);margin-bottom:6px}
.contrast strong{font-size:1.2rem;color:var(--navy)}
.platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.platform-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;box-shadow:var(--shadow)}
.platform-card.live{border-top:5px solid var(--green)}
.platform-card.soon{border-top:5px solid var(--orange)}
.platform-card .actions{margin-top:auto}
.badge{
  display:inline-flex;align-self:flex-start;padding:5px 9px;border-radius:999px;font-size:.68rem;font-weight:900;letter-spacing:.06em;
}
.badge.available{background:#eaf3fb;color:#0d3557;border:1px solid #9fc3df}
.badge.coming{background:#fff0e3;color:#914409;border:1px solid #edbd98}
.badge.sample{background:#111;color:#ffd84d;border:1px solid #111}
.badge.owned{background:#dfeaf5;color:#164273;border:1px solid #adc4da}
.notice{
  border:1px solid #b8ccd5;background:#eff5fb;border-radius:12px;padding:14px 16px;color:#294753;
}
.notice.error{background:#fff2f2;border-color:#e1b8b8;color:#7c2d2d}
.notice.success{background:#edf7f0;border-color:#b7d6bf;color:#235a32}
.notice.warning{background:#fff7e8;border-color:#ecd09e;color:#714c10}
.hidden{display:none!important}
.toolbar{
  background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px;margin:18px 0;
  display:grid;grid-template-columns:2fr repeat(5,minmax(120px,1fr));gap:10px;
}
.field{display:grid;gap:6px}
.field label{font-size:.78rem;font-weight:900;color:#526b84}
.field input,.field select,.field textarea{
  width:100%;padding:11px 12px;border:1px solid #b8c7cd;border-radius:9px;background:#fff;color:var(--ink);
}
.field textarea{min-height:150px;resize:vertical}
.catalog-meta{font-size:.82rem;color:#576f86;display:flex;gap:9px;flex-wrap:wrap}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.product{
  background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;display:flex;flex-direction:column;min-height:300px;
}
.product.available{border-left:5px solid var(--green)}
.product.coming-soon{border-left:5px solid var(--orange)}
.product h3{margin-bottom:4px}
.product .provider{font-size:.77rem;color:var(--teal);font-weight:900}
.product .price{font-size:1.2rem;color:var(--navy);font-weight:900;margin-top:auto;padding-top:14px}
.product .actions{margin-top:10px}
.product[hidden]{display:none}
.filter-count{color:var(--muted);font-size:.88rem;margin:10px 0 18px}
.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"learning learning" "watching orders";gap:18px}
#my-learning{grid-area:learning}
#watching{grid-area:watching}
#orders{grid-area:orders}
.list{display:grid;gap:10px}
.list-row{border:1px solid var(--line);border-radius:12px;padding:15px;background:#fff}
.list-row h3{font-size:1.05rem;margin:0 0 6px}
.list-row p{margin:5px 0;color:var(--muted);font-size:.9rem}
.order-items{margin:8px 0 0;padding-left:18px;color:#4d6176}
.cart-layout,.checkout-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:20px;align-items:start}
.summary{position:sticky;top:90px}
.money-row{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px solid var(--line)}
.money-row.total{font-weight:900;font-size:1.15rem;border-bottom:0}
.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:var(--shadow)}
.form-stack{display:grid;gap:13px}
.tabs{display:flex;gap:8px;margin-bottom:18px}
.tab-btn{border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:8px;font-weight:800}
.tab-btn.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.reader-shell{display:grid;grid-template-columns:270px 1fr;gap:16px;height:calc(100vh - 70px);padding:16px}
.reader-toc{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;overflow:auto}
.reader-main{background:#1b252b;border-radius:14px;overflow:hidden;position:relative}
.reader-frame{width:100%;height:100%;border:0;background:#fff}
.reader-meta{font-size:.84rem;color:var(--muted)}
.reader-controls{display:grid;gap:8px;margin-top:14px}
.reader-controls .btn{width:100%}
.empty{
  padding:28px;border:1px dashed #aebfc6;border-radius:12px;text-align:center;color:var(--muted);background:#fafcfc;
}
.footer{background:var(--navy);color:#c7d7dd;padding:32px 0;margin-top:0}
.footer-grid{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;flex-wrap:wrap}
.footer strong{color:#fff}
.footer a{color:#dbe7eb}
.modal-backdrop{
  position:fixed;inset:0;background:rgba(3,18,27,.72);display:none;align-items:center;justify-content:center;padding:18px;z-index:1000;
}
.modal-backdrop.open{display:flex}
.modal{width:min(560px,100%);background:#fff;border-radius:18px;padding:24px;box-shadow:0 32px 100px rgba(0,0,0,.32)}
.modal-head{display:flex;justify-content:space-between;gap:15px;align-items:start}
.modal-close{border:0;background:transparent;font-size:1.6rem;color:#5f737d}
.status-line{font-size:.84rem;color:var(--muted);min-height:1.25rem}
.kicker{font-weight:900;color:var(--green)}
.small{font-size:.82rem;color:var(--muted)}
.center{text-align:center}
.mt0{margin-top:0}
.mb0{margin-bottom:0}
@media(max-width:1000px){
  .toolbar{grid-template-columns:1fr 1fr}
  .hero-grid,.cart-layout,.checkout-layout,.auth-grid{grid-template-columns:1fr}
  .summary{position:static}
  .cards,.platform-grid,.catalog-grid,.thinking-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .nav-toggle{display:inline-flex}
  .global-nav{
    display:none;position:absolute;left:17px;right:17px;top:62px;background:#fff;border:1px solid var(--line);border-radius:12px;
    padding:10px;box-shadow:var(--shadow);align-items:stretch;flex-direction:column;
  }
  .global-nav.open{display:flex}
  .global-nav a,.global-nav button{text-align:left;width:100%}
  .cards,.platform-grid,.catalog-grid,.thinking-grid,.contrast,.dashboard-grid{grid-template-columns:1fr}
  .dashboard-grid{grid-template-areas:"learning" "watching" "orders"}
  .reader-shell{grid-template-columns:1fr;height:auto}
  .reader-toc{max-height:260px}
  .reader-main{height:75vh}
}
@media(max-width:560px){
  .wrap{width:min(100% - 24px,var(--max))}
  h1{font-size:clamp(2.75rem,14vw,4.2rem)}
  .hero{padding:52px 0}
  .toolbar{grid-template-columns:1fr}
  .cards,.platform-grid,.catalog-grid,.thinking-grid{grid-template-columns:1fr}
  .brand-copy small{display:none}
}

.max620{max-width:620px;margin-left:auto;margin-right:auto}.max760{max-width:760px}.justify-center{justify-content:center}.mt14{margin-top:14px}

.reader-page-nav{display:grid;grid-template-columns:auto minmax(96px,1fr) auto auto;gap:7px;align-items:end;margin:16px 0 12px}
.reader-page-nav .btn{min-width:0;padding:8px 10px}.reader-page-label{display:grid;gap:4px;font-size:.72rem;font-weight:900;color:#526b84}
.reader-page-label input{width:100%;min-width:0;padding:9px 8px;border:1px solid #b8c7cd;border-radius:8px;background:#fff;color:var(--ink)}
.reader-outline-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding:12px 0 8px;border-top:1px solid var(--line);color:var(--navy)}
.reader-outline-head span{font-size:.7rem;color:var(--muted);text-align:right}.toc-tree{display:grid;gap:3px;margin-bottom:14px}
.toc-item{width:100%;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start;text-align:left;border:0;border-left:3px solid transparent;border-radius:7px;background:transparent;color:#415b74;padding:8px 7px;font-size:.78rem}
.toc-item:hover,.toc-item:focus-visible{background:#edf2f4;color:var(--navy)}.toc-item.active{background:#e8f0fa;border-left-color:var(--teal);color:var(--navy);font-weight:900}
.toc-item.depth-1{padding-left:16px}.toc-item.depth-2{padding-left:26px}.toc-item.depth-3{padding-left:36px}.toc-item.depth-4{padding-left:46px}
.toc-page-number{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.7rem}.toc-empty{padding:12px;border:1px dashed #b8c7cd;border-radius:9px;background:#f7fafa;color:var(--muted);font-size:.76rem;line-height:1.45}


/* Build 305 — JITA Learning */
.hub-toolbar{grid-template-columns:2fr repeat(3,minmax(150px,1fr))}
.cert-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cert-hub{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow);display:grid;gap:18px}
.cert-hub-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:16px}
.cert-hub-head h3{margin:3px 0 7px;font-size:1.35rem}
.cert-hub-state{flex:0 0 auto}
.guide-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.guide-pane{border:1px solid var(--line);border-radius:14px;padding:17px;background:#fbfcfc;display:flex;flex-direction:column;min-height:300px}
.guide-pane.owned{border-top:4px solid #315e8a;background:#f7fafc}
.guide-pane.available{border-top:4px solid var(--green)}
.guide-pane.unavailable{border-top:4px solid var(--orange)}
.guide-pane-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.guide-pane h4{font-size:1.03rem;margin:3px 0 0}
.guide-pane p{font-size:.9rem;color:var(--muted)}
.guide-price{font-size:1.18rem;color:var(--navy);font-weight:900;margin-top:auto;padding-top:12px}
.guide-pane .actions{margin-top:10px}
.cert-hub-footer{display:grid;gap:12px}
.pair-action{display:flex;justify-content:flex-end}
.sample-strip{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid #d7c25a;background:#fffbe8;border-radius:12px;padding:13px}
.sample-strip>div{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.member-secondary{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}
@media(max-width:1000px){
  .cert-hub-grid{grid-template-columns:1fr}
  .hub-toolbar{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .guide-pair,.member-secondary,.hub-toolbar{grid-template-columns:1fr}
  .cert-hub-head,.sample-strip{flex-direction:column;align-items:flex-start}
  .pair-action{justify-content:flex-start}
}

/* Build 306 — Clean JITA Learning */
.cert-hub-grid{display:grid;grid-template-columns:1fr;gap:18px}
.cert-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow)}
.cert-card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:15px;border-bottom:1px solid var(--line)}
.cert-card-head h3{margin:3px 0 6px;font-size:1.35rem}
.cert-guide-list{display:grid;gap:0}
.guide-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
.guide-row:last-child{border-bottom:0}
.guide-row-main{min-width:0}
.guide-row-title{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.guide-row h4{margin:2px 0 6px;font-size:1.02rem}
.guide-row p{margin:0;color:var(--muted);font-size:.9rem;max-width:780px}
.guide-row-action{display:grid;grid-template-columns:auto auto;gap:10px;align-items:center;justify-items:end}
.guide-row-action .guide-price{margin:0;padding:0;white-space:nowrap}
.sample-strip.compact{margin-top:12px;padding:11px 13px}
.member-secondary{margin-top:28px}
@media(max-width:760px){
  .cert-card-head{display:grid;grid-template-columns:1fr}
  .guide-row{grid-template-columns:1fr}
  .guide-row-action{grid-template-columns:1fr;justify-items:start}
  .guide-row-title{display:block}
}

/* Build 308 — compact certification directory + detailed JITA Learning */
.cert-hub-grid[data-view="directory"],
#certificationHub[data-view="directory"]{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.cert-tile{
  position:relative;
  display:block;
  min-height:132px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  color:var(--navy);
  text-decoration:none;
  box-shadow:var(--shadow);
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.cert-tile:hover{transform:translateY(-2px);border-color:#9db6c1;box-shadow:0 10px 24px rgba(10,48,64,.10)}
.cert-tile h3{margin:0 0 8px;font-size:1.28rem}
.cert-tile p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.4}
.cert-tile-state{margin-top:13px}
.cert-detail-nav{margin-bottom:18px}
.cert-detail-nav a{font-weight:800}
.cert-detail-card{max-width:1100px;margin:0 auto}
.learning-path-intro{padding:18px 0 6px}
.learning-path-intro p{max-width:850px;color:var(--muted)}
.guide-complement{
  margin-top:18px;
  padding:20px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#f7f9fc;
}
.guide-complement h3{margin:4px 0 12px}
.guide-complement p{margin:8px 0;color:var(--muted)}
.guide-complement .guide-sequence{color:var(--navy)}
@media(max-width:1100px){
  #certificationHub[data-view="directory"]{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:800px){
  #certificationHub[data-view="directory"]{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  #certificationHub[data-view="directory"]{grid-template-columns:1fr}
}

/* Build 309 — My Learning account center */
.account-shell{display:grid;gap:22px}
.account-section-nav{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.account-section-nav a{
  display:grid;
  gap:5px;
  padding:17px;
  min-height:112px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  text-decoration:none;
  color:var(--navy);
  box-shadow:var(--shadow);
}
.account-section-nav a:hover{border-color:#9db6c1;transform:translateY(-1px)}
.account-nav-kicker{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:900;color:var(--teal)}
.account-section-nav strong{font-size:1rem}
.account-section-nav span:last-child{font-size:.82rem;color:var(--muted)}
.account-panel{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:22px;
  box-shadow:var(--shadow);
  scroll-margin-top:100px;
}
.account-panel-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  padding-bottom:16px;
  border-bottom:1px solid var(--line);
  margin-bottom:16px;
}
.account-panel-head h2{margin:3px 0 5px}
.account-panel-head p{margin:0;color:var(--muted);max-width:760px}
.owned-learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.owned-learning-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:18px;
  border:1px solid var(--line);
  border-radius:14px;
  padding:18px;
  background:#fbfcfc;
}
.owned-learning-card h3{margin:4px 0 6px;font-size:1.05rem}
.account-list{display:grid;gap:12px}
.account-list-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:20px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:13px;
  padding:16px;
  background:#fbfcfc;
}
.account-list-main h3{margin:3px 0 5px;font-size:1rem}
.account-list-main p{margin:0;color:var(--muted)}
.account-list-action{display:flex;align-items:center;justify-content:flex-end}
.account-empty{grid-column:1/-1}
.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.security-card{
  border:1px solid var(--line);
  border-radius:14px;
  padding:18px;
  background:#fbfcfc;
}
.security-card h3{margin:4px 0 7px}
.text-error{color:#a12020;font-weight:800}
.text-success{color:#1f5f99;font-weight:800}

@media(max-width:1000px){
  .account-section-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .account-section-nav,
  .owned-learning-grid,
  .security-grid{grid-template-columns:1fr}
  .account-panel-head,
  .account-list-row{grid-template-columns:1fr;display:grid}
  .account-list-action{justify-content:flex-start}
}

/* Build 310 — Issuer as a first-class catalog dimension */
.hub-toolbar{grid-template-columns:2fr repeat(4,minmax(145px,1fr))}
.cert-tile-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
}
.issuer-badge{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:4px 9px;
  border-radius:999px;
  border:1px solid #b8c9d0;
  background:#eef3f8;
  color:var(--navy);
  font-size:.66rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.cert-tile .cert-tile-state{margin-top:0}
@media(max-width:1000px){.hub-toolbar{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.hub-toolbar{grid-template-columns:1fr}}

/* Build 314 — standard drill-down Back navigation */
.layer-back-row{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  margin:0 0 18px;
}
.back-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:92px;
  width:auto;
  text-decoration:none;
}
.reader-back-row{
  margin:0 0 14px;
}


/* Build 318 — JITA Intelligent Reader */
.reader-shell-intelligent{grid-template-columns:360px minmax(0,1fr);gap:14px;padding:14px}
.reader-intelligence-panel{padding:14px}
.reader-main-intelligent{min-width:0}
.reader-control-label{font-size:.7rem;font-weight:900;letter-spacing:.04em;color:#526b84}
.reader-zoom-panel,.reader-current-section{
  border-top:1px solid var(--line);
  padding:12px 0;
}
.reader-zoom-row{display:grid;grid-template-columns:auto minmax(90px,1fr) auto;gap:7px;align-items:center;margin-top:6px}
.reader-icon-btn{min-width:42px;padding:8px}
.reader-zoom-value{
  min-height:42px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--navy);font-weight:900;
}
.reader-fit-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}
.reader-fit-row .btn{padding:8px 9px;font-size:.76rem}
.reader-fit-row .btn.active,.reader-section-actions .btn.active{background:#e8f0fa;border-color:#7fa8cf;color:var(--navy)}
.reader-current-section strong{display:block;color:var(--navy);font-size:.88rem;line-height:1.35;margin-top:4px}
.reader-section-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}
.reader-section-actions .btn{min-height:38px;padding:7px 8px;font-size:.74rem}
.reader-section-actions .btn:last-child{grid-column:1/-1}
.reader-tabs{
  display:flex;gap:5px;overflow-x:auto;padding:10px 0 8px;border-top:1px solid var(--line);scrollbar-width:thin;
}
.reader-tab{
  flex:0 0 auto;border:1px solid var(--line);border-radius:8px;background:#fff;color:#526b84;
  padding:7px 9px;font-weight:900;font-size:.7rem;
}
.reader-tab.active{background:var(--navy);border-color:var(--navy);color:#fff}
.reader-tool-panel{min-height:120px}
.reader-toc-controls{display:flex;gap:12px;justify-content:flex-end;margin:-2px 0 7px}
.reader-text-action{border:0;background:transparent;padding:2px;color:var(--teal);font-size:.7rem;font-weight:900;text-decoration:underline}
.reader-text-action[disabled]{opacity:.5;cursor:not-allowed}
.toc-node{display:grid;gap:0}
.toc-row{display:grid;grid-template-columns:22px minmax(0,1fr);gap:2px;align-items:start;padding-left:calc(var(--toc-depth,0) * 10px)}
.toc-toggle,.toc-toggle-spacer{width:22px;min-height:34px;display:grid;place-items:center}
.toc-toggle{border:0;background:transparent;color:#526b84;font-weight:900;border-radius:6px}
.toc-toggle:hover,.toc-toggle:focus-visible{background:#edf2f4;color:var(--navy)}
.toc-children[hidden]{display:none}
.toc-item.user-highlight{background:#fff7cf;border-left-color:#d6b656}
.reader-search-box{display:grid;gap:5px}
.reader-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}
.reader-search-row input{
  width:100%;min-width:0;padding:10px 11px;border:1px solid #b8c7cd;border-radius:9px;background:#fff;color:var(--ink);
}
.reader-tool-status,.reader-account-note{font-size:.72rem;color:var(--muted);line-height:1.4;margin:7px 0}
.reader-saved-list{display:grid;gap:7px;margin-top:8px}
.reader-saved-row{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:start;border:1px solid var(--line);
  border-radius:9px;background:#fbfcfc;padding:7px;
}
.reader-saved-open{
  border:0;background:transparent;text-align:left;display:grid;gap:2px;color:var(--ink);padding:2px;min-width:0;
}
.reader-saved-open strong{font-size:.76rem;color:var(--navy);line-height:1.3}
.reader-saved-open span{font-size:.66rem;color:var(--muted)}
.reader-saved-open p{margin:3px 0 0;font-size:.7rem;color:#4d6176;line-height:1.35}
.reader-remove-action{border:0;background:transparent;color:var(--danger);font-weight:800;font-size:.66rem;padding:3px}
.reader-highlight-row{border-left:4px solid var(--gold);background:#fffdf1}
.reader-empty-tool{padding:12px;border:1px dashed #b8c7cd;border-radius:9px;background:#f7fafa;color:var(--muted);font-size:.74rem;line-height:1.45}
.reader-note-editor{display:grid;gap:7px;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fbfcfc}
.reader-note-editor textarea{
  width:100%;min-height:100px;resize:vertical;padding:9px 10px;border:1px solid #b8c7cd;border-radius:8px;color:var(--ink);
}
.reader-note-editor-actions{display:flex;gap:7px;flex-wrap:wrap}
.reader-note-editor-actions .btn{padding:7px 9px;min-height:36px;font-size:.72rem}
.reader-search-result{
  width:100%;border:1px solid var(--line);border-radius:9px;background:#fbfcfc;text-align:left;padding:9px;
  display:grid;gap:3px;color:var(--ink);
}
.reader-search-result:hover,.reader-search-result:focus-visible{border-color:#8aabb8;background:#f2f6fb}
.reader-search-result strong{color:var(--navy);font-size:.78rem}
.reader-search-result span{font-size:.66rem;color:var(--muted)}
.reader-search-result p{font-size:.7rem;line-height:1.4;margin:2px 0 0;color:#4d6176}
.reader-result-type{text-transform:uppercase;letter-spacing:.05em;font-weight:900;color:var(--teal)!important}
@media(max-width:1000px){
  .reader-shell-intelligent{grid-template-columns:320px minmax(0,1fr)}
}
@media(max-width:760px){
  .reader-shell-intelligent{grid-template-columns:1fr;height:auto;padding:10px}
  .reader-intelligence-panel{max-height:none}
  .reader-main-intelligent{height:72vh}
  .reader-tabs{position:sticky;top:0;background:#fff;z-index:2}
}
@media(max-width:420px){
  .reader-section-actions{grid-template-columns:1fr}
  .reader-section-actions .btn:last-child{grid-column:auto}
  .reader-fit-row{grid-template-columns:1fr}
}


/* Build 323 — Section Highlight UX clarity */
.reader-current-section.section-highlighted{
  border:1px solid #d6b656;
  border-radius:12px;
  background:#fffdf1;
  padding:12px;
  margin:8px 0 12px;
}
.reader-highlight-flag{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin-top:7px;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid #d6b656;
  background:#fff7cf;
  color:#5f4700;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.reader-section-actions .btn.active{
  border-color:#d6b656;
  background:#fff7cf;
  color:#5f4700;
}


/* Build 324 — Reader simplification: remove highlight UI, close notes after save */
.reader-section-actions{
  grid-template-columns:1fr;
}
.reader-note-editor.hidden{
  display:none;
}
.reader-note-editor-actions .btn{
  flex:0 0 auto;
}
.reader-current-section.section-highlighted{
  border-top:1px solid var(--line);
  border-left:0;
  border-right:0;
  border-bottom:0;
  border-radius:0;
  background:transparent;
  padding:12px 0;
  margin:0;
}
.reader-highlight-flag{
  display:none!important;
}


/* Build 325 — Value-led product detail pages */
.product-value-stack{
  display:grid;
  gap:18px;
  margin:26px 0 24px;
}
.value-hero{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
  gap:18px;
  align-items:stretch;
}
.value-hero h2{
  margin:7px 0 12px;
  color:var(--navy);
  font-size:clamp(1.85rem,3.2vw,3.1rem);
  line-height:1.02;
  letter-spacing:-.02em;
}
.value-hero p,.value-outcome p,.guide-choice-banner span{
  color:#3b5872;
  line-height:1.6;
}
.value-proof-card{
  border:1px solid #9fbad2;
  border-radius:18px;
  padding:18px;
  background:linear-gradient(145deg,#0b2f55,#1d4f82);
  color:#fff;
  box-shadow:0 18px 44px rgba(6,40,58,.14);
}
.value-proof-card strong{
  display:block;
  color:#fff;
  font-size:1.35rem;
  line-height:1.12;
  margin:8px 0 10px;
}
.value-proof-card p{
  color:#e7eff7;
  line-height:1.55;
}
.value-proof-label{
  display:inline-flex;
  color:#bed8ee;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.value-outcome{
  border:1px solid var(--line);
  border-radius:16px;
  background:#fbfcff;
  padding:18px;
}
.value-outcome h3,.value-grid h3{
  color:var(--navy);
  margin:0 0 9px;
  font-size:1.2rem;
}
.value-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.value-grid section{
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  padding:18px;
}
.value-grid ul{
  margin:0;
  padding-left:20px;
  display:grid;
  gap:8px;
}
.value-grid li{
  color:#3b5872;
  line-height:1.45;
}
.guide-choice-banner{
  display:flex;
  gap:8px;
  align-items:flex-start;
  border:1px solid #b8cce0;
  border-radius:14px;
  background:#f0f5fa;
  color:#17354d;
  padding:14px 16px;
}
.guide-choice-banner strong{
  color:#0f5f96;
  white-space:nowrap;
}
@media(max-width:840px){
  .value-hero,.value-grid{
    grid-template-columns:1fr;
  }
  .guide-choice-banner{
    display:grid;
  }
}


/* Build 326 — Publication-team marketing metadata integration */
.product-sales-page{
  display:grid;
  gap:24px;
}
.product-sales-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,380px);
  gap:24px;
  align-items:start;
}
.product-sales-hero h1{
  margin:.18em 0 .18em;
}
.product-sales-headline{
  max-width:920px;
  color:#173a5d;
  font-size:clamp(1.25rem,2vw,1.65rem);
  font-weight:800;
  line-height:1.35;
}
.purchase-card{
  border:1px solid #b7cbe0;
  border-radius:18px;
  background:#fff;
  padding:22px;
  box-shadow:0 18px 48px rgba(6,40,58,.10);
  position:sticky;
  top:96px;
}
.purchase-card h2{
  margin:8px 0;
  color:var(--navy);
}
.purchase-card p{
  color:#47616b;
  line-height:1.45;
}
.purchase-price{
  margin:16px 0;
  color:var(--navy);
  font-size:2rem;
  font-weight:900;
}
.purchase-action .btn{
  width:100%;
  justify-content:center;
}
.value-statement{
  border:1px solid #b7cbe0;
  border-radius:18px;
  background:linear-gradient(135deg,#fbfcff,#eef4fb);
  padding:22px;
}
.value-statement h2{
  margin:8px 0 12px;
  color:var(--navy);
  font-size:clamp(1.45rem,2.2vw,2.25rem);
  line-height:1.1;
}
.value-statement p{
  color:#3b5d78;
  line-height:1.65;
  font-size:1.02rem;
}
.value-grid.expanded{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.value-grid.expanded article{
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  padding:20px;
}
.value-grid.expanded ul{
  display:grid;
  gap:9px;
  margin:12px 0 0;
  padding-left:20px;
}
.value-grid.expanded li,
.value-grid.expanded p{
  color:#3b5872;
  line-height:1.5;
}
.value-mini-callout{
  margin-top:16px;
  border-left:4px solid var(--teal);
  background:#f1f6fb;
  border-radius:10px;
  padding:12px 14px;
  color:#1c456f;
  font-weight:800;
  line-height:1.45;
}
.jita-proof-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,360px);
  gap:18px;
  align-items:center;
  border-radius:20px;
  padding:24px;
  color:#fff;
  background:linear-gradient(145deg,#0a294a,#1d4f82);
  box-shadow:0 18px 54px rgba(6,40,58,.14);
}
.jita-proof-panel h2{
  color:#fff;
  margin:8px 0 10px;
  font-size:clamp(1.5rem,2.4vw,2.5rem);
}
.jita-proof-panel p{
  color:#e6eef7;
  line-height:1.6;
}
.jita-proof-panel .eyebrow{
  color:#bed8ee;
}
.proof-rhythm{
  display:grid;
  gap:8px;
}
.proof-rhythm span{
  display:block;
  border:1px solid rgba(255,255,255,.32);
  border-radius:999px;
  padding:9px 13px;
  color:#fff;
  font-weight:900;
  text-align:center;
  background:rgba(255,255,255,.08);
}
.product-bottom-actions{
  margin-top:2px;
}
.guide-row-mini{
  margin-top:10px;
  padding:12px 14px;
  border-radius:12px;
  background:#f5f8fc;
  border:1px solid #dce6f0;
}
.guide-row-mini strong{
  display:block;
  color:var(--navy);
  margin-bottom:7px;
}
.guide-row-mini ul{
  margin:0;
  padding-left:18px;
  display:grid;
  gap:5px;
}
.guide-row-mini li{
  color:#3b5872;
  line-height:1.38;
}
.guide-details-link{
  display:inline-flex;
  margin-top:11px;
  font-weight:900;
  color:var(--teal);
  text-decoration:underline;
  text-underline-offset:3px;
}
@media(max-width:900px){
  .product-sales-hero,
  .value-grid.expanded,
  .jita-proof-panel{
    grid-template-columns:1fr;
  }
  .purchase-card{
    position:static;
  }
}


/* Build 327 — Cart Continue Browsing CTA */
.continue-browsing-cta,
a.continue-browsing-cta,
button.continue-browsing-cta{
  background:#0f5f96!important;
  color:#fff!important;
  border-color:#0f5f96!important;
  box-shadow:0 12px 28px rgba(11,107,58,.18);
}
.continue-browsing-cta:hover,
.continue-browsing-cta:focus{
  background:#0d4e7a!important;
  border-color:#0d4e7a!important;
  color:#fff!important;
  transform:translateY(-1px);
}


/* Build 328 — Context-preserving Back to Catalog */
.catalog-context-return{
  font-weight:900;
}


/* Build 329 — Platform standard for catalog-return CTAs */
.catalog-context-return,
.continue-browsing-cta,
a.catalog-context-return,
a.continue-browsing-cta,
button.catalog-context-return,
button.continue-browsing-cta{
  background:#0f5f96!important;
  color:#fff!important;
  border-color:#0f5f96!important;
  box-shadow:0 12px 28px rgba(11,107,58,.18);
  font-weight:900;
}
.catalog-context-return:hover,
.catalog-context-return:focus,
.continue-browsing-cta:hover,
.continue-browsing-cta:focus{
  background:#0d4e7a!important;
  border-color:#0d4e7a!important;
  color:#fff!important;
  transform:translateY(-1px);
}


/* Build 330 — Continue Browsing JITA blue standard */
.catalog-context-return,
.continue-browsing-cta,
a.catalog-context-return,
a.continue-browsing-cta,
button.catalog-context-return,
button.continue-browsing-cta{
  background:#0b2f55!important;
  color:#fff!important;
  border-color:#0b2f55!important;
  box-shadow:0 12px 28px rgba(7,56,77,.18);
  font-weight:900;
}
.catalog-context-return:hover,
.catalog-context-return:focus,
.continue-browsing-cta:hover,
.continue-browsing-cta:focus{
  background:#082746!important;
  border-color:#082746!important;
  color:#fff!important;
  transform:translateY(-1px);
}


/* Build 331 — Unified Continue Browsing behavior */
.continue-browsing-cta{
  min-width:160px;
}


/* Build 332 — JITA Learning visual polish */
.site-nav a[href$="/learning/"],
.site-nav a[href*="/learning/index.html"],
.site-nav a[aria-current="page"].learning-active,
.site-nav a.active-learning{
  background:#0b2f55;
  color:#fff!important;
  border-color:#0b2f55;
  border-radius:10px;
  box-shadow:0 10px 22px rgba(7,56,77,.16);
}

/* Make the JITA Learning nav item visibly active on catalog/certification/detail/reader pages
   when the body/page marks the learning area through existing structure. */
body:has([data-certification-grid]) .site-nav a[href$="/learning/"],
body:has(.certification-grid) .site-nav a[href$="/learning/"],
body:has(.product-sales-page) .site-nav a[href$="/learning/"],
body:has(.reader-shell) .site-nav a[href$="/learning/"]{
  background:#0b2f55;
  color:#fff!important;
  border-color:#0b2f55;
  border-radius:10px;
  box-shadow:0 10px 22px rgba(7,56,77,.16);
}

/* Certification cards: stronger readable typography */
.cert-card,
.certification-card,
.learning-card{
  color:#050f17;
}
.cert-card h3,
.cert-card h4,
.certification-card h3,
.certification-card h4,
.learning-card h3,
.learning-card h4,
.cert-card-title,
.cert-title{
  color:#020a10!important;
  font-weight:950;
}
.cert-card p,
.certification-card p,
.learning-card p,
.cert-card .cert-name,
.certification-card .cert-name,
.learning-card .cert-name{
  color:#081923!important;
  font-weight:650;
}

/* Issuer label color treatment */
.issuer-badge,
.provider-badge,
.cert-provider,
.cert-card .eyebrow,
.certification-card .eyebrow,
.learning-card .eyebrow{
  background:#eaf3fb!important;
  color:#155b8f!important;
  border:1px solid #9fc3df!important;
  border-radius:999px;
  padding:5px 10px;
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  font-weight:950;
  letter-spacing:.07em;
}

/* Microsoft-specific issuer label; generated cards use text content, so style the generic badge strongly. */
.cert-card .eyebrow:first-child,
.certification-card .eyebrow:first-child,
.learning-card .eyebrow:first-child{
  box-shadow:0 6px 18px rgba(0,95,115,.10);
}

/* Remove empty status notice footprint if JS leaves the node visible with no text. */
.notice.success:empty,
.notice.hidden{
  display:none!important;
}


/* Build 333 — Active global navigation fix */
.global-nav a.nav-active,
.global-nav a.nav-active:visited{
  background:#0b2f55!important;
  color:#fff!important;
  border-color:#0b2f55!important;
  border-radius:10px;
  box-shadow:0 10px 22px rgba(7,56,77,.16);
}
.global-nav a.nav-active:hover,
.global-nav a.nav-active:focus{
  background:#082746!important;
  border-color:#082746!important;
  color:#fff!important;
}
.global-nav a.nav-active .cart-count{
  background:#fff;
  color:#0b2f55;
}


/* Build 334 — JITA Learning customer-facing label and button standard */
a[href*="certification.html"],
button[data-open-certification],
.certification-link,
.jita-learning-link{
  font-weight:900;
}

/* Any button/link whose purpose is to send the user back into JITA Learning
   should feel like an intentional platform path, not an unfinished utility link. */
.btn[href*="certification.html"],
.btn[href*="/learning/"],
a.btn[href*="certification.html"]{
  border-color:#0b2f55;
}

/* My Learning library card secondary JITA Learning path */
.library-card .btn[href*="certification.html"],
.owned-card .btn[href*="certification.html"],
.purchase-card .btn[href*="certification.html"]{
  background:#0b2f55!important;
  color:#fff!important;
  border-color:#0b2f55!important;
  box-shadow:0 12px 28px rgba(7,56,77,.16);
}
.library-card .btn[href*="certification.html"]:hover,
.owned-card .btn[href*="certification.html"]:hover,
.purchase-card .btn[href*="certification.html"]:hover{
  background:#082746!important;
  border-color:#082746!important;
  color:#fff!important;
}


/* Build 335 — Complimentary Sample Intelligent Reader */
.sample-reader-shell .sample-reader-badge,
.badge.sample{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin-bottom:10px;
  padding:6px 10px;
  border-radius:999px;
  background:#071b27;
  color:#ffe66d;
  border:1px solid rgba(255,230,109,.45);
  font-size:.7rem;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.sample-reader-shell .reader-controls{
  gap:8px;
}
.sample-reader-shell .reader-controls .btn{
  justify-content:center;
}
.sample-reader-shell .reader-account-note{
  background:#f5f8fc;
  border:1px solid #dce6f0;
  border-radius:10px;
  padding:9px 10px;
  color:#3b5872;
}


/* Build 336 — Sample Reader PDF text search */
.reader-search-result .reader-result-type{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  margin-bottom:5px;
  padding:4px 8px;
  border-radius:999px;
  background:#eaf3fb;
  color:#155b8f;
  border:1px solid #9fc3df;
  font-size:.66rem;
  font-weight:950;
  letter-spacing:.06em;
  text-transform:uppercase;
}


/* Build 337 — tolerant sample search */
.reader-search-result .reader-result-type{
  background:#eaf3fb;
}


/* Build 338 — clean sample search open behavior */
.reader-search-result{
  scroll-margin-top:120px;
}


/* Build 339 — Sample search preserves working context */
.sample-reader-shell .reader-search-result{
  cursor:pointer;
}


/* Build 340 — clean sample Reader zoom default */
.sample-reader-shell .reader-zoom-value{
  font-weight:950;
}


/* Build 341 - governed revised SC-100 sample package */
.sample-reader-shell .sample-reader-badge{
  letter-spacing:.07em;
}


/* Build 342 - sample PDF stage-relative path fix */
.sample-reader-shell .reader-frame{
  background:#f7f9fc;
}


/* Build 343 - same-origin sample PDF iframe allowed by CSP */
.sample-reader-shell .reader-frame{
  border:0;
}


/* Build 345 - Reader side control stabilization */
.reader-zoom-row{display:none!important;}
.reader-fit-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.reader-fit-row .btn.active{background:#eaf3fb;border-color:#9fc3df;color:#0b2f55;}


/* Build 346 - controlled sample page viewer and additive bookmarks */
.reader-page-viewer{
  overflow:auto;
  background:#20282d;
  padding:24px;
  scroll-behavior:auto;
}
.reader-controlled-page{
  width:min(980px,100%);
  margin:0 auto 22px;
  background:#fff;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 12px 36px rgba(0,0,0,.28);
  position:relative;
}
.reader-controlled-page img{display:block;width:100%;height:auto;}
.reader-controlled-page-label{
  position:absolute;top:8px;right:10px;z-index:2;
  background:rgba(255,255,255,.9);border:1px solid #d6e3ea;border-radius:999px;
  padding:3px 8px;font-size:.65rem;font-weight:900;color:#0b2f55;
}
.reader-page-viewer.fit-width-mode .reader-controlled-page{width:100%;}
.reader-page-viewer.fit-page-mode .reader-controlled-page{width:min(980px,100%);}
.reader-saved-card .reader-saved-open span{display:block;margin-top:4px;}


/* Build 347 - note cards open location by default; edit is explicit */
.reader-saved-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin-top:8px;
}
.reader-edit-action{
  border:1px solid #b7ccd6;
  background:#fff;
  color:#0b2f55;
  border-radius:8px;
  padding:7px 10px;
  font-weight:900;
  cursor:pointer;
}
.reader-edit-action:hover{
  background:#eaf3fb;
  border-color:#2f6fa3;
}
.access-model-note{
  margin-top:10px;
  line-height:1.45;
  color:#4c6474;
}


/* Build 348 - My Learning JITA Learning button matches Continue Browsing standard */
.btn.btn-jita-learning,
a.btn.btn-jita-learning,
button.btn.btn-jita-learning{
  background:var(--navy-2)!important;
  border-color:var(--navy-2)!important;
  color:#fff!important;
}
.btn.btn-jita-learning:hover,
a.btn.btn-jita-learning:hover,
button.btn.btn-jita-learning:hover{
  filter:brightness(.96);
  color:#fff!important;
}


/* Build 349 - My Learning resilient account load */
.notice.warning{
  background:#fff8e8;
  border-color:#efc97a;
  color:#5b3b00;
}
.btn.btn-jita-learning,
a.btn.btn-jita-learning,
button.btn.btn-jita-learning{
  background:var(--navy-2)!important;
  border-color:var(--navy-2)!important;
  color:#fff!important;
}


/* Build 350 - Orders & Receipts resilient fallback */
.account-list-row .small{
  line-height:1.45;
}


/* Build 351 - scalable saved-entry panels */
.reader-load-more{
  width:100%;
  margin-top:10px;
  justify-content:center;
  background:#f6f8fc;
}
.reader-saved-row{
  contain:content;
}
.reader-saved-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}


/* Build 352 - launch surface cleanup */
.platform-grid.launch-single{
  grid-template-columns:minmax(0, 1fr);
  max-width:720px;
  margin-inline:auto;
}


/* Build 353 - restore JITA ecosystem cards while preserving launch-state truth */
.platform-grid.ecosystem-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.platform-card.next{
  border-top:4px solid #c89216;
}
.badge.next-badge{
  background:#fff7dc;
  border:1px solid #e7c669;
  color:#5c4200;
}
@media (max-width: 980px){
  .platform-grid.ecosystem-grid{
    grid-template-columns:1fr;
  }
}


/* Build 354 - Legal policy surface */
.policy-main{background:#f6f8fc;}
.policy-wrap{max-width:920px;}
.policy-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:28px;
  box-shadow:0 16px 48px rgba(7,56,77,.08);
}
.policy-card h2{margin-top:28px;margin-bottom:8px;font-size:1.25rem;}
.policy-card h2:first-child{margin-top:0;}
.policy-card p{color:var(--muted);line-height:1.65;}
.footer-stack{display:flex;flex-direction:column;gap:8px;align-items:flex-end;}
.policy-links{font-size:.92rem;}
.policy-checkout-box{
  margin:22px auto;
  padding:18px 20px;
  border:1px solid #e7c669;
  border-radius:16px;
  background:#fff8e8;
  color:#2f2300;
  max-width:1200px;
}
.policy-checkout-box h2{margin:0 0 8px;font-size:1.15rem;}
.policy-checkout-box p{margin:8px 0 0;line-height:1.55;}
.reader-access-policy{
  max-width:1600px;
  margin:12px auto 0;
  padding:10px 18px;
  border:1px solid #d8e4ef;
  border-radius:12px;
  background:#f6f8fc;
  color:#365a75;
  font-size:.9rem;
}
.reader-policy-links{display:inline-block;margin-left:8px;}
@media(max-width:760px){
  .policy-card{padding:20px;}
  .footer-stack{align-items:flex-start;}
  .policy-links{line-height:1.65;}
  .reader-policy-links{display:block;margin:6px 0 0;}
}



/* Build 356 - final Reader UX and SC-100 sample label */
.cert-sample-label{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  margin-top:8px;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid #9fc3df;
  background:#eaf3fb;
  color:#155b8f;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.08em;
  line-height:1;
}
.sample-reader-primary-actions{
  margin:14px 0 18px;
  padding:12px;
  border:1px solid #d8e4ef;
  border-radius:14px;
  background:#f6f8fc;
}
.reader-search-mark{
  display:inline;
  padding:0 .12em;
  border-radius:.22em;
  background:#fff1a8;
  color:#0b1f3a;
  font-weight:900;
}
.reader-search-result.active-search-result{
  border-color:#1f5f99;
  box-shadow:0 0 0 3px rgba(23,107,58,.18);
  background:#f2fbf5;
}
.reader-page-search-hit{
  position:absolute;
  left:18px;
  top:18px;
  z-index:3;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid #e7c669;
  background:#fff8d6;
  color:#2f2300;
  font-size:.82rem;
  font-weight:800;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
}
.reader-controlled-page{
  position:relative;
}
@media(max-width:760px){
  .sample-reader-primary-actions{
    position:sticky;
    top:8px;
    z-index:4;
  }
  .reader-page-search-hit{
    left:10px;
    right:10px;
    top:10px;
    border-radius:12px;
    text-align:center;
  }
}


/* Build 357 - final button color polish before production cutover */

/* Make availability status feel truly live/active. */
.badge.available{
  background:var(--green)!important;
  color:#fff!important;
  border-color:var(--green)!important;
  box-shadow:0 8px 18px rgba(23,107,58,.18);
}

/* Give Back controls real presence instead of looking unfinished. */
.back-btn,
a.back-btn,
button.back-btn{
  background:var(--navy-2)!important;
  color:#fff!important;
  border-color:var(--navy-2)!important;
  box-shadow:0 10px 24px rgba(18,63,103,.16);
}
.back-btn:hover,
.back-btn:focus-visible{
  background:#0b2f55!important;
  border-color:#0b2f55!important;
  color:#fff!important;
  filter:none;
  transform:translateY(-1px);
}

/* Cart item action buttons: stronger visual hierarchy. */
.list-row .actions .btn:not(.danger){
  background:var(--navy-2)!important;
  color:#fff!important;
  border-color:var(--navy-2)!important;
  box-shadow:0 10px 22px rgba(18,63,103,.14);
}
.list-row .actions .btn:not(.danger):hover,
.list-row .actions .btn:not(.danger):focus-visible{
  background:#0b2f55!important;
  border-color:#0b2f55!important;
  color:#fff!important;
  filter:none;
  transform:translateY(-1px);
}

/* Remove is destructive, so make it clearly red instead of pale/unfinished. */
.btn.danger,
button.btn.danger,
a.btn.danger{
  background:#b42318!important;
  color:#fff!important;
  border-color:#b42318!important;
  box-shadow:0 10px 22px rgba(180,35,24,.14);
}
.btn.danger:hover,
button.btn.danger:hover,
a.btn.danger:hover,
.btn.danger:focus-visible,
button.btn.danger:focus-visible,
a.btn.danger:focus-visible{
  background:#8f1d14!important;
  border-color:#8f1d14!important;
  color:#fff!important;
  filter:none;
  transform:translateY(-1px);
}

/* Secondary detail links across purchase surfaces should read as intentional actions. */
a.btn[href*="course-details.html"],
button.btn[data-detail],
.details-btn{
  background:var(--navy-2)!important;
  color:#fff!important;
  border-color:var(--navy-2)!important;
  box-shadow:0 10px 22px rgba(18,63,103,.14);
}
a.btn[href*="course-details.html"]:hover,
a.btn[href*="course-details.html"]:focus-visible,
button.btn[data-detail]:hover,
button.btn[data-detail]:focus-visible,
.details-btn:hover,
.details-btn:focus-visible{
  background:#0b2f55!important;
  border-color:#0b2f55!important;
  color:#fff!important;
  filter:none;
  transform:translateY(-1px);
}


/* Build 358 - Reader state feedback, context return, TOC hierarchy, collapsible sidebar */
.reader-shell-intelligent{
  position:relative;
  --reader-sidebar-width:360px;
}
.reader-sidebar-toggle{
  position:absolute;
  z-index:40;
  top:50%;
  left:calc(14px + var(--reader-sidebar-width) - 14px);
  transform:translateY(-50%);
  width:28px;
  height:64px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid #9ab3be;
  border-radius:0 9px 9px 0;
  background:#0b2f55;
  color:#fff;
  font-size:1rem;
  font-weight:950;
  line-height:1;
  box-shadow:0 8px 20px rgba(7,56,77,.18);
  cursor:pointer;
}
.reader-sidebar-toggle:hover,
.reader-sidebar-toggle:focus-visible{
  background:#082746;
  color:#fff;
  outline:2px solid #8fbce0;
  outline-offset:2px;
}
.reader-shell-intelligent.reader-sidebar-collapsed{
  grid-template-columns:minmax(0,1fr);
  gap:0;
}
.reader-shell-intelligent.reader-sidebar-collapsed .reader-intelligence-panel{
  display:none;
}
.reader-shell-intelligent.reader-sidebar-collapsed .reader-sidebar-toggle{
  left:14px;
  border-radius:9px;
}
@media(max-width:1000px){
  .reader-shell-intelligent{--reader-sidebar-width:320px;}
}
@media(max-width:760px){
  .reader-sidebar-toggle,
  .reader-shell-intelligent.reader-sidebar-collapsed .reader-sidebar-toggle{
    top:12px;
    left:auto;
    right:12px;
    transform:none;
    width:38px;
    height:38px;
    border-radius:9px;
  }
}

/* Build 359 — JITA blue theme normalization
   Non-button brand/decorative green + teal has been normalized to the established
   JITA navy/blue family. Semantic success messaging and button colors are preserved. */
:root{
  --jita-accent-blue:var(--navy-2);
  --jita-accent-blue-dark:#0b2f55;
  --jita-accent-blue-soft:#edf3f8;
  --jita-accent-blue-line:#adc4da;
}

/* Core brand surfaces */
.brand-mark{
  background:linear-gradient(135deg,var(--navy-2),#155b8f);
}
.cart-count{
  background:var(--jita-accent-blue);
}
.hero{
  background:linear-gradient(135deg,#fbf5e9 0%,#edf3f8 60%,#e7eef3 100%);
}
.eyebrow,
.contrast small,
.product .provider,
.account-nav-kicker,
.reader-text-action,
.reader-result-type,
.guide-details-link{
  color:var(--jita-accent-blue)!important;
}
.kicker{
  color:var(--jita-accent-blue);
}

/* Availability/live is part of the JITA product identity, not a success alert. */
.platform-card.live{
  border-top-color:var(--jita-accent-blue);
}
.product.available{
  border-left-color:var(--jita-accent-blue);
}
.guide-pane.available{
  border-top-color:var(--jita-accent-blue);
}
.badge.available{
  background:var(--jita-accent-blue)!important;
  color:#fff!important;
  border-color:var(--jita-accent-blue)!important;
  box-shadow:0 8px 18px rgba(18,63,103,.18);
}

/* Reader/navigation accents */
.toc-item.active{
  border-left-color:var(--jita-accent-blue);
}
.reader-search-result.active-search-result{
  border-color:var(--jita-accent-blue);
  box-shadow:0 0 0 3px rgba(18,63,103,.18);
  background:#f2f6fb;
}

/* Product-detail decorative callouts */
.value-proof-card{
  border-color:#9fbad2;
  background:linear-gradient(145deg,#0b1f3a,#164273);
  box-shadow:0 18px 44px rgba(8,39,56,.14);
}
.value-proof-card p{
  color:#e7eff7;
}
.value-proof-label{
  color:#bed8ee;
}
.guide-choice-banner{
  border-color:#b8cce0;
  background:#f0f5fa;
  color:#17354d;
}
.guide-choice-banner strong{
  color:var(--jita-accent-blue);
}
.value-mini-callout{
  border-left-color:var(--jita-accent-blue);
  background:#f2f6fa;
  color:#19405c;
}
.jita-proof-panel{
  background:linear-gradient(145deg,#0b1f3a,#164273);
  box-shadow:0 18px 54px rgba(8,39,56,.14);
}
.jita-proof-panel p{
  color:#e6eef7;
}
.jita-proof-panel .eyebrow{
  color:#bed8ee!important;
}

/* Intentionally preserved green semantics:
   - .btn.success / button-specific color rules
   - .notice.success
   - .text-success
   Green now communicates an actual successful outcome rather than JITA branding. */


/* Build 360 — micro-contrast and action-visibility polish
   Surface-aware eyebrow contrast restores readable accent text on dark cards,
   strengthens small account labels on light panels, and makes receipt actions
   visually distinct without changing the site's broader button-color system. */
.hero-card .eyebrow,
.card.dark .eyebrow{
  color:#bed8ee!important;
}
.account-panel .eyebrow,
.account-list-row .eyebrow,
.security-card .eyebrow{
  color:#315e8a!important;
}
.account-list-action .btn{
  background:var(--navy-2);
  border-color:var(--navy-2);
  color:#fff;
  box-shadow:0 6px 14px rgba(18,63,103,.12);
}
.account-list-action .btn:hover,
.account-list-action .btn:focus-visible{
  background:#0d3557;
  border-color:#0d3557;
  color:#fff;
}


/* Build 364 — My Learning blue hierarchy + reader resume preferences
   Adds restrained blue depth to member-center cards without changing semantic
   success/warning/error colors or the established button system. */
.account-section-nav a{
  position:relative;
  overflow:hidden;
  border-color:#c9d8e7;
  border-top:4px solid #3f6f9f;
  background:linear-gradient(180deg,#fbfdff 0%,#f1f6fb 100%);
  box-shadow:0 10px 24px rgba(18,63,103,.07);
}
.account-section-nav a:nth-child(2){
  border-top-color:#557da5;
  background:linear-gradient(180deg,#fcfdff 0%,#f3f6fb 100%);
}
.account-section-nav a:nth-child(3){
  border-top-color:#6b89aa;
  background:linear-gradient(180deg,#fbfdff 0%,#f2f6fa 100%);
}
.account-section-nav a:nth-child(4){
  border-top-color:#315e8a;
  background:linear-gradient(180deg,#fbfdff 0%,#eef4fa 100%);
}
.account-section-nav a:hover{
  border-color:#8eabc5;
  box-shadow:0 14px 30px rgba(18,63,103,.11);
}
.account-nav-kicker{color:var(--jita-accent-blue-dark)!important}
.account-panel{
  position:relative;
  overflow:hidden;
  border-color:#c8d7e5;
  box-shadow:0 12px 30px rgba(18,63,103,.065);
}
.account-panel::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:5px;
  background:#3f6f9f;
}
#purchasedLearning{background:linear-gradient(180deg,#ffffff 0%,#f6f9fd 100%)}
#purchasedLearning::before{background:#2f6596}
#ordersReceipts{background:linear-gradient(180deg,#ffffff 0%,#f7f9fc 100%)}
#ordersReceipts::before{background:#557da5}
#watchlist{background:linear-gradient(180deg,#ffffff 0%,#f6f9fc 100%)}
#watchlist::before{background:#6b89aa}
#accountSecurity{background:linear-gradient(180deg,#ffffff 0%,#f4f8fc 100%)}
#accountSecurity::before{background:#315e8a}
.owned-learning-card{
  border-color:#c4d5e6;
  border-left:4px solid #2f6596;
  background:linear-gradient(145deg,#ffffff 0%,#eef5fb 100%);
  box-shadow:0 8px 20px rgba(18,63,103,.055);
}
.account-list-row{
  border-color:#cbd9e6;
  border-left:3px solid #8eabc5;
  background:linear-gradient(180deg,#ffffff 0%,#f4f8fc 100%);
}
.security-card{
  border-color:#c7d6e5;
  border-top:3px solid #6f90b0;
  background:linear-gradient(180deg,#ffffff 0%,#f1f6fb 100%);
}
.account-empty{
  border-color:#c8d8e7;
  background:#f4f8fc;
}


/* Build 366 — independently collapsible My Learning sections */
.account-panel-head-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.account-collapse-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:38px;
  padding:8px 12px;
  border:1px solid #9eb6cc;
  border-radius:10px;
  background:#eef4fa;
  color:#164273;
  font:inherit;
  font-size:.78rem;
  font-weight:900;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
.account-collapse-btn:hover{
  background:#e2edf7;
  border-color:#6f93b5;
  transform:translateY(-1px);
}
.account-collapse-btn:focus-visible{
  outline:3px solid rgba(63,111,159,.24);
  outline-offset:2px;
}
.account-collapse-icon{
  display:inline-flex;
  width:1.1em;
  align-items:center;
  justify-content:center;
  font-size:1rem;
  line-height:1;
}
.account-panel.is-collapsed .account-panel-head{
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:0;
}
.account-panel.is-collapsed{
  padding-bottom:20px;
}
.account-panel-body[hidden]{display:none!important}
@media(max-width:760px){
  .account-panel-head-actions{justify-content:flex-start}
}


/* Build 367 — My Learning color depth + section visual hierarchy
   Strengthens the member center's visual grouping while staying inside the
   established JITA navy/blue family. Functional behavior is unchanged. */

/* Summary/navigation cards: clearly differentiated blue-family surfaces. */
.account-section-nav a{
  border:1px solid #b8cee1;
  border-top-width:5px;
  border-radius:14px;
  box-shadow:0 10px 24px rgba(18,63,103,.10);
}
.account-section-nav a:nth-child(1){
  border-top-color:#174f7e;
  background:linear-gradient(145deg,#eaf3fb 0%,#dcebf7 100%);
}
.account-section-nav a:nth-child(2){
  border-top-color:#2f6596;
  background:linear-gradient(145deg,#edf4fb 0%,#e1ebf6 100%);
}
.account-section-nav a:nth-child(3){
  border-top-color:#5c7fa3;
  background:linear-gradient(145deg,#f0f5fa 0%,#e5edf5 100%);
}
.account-section-nav a:nth-child(4){
  border-top-color:#164273;
  background:linear-gradient(145deg,#e8f0f8 0%,#d9e7f3 100%);
}
.account-section-nav a:hover,
.account-section-nav a:focus-visible{
  border-color:#789ab9;
  box-shadow:0 14px 30px rgba(18,63,103,.15);
  transform:translateY(-1px);
}
.account-section-nav .account-nav-kicker{
  display:inline-flex;
  width:max-content;
  padding:3px 8px;
  margin-bottom:7px;
  border-radius:999px;
  background:#d5e6f4;
  border:1px solid #9fbcd4;
  color:#164273!important;
  letter-spacing:.08em;
}
.account-section-nav a:nth-child(2) .account-nav-kicker{background:#dce8f4;border-color:#adc3d7}
.account-section-nav a:nth-child(3) .account-nav-kicker{background:#e1e9f1;border-color:#b8c8d8}
.account-section-nav a:nth-child(4) .account-nav-kicker{background:#cedfed;border-color:#96b2ca}
.account-section-nav a strong{color:#0b1f3a}
.account-section-nav a > span:last-child{color:#45647f}

/* Main sections: tinted header bands + subtly colored bodies. */
.account-panel{
  border:1px solid #b9ccdd;
  border-radius:16px;
  box-shadow:0 14px 32px rgba(18,63,103,.09);
  background:#f7fafe;
}
.account-panel::before{height:6px}
.account-panel-head{
  margin:-1px -1px 0;
  padding:22px 24px 18px;
  border-radius:15px 15px 0 0;
  border-bottom:1px solid #c2d3e2;
}
.account-panel-body{
  padding-top:18px;
}
#purchasedLearning .account-panel-head{
  background:linear-gradient(135deg,#dfeefa 0%,#edf5fb 100%);
}
#ordersReceipts .account-panel-head{
  background:linear-gradient(135deg,#e5eef8 0%,#f0f5fa 100%);
}
#watchlist .account-panel-head{
  background:linear-gradient(135deg,#e8eff6 0%,#f3f6fa 100%);
}
#accountSecurity .account-panel-head{
  background:linear-gradient(135deg,#dce8f3 0%,#edf3f8 100%);
}
#purchasedLearning{background:linear-gradient(180deg,#f7fbff 0%,#eef5fb 100%)}
#ordersReceipts{background:linear-gradient(180deg,#f8fbfe 0%,#f0f4f9 100%)}
#watchlist{background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%)}
#accountSecurity{background:linear-gradient(180deg,#f7faff 0%,#edf4fa 100%)}

.account-panel .eyebrow{
  display:inline-flex;
  width:max-content;
  padding:3px 8px;
  border-radius:999px;
  background:#d5e6f4;
  border:1px solid #a7bfd5;
  color:#174f7e!important;
}
#ordersReceipts .eyebrow{background:#dce7f2;border-color:#afc2d5}
#watchlist .eyebrow{background:#e2e9f0;border-color:#bcc9d5}
#accountSecurity .eyebrow{background:#cfdfed;border-color:#9fb5c9}

/* Collapse controls read as part of each section header, not floating utilities. */
.account-collapse-btn{
  background:#f8fbfe;
  border-color:#8daac4;
  color:#164273;
  box-shadow:0 4px 12px rgba(18,63,103,.08);
}
.account-collapse-btn:hover,
.account-collapse-btn:focus-visible{
  background:#dceaf6;
  border-color:#567fa4;
}
.account-panel.is-collapsed .account-panel-head{
  border-radius:15px;
}
.account-panel.is-collapsed{
  background:#eef5fb;
}

/* Inner content cards: enough tint to separate them from the section surface. */
.owned-learning-card{
  border-color:#abc5dc;
  border-left:5px solid #174f7e;
  background:linear-gradient(145deg,#ffffff 0%,#e5f0f9 100%);
  box-shadow:0 10px 22px rgba(18,63,103,.09);
}
.account-list-row{
  border-color:#b8cddd;
  border-left:4px solid #6f93b5;
  background:linear-gradient(145deg,#ffffff 0%,#edf3f8 100%);
  box-shadow:0 7px 16px rgba(18,63,103,.055);
}
.security-card{
  border-color:#b4c9db;
  border-top:4px solid #4d7397;
  background:linear-gradient(145deg,#ffffff 0%,#eaf2f9 100%);
  box-shadow:0 8px 18px rgba(18,63,103,.06);
}
.account-empty,
.empty{
  border-color:#b8cddd;
  background:#edf4fa;
}

@media(max-width:760px){
  .account-panel-head{padding:18px 18px 15px}
}


/* Build 368 — persistent authenticated identity in global header */
.global-nav .nav-user-identity{
  display:grid;
  gap:1px;
  min-width:190px;
  max-width:280px;
  padding:7px 11px;
  margin-left:4px;
  border:1px solid #bfd2e2;
  border-radius:10px;
  background:linear-gradient(180deg,#f7fbff 0%,#eaf3fa 100%);
  color:#0b1f3a;
  text-align:left;
  line-height:1.15;
  box-shadow:0 5px 14px rgba(18,63,103,.06);
}
.global-nav .nav-user-identity span{
  font-size:.64rem;
  line-height:1.1;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:#52718b;
  font-weight:800;
}
.global-nav .nav-user-identity strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#164273;
  font-size:.78rem;
  font-weight:900;
}
.global-nav .nav-user-identity:hover,
.global-nav .nav-user-identity:focus-visible{
  background:#deedf8;
  border-color:#8fb2ce;
  color:#0b1f3a;
}
@media(max-width:1100px) and (min-width:761px){
  .global-nav .nav-user-identity{min-width:150px;max-width:210px}
}
@media(max-width:760px){
  .global-nav .nav-user-identity{
    width:100%;
    max-width:none;
    margin-left:0;
  }
}


/* Build 372 — Reader fit control color + action clarity */
.reader-fit-row .btn{
  background:#eaf3fb;
  border-color:#8eb9d8;
  color:#0b4f7d;
  font-weight:900;
  box-shadow:0 1px 0 rgba(7,56,77,.04);
}
.reader-fit-row .btn:hover,
.reader-fit-row .btn:focus-visible{
  background:#d9ebf8;
  border-color:#5f9fc9;
  color:#0b2f55;
}
.reader-fit-row .btn.active{
  background:#0f5f96!important;
  border-color:#0f5f96!important;
  color:#fff!important;
  box-shadow:0 3px 10px rgba(15,95,150,.18);
}
.reader-page-nav .btn{
  background:#eef5fb;
  border-color:#a9c8de;
  color:#0b4f7d;
}
.reader-page-nav .btn:hover,
.reader-page-nav .btn:focus-visible{
  background:#deedf8;
  border-color:#75a9cb;
}


/* Build 374 — Orders & Receipts compact transaction layout
   Uses the full section width more efficiently while preserving every order,
   item, amount, date, status, and receipt action. */
#ordersReceipts .account-list{
  gap:8px;
}
#ordersReceipts .order-compact-row{
  grid-template-columns:minmax(185px,.95fr) minmax(0,2.1fr) minmax(118px,.55fr);
  gap:16px;
  align-items:center;
  min-height:76px;
  padding:10px 12px;
  border-left-width:4px;
  box-shadow:0 4px 12px rgba(18,63,103,.045);
}
#ordersReceipts .order-identity{
  min-width:0;
  display:grid;
  gap:2px;
  align-content:center;
}
#ordersReceipts .order-identity .eyebrow{
  padding:2px 7px;
  font-size:.62rem;
  line-height:1.2;
  margin-bottom:1px;
}
#ordersReceipts .order-identity h3{
  margin:0;
  font-size:.86rem;
  line-height:1.2;
  overflow-wrap:anywhere;
}
#ordersReceipts .order-date-total{
  margin:0;
  color:#526b7d;
  font-size:.72rem;
  line-height:1.3;
}
#ordersReceipts .order-publications{
  min-width:0;
  display:grid;
  gap:4px;
  padding-left:14px;
  border-left:1px solid #c6d7e5;
}
#ordersReceipts .order-column-label{
  display:block;
  color:#55728a;
  font-size:.61rem;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}
#ordersReceipts .order-items-compact{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:3px 12px;
  color:#29485c;
}
#ordersReceipts .order-items-compact li{
  min-width:0;
  display:flex;
  gap:6px;
  align-items:baseline;
  font-size:.73rem;
  line-height:1.28;
}
#ordersReceipts .order-items-compact strong{
  flex:0 0 auto;
  color:#164273;
  font-size:.7rem;
}
#ordersReceipts .order-items-compact span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#ordersReceipts .order-receipt-action{
  min-width:118px;
  justify-content:flex-end;
  text-align:right;
}
#ordersReceipts .order-receipt-action .btn{
  min-height:36px;
  padding:7px 11px;
  font-size:.72rem;
}
#ordersReceipts .order-receipt-action .small{
  max-width:118px;
  line-height:1.25;
}
@media(max-width:900px){
  #ordersReceipts .order-compact-row{
    grid-template-columns:minmax(150px,.9fr) minmax(0,1.7fr) auto;
    gap:12px;
  }
  #ordersReceipts .order-items-compact{grid-template-columns:1fr}
}
@media(max-width:680px){
  #ordersReceipts .order-compact-row{
    grid-template-columns:1fr;
    gap:8px;
    padding:12px;
  }
  #ordersReceipts .order-publications{
    padding:8px 0 0;
    border-left:0;
    border-top:1px solid #c6d7e5;
  }
  #ordersReceipts .order-items-compact{grid-template-columns:1fr}
  #ordersReceipts .order-receipt-action{
    min-width:0;
    justify-content:flex-start;
    text-align:left;
  }
}


/* Build 375 — vibrant professional label matrix + learning-card vitality
   Improves only existing semantic labels and card surfaces. No decorative labels added. */

/* JITA Learning certification cards: richer surface, stronger hierarchy, still professional. */
#certificationHub[data-view="directory"] .cert-tile,
.cert-hub-grid[data-view="directory"] .cert-tile{
  min-height:138px;
  border:1px solid #93b9d8;
  border-top:4px solid #1976b8;
  background:linear-gradient(145deg,#f8fcff 0%,#e5f2fb 52%,#d9ebf8 100%);
  box-shadow:0 8px 20px rgba(11,79,125,.10);
}
#certificationHub[data-view="directory"] .cert-tile:hover,
#certificationHub[data-view="directory"] .cert-tile:focus-visible,
.cert-hub-grid[data-view="directory"] .cert-tile:hover,
.cert-hub-grid[data-view="directory"] .cert-tile:focus-visible{
  transform:translateY(-3px);
  border-color:#438ec2;
  border-top-color:#075f9b;
  background:linear-gradient(145deg,#ffffff 0%,#e1f0fb 48%,#cfe7f7 100%);
  box-shadow:0 14px 30px rgba(11,79,125,.17);
}
#certificationHub[data-view="directory"] .cert-tile h3,
.cert-hub-grid[data-view="directory"] .cert-tile h3{
  color:#063655!important;
  font-weight:950;
  letter-spacing:.01em;
}
#certificationHub[data-view="directory"] .cert-tile p,
.cert-hub-grid[data-view="directory"] .cert-tile p{
  color:#294f68!important;
  font-weight:700;
}

/* Existing issuer labels: vibrant, issuer-specific, no new pills added. */
.issuer-badge{
  color:#fff!important;
  border-width:1px!important;
  box-shadow:0 5px 12px rgba(7,56,77,.14)!important;
  text-shadow:0 1px 0 rgba(0,0,0,.08);
}
.issuer-badge.issuer-microsoft,
.issuer-context.issuer-microsoft{
  background:#0878c1!important;
  border-color:#0667a6!important;
  color:#fff!important;
}
.issuer-badge.issuer-pmi,
.issuer-context.issuer-pmi{
  background:#d98200!important;
  border-color:#b96f00!important;
  color:#fff!important;
}
.issuer-badge.issuer-iiba,
.issuer-context.issuer-iiba{
  background:#315fb4!important;
  border-color:#274e96!important;
  color:#fff!important;
}
.issuer-badge.issuer-scrum-org,
.issuer-context.issuer-scrum-org{
  background:#5a4fa3!important;
  border-color:#493f8a!important;
  color:#fff!important;
}
.issuer-badge.issuer-servicenow,
.issuer-context.issuer-servicenow{
  background:#5964a8!important;
  border-color:#48528f!important;
  color:#fff!important;
}
.issuer-badge.issuer-other,
.issuer-context.issuer-other{
  background:#405c72!important;
  border-color:#334b5e!important;
  color:#fff!important;
}
.issuer-context{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:5px 10px;
  border-radius:999px;
  font-weight:900;
  letter-spacing:.055em;
}

/* Existing availability / ownership status labels. */
.badge.available{
  background:#0878c1!important;
  border-color:#0667a6!important;
  color:#fff!important;
  box-shadow:0 6px 14px rgba(8,120,193,.22)!important;
}
.badge.coming,
.badge.coming-soon{
  background:#e67800!important;
  border-color:#bf6400!important;
  color:#fff!important;
  box-shadow:0 6px 14px rgba(230,120,0,.20)!important;
}
.badge.owned{
  background:#173f73!important;
  border-color:#10345f!important;
  color:#fff!important;
  box-shadow:0 6px 14px rgba(23,63,115,.20)!important;
}
.badge.sample,
.cert-sample-label{
  background:#10243b!important;
  border-color:#10243b!important;
  color:#ffd54a!important;
  box-shadow:0 6px 14px rgba(16,36,59,.20)!important;
}

/* Existing guide-type labels in My Learning. */
.publication-type-label{
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 5px 12px rgba(18,63,103,.14);
}
.publication-type-field-guide{
  background:#086fae!important;
  border-color:#075d92!important;
}
.publication-type-exam-preparation-guide{
  background:#6549a8!important;
  border-color:#523990!important;
}

/* Existing order-status labels: vibrant semantics without adding labels. */
.order-status-label{
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 5px 12px rgba(18,63,103,.12);
}
.order-status-paid{
  background:#0878c1!important;
  border-color:#0667a6!important;
}
.order-status-refunded{
  background:#c56b00!important;
  border-color:#a75a00!important;
}
.order-status-disputed,
.order-status-failed{
  background:#b73b42!important;
  border-color:#972f35!important;
}
.order-status-order{
  background:#47657c!important;
  border-color:#394f61!important;
}

/* Existing watch labels / Watching state. */
.watch-type-label{
  background:#4f55a8!important;
  border-color:#41478f!important;
  color:#fff!important;
  box-shadow:0 5px 12px rgba(79,85,168,.16);
}
.details-notify.watching,
.btn.warning.watching{
  background:#4f55a8!important;
  border-color:#41478f!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(79,85,168,.20);
}

/* Existing My Learning category/header labels: stronger contrast, same labels only. */
.account-section-nav .account-nav-kicker,
.account-panel .eyebrow{
  color:#fff!important;
  border-color:transparent!important;
  text-shadow:none;
}
.account-section-nav a:nth-child(1) .account-nav-kicker,
#purchasedLearning .eyebrow{background:#0878c1!important}
.account-section-nav a:nth-child(2) .account-nav-kicker,
#ordersReceipts .eyebrow:not(.order-status-label){background:#175d9a!important}
.account-section-nav a:nth-child(3) .account-nav-kicker,
#watchlist .eyebrow:not(.watch-type-label){background:#4f55a8!important}
.account-section-nav a:nth-child(4) .account-nav-kicker,
#accountSecurity .eyebrow{background:#173f73!important}

/* Give the existing section/card surfaces slightly more color depth to support the vibrant labels. */
.account-section-nav a:nth-child(1){background:linear-gradient(145deg,#e2f2fd 0%,#cfe7f8 100%)}
.account-section-nav a:nth-child(2){background:linear-gradient(145deg,#e8f1fb 0%,#d7e7f6 100%)}
.account-section-nav a:nth-child(3){background:linear-gradient(145deg,#efeffb 0%,#dfe3f5 100%)}
.account-section-nav a:nth-child(4){background:linear-gradient(145deg,#e5edf8 0%,#d4e0f0 100%)}
#purchasedLearning .account-panel-head{background:linear-gradient(135deg,#d8eefc 0%,#edf7fd 100%)}
#ordersReceipts .account-panel-head{background:linear-gradient(135deg,#dce9f7 0%,#eef4fb 100%)}
#watchlist .account-panel-head{background:linear-gradient(135deg,#e6e7f8 0%,#f1f2fb 100%)}
#accountSecurity .account-panel-head{background:linear-gradient(135deg,#dbe5f2 0%,#edf2f8 100%)}
.owned-learning-card{background:linear-gradient(145deg,#fafdff 0%,#dfeefa 100%)}
#ordersReceipts .order-compact-row{background:linear-gradient(145deg,#fbfdff 0%,#e6f0f8 100%)}

/* Build 376 — Blue brand dominance / residual green-teal purge
   JITA brand/decorative surfaces are now explicitly blue/navy. Green remains only
   for true success semantics and intentionally green buttons. */
:root{
  --teal:#2f6fa3;
  --jita-accent-blue:#1f5f99;
  --jita-accent-blue-dark:#0d3557;
  --jita-accent-blue-soft:#edf4fb;
  --jita-accent-blue-line:#a9c4df;
}

/* Core identity surfaces: remove remaining teal/green cast. */
.brand-mark{
  background:linear-gradient(135deg,#164273 0%,#2f6fa3 100%)!important;
}
.hero{
  background:linear-gradient(135deg,#fbf5e9 0%,#eef4fb 58%,#e6eef8 100%)!important;
}
.hero-card{
  background:linear-gradient(160deg,#0b1f3a 0%,#164273 100%)!important;
}
.hero-card p{color:#e3edf7!important}
.hero-card .eyebrow{color:#bcd8f0!important}

/* Blue-forward marketing and product-detail surfaces. */
.value-statement{
  background:linear-gradient(135deg,#fbfdff 0%,#eef4fb 100%)!important;
  border-color:#b7cce0!important;
}
.value-proof-card{
  background:linear-gradient(145deg,#0b1f3a 0%,#1d4f82 100%)!important;
  border-color:#9fbad2!important;
}
.guide-choice-banner{
  background:#f0f5fa!important;
  border-color:#b8cce0!important;
  color:#17354d!important;
}
.value-mini-callout{
  border-left-color:#2f6fa3!important;
  background:#f1f6fb!important;
  color:#19405c!important;
}
.jita-proof-panel{
  background:linear-gradient(145deg,#0b1f3a 0%,#1d4f82 100%)!important;
}
.guide-row-mini,
.sample-reader-primary-actions{
  background:#f3f7fb!important;
  border-color:#d5e2ef!important;
}

/* Decorative micro-accents must use blue, not teal. */
.eyebrow,
.contrast small,
.product .provider,
.account-nav-kicker,
.reader-text-action,
.reader-result-type,
.guide-details-link,
.kicker{
  color:#1f5f99!important;
}
.toc-item.active,
.value-mini-callout{
  border-left-color:#2f6fa3!important;
}

/* Preserve true success semantics only. */
.notice.success{background:#edf7f0!important;border-color:#b7d6bf!important;color:#235a32!important}
.text-success{color:#1f5f99!important}
.btn.success{background:#1f5f99!important;border-color:#1f5f99!important;color:#fff!important}


/* Build 377 — Reader workspace efficiency
   Reorganizes existing Reader functions into a compact fixed utility zone,
   quick current-page actions, and one scrollable Contents/Search/Bookmarks/Notes workspace. */
.reader-intelligence-panel{
  display:flex;
  flex-direction:column;
  min-height:0;
  overflow:hidden;
}
.reader-intelligence-panel .reader-back-row{margin-bottom:8px}
.reader-intelligence-panel > .eyebrow{margin-top:0}
.reader-intelligence-panel > h3{
  margin:4px 0 4px;
  font-size:1.13rem;
  line-height:1.18;
}
.reader-intelligence-panel > .reader-meta{
  margin-bottom:7px;
  font-size:.72rem;
  line-height:1.35;
}
.reader-primary-controls{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:9px 0;
  margin-top:3px;
}
.reader-page-nav.reader-page-nav-compact{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  margin:0;
}
.reader-page-position{
  display:grid;
  grid-template-columns:auto minmax(56px,88px) auto;
  gap:6px;
  align-items:center;
  min-width:0;
}
.reader-page-position .reader-control-label{white-space:nowrap}
.reader-page-position input{
  width:100%;
  min-width:0;
  height:36px;
  padding:6px 8px;
  border:1px solid #a9c8de;
  border-radius:8px;
  background:#fff;
  color:var(--ink);
  font-weight:850;
  font-variant-numeric:tabular-nums;
}
.reader-page-total{
  color:#607889;
  font-size:.7rem;
  font-weight:800;
  white-space:nowrap;
}
.reader-page-actions{
  display:grid;
  grid-template-columns:38px auto 38px;
  gap:5px;
}
.reader-page-actions .btn{
  min-width:0;
  min-height:36px;
  padding:6px 8px;
}
.reader-fit-row.reader-fit-row-compact{
  margin-top:7px;
  gap:7px;
}
.reader-fit-row.reader-fit-row-compact .btn{min-height:36px;padding:6px 9px}
.reader-current-section.reader-current-section-compact{
  border-top:0;
  padding:9px 0 10px;
}
.reader-current-section.reader-current-section-compact strong{
  margin-top:3px;
  font-size:.8rem;
  line-height:1.28;
}
.reader-quick-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:8px;
}
.reader-quick-actions .btn,
.reader-quick-actions .btn:last-child{
  grid-column:auto;
  min-height:36px;
  padding:6px 8px;
  font-size:.72rem;
  font-weight:900;
}
.reader-bookmark-action{
  background:#fff8df;
  border-color:#d7b85b;
  color:#5f4800;
}
.reader-bookmark-action:hover,
.reader-bookmark-action:focus-visible{
  background:#fff0b8;
  border-color:#c99f28;
  color:#493700;
}
.reader-bookmark-action.active{
  background:#d9a514!important;
  border-color:#b98900!important;
  color:#fff!important;
}
.reader-note-action{
  background:#eaf3fb;
  border-color:#8eb9d8;
  color:#0b4f7d;
}
.reader-note-action:hover,
.reader-note-action:focus-visible{
  background:#d9ebf8;
  border-color:#5f9fc9;
  color:#0b2f55;
}
.reader-tabs{
  flex:0 0 auto;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:5px;
  overflow:visible;
  padding:7px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.reader-tab{
  min-width:0;
  padding:7px 5px;
  text-align:center;
  background:#eef5fb;
  border-color:#b8cfe1;
  color:#315e8a;
  font-size:.66rem;
}
.reader-tab:hover,.reader-tab:focus-visible{background:#dcecf8;border-color:#7da9ca;color:#164273}
.reader-tab.active{background:#0b2f55;border-color:#0b2f55;color:#fff;box-shadow:0 3px 9px rgba(7,56,77,.16)}
.reader-workspace{
  flex:1 1 auto;
  min-height:0;
  overflow:hidden;
  margin-top:7px;
  border:1px solid #d4e1eb;
  border-radius:10px;
  background:linear-gradient(180deg,#fbfdff 0%,#f2f7fb 100%);
}
.reader-tool-panel{
  height:100%;
  min-height:0;
  overflow:auto;
  padding:0 9px 10px;
  scrollbar-width:thin;
}
.reader-tool-panel[hidden]{display:none!important}
.reader-tool-panel.active{display:block}
.reader-outline-head{
  position:sticky;
  top:0;
  z-index:3;
  padding:9px 0 7px;
  border-top:0;
  background:rgba(251,253,255,.96);
  backdrop-filter:blur(4px);
}
.reader-toc-controls{margin:0 0 5px}
.reader-text-action{color:#0f5f96}
.reader-search-box{padding-top:2px}
.reader-note-editor{
  margin-top:4px;
  background:#fff;
  border-color:#b8cddd;
  box-shadow:0 5px 14px rgba(18,63,103,.06);
}
.reader-note-editor textarea{min-height:82px}
#readerStatus{
  flex:0 0 auto;
  margin-top:7px!important;
  padding:7px 9px;
  max-height:54px;
  overflow:auto;
  font-size:.68rem;
  line-height:1.3;
}
.sample-reader-primary-actions{margin:5px 0 6px}
.sample-reader-primary-actions .btn{min-height:36px;padding:7px 9px}

@media(max-width:1000px) and (min-width:761px){
  .reader-page-nav.reader-page-nav-compact{grid-template-columns:1fr}
  .reader-page-actions{grid-template-columns:38px minmax(0,1fr) 38px}
}
@media(max-width:760px){
  .reader-intelligence-panel{
    display:block;
    overflow:visible;
  }
  .reader-page-nav.reader-page-nav-compact{grid-template-columns:1fr}
  .reader-page-actions{grid-template-columns:42px minmax(0,1fr) 42px}
  .reader-tabs{position:static}
  .reader-workspace{max-height:340px;overflow:auto}
  .reader-tool-panel{height:auto;overflow:visible}
  #readerStatus{max-height:none}
}
@media(max-width:420px){
  .reader-page-position{grid-template-columns:auto minmax(52px,1fr) auto}
  .reader-quick-actions{grid-template-columns:1fr 1fr}
  .reader-fit-row.reader-fit-row-compact{grid-template-columns:1fr 1fr}
  .reader-tab{font-size:.61rem;padding:7px 3px}
}


/* Build 378 — GO-LIVE final brand safeguard and legacy green containment
   Decorative/brand UI is blue/navy only. Green is reserved strictly for true
   success semantics and intentionally green success buttons. */
:root{
  --teal:#2f6fa3;
  --green-2:#0d3557;
}

/* Final Learning hero safeguard: explicitly cream -> pale blue, never green/teal. */
.hero{
  background:linear-gradient(135deg,#fbf5e9 0%,#eef4fb 58%,#e6eef8 100%)!important;
}
.hero-card{
  background:linear-gradient(160deg,#0b1f3a 0%,#164273 100%)!important;
}

/* Any generic issuer/provider treatment that is not issuer-specific stays JITA blue. */
.issuer-badge,
.provider-badge,
.cert-provider,
.cert-card .eyebrow,
.certification-card .eyebrow,
.learning-card .eyebrow{
  background:#eaf3fb!important;
  color:#155b8f!important;
  border-color:#9fc3df!important;
}

/* Existing issuer matrix remains vibrant but avoids green/teal decorative families. */
.issuer-badge.issuer-iiba,
.issuer-context.issuer-iiba{
  background:#315fb4!important;
  border-color:#274e96!important;
  color:#fff!important;
}
.issuer-badge.issuer-servicenow,
.issuer-context.issuer-servicenow{
  background:#5964a8!important;
  border-color:#48528f!important;
  color:#fff!important;
}

/* Reader utility accents: blue family only. */
.reader-search-result .reader-result-type{
  background:#eaf3fb!important;
  color:#155b8f!important;
  border-color:#9fc3df!important;
}
.reader-edit-action:hover,
.reader-edit-action:focus-visible{
  background:#eaf3fb!important;
  border-color:#2f6fa3!important;
}
.value-proof-label,
.jita-proof-panel .eyebrow{
  color:#bed8ee!important;
}

/* Explicitly reinforce non-semantic availability/live accents as blue. */
.platform-card.live{border-top-color:#1f5f99!important}
.product.available{border-left-color:#1f5f99!important}
.guide-pane.available{border-top-color:#1f5f99!important}
.kicker{color:#1f5f99!important}
.cart-count{background:#1f5f99!important;color:#fff!important}

/* True success semantics intentionally remain green:
   .notice.success, .text-success, .btn.success. */

/* Build 378 semantic exception: green exists only where it communicates real success. */
.notice.success{background:#edf7f0!important;border-color:#b7d6bf!important;color:#235a32!important}
.text-success{color:#176b3a!important}
.btn.success{background:#176b3a!important;border-color:#176b3a!important;color:#fff!important}

/* Build 379 — GO-LIVE release hardening
   Final brand lock: blue/navy for decorative UI; green only for true success state. */
.hero{
  background:linear-gradient(135deg,#fbf5e9 0%,#eef4fb 58%,#e6eef8 100%)!important;
}
.hero-card{
  background:linear-gradient(160deg,#0b1f3a 0%,#164273 100%)!important;
}
.purchase-card,
.value-statement{
  border-color:#b7cbe0!important;
}
.value-statement{
  background:linear-gradient(135deg,#fbfdff 0%,#eef4fb 100%)!important;
}
.reader-fit-row .btn.active,
.reader-section-actions .btn.active{
  border-color:#7fa8cf!important;
}
.reader-sidebar-toggle:hover,
.reader-sidebar-toggle:focus-visible{
  outline-color:#8fbce0!important;
}
.purchase-success-actions{justify-content:center}

/* Green is semantic only. */
.notice.success{background:#edf7f0!important;border-color:#b7d6bf!important;color:#235a32!important}
.text-success{color:#176b3a!important}
.btn.success{background:#176b3a!important;border-color:#176b3a!important;color:#fff!important}


/* Build 380 — certification availability + Notify Me synchronization */
#certificationHub[data-view="directory"] .cert-tile,
.cert-hub-grid[data-view="directory"] .cert-tile{
  display:flex;
  flex-direction:column;
}
.cert-tile-link{
  display:block;
  color:inherit;
  text-decoration:none;
  flex:1 1 auto;
}
#certificationHub[data-view="directory"] .cert-tile:focus-within,
.cert-hub-grid[data-view="directory"] .cert-tile:focus-within{
  transform:translateY(-3px);
  border-color:#438ec2;
  border-top-color:#075f9b;
  box-shadow:0 14px 30px rgba(11,79,125,.17);
}
.cert-tile-actions{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  margin-top:13px;
  padding-top:11px;
  border-top:1px solid rgba(42,105,151,.20);
}
.cert-tile-actions .btn{
  min-height:34px;
  padding:7px 12px;
  font-size:.76rem;
}
.cert-detail-status-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}
.cert-notify.watching,
.interest-open.watching{
  background:#4f55a8!important;
  border-color:#41478f!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(79,85,168,.20);
}
.notify-request-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:8px;
}
@media(max-width:760px){
  .cert-detail-status-actions{justify-content:flex-start}
  .notify-request-actions{justify-content:flex-start}
}


/* Build 381 — move certification Notify Me into the certification hub */
#certificationHub[data-view="directory"] .cert-tile-actions,
.cert-hub-grid[data-view="directory"] .cert-tile-actions{
  display:none!important;
}
.cert-notify-banner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin:18px 0 22px;
  padding:16px 18px;
  border:1px solid #efb1b1;
  border-left:5px solid #c62828;
  border-radius:14px;
  background:linear-gradient(135deg,#fff8f8 0%,#fff1f1 100%);
  box-shadow:0 8px 22px rgba(146,24,24,.08);
}
.cert-notify-copy{
  display:flex;
  flex-direction:column;
  gap:4px;
  color:#5b1f1f;
}
.cert-notify-copy strong{
  font-size:1rem;
  color:#7f1d1d;
}
.cert-notify-copy span{
  font-size:.88rem;
  color:#6b3940;
}
.cert-notify{
  flex:0 0 auto;
  background:#c62828!important;
  border-color:#c62828!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(198,40,40,.22)!important;
}
.cert-notify:hover,
.cert-notify:focus-visible{
  background:#a91f1f!important;
  border-color:#a91f1f!important;
  color:#fff!important;
}
.cert-notify.watching{
  background:#8f1d1d!important;
  border-color:#8f1d1d!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(143,29,29,.20)!important;
}
@media(max-width:760px){
  .cert-notify-banner{
    align-items:flex-start;
    flex-direction:column;
  }
}

/* Build 386 — Post-launch action-color semantic lock
   JITA brand/navigation/action buttons are navy/blue.
   Green is reserved for literal success feedback only (notice/text state), never a normal CTA. */
.btn.success,
a.btn.success,
button.btn.success{
  background:var(--navy-2)!important;
  border-color:var(--navy-2)!important;
  color:#fff!important;
}
.btn.success:hover,
a.btn.success:hover,
button.btn.success:hover,
.btn.success:focus-visible,
a.btn.success:focus-visible,
button.btn.success:focus-visible{
  background:#0d3557!important;
  border-color:#0d3557!important;
  color:#fff!important;
}
/* Literal success feedback remains green by design. */
.notice.success{background:#edf7f0!important;border-color:#b7d6bf!important;color:#235a32!important}
.text-success{color:#176b3a!important}



/* ==========================================================================
   JITA BUILD 387 — AUTHORITATIVE THEME COLOR LOCK
   Brand/theme surfaces are unmistakably navy + blue.
   Green is reserved only for literal success feedback and is not a theme color.
   ========================================================================== */
:root{
  --jita-navy:#0b1f3a;
  --jita-navy-2:#164273;
  --jita-blue:#1f5f99;
  --jita-blue-2:#2f6fa3;
  --jita-blue-soft:#eaf3fb;
  --jita-surface:#f5f7fb;
  --jita-surface-2:#e9eef6;
  --jita-line:#ccd7e4;
}
.hero-card,
.card.dark,
.footer{
  background:linear-gradient(160deg,var(--jita-navy),var(--jita-navy-2))!important;
}
.hero-card{color:#fff!important;}
.hero-card .eyebrow,.card.dark .eyebrow{color:#acd4f3!important;}
.hero-card p,.card.dark p{color:#dbe8f5!important;}
/* Cool the large page surfaces so they read blue/neutral rather than teal/green. */
.section.alt,
.policy-main,
.account-shell,
.account-panel,
.guide-pane,
.reader-side,
.reader-tool-panel{
  border-color:var(--jita-line);
}
/* Literal success semantics may remain green. */
.notice.success{background:#edf7f0!important;border-color:#b7d6bf!important;color:#235a32!important;}


/* ==========================================================================
   JITA BUILD 388 — CERTIFICATION CARD SURFACE LOCK
   Every certification card in the directory uses the same exact surface.
   No positional/nth-child background variation is permitted.
   ========================================================================== */
#certificationHub[data-view="directory"] .cert-tile,
.cert-hub-grid[data-view="directory"] .cert-tile,
#certificationHub[data-view="directory"] .cert-tile:nth-child(n),
.cert-hub-grid[data-view="directory"] .cert-tile:nth-child(n){
  background:linear-gradient(145deg,#f8fcff 0%,#e5f2fb 52%,#d9ebf8 100%)!important;
}
#certificationHub[data-view="directory"] .cert-tile:hover,
#certificationHub[data-view="directory"] .cert-tile:focus-visible,
.cert-hub-grid[data-view="directory"] .cert-tile:hover,
.cert-hub-grid[data-view="directory"] .cert-tile:focus-visible{
  background:linear-gradient(145deg,#ffffff 0%,#e1f0fb 48%,#cfe7f7 100%)!important;
}

/* JITA BUILD 394 GRAND LAUNCH BANNER START */
.jita-launch-promo{
  width:100%;
  background:#b91c1c;
  color:#fff;
  border-top:1px solid #7f1d1d;
  border-bottom:4px solid #7f1d1d;
  box-shadow:0 8px 24px rgba(127,29,29,.22);
  position:relative;
  z-index:40;
}
.jita-launch-promo .jita-launch-promo-inner{
  max-width:1180px;
  margin:0 auto;
  padding:18px 22px 17px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.jita-launch-promo .jita-launch-message{
  display:flex;
  align-items:baseline;
  gap:12px;
  flex-wrap:wrap;
  min-width:0;
}
.jita-launch-promo .jita-launch-kicker{
  display:inline-block;
  font-size:.82rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  opacity:.96;
}
.jita-launch-promo .jita-launch-message strong{
  display:inline-block;
  font-size:1.75rem;
  line-height:1;
  font-weight:950;
  letter-spacing:.02em;
  text-transform:uppercase;
  white-space:nowrap;
}
.jita-launch-promo .jita-launch-subline{
  width:100%;
  margin-top:2px;
  font-size:.88rem;
  line-height:1.25;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.jita-launch-promo .jita-launch-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  flex-wrap:wrap;
}
.jita-launch-promo .jita-launch-code{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:9px 12px;
  border:2px solid rgba(255,255,255,.92);
  border-radius:999px;
  background:#fff;
  color:#7f1d1d;
  font-size:.84rem;
  line-height:1;
  font-weight:800;
  letter-spacing:.025em;
  white-space:nowrap;
}
.jita-launch-promo button,
.jita-launch-promo a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 13px;
  border:2px solid #fff;
  border-radius:999px;
  background:transparent;
  color:#fff;
  font:inherit;
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.035em;
  text-decoration:none;
  text-transform:uppercase;
  cursor:pointer;
  white-space:nowrap;
}
.jita-launch-promo button:hover,
.jita-launch-promo button:focus-visible,
.jita-launch-promo a:hover,
.jita-launch-promo a:focus-visible{
  background:#fff;
  color:#7f1d1d;
  outline:none;
}
.jita-launch-promo .jita-launch-copy-status{
  min-width:0;
  font-size:.78rem;
  font-weight:800;
  color:#fff;
}
@media (max-width:900px){
  .jita-launch-promo .jita-launch-promo-inner{
    align-items:flex-start;
    flex-direction:column;
    gap:13px;
    padding:16px 18px;
  }
  .jita-launch-promo .jita-launch-actions{
    justify-content:flex-start;
  }
}
@media (max-width:560px){
  .jita-launch-promo .jita-launch-message{
    gap:8px;
  }
  .jita-launch-promo .jita-launch-message strong{
    width:100%;
    font-size:1.55rem;
  }
  .jita-launch-promo .jita-launch-subline{
    font-size:.76rem;
  }
}
/* JITA BUILD 394 GRAND LAUNCH BANNER END */

/* JITA BUILD 398 CERTIFICATION-TO-DETAIL CTA START */
.guide-row-action .hub-details{
  display:flex!important;
  width:100%;
  box-sizing:border-box;
  margin-top:9px;
  justify-content:center;
  text-align:center;
  white-space:normal;
  line-height:1.2;
}
@media (min-width:760px){
  .guide-row-action{
    min-width:180px;
  }
}
/* JITA BUILD 398 CERTIFICATION-TO-DETAIL CTA END */

/* JITA BUILD 399 COMPACT GUIDE ACTION CARD START */

/* Certification page right-side purchase/preview control stack */
.guide-row-action{
  width:260px;
  min-width:260px;
  align-self:center;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:8px;
  padding:14px;
  box-sizing:border-box;
  border:1px solid #c9d9ea;
  border-radius:16px;
  background:#fff;
  box-shadow:0 12px 28px rgba(14,48,84,.08);
}

.guide-row-action .guide-price{
  margin:0 0 2px;
  text-align:left;
  font-size:1.18rem;
  line-height:1.1;
  font-weight:900;
  color:#0b2545;
}

/* Make both actions compact, full-width, and visually consistent */
.guide-row-action .btn,
.guide-row-action button{
  width:100%;
  min-height:40px;
  box-sizing:border-box;
  margin:0!important;
  justify-content:center;
  text-align:center;
  border-radius:8px;
  font-weight:850;
}

/* Add to Cart stays JITA blue */
.guide-row-action .add-to-cart,
.guide-row-action button[data-add],
.guide-row-action .btn.primary{
  background:#174f82;
  color:#fff;
}

/* Details + Preview becomes the high-contrast black/yellow action */
.guide-row-action .hub-details{
  display:flex!important;
  width:100%;
  min-height:40px;
  margin:0!important;
  padding:10px 12px;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  border:2px solid #000;
  border-radius:8px;
  background:#000!important;
  color:#ffd21a!important;
  font-weight:900;
  line-height:1.15;
  text-align:center;
  text-decoration:none;
  white-space:normal;
}

.guide-row-action .hub-details:hover,
.guide-row-action .hub-details:focus-visible{
  background:#111!important;
  color:#ffe15a!important;
  border-color:#111;
  outline:none;
  transform:translateY(-1px);
}

/* Pull the right-side control stack closer to the guide content */
.guide-row{
  grid-template-columns:minmax(0,1fr) 260px;
  column-gap:24px;
  align-items:center;
}

/* Keep mobile stacking clean */
@media (max-width:820px){
  .guide-row{
    grid-template-columns:1fr;
  }
  .guide-row-action{
    width:100%;
    min-width:0;
    max-width:360px;
    margin-top:10px;
  }
}

/* JITA BUILD 399 COMPACT GUIDE ACTION CARD END */

/* JITA BUILD 401 PREVIEW CTA COLOR FORCE START */
.guide-row-action a.btn.details-btn.hub-details,
.guide-row-action .btn.details-btn.hub-details,
.guide-row-action a.hub-details,
.guide-row-action .hub-details{
  background:#050505!important;
  background-color:#050505!important;
  color:#FFD84D!important;
  border-color:#050505!important;
  box-shadow:none!important;
}

.guide-row-action a.btn.details-btn.hub-details:hover,
.guide-row-action a.btn.details-btn.hub-details:focus-visible,
.guide-row-action .btn.details-btn.hub-details:hover,
.guide-row-action .btn.details-btn.hub-details:focus-visible,
.guide-row-action a.hub-details:hover,
.guide-row-action a.hub-details:focus-visible,
.guide-row-action .hub-details:hover,
.guide-row-action .hub-details:focus-visible{
  background:#050505!important;
  background-color:#050505!important;
  color:#FFD84D!important;
  border-color:#050505!important;
  box-shadow:none!important;
}
/* JITA BUILD 401 PREVIEW CTA COLOR FORCE END */