/* LearnWorlds pop-up sections (Sign in / Register / Forgot password, plus the
   job-description, internship, consent and "Share Your Thoughts" dialogs) are
   hidden on the live site until a trigger opens them. The capture froze them all
   open, which stacked them inline and duplicated content. Hide them by default,
   matching the live layout. The Sign Up form is lifted into .lw-modal (outside
   these sections) by site-forms.js, so it stays available. */
.learnworlds-section.popup{display:none !important}
/* an info pop-up opened by survey-forms.js: show that one section as an overlay */
.learnworlds-section.popup.lw-popup-open{display:flex !important;position:fixed !important;
  inset:0 !important;z-index:100050 !important;align-items:flex-start;justify-content:center;overflow:auto}
.learnworlds-section.popup.lw-popup-open .popup-dialog{margin:5vh auto;max-height:90vh;overflow:auto;z-index:2}
/* keep the pop-up close button visible while its content scrolls (all views) */
.learnworlds-section.popup.lw-popup-open .popup-dialog-close-btn,
.learnworlds-section.popup.lw-popup-open .js-popup-dialog-close{
  position:fixed !important;top:16px;right:16px;z-index:100060 !important;
  background:#fff;border-radius:50%;width:38px;height:38px;box-shadow:0 1px 5px rgba(0,0,0,.25);
  display:flex;align-items:center;justify-content:center}
.learnworlds-section.popup.lw-popup-open .popup-overlay,
.learnworlds-section.popup.lw-popup-open .learnworlds-section-overlay{position:fixed !important;inset:0 !important;z-index:1}

/* Shared styles for the copied forms: the Sign Up modal shell and the
   thank-you shown after a submission (Sign Up, Contact, Apply). */
.lw-modal{display:none;position:fixed;inset:0;z-index:100000}
.lw-modal.is-open{display:block}
.lw-modal-backdrop{position:fixed;inset:0;background:rgba(10,20,35,.6)}
/* The card no longer scrolls; its body does, so the close button (pinned to the
   card) stays visible while the content scrolls, on every screen size. */
.lw-modal-card{position:relative;background:#fff;max-width:560px;width:calc(100% - 32px);margin:40px auto;border-radius:6px;box-shadow:0 24px 70px rgba(0,0,0,.35);max-height:calc(100vh - 80px);overflow:hidden;display:flex;flex-direction:column}
.lw-modal-body{overflow-y:auto;-webkit-overflow-scrolling:touch}
.lw-modal-x{position:absolute;top:10px;right:10px;border:0;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18);
  width:36px;height:36px;border-radius:50%;font-size:24px;line-height:1;color:#4b5158;cursor:pointer;z-index:10;
  display:flex;align-items:center;justify-content:center;padding:0}
