.learn-intro{padding-bottom:54px}.learn-intro h1{margin-bottom:24px}.learn-intro .lede{max-width:780px}.learn-intro-text{max-width:850px;margin-top:28px;color:var(--muted)}
.learn-page h1 em::after{content:'.';color:#76964c}.learn-page h2{margin-bottom:24px}.learn-page .section-top h2{margin-bottom:0}
.learn-progress{min-width:180px;font-size:13px}.learn-progress progress{display:block;width:100%;height:6px;margin-top:10px;appearance:none;border:0;background:var(--line);color:var(--lime)}.learn-progress progress::-webkit-progress-bar{background:var(--line);border-radius:6px}.learn-progress progress::-webkit-progress-value{background:var(--lime);border-radius:6px}.learn-progress progress::-moz-progress-bar{background:var(--lime)}
.learn-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.learn-card{min-width:0;display:flex;flex-direction:column;align-items:start;border:1px solid var(--line);border-radius:16px;background:#fff;padding:28px}.learn-step{color:var(--muted);font-size:12px;margin-bottom:20px}.learn-card h3{font-size:24px;line-height:1.2;margin-bottom:16px}.learn-card h3 a:hover{text-decoration:underline}.learn-card>p{font-size:15px;color:var(--muted);margin-bottom:20px}.learn-card>.text-link{margin-top:auto}.learn-tick{display:flex;align-items:center;gap:12px;min-height:44px;font-size:13px;margin-top:24px;cursor:pointer}.learn-tick input,.learn-option input{width:20px;height:20px;accent-color:var(--green);flex:none}.learn-extra{margin-top:30px;font-size:14px}.learn-extra .text-link{display:inline;font-size:inherit}
.learn-measure{max-width:900px}.learn-rules{margin-bottom:36px;color:var(--muted)}.learn-question{min-width:0;margin:0 0 32px;padding:24px;border:1px solid var(--line);border-radius:12px;background:#fff}.learn-question legend{max-width:100%;font-size:18px;font-weight:600;padding:0 10px;line-height:1.6;letter-spacing:0;overflow-wrap:anywhere}.learn-option{display:flex;align-items:flex-start;gap:12px;min-height:44px;padding:9px 4px;font-size:15px;cursor:pointer}.learn-option input{margin:3px 0 0}.learn-option span{min-width:0}.learn-option:has(input:checked){background:#eff4e8;border-radius:6px}.learn-feedback{border-top:1px solid var(--line);padding-top:18px;margin-top:18px;font-size:14px}.learn-verdict{font-weight:600}.learn-explanation{margin-top:12px!important}.learn-feedback .text-link{margin-top:10px}.learn-question[data-result=right]{border-color:#537b50}.learn-question[data-result=wrong]{border-color:#a34c31}.learn-question[data-result=right] .learn-verdict{color:#315c31}.learn-question[data-result=wrong] .learn-verdict{color:#8b3d28}.learn-result:not(:empty){padding:22px;border-left:3px solid var(--green);background:#edf3e5;margin-top:24px}.learn-result[data-result=wrong]{border-color:#a34c31;background:#fbf0e8}
#certificate-form{margin-top:30px}#certificate-form label{display:block;font-size:14px;margin-bottom:10px}#certificate-name{display:block;width:100%;max-width:600px;min-height:48px;border:1px solid #8a9d86;border-radius:6px;padding:12px;background:#fff;font-size:16px;margin-bottom:20px}#certificate-status:not(:empty){margin-top:24px}#certificate-output{margin-top:28px}#certificate-preview{width:100%;height:auto;border:1px solid var(--line);box-shadow:var(--surface-shadow);margin-bottom:24px}.learn-page .actions{margin-top:22px}.learn-page main :focus-visible{outline:3px solid #a95718;outline-offset:4px}
@media(max-width:1000px){.learn-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.learn-cards{grid-template-columns:1fr}.learn-card{padding:24px}.learn-progress{margin-top:22px;max-width:240px}.learn-question{padding:18px 14px}.learn-question legend{font-size:16px;padding-inline:5px}.learn-option{font-size:14px}.learn-page .actions{align-items:stretch}.learn-page .actions .button{max-width:100%;white-space:normal}.learn-intro{padding-bottom:36px}}

.learn-dot{color:#76964c}
