.learning-wrap{padding-block:32px 50px}.learning-wrap h2{font-size:29px}.learning-wrap h3{font-size:20px}.learning-wrap p{max-width:75ch}.learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.learning-card,.learning-panel{background:#fff;border:1px solid #dce5f3;border-radius:16px;padding:25px;min-width:0}.learning-card h2{font-size:25px}.learning-card .course-icon{display:inline-grid;place-items:center;background:#e4efff;color:#0058bf;border-radius:12px;font:bold 23px monospace;width:54px;height:54px;margin-bottom:20px}.course-meta{font-size:13px;color:#4b5f83}.learning-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-block:18px}.learning-actions .button,.learning-button{border:1px solid #0063ce;background:#0069dc;color:#fff;border-radius:8px;padding:11px 17px;font:600 14px Arial,sans-serif;text-decoration:none;display:inline-block;line-height:1.5}.learning-button.secondary{background:#fff;color:#0757aa}.learning-button:disabled{opacity:.55;cursor:default}.learning-nav{display:flex;gap:18px;flex-wrap:wrap;padding:15px 0;font-size:14px}.learning-nav a{color:#005bc9}.learning-notice{background:#e9f2ff;border-left:4px solid #0872df;padding:15px 18px;border-radius:6px;font-size:14px;margin-bottom:22px}.learning-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:24px}.learning-stat{background:#fff;border:1px solid #dce5f3;border-radius:12px;padding:17px}.learning-stat strong{display:block;font-size:29px}.learning-stat span{font-size:13px;color:#4b5f83}.lesson-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px}.lesson-sidebar a{display:block;padding:12px;border-radius:8px;text-decoration:none;margin-bottom:6px;font-size:14px}.lesson-sidebar a[aria-current]{background:#dfedff;color:#0059bb;font-weight:bold}.lesson-sidebar{align-self:start;position:sticky;top:20px}.lesson-content>section{margin-bottom:24px}.lesson-content h2{font-size:27px}.code-editor{width:100%;min-height:230px;resize:vertical;background:#0b1e39;color:#edf7ff;border:1px solid #9ab6db;border-radius:10px;padding:18px;font:14px/1.7 Consolas,monospace;tab-size:2;display:block;margin-top:8px}.code-output{background:#f0f5fc;color:#102449;border:1px solid #ccd9ee;border-radius:8px;padding:16px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:280px;overflow:auto;font:14px/1.6 Consolas,monospace;min-height:75px}.code-label{font-weight:bold;font-size:14px}.preview-frame{width:100%;height:280px;border:1px solid #b8cbe5;border-radius:8px;background:#fff;display:block}.preview-frame.narrow{max-width:360px}.quiz-question{border:1px solid #dce5f3;padding:16px;border-radius:10px;margin-bottom:16px;min-width:0}.quiz-question legend{font-weight:600;padding-inline:6px}.quiz-question label{display:flex;align-items:start;gap:9px;padding:7px 0;cursor:pointer}.quiz-question input{margin-top:6px}.feedback{padding:13px 16px;border-radius:8px;background:#eef3fa;margin-top:12px;white-space:pre-line;font-size:14px}.feedback.pass{background:#e2f4eb;color:#075139}.feedback.fail{background:#fff0ec;color:#8b2d17}.badge-list{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:25px}.badge{padding:13px 18px;border:1px solid #d1e4fa;border-radius:30px;background:#f4f8ff;color:#4b5f83;font-size:14px}.badge.earned{background:#fff7d9;color:#634508;border-color:#e8d18b}.progress-track{display:block;width:100%;accent-color:#0069dc;height:12px;margin:12px 0}.learning-wrap input:not([type=radio]):not([type=checkbox]),.learning-wrap select,.learning-wrap textarea:not(.code-editor){width:100%;padding:12px;border:1px solid #b7cbea;border-radius:8px;font:inherit;color:#102449;background:#fff}.learning-wrap form>label{display:block;font-size:14px;font-weight:bold;margin:15px 0 7px}.learning-wrap textarea:not(.code-editor){min-height:120px}.learning-wrap textarea:focus-visible{outline:3px solid #6854cb;outline-offset:3px}.learning-wrap [hidden]{display:none!important}.forum-post{border-bottom:1px solid #dce5f3;padding:20px 0}.forum-post h3{margin-bottom:8px}.forum-post p{white-space:pre-wrap;overflow-wrap:anywhere}.forum-post small{color:#4b5f83}.forum-replies{border-left:3px solid #dce5f3;margin:15px 0;padding-left:20px}.certificate{background:#fffdf4;border:6px double #b69b50;text-align:center;padding:55px 35px;margin:25px auto;max-width:900px;color:#142d50}.certificate h1{font-size:37px;letter-spacing:-1px}.certificate .recipient{font-size:33px;margin-block:25px}.certificate .small{font-size:12px}.learning-support details{padding:15px 0;border-bottom:1px solid #dce5f3}.learning-support summary{cursor:pointer;font-weight:bold}.learning-support details p{margin-top:12px}.home-learning{margin-top:25px;margin-bottom:25px}.mini-label{font-size:12px;font-weight:bold;letter-spacing:1px;color:#0064cc}.course-total{font-size:14px}.account-sync{font-size:12px;color:#4b5f83;margin:10px 0}.site-header nav{gap:17px!important}.site-header nav a{font-size:13px}.learning-wrap .section-title{align-items:center}.learning-wrap .status-text{font-size:14px;margin:15px 0}.learning-wrap .hint{white-space:pre-wrap;font:13px/1.6 Consolas,monospace;background:#f1f5fb;padding:14px;border-radius:8px}body[data-page=certificate] .site-header{display:none}@media(max-width:1000px){.site-header nav{gap:10px!important}.site-header nav a{font-size:11px}.lesson-layout{grid-template-columns:190px minmax(0,1fr)}}@media(max-width:760px){.learning-grid{grid-template-columns:1fr}.learning-wrap{padding-top:24px}.learning-card,.learning-panel{padding:20px}.learning-stats{gap:8px}.learning-stat{padding:12px 9px}.learning-stat strong{font-size:23px}.learning-stat span{font-size:11px}.lesson-layout{grid-template-columns:1fr}.lesson-sidebar{position:static;display:flex;overflow:auto;gap:7px;padding:9px;background:#fff;border-radius:10px}.lesson-sidebar a{white-space:nowrap;margin:0;font-size:12px}.lesson-content h2{font-size:24px}.certificate{padding:30px 15px}.certificate h1{font-size:28px}.code-editor{font-size:13px}.site-header nav{gap:14px!important}.site-header nav a{font-size:14px}.learning-actions .learning-button{flex:1;text-align:center}.learning-wrap h2{font-size:25px}}@media print{body[data-page=certificate]{background:#fff}body[data-page=certificate] .no-print,body[data-page=certificate] .site-footer,body[data-page=certificate] .learning-nav{display:none!important}.certificate{margin:0;break-inside:avoid;border-color:#b69b50;print-color-adjust:exact}.learning-wrap{width:100%;padding:0}}
@media(min-width:761px) and (max-width:1100px){.header-inner{display:grid;grid-template-columns:45px 1fr 40px;min-height:76px}.menu-toggle{display:block}.site-header .brand{justify-self:center}.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;align-items:stretch;background:white;box-shadow:0 10px 15px #0629561f;padding:12px 22px;gap:0!important;width:100%;z-index:30}.site-header nav.is-open{display:flex}.site-header nav a{font-size:14px;padding:10px 5px;border-bottom:1px solid #e7edf6}}
