body:has(#lesson-complete-btn) .uni-prose :not(pre)>code{overflow-wrap:anywhere;word-break:break-word;white-space:normal}body:has(#lesson-complete-btn){--uni-meta: color-mix(in srgb, var(--ink-3) 65%, var(--ink-2) 35%);--uni-card-bg: color-mix(in srgb, var(--line) 33%, var(--bg-0) 67%);--uni-card-border: color-mix(in srgb, var(--line-b) 60%, var(--line-2) 40%)}.uni-sidebar{--uni-meta: color-mix(in srgb, var(--ink-3) 65%, var(--ink-2) 35%)}.uni-sidebar>a>span:last-child{font-family:"Space Grotesk",var(--font, sans-serif);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--uni-meta)}.uni-sidebar nav a{font-family:"JetBrains Mono",var(--font-mono, monospace);font-size:11px;text-transform:uppercase;letter-spacing:.88px}.uni-sidebar nav a span.min-w-0{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uni-sidebar nav a:not([class*=zop-orange]) span.min-w-0{color:var(--uni-meta)}.uni-sidebar nav a[class*=zop-orange]{background:var(--uni-card-bg, var(--bg-1));border-left-color:var(--uni-card-bg, var(--bg-1))}body:has(#lesson-complete-btn) .uni-shell>div.min-w-0>header h1{font-size:clamp(32px,3.6vw,48px)!important;font-weight:600!important;letter-spacing:-.025em!important}body:has(#lesson-complete-btn) .uni-prose h2:not(#outcome){font-size:28px!important;letter-spacing:-.02em!important}body:has(#lesson-complete-btn) .uni-prose table:not(:has(thead tr th:empty)){border-collapse:collapse}body:has(#lesson-complete-btn) .uni-prose table:not(:has(thead tr th:empty)) th{font-family:"JetBrains Mono",var(--font-mono, monospace)!important;font-size:11px!important;font-weight:500!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:var(--uni-meta)!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--line-2)!important}body:has(#lesson-complete-btn) .uni-prose table:not(:has(thead tr th:empty)) td{border:0!important;border-bottom:1px dashed var(--line-2)!important}.uni-prose table:has(thead tr th:empty):not(:has(thead tr th:not(:empty))) tr:not(:last-child){border-bottom:1px solid var(--line-2)!important;padding-bottom:.4rem;margin-bottom:.4rem}.uni-prose table:has(thead tr th:empty):not(:has(thead tr th:not(:empty))) td:first-child{background:var(--uni-card-bg);margin:-.3rem 0 -.3rem -.5rem;padding:.3rem .5rem!important}body:has(#lesson-complete-btn) .check{margin:1.4rem 0 1.8rem;padding:20px 22px 22px;background:var(--uni-card-bg);border:1px solid var(--uni-card-border)}body:has(#lesson-complete-btn) .check .check-tag{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-family:"JetBrains Mono",var(--font-mono, monospace);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4)}body:has(#lesson-complete-btn) .check .check-tag-dot{width:8px;height:8px;flex-shrink:0;display:inline-block;background:var(--zop-orange)}body:has(#lesson-complete-btn) .check .check-q{margin:0 0 16px;font-size:16px;line-height:1.55;color:var(--ink)}body:has(#lesson-complete-btn) .check .opts{display:flex;flex-direction:column;gap:10px}body:has(#lesson-complete-btn) .check .opt{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;background:transparent;border:1px solid var(--line-2);color:var(--ink-3);font:inherit;font-size:15px;text-align:left;cursor:pointer;transition:border-color var(--dur-fast, .15s) var(--ease-out, ease),color var(--dur-fast, .15s) var(--ease-out, ease)}body:has(#lesson-complete-btn) .check .opt:hover:not(:disabled){border-color:var(--ink-3);color:var(--ink)}body:has(#lesson-complete-btn) .check .opt:disabled{cursor:default}body:has(#lesson-complete-btn) .check .opt .letter{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border:1px solid var(--line-2);font-family:"JetBrains Mono",var(--font-mono, monospace);font-size:12px;font-weight:600;color:var(--ink-4)}body:has(#lesson-complete-btn) .check .opt.is-correct{border-color:var(--zop-green);color:var(--ink)}body:has(#lesson-complete-btn) .check .opt.is-correct .letter{border-color:var(--zop-green);color:var(--zop-green)}body:has(#lesson-complete-btn) .check .opt.is-picked-wrong{border-color:var(--ink-3)}body:has(#lesson-complete-btn) .check .explain{display:none;margin-top:16px;padding-top:16px;border-top:1px dashed var(--line-2);color:var(--ink-3);font-size:14px;line-height:1.6}body:has(#lesson-complete-btn) .check .explain.is-open{display:block}body:has(#lesson-complete-btn) .check .explain p{margin:0 0 .6rem}body:has(#lesson-complete-btn) .check .explain p:last-child{margin-bottom:0}body:has(#lesson-complete-btn) .check .explain strong{color:var(--ink)}@media(max-width:480px){body:has(#lesson-complete-btn) .check{padding:16px}}body:has(#lesson-complete-btn) .docs-prevnext>span:first-child{font-family:"JetBrains Mono",var(--font-mono, monospace);font-size:11px;text-transform:uppercase;letter-spacing:.14em}body:has(#lesson-complete-btn) .docs-prevnext>span:last-child{margin-top:8px;font-size:15px;font-weight:600;line-height:1.45;letter-spacing:-.01em}
