.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}

/* Certificate issuing and public certificate checks. */
#certificate-name-note{max-width:630px;margin:0 0 22px;font-size:12px;color:var(--muted)}
#certificate-name-note a{text-decoration:underline;text-underline-offset:3px}
#certificate-turnstile{max-width:600px;min-height:70px;margin:0 0 22px}
#certificate-form button:disabled{opacity:.68;cursor:default}
#certificate-output>p{margin-top:18px}
.certificate-check .check-measure{max-width:980px;padding-bottom:72px}
.certificate-check .check-dot{color:var(--lime)}
.certificate-check h1 em{font-family:Newsreader,Georgia,serif}
.check-result{margin-top:32px;font-size:18px;line-height:1.75;overflow-wrap:anywhere}
.check-result strong{font-weight:600}
.check-id{font:14px/1.6 Inter,Arial,sans-serif;letter-spacing:.03em;margin-top:22px}
.certificate-id-form{margin-top:42px;padding-top:28px;border-top:1px solid var(--line)}
.certificate-id-form label{display:block;font-size:14px;margin-bottom:10px}
.check-input-row{display:flex;align-items:stretch;gap:12px;max-width:720px}
.check-input-row input{min-width:0;flex:1;padding:12px 14px;border:1px solid #8a9d86;border-radius:4px;background:#fff;font:16px/1.5 Inter,Arial,sans-serif}
.check-input-row button{flex:none}
#certificate-id-help{font-size:12px;color:var(--muted);margin-top:12px}
.check-back{margin-top:32px}
@media(max-width:600px){.check-input-row{flex-direction:column}.check-input-row button{align-self:start}.check-result{font-size:16px}.certificate-check .check-measure{padding-bottom:50px}}
/* Quiz questions: keep long questions inside the box (2026-11-07) */
.learn-question{padding:26px 28px}
.learn-question legend{float:left;width:100%;padding:0;margin:0 0 14px;font-size:17px;line-height:1.5}
.learn-question legend+*{clear:both}
.learn-option{padding:9px 10px;border-radius:8px}
.learn-option:hover{background:#f4f6ef}
@media(max-width:600px){.learn-question{padding:20px 16px}.learn-question legend{font-size:16px;padding:0}}