.learning-nav{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-bottom:32px;padding:15px 20px;border:1px solid #d8e4eb;border-radius:16px;background:#fff}.learning-nav a{color:#176367;font-weight:700}.learning-nav span{font-size:13px;color:#516576}.learning-nav form{margin:0}.learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin:30px 0}.learning-card{background:#fff;border:1px solid #d8e4eb;border-radius:24px;padding:32px;box-shadow:0 12px 34px #163b5110;display:flex;flex-direction:column;gap:20px}.learning-card h2{font-size:27px;line-height:1.25;margin:0}.learning-card p{line-height:1.7;color:#586c7b;margin:0;flex:1}.learning-card-top,.learning-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.learning-number{font-size:36px;font-weight:800;color:#19767a}.learning-badge{font-size:12px;font-weight:700;background:#e5f3ef;color:#175a50;padding:8px 12px;border-radius:40px}.learning-card progress{width:100%;height:9px;accent-color:#237b70}.learning-card .button{width:100%}.learning-meta{font-size:13px;color:#516576}.learning-card.is-locked{background:#f6f8fa}.module-label{display:block;font-size:11px;color:#526776}.access-note{font-size:12px;line-height:1.6;color:#63717c;margin-top:22px}.learning-nav a:focus-visible{outline:3px solid #168784;outline-offset:5px}@media(max-width:760px){.learning-grid{grid-template-columns:1fr}.learning-nav{flex-wrap:wrap}.learning-nav span{display:none}.learning-card{padding:24px}.learning-card h2{font-size:24px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.learning-card h2{color:#102f3f}.learning-nav .button-ghost{color:#174d55;border-color:#b8cdd3}.learning-nav .button-ghost:hover{background:#e5f3ef;color:#103e46}.screen-modules .section-heading{margin-top:36px}.screen-modules .section-heading h1{font-size:clamp(30px,4vw,48px);text-transform:none;letter-spacing:-1.2px}
.supervision-panel{margin-bottom:28px;padding:24px}.classroom-form{display:grid;grid-template-columns:2fr 2fr 1fr;gap:18px;margin:24px 0}.classroom-form select{width:100%;min-height:46px;padding:10px;border-radius:10px;border:1px solid #526875;background:#102430;color:#fff}.classroom-form button{grid-column:1/-1;justify-self:start}.classroom-code{padding:22px;border:1px solid #d4ba61;border-radius:12px;background:#153b3c}.classroom-code strong{font-size:28px;letter-spacing:2px}.classroom-code p{margin:10px 0}@media(max-width:760px){.classroom-form{grid-template-columns:1fr}.supervision-panel{padding:16px}}
.assessment-clock{position:sticky;top:8px;z-index:30;display:flex;align-items:center;gap:20px;justify-content:space-between;background:#10313a;border:1px solid #d7bd60;border-radius:14px;padding:16px 22px;margin-bottom:20px;color:#fff}.assessment-clock strong{font-size:30px;font-variant-numeric:tabular-nums}.assessment-clock span:last-of-type{font-size:12px;max-width:290px}.assessment-clock form{display:none}.assessment-clock.is-ending{background:#60282b;border-color:#fa8989}@media(max-width:700px){.assessment-clock{flex-wrap:wrap;gap:8px}.assessment-clock span:last-of-type{max-width:none}}