.lesson-media,.robotics-lab{background:#121827;border:1px solid #ffffff20;border-radius:24px;margin:28px 0;padding:24px;overflow:hidden}.lesson-media-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.lesson-media h2,.robotics-lab h2{margin:10px 0 20px;font-size:clamp(1.25rem,3vw,1.8rem)}.lesson-media button{color:#e9e4ff;cursor:pointer;background:#20283b;border:1px solid #ffffff25;border-radius:12px;padding:10px 14px}.lesson-media button[aria-pressed=true]{background:#653bb4;border-color:#b59aff}.lesson-media-head [role=group]{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.lesson-media img,.lesson-media video{aspect-ratio:16/9;object-fit:contain;background:#090f1c;border-radius:16px;width:100%;height:auto;display:block}.demo-legend{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px;display:grid}.demo-legend button{text-align:left;align-items:center;gap:8px;display:flex}.demo-legend span{background:#ffffff18;border-radius:50%;place-items:center;min-width:28px;height:28px;display:grid}.demo-selected{color:#d2bfff}.demo-components ul{flex-wrap:wrap;gap:12px;padding:0;list-style:none;display:flex}.demo-components li{background:#ffffff08;border-radius:8px;padding:8px 12px}.lesson-external iframe{aspect-ratio:16/9;border:0;border-radius:16px;width:100%}.lesson-external a{color:#c4b5fd;text-decoration:underline}.robotics-lab-grid{grid-template-columns:1fr 1.2fr;gap:28px;display:grid}.lab-controls label{margin:20px 0;font-weight:700;display:block}.lab-controls input{accent-color:#a78bfa;width:100%;min-height:28px;margin-top:15px;display:block}.lab-controls output{color:#8aebf6;font-variant-numeric:tabular-nums;background:#67e8f910;border:1px solid #67e8f933;border-radius:12px;padding:16px;display:block}.lab-plot svg{width:100%;height:auto}.robotics-hero{background:radial-gradient(at 100% 0,#60409955,#0000 65%),#141227;border:1px solid #b799ff33;border-radius:28px;margin:24px 0;padding:clamp(24px,5vw,56px)}.robotics-hero h1{letter-spacing:-.035em;font-size:clamp(2rem,5vw,3.6rem);line-height:1.12}.robotics-hero p{color:#c7bfdc;max-width:760px;line-height:1.7}.robotics-stats{flex-wrap:wrap;gap:24px;margin:28px 0;display:flex}.robotics-stats span{color:#bdb4d2;gap:4px;display:grid}.robotics-stats strong{color:#fff;font-size:1.8rem}.robotics-module{margin:40px 0}.robotics-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.robotics-card{color:inherit;background:#ffffff05;border:1px solid #ffffff20;border-radius:20px;padding:24px;text-decoration:none;transition:border-color .2s,background .2s}.robotics-card:hover{background:#a78bfa10;border-color:#b49aff}.robotics-card h3{font-size:1.3rem;line-height:1.4}.robotics-card p{color:#bdb4d2;line-height:1.6}.robotics-card>span:last-child{color:#c4b5fd;font-weight:700}.robotics-tab{color:#a5f3fc;white-space:nowrap;border:1px solid #67e8f966;border-radius:12px;padding:14px;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #67e8f9}@media (max-width:680px){.lesson-media,.robotics-lab{border-radius:18px;padding:16px}.robotics-lab-grid,.robotics-cards{grid-template-columns:1fr}.demo-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-legend button{padding:8px;font-size:.8rem}.robotics-hero{padding:24px 20px}.robotics-stats{gap:18px}.robotics-card{padding:20px}.lesson-media-head [role=group]{width:100%}.lesson-media-head button{flex:1;min-height:44px}.lab-plot{min-width:0}}.detailed-robot-figure{position:relative}.detailed-robot-figure img{aspect-ratio:auto}.detailed-robot-figure .robot-hotspot{color:#fff;background:#132135dd;border:2px solid #e3d8f5;border-radius:50%;min-width:34px;height:34px;padding:0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 6px #11182755}.robot-hotspot[aria-pressed=true]{background:#b77fe1!important}
.workshops{color:#edf2f8;background:radial-gradient(at 15% 0,#231440 0,#0000 48%),#0b101a;min-height:100vh;padding:32px 32px 100px;font-family:Arial,sans-serif}.workshops *{box-sizing:border-box}.workshops button,.workshops select{font:inherit}.workshops button{cursor:pointer}.workshops button:disabled{cursor:default;opacity:.4}.workshops button:focus-visible,.workshops a:focus-visible,.workshops input:focus-visible,.workshops select:focus-visible{outline-offset:4px;outline:2px solid #dab4ff}.workshops-container{max-width:1400px;margin:0 auto}.workshops-breadcrumb{color:#adbbce;font-size:14px;text-decoration:none}.workshops-header{justify-content:space-between;align-items:end;gap:20px;margin:36px 0 28px;display:flex}.workshops-eyebrow,.workshop-eyebrow{color:#b197d6;letter-spacing:2px;margin-bottom:12px;font-size:11px;font-weight:700;display:block}.workshops h1{letter-spacing:-1.3px;margin:0 0 12px;font-size:clamp(30px,4vw,44px);font-weight:700}.workshops-intro{color:#a4b2c5;max-width:640px;font-size:16px;line-height:1.6}.workshops-count{color:#b6c4d5;white-space:nowrap;border:1px solid #344057;border-radius:30px;padding:10px 15px;font-size:12px}.workshops-tabs{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:32px;display:grid}.workshops-tabs button{text-align:left;color:#bec9d8;background:#141c2a;border:1px solid #303b50;border-radius:13px;align-items:center;gap:13px;min-height:72px;padding:16px 13px;font-size:14px;font-weight:600;display:flex}.workshops-tabs button[aria-pressed=true]{color:#f4eaff;background:#28223c;border-color:#b28adb;box-shadow:inset 0 0 0 1px #b28adb33}.workshops-tabs .trade-icon{color:#a28bc5;flex-shrink:0;width:30px;height:30px}.workshops-lesson-heading{justify-content:space-between;align-items:center;gap:24px;margin:0 0 22px;display:flex}.workshops h2{letter-spacing:-.5px;margin:0 0 8px;font-size:23px}.workshops-description{color:#a8b5c6;max-width:730px;font-size:14px;line-height:1.6}.workshops-exercise,.workshop-action{color:#100d18;white-space:nowrap;background:#a484d3;border:1px solid #c29bee;border-radius:9px;min-height:44px;padding:12px 17px;font-size:13px;font-weight:700}.workshops-exercise{color:#d5bdf1;background:#221f33}.workshop-bench{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:22px;display:grid}.workshop-viewer{background:#101a28;border:1px solid #344056;border-radius:18px;min-width:0;overflow:hidden}.workshop-viewbar{background:#172030;border-bottom:1px solid #2c384d;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.workshop-view-tabs{flex-wrap:wrap;gap:6px;display:flex}.workshop-view-tabs button{color:#96a7bd;background:0 0;border:1px solid #0000;border-radius:7px;min-height:40px;padding:10px 12px;font-size:12px}.workshop-view-tabs button[aria-pressed=true]{color:#e9e2f5;background:#2a2940;border-color:#4b445e}.workshop-zoom{color:#879bb2;white-space:nowrap;align-items:center;gap:7px;font-size:10px;display:flex}.workshop-zoom button{color:#ced8e6;background:#182436;border:1px solid #354257;border-radius:7px;width:34px;height:36px;font-size:19px}.workshop-stage{overscroll-behavior:contain;background:radial-gradient(at 50% 48%,#22374b 0%,#142435 40%,#0d1725 85%);height:620px;overflow:auto}.workshop-stage-inner{justify-content:center;align-items:center;min-width:100%;min-height:100%;display:flex}.workshop-stage svg{flex-shrink:0;width:100%;height:100%;max-height:100%;display:block}.workshop-photo-stage,.workshop-reference{background:#0d1520}.engine-marker{cursor:pointer;outline:none}.engine-marker:hover circle,.engine-marker:focus-visible circle{stroke:#f1c9ff;stroke-width:3px}.workshop-caption{background:#152030;border-top:1px solid #2c3b50;padding:20px 24px}.workshop-caption strong{letter-spacing:.1px;font-size:14px}.workshop-caption p{color:#a5b6c9;margin:7px 0 12px;font-size:13px;line-height:1.65}.workshop-caption small{color:#71869d;font-size:10px}.workshop-caption a{color:#9cafc4;text-underline-offset:3px;text-decoration:underline}.workshop-controls{background:#14202f;border-top:1px solid #344156;padding:20px 24px}.workshop-play-row{color:#a9bacf;flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}.workshop-play-row>span{font-variant-numeric:tabular-nums;margin-left:auto}.workshop-play-row label{align-items:center;gap:8px;display:flex}.workshop-play-row select{color:#dce7f3;background:#202f42;border:1px solid #46566d;border-radius:6px;padding:8px}.workshop-range{color:#aabbd0;margin:20px 0 16px;font-size:12px;display:block}.workshop-range input{accent-color:#bb9dde;cursor:pointer;width:100%;min-height:24px;margin:15px 0 0;display:block}.workshop-phases{grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0 19px;display:grid}.workshop-phases button{text-align:left;color:#d8e4f1;background:#17263a;border:1px solid #34465d;border-radius:8px;min-height:65px;padding:11px 9px}.workshop-phases small{color:#879db6;margin-bottom:6px;font-size:9px;display:block}.workshop-phases strong{font-size:11px;line-height:1.4;display:block}.workshop-phase-detail{border-left:2px solid;padding-left:14px;font-size:13px}.workshop-phase-detail p{color:#a9bcd0;margin:5px 0;line-height:1.6}.workshop-phase-detail small{color:#8095ad;font-size:11px}.workshop-note{color:#788ea7;margin-top:16px;font-size:11px;line-height:1.6}.workshop-secondary{color:#cbd9e9;background:#1f3047;border:1px solid #45566f;border-radius:8px;min-height:44px;padding:12px 16px;font-size:12px}.workshop-readouts{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.workshop-readouts>div{background:#102234;border:1px solid #31465e;border-radius:10px;padding:13px}.workshop-readouts small{color:#718fa9;letter-spacing:1.5px;font-size:9px;display:block}.workshop-readouts strong{color:#a0e6d5;margin-top:7px;font-size:24px;font-weight:500;display:block}.workshop-simulation-status{color:#a5bfda;margin:16px 0 0;font-size:13px;line-height:1.6}.workshop-inspector{background:#151d2b;border:1px solid #344056;border-radius:17px;padding:26px 22px;position:sticky;top:25px}.workshop-inspector h3{letter-spacing:-.6px;margin:0 0 17px;font-size:26px;font-weight:600;line-height:1.2}.workshop-part-divider{background:#314057;height:1px;margin-bottom:23px}.workshop-inspector h4{text-transform:uppercase;letter-spacing:1px;color:#9db0c8;margin:23px 0 8px;font-size:11px}.workshop-inspector p{color:#b5c4d6;margin:0;font-size:13px;line-height:1.8}.workshop-part-nav{justify-content:space-between;gap:8px;margin-top:25px;display:flex}.workshop-part-nav button{color:#be9fe4;background:0 0;border:0;min-height:44px;padding:10px 0;font-size:10px}.workshop-parts{gap:4px;display:grid}.workshop-parts button{text-align:left;color:#a5b7cd;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:12px;min-height:38px;padding:9px;font-size:11px;line-height:1.3;display:flex}.workshop-parts span{color:#7288a2;font-size:9px}.workshop-parts button[aria-pressed=true]{color:#e8d6ff;background:#2a2841;border-color:#554571}.workshops-practice{color:#e0d4f2;background:#231e35;border:1px solid #81629e;border-radius:13px;margin:0 0 22px;padding:20px 24px;font-size:14px;line-height:1.6}.workshops-practice button{color:#eadbf8;background:#47325f;border:1px solid #a583c7;border-radius:8px;min-height:44px;margin-top:12px;padding:10px 16px}.workshops-practice p{margin:4px 0}.workshops-reading{grid-template-columns:1fr 1fr;gap:24px;margin-top:27px;display:grid}.workshops-reading section{background:#131d2b;border:1px solid #303d52;border-radius:15px;padding:25px}.workshops-reading h3{margin:0 0 18px;font-size:17px}.workshops-reading ol{color:#aabcce;gap:10px;margin:0;padding-left:21px;font-size:13px;line-height:1.7;display:grid}.workshops-reading p{color:#aabcce;font-size:14px;line-height:1.7}.workshops-reading summary{color:#c2a5e5;cursor:pointer;min-height:35px;margin-top:19px;font-size:13px}.workshops-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:30px 0 0;display:flex}.workshops-footer>a{color:#130d1c;background:#a182ce;border:1px solid #c5a6ed;border-radius:10px;padding:15px 22px;font-size:14px;font-weight:700;text-decoration:none}.workshops-source{color:#7e95ad;font-size:11px}.workshops-source a{color:#a5b7ce;text-decoration:underline}.workshop-flow{animation:1.2s linear infinite workshop-flow}@keyframes workshop-flow{to{stroke-dashoffset:-54px}}@media (prefers-reduced-motion:reduce){.workshop-flow{animation:none}}@media (max-width:1100px){.workshop-bench{grid-template-columns:minmax(0,1fr) 280px;gap:15px}.workshop-stage{height:535px}.workshops-tabs button{gap:7px;padding:13px 10px;font-size:12px}.workshops-tabs .trade-icon{width:22px}.workshop-viewbar{flex-wrap:wrap}}@media (max-width:800px){.workshops{padding:25px 16px 110px}.workshops-tabs{gap:8px;margin-bottom:23px;padding-bottom:8px;display:flex;overflow-x:auto}.workshops-tabs button{min-width:155px;min-height:58px}.workshops-header{margin-top:30px}.workshops-count{display:none}.workshop-bench{grid-template-columns:1fr}.workshops-lesson-heading{flex-direction:column;align-items:start;gap:15px}.workshop-inspector{display:block;position:static}.workshop-parts{grid-template-columns:1fr 1fr}.workshop-parts button{min-height:44px}.workshop-stage{height:clamp(355px,90vw,600px)}.workshop-viewbar{padding:10px}.workshop-view-tabs button{padding:8px;font-size:11px}.workshop-inspector h3{font-size:25px}.workshop-controls,.workshop-caption{padding:18px}.workshops-reading{grid-template-columns:1fr}.workshop-readouts strong{font-size:21px}.workshops-description{font-size:13px}.workshops h1{font-size:34px}.workshop-phases{gap:5px}.workshop-phases button{padding:8px 6px}.workshop-phases strong{font-size:10px}.workshop-phases small{font-size:8px}}@media (max-width:380px){.workshop-phases{grid-template-columns:1fr 1fr}.workshop-parts{grid-template-columns:1fr}.workshops{padding-left:12px;padding-right:12px}}.country-shell{color:#eef2fa;background:#0b101a;min-height:100vh}.country-picker{max-width:1464px;margin:auto;padding:20px 32px 0}.country-picker label{color:#c3d0e3;flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;display:flex}.country-picker select{color:#f6ecff;background:#251d36;border:1px solid #82619e;border-radius:10px;max-width:100%;min-height:46px;padding:10px 14px;font-size:16px}.country-loading{text-align:center;place-content:center;gap:20px;min-height:65vh;padding:28px;display:grid}.country-loading button{color:#fff;background:#352444;border:1px solid #b68cda;border-radius:9px;min-height:46px;padding:12px 25px}.country-voice{z-index:40;width:fit-content;max-width:calc(100% - 24px);padding-bottom:env(safe-area-inset-bottom);margin-left:auto;margin-right:12px;position:sticky;bottom:12px}@media (max-width:700px){.country-picker{padding:18px 16px 0}.country-picker label{flex-direction:column;align-items:start}.country-picker select{width:100%}.country-shell .workshop-view-tabs button,.country-shell .workshop-play-row button{white-space:normal}}
.material-mode-nav{background:#131c2a;border:1px solid #344056;border-radius:12px;gap:8px;width:fit-content;margin:0 0 28px;padding:6px;display:flex}.material-mode-nav button{color:#bec9dc;background:0 0;border:0;border-radius:8px;min-height:46px;padding:12px 18px;font-size:14px}.material-mode-nav button[aria-pressed=true]{color:#f1dfff;background:#38284d}.material-mode-nav span{color:#160e23;background:#b98cdf;border-radius:6px;margin-left:7px;padding:3px 7px;font-weight:700}.material-catalog-heading{justify-content:space-between;align-items:center;gap:28px;margin:22px 0;display:flex}.material-catalog-heading p{color:#aebed0;max-width:680px;font-size:15px;line-height:1.7}.material-progress-summary{border:1px solid #485773;border-radius:16px;gap:7px;min-width:190px;padding:20px;display:grid}.material-progress-summary strong{color:#d2b5f2;font-size:29px}.material-progress-summary span{color:#d1deed;font-size:13px}.material-progress-summary small{color:#91a6bd;font-size:11px}.material-filters{background:#131d2b;border:1px solid #344056;border-radius:14px;align-items:end;gap:16px;margin:24px 0;padding:18px;display:flex}.material-filters label{color:#bacadd;gap:8px;font-size:13px;display:grid}.material-filters label:first-child{flex:1}.material-filters input,.material-filters select{color:#eef2fa;background:#0d1725;border:1px solid #53647d;border-radius:8px;width:100%;min-height:46px;padding:12px;font-size:16px}.material-filters p{color:#a9bbd2;white-space:nowrap;margin:0;padding-bottom:12px;font-size:12px}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.material-card{color:#f0f3fc;background:linear-gradient(140deg,#1b2638,#141c2a);border:1px solid #34445c;border-radius:17px;flex-direction:column;min-height:225px;padding:24px;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.material-card:hover{background:#222a3d;border-color:#b999e3}.material-card h3{letter-spacing:-.3px;margin:19px 0 10px;font-size:21px;line-height:1.35}.material-card p{color:#aebfd3;margin:0 0 20px;font-size:14px;line-height:1.65}.material-card-top{color:#a9bdd5;justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.material-level{color:#d2e7ff;white-space:nowrap;background:#233247;border:1px solid #526886;border-radius:20px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-block}.level-Ușor{color:#a6ecdb;background:#123830;border-color:#397469}.level-Mediu{color:#b8d5fa;background:#1d314f;border-color:#506f95}.level-Greu{color:#f0d3a3;background:#3e3021;border-color:#8b6b41}.level-Expert{color:#eac3fb;background:#392440;border-color:#8f62a5}.material-card-open{color:#d4b2f6;justify-content:space-between;margin-top:auto;font-size:14px;font-weight:600;display:flex}.material-empty{text-align:center;color:#cfdbed;border:1px dashed #61718a;border-radius:16px;padding:35px}.material-container{max-width:1080px}.material-heading{margin:35px 0}.material-tags{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.material-tags .workshop-eyebrow{margin:0}.material-heading h1{max-width:920px;font-size:clamp(30px,4vw,44px);line-height:1.18}.material-heading>p{color:#b4c6dc;max-width:880px;margin:18px 0 24px;font-size:18px;line-height:1.65}.material-complete{color:#a2e6c6;font-size:12px}.material-tools{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.material-tools>a{align-items:center;text-decoration:none;display:flex}.material-tools [data-no-narration]{box-shadow:none}.material-learning,.material-example,.material-quiz{background:#141e2d;border:1px solid #35465f;border-radius:18px;margin:24px 0;padding:30px}.material-section-title p,.material-quiz>p{color:#aabdd4;font-size:15px;line-height:1.7}.material-step-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0;display:grid}.material-step-buttons button{text-align:left;color:#bed1e9;background:#1a2a3e;border:1px solid #465d78;border-radius:12px;align-items:center;gap:12px;min-height:82px;padding:15px;font-size:14px;line-height:1.5;display:flex}.material-step-buttons button>span{color:#8ca8c7;font-size:21px;font-weight:700}.material-step-buttons button[aria-pressed=true]{color:#f3e5ff;background:#302640;border-color:#ba95df}.material-step-buttons button[aria-pressed=true]>span{color:#d9b9f8}.material-step-detail{background:#0e1725;border-left:3px solid #bc93e2;border-radius:12px;min-height:245px;padding:25px}.material-step-detail h3{color:#f0e5fc;margin:8px 0 16px;font-size:24px}.material-step-detail p,.material-example p{color:#c0d0e3;margin:12px 0;font-size:17px;line-height:1.9}.material-step-navigation{justify-content:space-between;gap:12px;margin-top:25px;display:flex}.material-example{background:linear-gradient(120deg,#242037,#141e2d)}.material-example summary,.material-resources summary{color:#dbb9f7;cursor:pointer;min-height:44px;padding:10px 0;font-size:15px;line-height:1.5}.material-example details[open]{border-top:1px solid #4b405a;margin-top:20px;padding-top:10px}.material-quiz fieldset{border:0;border-top:1px solid #384b63;min-width:0;margin:20px 0;padding:22px 0}.material-quiz legend{color:#e9f0fb;padding-right:15px;font-size:17px;font-weight:600;line-height:1.6}.material-answer{color:#cddbef;cursor:pointer;background:#1b2a3e;border:1px solid #455c78;border-radius:10px;align-items:start;gap:13px;min-height:52px;margin:10px 0;padding:15px;font-size:15px;line-height:1.6;display:flex}.material-answer input{accent-color:#c299ea;flex-shrink:0;width:18px;height:18px;margin-top:3px}.material-answer:has(input:checked){background:#302941;border-color:#c299ea}.material-answer:has(input:focus-visible){outline-offset:3px;outline:2px solid #e0c5fb}.material-answer:has(input:disabled){cursor:default}.material-answer.answer-correct{color:#b8ecd7;background:#16332d;border-color:#67c09b}.material-answer.answer-wrong{color:#f8c8d1;background:#3d252e;border-color:#df8b96}.material-answer strong{font-size:13px}.material-answer-explanation{color:#c4d5e6;background:#0d1724;border-radius:10px;padding:16px;font-size:15px;line-height:1.75}.material-note{color:#9ab0ca;font-size:12px;line-height:1.6}.material-result{background:#29223d;border:1px solid #b995df;border-radius:13px;outline:none;margin-top:24px;padding:25px}.material-result h3{margin:0 0 12px;font-size:23px}.material-result p{color:#d0c9e1;font-size:15px;line-height:1.7}.material-result.result-pass{background:#15342d;border-color:#65bd99}.material-result-actions{flex-wrap:wrap;gap:14px;margin-top:20px;display:flex}.material-result-actions a{align-items:center;text-decoration:none;display:flex}.material-resources{color:#aebfd4;border:1px solid #374a61;border-radius:14px;margin-top:28px;padding:18px 26px;font-size:13px;line-height:1.7}.material-resources a{color:#c7b1e4;overflow-wrap:anywhere}.material-resources li{margin:12px 0}.material-footer{justify-content:space-between;align-items:start;gap:25px;margin-top:30px;line-height:1.6;display:flex}.material-footer a{color:#d1b4ef;max-width:48%;font-size:14px;text-decoration:none}.material-footer a:last-child{text-align:right}.material-page h2{font-size:25px;font-weight:600;line-height:1.35}.material-page .workshop-action{white-space:normal;font-size:14px}.material-page .workshop-secondary{white-space:normal}@media (max-width:700px){.material-catalog-heading{flex-direction:column;align-items:start}.material-progress-summary{grid-template-columns:auto 1fr;align-items:center;gap:7px 15px;width:100%;padding:16px}.material-progress-summary strong{grid-row:span 2}.material-filters{flex-wrap:wrap}.material-filters label:first-child{flex-basis:100%}.material-filters label:nth-child(2){flex:1}.material-grid{grid-template-columns:1fr}.material-card{min-height:210px;padding:21px}.material-learning,.material-example,.material-quiz{padding:21px 17px}.material-step-buttons{grid-template-columns:1fr;gap:8px}.material-step-buttons button{min-height:55px;padding:12px 15px}.material-step-detail{padding:20px 16px}.material-step-detail p,.material-example p{font-size:16px;line-height:1.85}.material-step-navigation .workshop-secondary{padding:10px;font-size:12px}.material-heading>p{font-size:16px}.material-mode-nav{width:100%}.material-mode-nav button{flex:1;padding:11px 7px;font-size:13px}.material-footer{flex-direction:column;gap:20px}.material-footer a{max-width:100%}.material-footer a:last-child{text-align:left}.material-result{padding:20px}.material-result-actions{flex-direction:column;align-items:stretch}.material-tags{gap:10px}.material-resources{padding:16px}.material-quiz legend{font-size:16px}.material-answer{padding:13px;font-size:15px}}@media (prefers-reduced-motion:reduce){.material-card{transition:none}}