:root{--navy:#04182b;--navy-2:#082944;--cyan:#12c7d2;--yellow:#ffd33d;--coral:#ff6378;--paper:#f5f8fb;--ink:#0a2136;--line:rgba(133,177,202,.22)}
*{box-sizing:border-box}body.learning-ui{margin:0;background:radial-gradient(circle at 18% 0,rgba(18,199,210,.16),transparent 31rem),linear-gradient(145deg,#031323,#092a45);color:#eef8ff;min-height:100vh;padding-inline-end:116px}
.learning-sidebar{position:fixed;z-index:50;inset-block:18px;inset-inline-end:16px;width:84px;padding:12px 8px;border:1px solid var(--line);border-radius:25px;background:rgba(7,34,56,.9);backdrop-filter:blur(18px);box-shadow:0 20px 60px rgba(0,0,0,.3);display:flex;flex-direction:column;gap:8px}.learning-logo{display:grid;place-items:center;height:50px;border-radius:17px;background:linear-gradient(135deg,var(--cyan),#087d9f);color:#fff;text-decoration:none;font:900 21px/1 sans-serif}.learning-sidebar nav{display:flex!important;flex-direction:column;gap:5px;padding:4px 0!important;background:none!important;box-shadow:none!important;border:0!important;margin:0!important}.learning-sidebar nav a{display:flex!important;min-height:58px;padding:7px 3px!important;border-radius:15px;color:#c9dae6!important;text-decoration:none;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:11px;font-weight:800;white-space:nowrap}.learning-sidebar nav a i{font-style:normal;font-size:20px}.learning-sidebar nav a:hover,.learning-sidebar nav a.active{background:linear-gradient(135deg,var(--cyan),#048ba6);color:#fff!important;transform:none!important}.side-language{margin-top:auto;color:#63e9df;text-align:center;text-decoration:none;font-size:12px;font-weight:900;padding:10px 2px;border-top:1px solid var(--line)}
.learning-ui>header.signs-header,.learning-ui>nav:not(.category-nav){min-height:72px;margin:0;padding:14px clamp(20px,4vw,56px);background:rgba(3,20,35,.7);border-bottom:1px solid var(--line);box-shadow:none;backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between}.learning-ui>nav .brand{color:#fff;text-decoration:none;font-weight:900}.learning-ui .timer{background:rgba(18,199,210,.12);color:#63e9df;border:1px solid rgba(18,199,210,.35);padding:9px 15px;border-radius:999px}
.learning-ui main{width:min(1180px,calc(100% - 40px));margin-inline:auto;padding-block:42px 80px}.learning-ui main.exam-page,.learning-ui main.exam-library{max-width:1120px;margin-inline:auto;padding:48px 20px 80px}.learning-ui h1,.learning-ui h2,.learning-ui h3{color:#fff}.learning-ui h1{font-size:clamp(32px,5vw,58px);line-height:1.17;letter-spacing:-.035em;margin:10px 0 14px}.learning-ui .intro{color:#c3d5e1;line-height:2;max-width:760px}.learning-ui .badge,.learning-ui .signs-hero>span,.learning-ui .quiz-intro>span{display:inline-flex;background:rgba(18,199,210,.12);border:1px solid rgba(18,199,210,.32);color:#63e9df;padding:7px 13px;border-radius:999px;font-weight:900}.learning-ui .button,.learning-ui .quiz-launch{border:0!important;border-radius:14px!important;background:linear-gradient(135deg,var(--cyan),#078fac)!important;color:#fff!important;box-shadow:0 12px 28px rgba(18,199,210,.2);font-weight:900;text-decoration:none;transition:.2s}.learning-ui .button:hover,.learning-ui .quiz-launch:hover{transform:translateY(-2px);filter:brightness(1.08)}
.learning-ui .exam-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.learning-ui .exam-card{position:relative;overflow:hidden;background:linear-gradient(155deg,rgba(15,55,85,.95),rgba(6,30,50,.96));border:1px solid var(--line);box-shadow:0 18px 45px rgba(0,0,0,.2);color:#cbdbe5}.learning-ui .exam-card span{background:rgba(255,211,61,.14);color:var(--yellow)}.learning-ui .exam-card small{color:#91a8b8}.learning-ui .exam-start,.learning-ui .exam-question,.learning-ui .score-card,.learning-ui .result-answer{background:linear-gradient(155deg,rgba(15,55,85,.98),rgba(6,30,50,.98));border:1px solid var(--line);color:#d5e3ec;box-shadow:0 24px 60px rgba(0,0,0,.25);border-radius:25px}.learning-ui .exam-settings fieldset{border-color:var(--line);background:rgba(255,255,255,.035)}.learning-ui .exam-settings label,.learning-ui .exam-question>label{background:rgba(255,255,255,.045);border:1px solid var(--line);color:#eff8fc;border-radius:15px}.learning-ui .exam-question>label:hover,.learning-ui .exam-settings label:hover{border-color:var(--cyan);background:rgba(18,199,210,.09)}.learning-ui .exam-question input{accent-color:var(--cyan)}.learning-ui .question-image,.learning-ui .question-video{border-radius:20px;border:1px solid var(--line)}.learning-ui .exam-progress{background:#173b55;border:1px solid var(--line);height:18px;border-radius:999px;overflow:hidden;position:relative}.learning-ui .exam-progress i{background:linear-gradient(90deg,var(--cyan),var(--yellow));height:100%;display:block}.learning-ui .exam-progress span{position:absolute;inset:0;text-align:center;color:#fff;font-size:11px;font-weight:900;line-height:17px}.learning-ui .serious-badge{background:rgba(255,99,120,.13);color:#ff9aaa;border:1px solid rgba(255,99,120,.35);padding:6px 10px;border-radius:999px}
.learning-ui .signs-header nav{background:none!important;padding:0!important;box-shadow:none!important}.learning-ui .brand-script{color:#fff}.learning-ui .signs-hero,.learning-ui .quiz-intro{background:linear-gradient(125deg,rgba(12,52,81,.98),rgba(5,28,47,.98));border:1px solid var(--line);border-radius:28px;padding:clamp(26px,5vw,56px);box-shadow:0 28px 70px rgba(0,0,0,.25)}.learning-ui .sign-search{background:rgba(255,255,255,.06);border-color:var(--line)}.learning-ui .sign-search input{color:#fff;background:transparent}.learning-ui .category-nav{background:rgba(8,41,68,.92);border:1px solid var(--line)}.learning-ui .category-nav a{color:#c9dce8}.learning-ui .catalog-group{background:rgba(245,248,251,.98);color:var(--ink);border:0;box-shadow:0 20px 50px rgba(0,0,0,.18)}.learning-ui .catalog-group h2,.learning-ui .sign-card h3{color:var(--ink)}.learning-ui .sign-card{box-shadow:0 8px 24px rgba(6,34,54,.08);border-color:#dbe7ed}.learning-ui .upgrade{background:linear-gradient(120deg,#0ca6b8,#086d91);border:0;color:#fff}.learning-ui .quiz-question{background:#f7fafc;color:var(--ink);border:0;box-shadow:0 18px 45px rgba(0,0,0,.2);border-radius:24px}.learning-ui .quiz-question h2{color:var(--ink)}.learning-ui .quiz-options button{border-radius:14px;border-color:#d5e4eb;background:#fff;color:var(--ink)}.learning-ui #quiz-score{background:var(--yellow);color:#342b00;border-radius:18px;padding:12px 18px}
@media(max-width:820px){body.learning-ui{padding-inline-end:0;padding-bottom:84px}.learning-sidebar{inset:auto 10px 10px;width:auto;height:68px;flex-direction:row;padding:7px 10px;border-radius:21px}.learning-logo{width:46px;height:46px}.learning-sidebar nav{flex:1;display:grid!important;grid-template-columns:repeat(4,1fr)}.learning-sidebar nav a{min-height:48px;font-size:9px;padding:4px!important}.learning-sidebar nav a i{font-size:17px}.side-language{display:none}.learning-ui>header.signs-header nav{display:none!important}.learning-ui main{width:min(100% - 24px,1180px);padding-top:25px}.learning-ui main.exam-page,.learning-ui main.exam-library{padding:28px 12px 55px}.learning-ui .exam-question,.learning-ui .exam-start{padding:20px}.learning-ui .quiz-question{grid-template-columns:1fr}.learning-ui h1{font-size:34px}}

/* Keep exam copy readable even when older site.css rules are cached. */
.learning-ui .exam-question h3{display:block!important;visibility:visible!important;opacity:1!important;color:#fff!important;line-height:1.9;margin:18px 0}
.learning-ui .exam-question>label{display:block!important;visibility:visible!important;opacity:1!important;line-height:1.8}
.learning-ui .exam-question[hidden]{display:none!important}

/* Exam accessibility: keep questions readable even when mobile translation
   or browser contrast processing overrides the dark card background. */
.learning-ui .exam-question{background:#fff!important;color:#0a2136!important}
.learning-ui .exam-question h2,.learning-ui .exam-question h3,.learning-ui .exam-question p,.learning-ui .exam-question b{color:#0a2136!important}
.learning-ui .exam-question>label{background:#f7fafc!important;border-color:#d6e4ea!important;color:#0a2136!important}
.learning-ui .exam-question>label:hover,.learning-ui .exam-question>label:has(input:checked){background:#e6f8f7!important;border-color:#12aeb8!important;color:#08243e!important}
.learning-ui .exam-question input{accent-color:#0aa7b1}
@media(max-width:680px){.learning-ui .exam-question{padding:18px!important}.learning-ui .exam-question>label{font-size:16px!important;line-height:1.8!important}}


/* Frontend media and long-copy resilience. */
.learning-ui .question-image,
.learning-ui .question-video{
  display:block;
  width:100%;
  max-width:760px;
  height:auto;
  max-height:min(62vh,540px);
  margin:18px auto;
  object-fit:contain;
  background:#eef3f6;
}
.learning-ui .exam-question,
.learning-ui .exam-question h3,
.learning-ui .exam-question>label,
.learning-ui .exam-start,
.learning-ui .exam-settings label,
.learning-ui .exam-card{
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
}
.learning-ui .exam-question>label{
  width:100%;
  padding:13px 15px;
}
.learning-ui .exam-question>label input{
  margin-inline-end:8px;
}
@media(max-width:680px){
  .learning-ui .question-image,
  .learning-ui .question-video{
    max-height:52vh;
    border-radius:14px;
    margin:14px auto;
  }
  .learning-ui .exam-question h3{
    font-size:clamp(18px,5vw,22px);
  }
  .learning-ui .exam-question>label{
    padding:12px;
  }
}