.preview-note{background:#dce9b2;color:#183e35;text-align:center;padding:8px 20px;font-size:13px}.learning-main{max-width:1300px;margin:auto;padding:55px 6%}.program-intro{display:grid;grid-template-columns:1.6fr 1fr;gap:7%;margin-bottom:60px}.program-intro h1{margin:24px 0;font-size:clamp(52px,6vw,80px)}.program-intro p{color:var(--muted)}.program-subtitle{font-size:24px;line-height:1.5!important;color:var(--ink)!important}.program-tags{display:flex;gap:8px;flex-wrap:wrap}.program-tags span,.status-tag{font-size:13px;border:1px solid var(--line);border-radius:30px;padding:4px 12px;display:inline-block}.journey-card{padding:32px;background:#eaf0e0;border:1px solid #d4ddc9;border-radius:80px 5px 5px 5px;align-self:start;margin-top:10px}.journey-card h2{font-size:44px}.journey-card .button{width:100%;justify-content:center;border:0}.journey-card progress{width:100%;height:12px;accent-color:var(--ink)}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.module{border:1px solid var(--line);padding:28px;border-radius:4px;background:#fffefa}.module h3{margin:18px 0;font-size:30px}.module p{font-size:16px;color:var(--muted)}.module summary{cursor:pointer;text-underline-offset:4px}.module details{margin:22px 0}.module .button{border:0;min-height:48px}.module .complete-label{font-weight:600;color:#345339}.module-number{font-size:13px;letter-spacing:1px}.module.completed{border-color:#799368;background:#f0f4e8}.module details p{border-left:2px solid #c1d2ac;padding-left:16px}.next-programs{padding:65px 0 15px}.next-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.next-grid h3{font-size:28px}.next-grid article{border-bottom:1px solid var(--line);padding-bottom:25px}.account-link,.logout,.switch-account{border:0;background:none;text-decoration:underline;text-underline-offset:5px;color:var(--ink)}.button:disabled{opacity:.55;cursor:default}#feedback:empty{display:none}#feedback{padding:12px 18px;border-left:3px solid var(--ink);background:#eaf0e0}dialog{max-width:510px;width:calc(100% - 32px);max-height:90vh;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);padding:35px}dialog::backdrop{background:#10281fcc}dialog h2{font-size:38px}dialog label{display:block;margin:17px 0;font-size:15px}dialog input{display:block;width:100%;padding:12px;border:1px solid #8e9c8d;border-radius:4px;margin-top:7px;font:inherit;background:white}dialog small{font-size:12px;display:block;margin-top:5px}.close-dialog{float:right;border:0;background:none;font-size:27px;line-height:1}.switch-account{display:block;margin:20px 0}.account-note{font-size:13px;color:var(--muted)}#account-error{color:#8b2920}#account-submit{border:0}.header nav{flex-wrap:wrap}.lesson-action{margin-top:20px}@media(max-width:760px){.learning-main{padding:35px 6%}.program-intro,.module-grid,.next-grid{grid-template-columns:1fr}.program-intro{gap:20px}.program-subtitle{font-size:21px}.header nav{display:flex;width:auto;flex-direction:row;padding:0;gap:18px}.header{align-items:center}.section-heading h2{font-size:39px}.module{padding:23px}.journey-card{margin-top:15px}dialog{padding:25px}.program-intro{margin-bottom:45px}}@media(prefers-reduced-motion:no-preference){dialog[open]{animation:appear .15s ease-out}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
.reader-back,.reader-open{display:inline-block;margin:12px 0 25px;text-underline-offset:5px}.reader-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:55px}.reader-sidebar{align-self:start;border-right:1px solid var(--line);padding-right:25px}.reader-sidebar nav{display:grid;gap:10px}.reader-sidebar nav a{display:block;padding:14px;text-decoration:none;line-height:1.5;font-size:15px;border-radius:4px}.reader-sidebar nav a[aria-current]{background:#eaf0e0;border-left:3px solid var(--ink)}.reader-sidebar nav span{display:block;font-size:12px;letter-spacing:2px;margin-bottom:7px}.reader-sidebar small{display:block;margin-top:6px;color:#476033}.reader-sidebar progress{width:100%;accent-color:var(--ink)}.reader-content{max-width:730px}.reader-content h1{font-size:clamp(36px,4.5vw,60px);margin-bottom:25px;letter-spacing:-1px}.reader-description{font-size:21px;line-height:1.8;margin:30px 0}.reflection-panel{background:#eaf0e0;padding:30px;margin:35px 0;border-radius:4px}.reflection-panel h2,.reader-completion h2{font-size:30px}.reflection-panel small{font-size:14px;color:var(--muted)}.reader-completion .button{border:0}.reader-pagination{display:flex;justify-content:space-between;gap:25px;margin:40px 0;border-top:1px solid var(--line);padding-top:25px}.reader-pagination a{text-underline-offset:5px}@media(max-width:760px){.reader-layout{grid-template-columns:1fr;gap:30px}.reader-sidebar{border:0;padding:0}.reader-sidebar nav{grid-template-columns:1fr 1fr}.reader-sidebar nav a{font-size:14px;padding:10px}.reader-description{font-size:18px}.reflection-panel{padding:23px}.reader-pagination{font-size:14px}}
.session-lesson{margin-top:45px;border-top:1px solid var(--line);padding-top:35px}.session-lesson>h2{font-size:46px}.session-lead{font-size:22px}.session-lesson h3{font-size:30px;line-height:1.2;margin-top:35px}.session-lesson p{line-height:1.8}.session-objectives{background:#edf1e5;padding:23px;border-radius:5px}.session-objectives ul{padding-left:23px}.session-objectives li{margin:8px 0}.molecule-equation{display:flex;align-items:center;gap:30px;padding:25px;border:1px solid var(--line);margin:25px 0}.molecule-equation strong{font-size:48px}.molecule-equation small{font-size:13px}.energy-path{margin:30px 0}.energy-path ol{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;list-style:none;padding:0;counter-reset:step}.energy-path li{padding:17px;background:#eaf0e0;counter-increment:step}.energy-path li::before{content:counter(step) ' →';display:block;font-size:14px;margin-bottom:12px}.energy-path span{display:block;font-size:14px;margin-top:8px}.energy-path figcaption{font-size:13px;color:var(--muted)}.knowledge-check{border-top:1px solid var(--line);padding-top:30px}.knowledge-check fieldset{border:1px solid var(--line);padding:20px;margin:25px 0}.knowledge-check legend{font-weight:600;padding:0 6px}.knowledge-check label{display:flex;align-items:baseline;gap:12px;padding:12px 5px;cursor:pointer}.knowledge-check input{accent-color:var(--ink);flex-shrink:0}.knowledge-check .button{border:0}.review-check{font-weight:500}.session-next{border-left:3px solid var(--ink);padding:18px 22px;background:#edf1e5}#check-feedback:empty{display:none}#check-feedback{background:#edf1e5;padding:20px;margin-top:20px}#check-feedback li{margin:15px 0}@media(max-width:650px){.energy-path ol{grid-template-columns:1fr}.molecule-equation{gap:20px;flex-wrap:wrap}.session-lesson>h2{font-size:38px}}
.password-field{position:relative}.password-field input{padding-right:55px;margin-top:0}#password-visibility{position:absolute;right:3px;top:3px;bottom:3px;width:44px;display:grid;place-items:center;border:0;border-radius:4px;background:transparent;color:var(--ink)}#password-visibility:hover{background:#edf1e5}#password-visibility:focus-visible{outline:2px solid var(--ink);outline-offset:1px}
.account-card{padding:32px;background:#eaf0e0;border:1px solid #d4ddc9;border-radius:5px;margin:25px 0;max-width:680px}.account-card h2{font-size:36px;margin:10px 0}.account-card progress{width:100%;height:12px;accent-color:var(--ink);margin:12px 0}.account-page .button{margin:12px 12px 0 0;border:0}.account-page #feedback{margin:0 0 20px}