.lw-modal-x:hover{color:#14181c;background:#f2f3f5}
@media (max-width:560px){.lw-modal-card{margin:16px auto;max-height:calc(100vh - 32px)}}
.lw-thanks{padding:56px 40px;text-align:center;font-family:Roboto,Arial,sans-serif}
.lw-thanks h2{font-weight:700;font-size:26px;margin:0 0 12px;color:#14181c}
.lw-thanks p{font-weight:400;font-size:16px;line-height:1.6;color:#5b6169;margin:0}
.lw-thanks p+p{margin-top:10px}
.lw-thanks a{color:#005198}
/* The cohort thank-you reads as a note from the programme, left-aligned (owner, 26 September 2026). */
.lw-thanks-cohort{text-align:left;padding:40px}
.lw-thanks-cohort h2{font-size:22px}
.lw-thanks a.lw-thanks-btn{display:inline-block;margin-top:8px;text-decoration:none;color:#14181c}

/* Sign In view (site-forms.js) */
.lw-auth{padding:40px 40px 44px;font-family:Roboto,Arial,sans-serif}
.lw-auth h2{font-weight:700;font-size:24px;color:#14181c;margin:0 0 22px}
.lw-auth label{display:block;font:600 14px/1.4 Roboto,Arial,sans-serif;color:#2b3138;margin:0 0 16px}
.lw-auth input{display:block;width:100%;box-sizing:border-box;margin-top:7px;border:1px solid #d3d7dd;
  border-radius:6px;padding:11px 13px;font:400 15px/1.4 Roboto,Arial,sans-serif;color:#14181c}
.lw-auth input:focus{outline:none;border-color:#01adff;box-shadow:0 0 0 3px rgba(1,173,255,.15)}
.lw-auth-btn{margin-top:4px;background:#83c410;color:#14181c;border:0;border-radius:8px;
  font:700 15px/1 Roboto,Arial,sans-serif;padding:14px 30px;cursor:pointer}
.lw-auth-btn:hover{filter:brightness(.96)}
.lw-auth-alt{font:400 14px/1.5 Roboto,Arial,sans-serif;color:#5b6169;margin:14px 0 0}
.lw-auth-alt a{color:#0a84c1;text-decoration:none}
.lw-auth-alt a:hover{text-decoration:underline}

/* Mobile menu: a fresh panel built by site-forms.js from the nav links, so it
   sidesteps LearnWorlds' nested mobile-collapse rules. Shown when the hamburger
   is tapped (the hamburger only appears on mobile). --lw-bar-b is the bar height. */
.lw-mobile-menu{display:none;position:fixed;top:var(--lw-bar-b,64px);left:0;right:0;
  background:#fff;box-shadow:0 14px 28px rgba(0,0,0,.16);border-top:1px solid #eee;
  max-height:calc(100vh - var(--lw-bar-b,64px));overflow:auto;z-index:100001;padding:4px 0}
html.lw-nav-open .lw-mobile-menu{display:block}
.lw-mobile-menu a{display:block;padding:14px 22px;color:#14181c;text-decoration:none;
  font:400 16px/1.3 Roboto,Arial,sans-serif;border-bottom:1px solid #f2f3f5}
.lw-mobile-menu a:last-child{border-bottom:0}
.lw-mobile-menu a:active{background:#f5f6f7}

/* Exact-copy application forms (survey-forms.js) rendered in the modal. */
.lw-survey-modal .lw-modal-card{max-width:640px}
.lw-survey-title{font:700 22px/1.3 Roboto,Arial,sans-serif;color:#14181c;margin:8px 40px 20px;padding-top:4px}
.lw-survey-closed{font:400 16px/1.5 Roboto,Arial,sans-serif;color:#14181c;margin:0 40px 30px}
/* The Batch 1 deadline under the cohort form's title (owner, 26 September 2026). */
.lw-survey-note{font:400 15px/1.5 Roboto,Arial,sans-serif;color:#14181c;margin:-8px 40px 20px}
.lw-survey-form{padding:0 40px 40px;font-family:Roboto,Arial,sans-serif}
.lw-fq{margin:0 0 18px}
.lw-fq-label{display:block;font:600 14px/1.45 Roboto,Arial,sans-serif;color:#2b3138;margin:0 0 7px}
.lw-req{color:#e02424}
.lw-survey-form input[type=text],.lw-survey-form input[type=email],.lw-survey-form input[type=tel],
.lw-survey-form textarea,.lw-survey-form select{
  width:100%;box-sizing:border-box;border:1px solid #d3d7dd;border-radius:6px;
  padding:11px 13px;font:400 15px/1.4 Roboto,Arial,sans-serif;color:#14181c;background:#fff}
.lw-survey-form textarea{resize:vertical;min-height:76px}
.lw-survey-form input:focus,.lw-survey-form textarea:focus,.lw-survey-form select:focus{outline:none;border-color:#01adff;box-shadow:0 0 0 3px rgba(1,173,255,.15)}
.lw-name-row{display:flex;gap:12px}
.lw-name-row input{flex:1}
.lw-choices{display:flex;flex-direction:column;gap:9px}
.lw-choice{display:flex;align-items:flex-start;gap:9px;font:400 15px/1.45 Roboto,Arial,sans-serif;color:#2b3138;cursor:pointer}
/* the captured site hides native inputs (input[type=radio]{display:none}); our
   form needs them visible, so restore them explicitly */
.lw-choice input[type=radio],.lw-choice input[type=checkbox]{
  display:inline-block !important;appearance:auto;-webkit-appearance:auto;
  width:17px;height:17px;margin:1px 0 0;flex:none;opacity:1 !important;
  visibility:visible !important;position:static !important;accent-color:#01adff;cursor:pointer}
.lw-rating{flex-direction:row;gap:18px}
.lw-survey-submit{margin-top:8px;background:#83c410;color:#14181c;border:0;border-radius:8px;
  font:700 15px/1 Roboto,Arial,sans-serif;padding:14px 30px;cursor:pointer}
.lw-survey-submit:hover{filter:brightness(.96)}
.lw-survey-submit:disabled{opacity:.6;cursor:default}
@media (max-width:560px){.lw-survey-title{margin-left:22px;margin-right:22px}.lw-survey-form{padding:0 22px 30px}.lw-name-row{flex-direction:column}}
/* Sign-up: "Name on your certificate" order choice */
.lw-certname{margin:2px 0 10px;padding:10px 12px;background:rgba(0,0,0,.035);border-radius:8px}
.lw-certname-title{font-size:12px;text-transform:uppercase;letter-spacing:.04em;opacity:.7;margin-bottom:6px}
.lw-certname-opt{display:flex;align-items:center;gap:8px;padding:3px 0;cursor:pointer}
.lw-certname-preview{font-weight:600}

/* A question that appears only when an earlier answer calls for it. */
.lw-fq[hidden]{display:none}
