@font-face{font-family:Archivo;src:url("/static/Archivo-Variable.fcf92637c7e5.woff") format('woff');font-weight:100 900;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url("/static/JetBrainsMono.4d05bb0e4a69.ttf");font-display:swap}
.offline-training{margin:0;background:#efebe3;color:#1c1d1a;font:16px/1.55 Archivo,Arial,sans-serif}
.offline-training *{box-sizing:border-box}
.offline-training header{padding:20px max(20px,calc((100vw - 900px)/2));background:#1c1d1a;color:#efebe3;display:flex;align-items:center;justify-content:space-between;gap:24px}
.offline-training .brand{font-size:26px;font-weight:800;text-decoration:none;letter-spacing:-1px}
.offline-training .brand span{display:block;font-size:12px;letter-spacing:0;font-weight:400}
.offline-training main{max-width:940px;padding:36px 20px 60px;margin:auto;overflow-wrap:anywhere}
.offline-training h1{font-size:clamp(28px,5vw,42px);letter-spacing:-1px;line-height:1.15}
.offline-training h2{font-size:24px;line-height:1.25}
.offline-training h3{font-size:18px}
.offline-training p{margin:0 0 16px}
.offline-training a{color:inherit;text-underline-offset:4px}
.offline-training button,.offline-training .button{min-height:48px;padding:12px 18px;border:1px solid #8a8578;border-radius:5px;background:#faf8f2;color:#1c1d1a;font:600 15px Archivo,Arial,sans-serif;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.offline-training button:hover,.offline-training .button:hover{background:#e6e1d7}
.offline-training button.primary{background:#2f3b2f;border-color:#2f3b2f;color:#efebe3}
.offline-training button:disabled{opacity:.6;cursor:default}
.offline-training :is(button,a,input,select,textarea):focus-visible{outline:3px solid #a63818;outline-offset:4px}
.offline-training label{display:grid;gap:8px;margin-bottom:18px;font-weight:600}
.offline-training textarea,.offline-training select{font:16px/1.5 Archivo,Arial,sans-serif;width:100%;padding:12px;border:1px solid #8a8578;border-radius:4px;background:#fffefa;color:#1c1d1a}
.offline-training textarea{resize:vertical;min-height:100px}
.offline-training input[type=checkbox]{width:22px;height:22px;accent-color:#2f3b2f}
.offline-training .consent{display:flex;align-items:flex-start;gap:12px;font-weight:400}
.offline-training .consent input{flex-shrink:0}
.offline-training .micro{font:11px/1.5 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.07em}
.offline-training .card{padding:24px;background:#faf8f2;border:1px solid #d2cdc2;border-radius:6px;margin:20px 0}
.offline-training .actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0}
.offline-training .status{padding:16px;border-left:4px solid #2f3b2f;background:#e1e6db;white-space:pre-line}
.offline-training .status.pending{border-color:#b13a17;background:#f5e2d8}
.offline-training .status.conflict,.offline-training .error{padding:16px;border-left:4px solid #a63818;background:#f5e2d8;color:#70270f}
.offline-training .status small{display:block;margin-top:6px}
.offline-training .step-result{font:12px 'JetBrains Mono',monospace;color:#2f3b2f}
.offline-training .instruction{white-space:pre-wrap}
.offline-training .criterion{padding:14px;background:#efebe3;border-left:2px solid #8a8578}
.offline-training .muted{color:#615d53;font-size:14px}
.offline-training .privacy{border-top:1px solid #d2cdc2;margin-top:32px;padding-top:20px}
.offline-training .skip{position:absolute;top:-100px;left:16px;padding:12px;background:#efebe3;color:#1c1d1a;z-index:2}
.offline-training .skip:focus{top:8px}
.offline-training footer{max-width:940px;margin:auto;padding:20px;font-size:13px;color:#615d53}
.offline-training [hidden]{display:none!important}
@media(max-width:560px){.offline-training header{padding:18px 20px}.offline-training header>.micro{display:none}.offline-training .card{padding:18px}.offline-training .actions>*{width:100%}.offline-training main{padding-top:24px}}