.free-course .hero{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.company-preview{background:#183d35;color:#fffdf5;padding:clamp(24px,4vw,50px);border:1px solid #183d35;perspective:900px;overflow:hidden}.company-preview .small{color:#d5dcc7}.flow-step{display:grid;grid-template-columns:36px 1fr;gap:8px 12px;padding:20px 0;border-bottom:1px solid #748b76;animation:company-flow 8s ease-in-out infinite}.flow-step:nth-of-type(2){animation-delay:-2s}.flow-step:nth-of-type(3){animation-delay:-4s}.flow-step span{grid-column:2;font-size:.9rem;color:#d5dcc7}.flow-step strong{font-size:clamp(1.1rem,2vw,1.5rem);font-weight:500}@keyframes company-flow{0%,75%,100%{transform:translateX(0) rotateY(0)}25%{transform:translateX(9px) rotateY(-5deg)}}.free-course [hidden]{display:none!important}.lesson-list{margin:32px 0}.lesson{border-top:1px solid #b6bcae;background:#fffdf5}.lesson:last-child{border-bottom:1px solid #b6bcae}.lesson>summary{display:flex;align-items:center;gap:18px;padding:24px;min-height:72px;cursor:pointer;font-size:clamp(1.1rem,2vw,1.6rem)}.lesson-num{color:#94472d;font-size:1rem}.lesson[open]>summary{background:#d5dcc7}.lesson-body{padding:clamp(18px,3vw,36px);max-width:960px}.lesson-body li{padding:6px 0}.lesson-part{margin:26px 0}.lesson-part h4{margin:0 0 10px;font-weight:600}.lesson-part p{margin:0}.free-course pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%;background:#f4f1e8;padding:20px;font:inherit;font-size:.95rem;line-height:1.65}.free-course button:not(.button){border:1px solid #183d35;background:#fffdf5;color:#183d35;padding:10px 16px;min-height:44px;font:inherit;cursor:pointer}.lesson-quiz{border-top:1px solid #b6bcae;padding-top:24px}.lesson-quiz fieldset{margin:22px 0;padding:16px;border:1px solid #b6bcae;min-width:0}.lesson-quiz legend{font-weight:600;padding:0 5px}.lesson-quiz label,.company-row label{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}.lesson-quiz input,.company-row input{width:22px;height:22px;flex-shrink:0;accent-color:#183d35}.quiz-why{padding:12px;background:#d5dcc7}.quiz-why.wrong{background:#f7dfca}.lab-heading{display:flex;justify-content:space-between;align-items:center;gap:26px;flex-wrap:wrap}.lab{padding:clamp(16px,3vw,32px);border:1px solid #a8b2a0;background:#fffdf5;margin-top:28px}.lab label{font-size:1rem}.lab-tools,.export-tools{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:10px 0 26px}.file-label{max-width:100%;display:grid;gap:8px}.lab input[type=file]{max-width:100%;font:inherit;font-size:.9rem}.lab textarea,.lab input[type=text]{display:block;width:100%;box-sizing:border-box;background:#fffdf5;border:1px solid #647a65;border-radius:0;padding:14px;font:inherit;color:#183d35;margin:10px 0 24px}.lab textarea{resize:vertical;min-height:180px;font-family:ui-monospace,monospace;font-size:.9rem}.lab-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:28px 0}.lab-counts p{background:#f4f1e8;padding:16px;font-size:.9rem;margin:0}.lab-counts strong{display:block;font-size:2rem;font-weight:500}.company-row{padding:22px 0;border-top:1px solid #b6bcae;overflow-wrap:anywhere}.company-row h3{margin:0}.company-row label{margin-top:12px}.lab-issues{padding:18px 0}.free-course #lab-status{min-height:1.6em}.free-course :focus-visible{outline:3px solid #94472d;outline-offset:4px}.free-course .access a{color:inherit}.free-course .access .button.light{color:#183d35}.free-course summary{scroll-margin-top:20px}.free-course .header nav{flex-wrap:wrap}.free-course .export-tools button{flex:1 1 200px}.free-course .footer{margin-top:40px}@media(max-width:700px){.free-course .hero{grid-template-columns:1fr}.lab-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson>summary{padding:20px 14px;gap:12px}.free-course h1{font-size:clamp(2.8rem,11vw,4.8rem)}.free-course .header{gap:18px;align-items:flex-start}.free-course .header nav{gap:8px 14px}.lab-heading .button{white-space:normal}}@media(prefers-reduced-motion:reduce){body:not([data-motion-optin=true]) .flow-step{animation:none}}body[data-motion=paused] .flow-step{animation-play-state:paused}@media print{.header,.lab,.access,.footer,button{display:none!important}.lesson-body{display:block}.lesson{break-inside:avoid}.free-course .hero{display:block}}