.beginner-course{min-width:0;margin:0 0 26px;border:1px solid #d7e0d4;border-radius:15px;background:#fffef9;color:var(--ink,#223c37);overflow:hidden}
.beginner-course *{box-sizing:border-box;min-width:0}
.beginner-course .course-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px 0}
.beginner-course .course-eyebrow{font-size:9px;font-weight:750;letter-spacing:1.15px;line-height:1.6;color:#60796d;margin:0 0 7px}
.beginner-course .course-title{font:400 29px/1.2 Georgia,"Times New Roman",serif;letter-spacing:-.5px;margin:0}
.beginner-course .course-intro{font-size:12px;line-height:1.65;color:#5d7064;max-width:690px;margin:9px 0 0}
.beginner-course .course-progress-box{flex:0 0 220px;display:grid;gap:8px}
.beginner-course .course-progress-label{font-size:12px;font-weight:650}
.beginner-course .course-progress{appearance:none;width:100%;height:7px;border:0;border-radius:8px;background:#e7eddf;color:#28705b;overflow:hidden}
.beginner-course .course-progress::-webkit-progress-bar{background:#e7eddf;border-radius:8px}
.beginner-course .course-progress::-webkit-progress-value{background:#28705b;border-radius:8px}
.beginner-course .course-progress::-moz-progress-bar{background:#28705b;border-radius:8px}
.beginner-course .course-progress-caption{font-size:10px;line-height:1.5;color:#6e7c68}
.beginner-course .course-start-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;padding:17px 24px 18px}
.beginner-course .course-small{font-size:11px;line-height:1.65;color:#637367;margin:0}
.beginner-course button{font-size:12px;font-weight:600;line-height:1.45;min-height:44px;padding:10px 14px;border:1px solid #d3ded0;border-radius:8px;cursor:pointer;white-space:normal;overflow-wrap:anywhere}
.beginner-course .course-primary{background:#175c4e;color:#fff;border-color:#175c4e;font-size:12px;font-weight:650}
.beginner-course .course-primary:hover:not(:disabled){background:#104b3f}
.beginner-course .course-secondary{background:#f4f6ed;color:#27503f;font-size:12px;font-weight:650}
.beginner-course .course-secondary:hover:not(:disabled){background:#e9efdf}
.beginner-course button:disabled{opacity:.55;cursor:default}
.beginner-course button:focus-visible,.beginner-course summary:focus-visible{outline:3px solid #227cba;outline-offset:3px}
.beginner-course .course-map{border-top:1px solid #e0e6d9;border-bottom:1px solid #e0e6d9;background:#f5f6ee}
.beginner-course .course-map>summary{cursor:pointer;min-height:46px;padding:13px 24px;font-size:12px;line-height:1.5;font-weight:650;color:#385b49}
.beginner-course .course-map-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;padding:0 24px 21px}
.beginner-course .course-module h3{font-size:11px;line-height:1.5;margin:5px 0 10px;font-weight:750;color:#587055}
.beginner-course .course-map-button{display:grid;grid-template-columns:23px minmax(0,1fr);column-gap:7px;row-gap:2px;width:100%;text-align:left;min-height:58px;background:#fffef9;padding:9px 10px;margin:7px 0 0}
.beginner-course .course-map-number{font-size:10px;line-height:1.6;color:#82927a;grid-row:1/3;align-self:center}
.beginner-course .course-map-name{font-size:12px;line-height:1.4;font-weight:650}
.beginner-course .course-map-status{font-size:9px;line-height:1.5;font-weight:500;color:#667b60}
.beginner-course .course-map-button.is-current{border:2px solid #38795e;padding:8px 9px;background:#eaf3e7}
.beginner-course .course-map-button.is-complete .course-map-status{color:#1e624a;font-weight:750}
.beginner-course .course-map-button:hover{background:#eaf0e2}
.beginner-course .course-lesson{padding:23px 24px 19px}
.beginner-course .course-lesson-header{display:flex;align-items:start;justify-content:space-between;gap:16px;margin:0 0 17px}
.beginner-course .course-lesson-title{font:400 24px/1.25 Georgia,"Times New Roman",serif;letter-spacing:-.3px;margin:0 0 7px}
.beginner-course .course-active-badge{flex-shrink:0;display:inline-block;padding:6px 9px;border-radius:20px;background:#edf2e5;color:#52714e;font-size:9px;font-weight:600;line-height:1.5}
.beginner-course .course-inactive{display:flex;align-items:center;gap:16px;padding:13px 15px;border:1px solid #e7ddbb;background:#f8f4e5;border-radius:9px;margin:0 0 17px}
.beginner-course .course-inactive p{flex:1;color:#786b42}
.beginner-course .course-inactive button{flex-shrink:0}
.beginner-course .course-lesson-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.5fr);gap:28px;align-items:start}
.beginner-course .course-explanation>p{font-size:12px;line-height:1.75;color:#52685b;margin:0 0 10px;max-width:790px}
.beginner-course .course-explanation>button{margin-top:2px}
.beginner-course .course-checklist{padding:14px 15px;border:1px solid #dde5d4;border-radius:9px;background:#f4f6ed}
.beginner-course h4{font-size:12px;line-height:1.5;font-weight:700;margin:0 0 8px;color:#3a5b49}
.beginner-course .course-checklist ul{padding:0;list-style:none;margin:0;display:grid;gap:8px}
.beginner-course .course-checkpoint{display:grid;grid-template-columns:17px minmax(0,1fr) 35px;gap:6px;align-items:center;font-size:11px;line-height:1.5}
.beginner-course .course-check-icon{color:#8a977d;font-size:13px}
.beginner-course .course-check-status{color:#7c886f;font-size:9px;text-align:right}
.beginner-course .course-checkpoint.is-done .course-check-icon,.beginner-course .course-checkpoint.is-done .course-check-status{color:#1c6b49;font-weight:750}
.beginner-course .course-check-note{font-size:9px;line-height:1.6;color:#7a856d;margin:11px 0 0;padding-top:9px;border-top:1px solid #dde5d4}
.beginner-course .course-practice-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
.beginner-course .course-practice-card{display:flex;flex-direction:column;align-items:flex-start;padding:14px 16px;border:1px solid #e1e6d8;border-radius:9px;background:#fbfcf5}
.beginner-course .course-practice-card>p{font-size:11px;line-height:1.65;color:#63765d;margin:0 0 12px;flex:1}
.beginner-course .course-practice-notice{margin-top:8px}
.beginner-course .course-quiz{margin-top:21px;border-top:1px solid #e4e8dc;padding-top:17px}
.beginner-course .course-question{font-size:13px;margin-bottom:11px}
.beginner-course .course-options{display:flex;flex-wrap:wrap;gap:8px}
.beginner-course .course-option{font-size:11px;line-height:1.55;text-align:left;background:#fffef9;border-color:#cddac7;font-weight:500;flex:1 1 180px}
.beginner-course .course-option:hover:not(:disabled){background:#edf2e6}
.beginner-course .course-option[aria-pressed=true]{background:#e5eee0;border-color:#558467;box-shadow:inset 0 0 0 1px #558467}
.beginner-course .course-feedback{font-size:11px;line-height:1.65;color:#697960;margin:10px 0 0;min-height:19px}
.beginner-course .course-feedback.is-correct{color:#1d694a}
.beginner-course .course-feedback.is-incorrect{color:#98603b}
.beginner-course .course-lesson-footer{margin-top:17px;padding-top:16px;border-top:1px solid #e4e8dc;display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;justify-content:space-between}
.beginner-course .course-next-group{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.beginner-course .course-lesson-footer>p{max-width:580px}
.beginner-course .course-final-notice{margin:0;font-size:11px;line-height:1.7;color:#6c735a;padding:12px 14px;background:#f5f1e4;border:1px solid #e4ddc7;border-radius:8px}
.beginner-course .course-storage-notice{margin:0;padding:12px 24px;background:#f7f2e6;border-top:1px solid #e7ddc3;font-size:10px;line-height:1.7;color:#766a49}
@media(max-width:1050px){.beginner-course .course-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.beginner-course .course-progress-box{flex-basis:190px}.beginner-course .course-lesson-body{gap:19px;grid-template-columns:minmax(0,1fr) 255px}}
@media(max-width:730px){.beginner-course .course-header{align-items:flex-start;padding:19px 17px 0;gap:18px}.beginner-course .course-title{font-size:26px}.beginner-course .course-progress-box{flex-basis:145px}.beginner-course .course-progress-caption{font-size:9px}.beginner-course .course-start-row{padding:16px 17px}.beginner-course .course-map>summary{padding-inline:17px}.beginner-course .course-map-grid{padding-inline:17px}.beginner-course .course-lesson{padding:20px 17px 16px}.beginner-course .course-lesson-body{grid-template-columns:1fr;gap:16px}.beginner-course .course-checklist ul{grid-template-columns:1fr 1fr;gap:10px 20px}.beginner-course .course-storage-notice{padding-inline:17px}}
@media(max-width:500px){.beginner-course .course-header{display:block}.beginner-course .course-progress-box{margin-top:15px;gap:6px;max-width:300px}.beginner-course .course-progress-caption{font-size:10px}.beginner-course .course-map-grid{grid-template-columns:1fr;gap:9px}.beginner-course .course-lesson-header{display:block}.beginner-course .course-active-badge{margin-top:10px}.beginner-course .course-lesson-title{font-size:24px}.beginner-course .course-inactive{align-items:flex-start;flex-direction:column;gap:10px}.beginner-course .course-checklist ul{grid-template-columns:1fr}.beginner-course .course-practice-cards{grid-template-columns:1fr;gap:12px}.beginner-course .course-options{display:grid;grid-template-columns:1fr}.beginner-course .course-start-row{align-items:flex-start}.beginner-course .course-start-row>button{width:100%}.beginner-course .course-lesson-footer{display:block}.beginner-course .course-lesson-footer>p{margin-top:11px}.beginner-course .course-next-group{margin-bottom:12px}.beginner-course .course-practice-card>button{width:100%}.beginner-course .course-eyebrow{font-size:8px;letter-spacing:.85px}}
@media(forced-colors:active){.beginner-course .course-map-button.is-current,.beginner-course .course-option[aria-pressed=true]{outline:2px solid Highlight}.beginner-course .course-checkpoint.is-done{font-weight:750}}
body.classroom #beginner-course { display: none; }
.studio-top { flex-wrap: wrap; }
#course-return { min-height: 44px; }