.article-learning-label{letter-spacing:.12em;color:var(--color-brand,#ea580c);margin:1.75rem 0 .75rem;font-size:.8rem;font-weight:700;line-height:1.4}.article-mindmap{background:color-mix(in srgb, var(--bg-primary,#fff) 96%, var(--color-brand,#f97316));border:1px solid color-mix(in srgb, var(--color-brand,#f97316) 24%, var(--border-color,#e5e7eb));border-radius:18px;margin:1.25rem 0 1.75rem;overflow:hidden;box-shadow:0 18px 46px #0f172a12}.article-mindmap-header{background:color-mix(in srgb, var(--bg-primary,#fff) 88%, var(--color-brand,#f97316));border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.article-mindmap-heading,.article-mindmap-actions,.article-mindmap footer,.article-mindmap footer span{align-items:center;display:flex}.article-mindmap-heading{gap:.75rem;min-width:0}.article-mindmap-heading>div{gap:.15rem;min-width:0;display:grid}.article-mindmap-heading strong{color:var(--text-primary,#111827);font-size:.95rem}.article-mindmap-heading span{color:var(--text-secondary,#6b7280);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.article-mindmap-icon{width:2.25rem;height:2.25rem;color:var(--color-brand,#ea580c);background:color-mix(in srgb, var(--color-brand,#f97316) 13%, transparent);border-radius:11px;flex:none;place-items:center;display:grid}.article-mindmap-icon svg{width:1.1rem;height:1.1rem}.article-mindmap-actions{gap:.35rem}.article-mindmap-actions button{width:2.75rem;height:2.75rem;color:var(--text-secondary,#4b5563);cursor:pointer;background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:10px;place-items:center;display:grid}.article-mindmap-actions button:hover,.article-mindmap-actions button:focus-visible{color:var(--color-brand,#ea580c);border-color:var(--color-brand,#f97316);outline:none}.article-mindmap-actions svg{width:1rem;height:1rem}.article-mindmap-canvas{background-image:radial-gradient(circle, color-mix(in srgb, var(--text-secondary,#64748b) 16%, transparent) 1px, transparent 1px);background-size:20px 20px;width:100%;min-height:460px;overflow:hidden}.article-mindmap-canvas svg{width:100%;height:460px;display:block}.article-mindmap-canvas .markmap-link{stroke:color-mix(in srgb, var(--color-brand,#f97316) 50%, #94a3b8)!important}.article-mindmap-canvas text{fill:var(--text-primary,#111827)!important;font-family:inherit!important}.article-mindmap footer{color:var(--text-secondary,#64748b);border-top:1px solid var(--border-color,#e5e7eb);flex-wrap:wrap;gap:.5rem 1rem;padding:.7rem 1rem;font-size:.72rem}.article-mindmap footer span{gap:.3rem}.article-mindmap footer svg{width:.8rem;height:.8rem}@media (max-width:640px){.article-mindmap-header{flex-direction:column;align-items:flex-start}.article-mindmap-actions{justify-content:flex-end;width:100%}.article-mindmap-heading span{white-space:normal}.article-mindmap-canvas,.article-mindmap-canvas svg{height:330px;min-height:330px}}@media (prefers-reduced-motion:reduce){.article-mindmap *{scroll-behavior:auto!important;transition-duration:.01ms!important}}
.frontend-quiz{--fq-accent:#f0642b;--fq-ok:#12945f;--fq-bad:#d64545;--fq-ink:#16202f;--fq-muted:#667085;--fq-line:color-mix(in srgb, var(--fq-ink) 11%, transparent);--fq-surface:var(--card);--fq-surface-soft:color-mix(in srgb, var(--fq-ink) 3%, var(--card));--fq-mono:ui-monospace, sfmono-regular, menlo, monaco, consolas, monospace;color:var(--fq-ink);margin:2rem 0}.frontend-quiz h2,.frontend-quiz h3{border:0!important;padding:0!important}.frontend-quiz h2:before,.frontend-quiz h3:before{content:none!important;display:none!important}.fq-dashboard{background:var(--fq-surface);border:1px solid var(--fq-line);border-radius:20px;overflow:hidden;box-shadow:0 1px 2px #0f172a0a,0 26px 50px -34px #0f172a4d}.fq-hero{background:radial-gradient(120% 150% at 0% 0%, color-mix(in srgb, var(--fq-accent) 10%, transparent) 0%, transparent 58%), var(--fq-surface);justify-content:space-between;align-items:center;gap:24px;padding:26px 28px 20px;display:flex}.fq-eyebrow{font:700 11px/1.2 var(--fq-mono);letter-spacing:.14em;color:var(--fq-accent);text-transform:uppercase;margin:0!important}.fq-hero h2{letter-spacing:-.02em;color:var(--fq-ink);margin:8px 0!important;font-size:25px!important;line-height:1.25!important}.fq-hero-desc{color:var(--fq-muted);font-size:14px;line-height:1.6;margin:0!important}.fq-storage{color:var(--fq-muted);background:var(--fq-surface-soft);border:1px solid var(--fq-line);border-radius:999px;align-items:center;gap:6px;margin-top:12px;padding:4px 10px;font-size:12px;display:inline-flex}.fq-storage svg{width:13px;height:13px}.fq-dial{text-align:center;background:radial-gradient(circle at center, var(--fq-surface) 64%, transparent 65%), conic-gradient(from -90deg, var(--fq-accent) 0deg, #f7a13c var(--fq-progress), color-mix(in srgb, var(--fq-ink) 13%, transparent) 0);border-radius:50%;flex:none;place-content:center;width:96px;height:96px;transition:background .35s;display:grid}.fq-dial strong{font:700 26px/1 var(--fq-mono);color:var(--fq-ink);display:block}.fq-dial span{font:500 11px/1 var(--fq-mono);color:var(--fq-muted);margin-top:3px;display:block}.fq-track{background:color-mix(in srgb, var(--fq-ink) 8%, transparent);border-radius:999px;height:6px;margin:0 28px;display:flex;overflow:hidden}.fq-track i{transition:width .3s}.fq-track i:first-child{background:var(--fq-ok)}.fq-track i:last-child{background:var(--fq-bad)}.fq-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:16px 28px 18px;display:grid}.fq-stat{background:var(--fq-surface-soft);border:1px solid var(--fq-line);border-radius:12px;padding:12px 14px}.fq-stat strong{font:700 21px/1 var(--fq-mono);color:var(--fq-ink);display:block}.fq-stat span{color:var(--fq-muted);margin-top:6px;font-size:12px;display:block}.fq-stat.is-correct strong{color:var(--fq-ok)}.fq-stat.is-wrong strong{color:var(--fq-bad)}.fq-stat.is-rate strong{color:var(--fq-accent)}.fq-toolbar{border-top:1px solid var(--fq-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 28px;display:flex}.fq-toolbar [role=tablist]{background:var(--fq-surface-soft);flex-wrap:wrap;gap:8px;height:auto;padding:4px;display:flex}.fq-toolbar [role=tab]{flex:none;min-height:32px;padding-inline:13px}@media (max-width:719px){.fq-toolbar{padding-inline:16px}.fq-toolbar>:first-child,.fq-toolbar [role=tablist]{width:100%}.fq-toolbar [role=tab]{flex:calc(50% - 8px)}}.fq-map-trigger{width:100%;color:var(--fq-ink);text-align:left;cursor:pointer;background:var(--fq-surface-soft);border:0;border-top:1px solid var(--fq-line);grid-template-columns:auto 1fr 18px;align-items:center;gap:10px;padding:13px 28px;font-size:14px;transition:background .16s;display:grid}.fq-map-trigger:hover{background:color-mix(in srgb, var(--fq-accent) 5%, var(--fq-surface))}.fq-map-trigger span:nth-child(2){color:var(--fq-muted);font-size:12px}.fq-map-trigger svg{width:16px;color:var(--fq-muted);transition:transform .2s}.fq-map-trigger[data-state=open] svg{transform:rotate(180deg)}.fq-map{background:var(--fq-surface-soft);grid-template-columns:repeat(20,minmax(0,1fr));gap:6px;padding:14px 28px 8px;display:grid}.fq-map button{min-height:32px;font:600 11px/1 var(--fq-mono);color:var(--fq-muted);cursor:pointer;background:var(--fq-surface);border:1px solid var(--fq-line);aspect-ratio:1;border-radius:8px;transition:color .14s,border-color .14s}.fq-map button:hover{color:var(--fq-accent);border-color:var(--fq-accent)}.fq-map button.is-correct{color:#fff;background:var(--fq-ok);border-color:var(--fq-ok)}.fq-map button.is-wrong{color:#fff;background:var(--fq-bad);border-color:var(--fq-bad)}.fq-map-legend{color:var(--fq-muted);background:var(--fq-surface-soft);flex-wrap:wrap;align-items:center;gap:16px;padding:10px 28px 18px;font-size:12px;display:flex}.fq-map-legend span{align-items:center;gap:6px;display:inline-flex}.fq-map-legend i{background:color-mix(in srgb, var(--fq-ink) 14%, transparent);border:1px solid color-mix(in srgb, var(--fq-ink) 18%, transparent);border-radius:3px;width:10px;height:10px}.fq-map-legend .is-correct{background:var(--fq-ok);border-color:var(--fq-ok)}.fq-map-legend .is-wrong{background:var(--fq-bad);border-color:var(--fq-bad)}.fq-pagebar{color:var(--fq-muted);background:var(--fq-surface-soft);border:1px solid var(--fq-line);border-radius:999px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px 8px 18px;font-size:13px;display:flex}.fq-pagebar-top{margin-top:18px}.fq-pagebar-bottom{margin-top:16px}.fq-pagebar>div{align-items:center;gap:4px;display:flex}.fq-pagebar>div>span{min-width:46px;font:600 12px/1 var(--fq-mono);color:var(--fq-ink);text-align:center}.fq-question-list{gap:14px;margin-top:16px;display:grid}.fq-question{background:var(--fq-surface);border:1px solid var(--fq-line);border-radius:18px;padding:22px 26px 26px;scroll-margin-top:90px;transition:border-color .18s,box-shadow .18s}.fq-question:hover{box-shadow:0 20px 44px -34px #0f172a66}.fq-question.is-correct{border-color:color-mix(in srgb, var(--fq-ok) 38%, var(--fq-line))}.fq-question.is-wrong{border-color:color-mix(in srgb, var(--fq-bad) 38%, var(--fq-line))}.fq-question-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.fq-question-no{font:700 12px/1 var(--fq-mono);letter-spacing:.06em;color:var(--fq-accent);background:color-mix(in srgb, var(--fq-accent) 10%, transparent);border-radius:999px;padding:4px 11px;display:inline-flex}.fq-pending,.fq-result{border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-size:12px;font-weight:500;display:inline-flex}.fq-pending{color:var(--fq-muted);background:var(--fq-surface-soft)}.fq-result svg{width:14px;height:14px}.fq-result.is-correct{color:var(--fq-ok);background:color-mix(in srgb, var(--fq-ok) 12%, transparent)}.fq-result.is-wrong{color:var(--fq-bad);background:color-mix(in srgb, var(--fq-bad) 12%, transparent)}.fq-title{letter-spacing:-.01em;color:var(--fq-ink);margin:14px 0 16px!important;font-size:19px!important;line-height:1.5!important}.fq-rich{color:var(--fq-ink);font-size:15px;line-height:1.8}.fq-rich>:first-child{margin-top:0}.fq-rich>:last-child{margin-bottom:0}.fq-rich p{margin:0 0 12px}.fq-stem pre,.fq-explanation pre{position:relative;overflow-x:auto;background:#282c34!important;border:1px solid #363c48!important;border-radius:14px!important;margin:0!important;padding:34px 20px 20px!important}.fq-explanation pre{margin-top:14px!important}.fq-stem pre[data-fq-lang]:before,.fq-explanation pre[data-fq-lang]:before{font:700 10px/1 var(--fq-mono);letter-spacing:.14em;color:#7a879b;text-transform:uppercase;content:attr(data-fq-lang);position:absolute;top:12px;left:20px}.fq-stem pre code,.fq-explanation pre code{font:500 13.5px/1.75 var(--fq-mono)!important;color:#abb2bf!important;text-shadow:none!important;background:0 0!important;padding:0!important}.fq-rich :not(pre)>code{border-radius:6px;font-size:.88em;color:#c1471d!important;background:color-mix(in srgb, var(--fq-accent) 10%, transparent)!important;padding:2px 6px!important}.fq-options{border:0;margin:20px 0 0;padding:0}.fq-options legend{letter-spacing:.04em;color:var(--fq-muted);margin-bottom:10px;font-size:12px;font-weight:600}.fq-option-list{gap:8px;display:grid}.fq-option{cursor:pointer;background:var(--fq-surface);border:1px solid var(--fq-line);border-radius:12px;grid-template-columns:26px 1fr 18px;align-items:center;gap:12px;min-height:50px;padding:11px 14px;transition:border-color .16s,background .16s,box-shadow .16s;display:grid}.fq-option:hover:not(.is-locked){background:color-mix(in srgb, var(--fq-accent) 4%, var(--fq-surface));border-color:color-mix(in srgb, var(--fq-accent) 50%, var(--fq-line));box-shadow:0 6px 16px -12px #0f172a80}.fq-option:hover:not(.is-locked) .fq-option-key{color:var(--fq-accent);border-color:color-mix(in srgb, var(--fq-accent) 45%, var(--fq-line))}.fq-option:has(input:focus-visible){border-color:var(--fq-accent);outline:3px solid color-mix(in srgb, var(--fq-accent) 22%, transparent)}.fq-option.is-locked{cursor:default}.fq-option.is-correct{background:color-mix(in srgb, var(--fq-ok) 8%, var(--fq-surface));border-color:color-mix(in srgb, var(--fq-ok) 45%, transparent)}.fq-option.is-wrong{background:color-mix(in srgb, var(--fq-bad) 8%, var(--fq-surface));border-color:color-mix(in srgb, var(--fq-bad) 45%, transparent)}.fq-option-key{width:26px;height:26px;font:700 12px/1 var(--fq-mono);color:var(--fq-muted);background:var(--fq-surface-soft);border:1px solid var(--fq-line);border-radius:50%;place-content:center;display:grid}.fq-option.is-correct .fq-option-key{color:#fff;background:var(--fq-ok);border-color:var(--fq-ok)}.fq-option.is-wrong .fq-option-key{color:#fff;background:var(--fq-bad);border-color:var(--fq-bad)}.fq-option-text{min-width:0;color:var(--fq-ink);font-size:14px;line-height:1.6}.fq-option-text code{border-radius:6px;font:500 13px/1.5 var(--fq-mono)!important;color:var(--fq-ink)!important;background:color-mix(in srgb, var(--fq-ink) 7%, transparent)!important;padding:2px 6px!important}.fq-option-state{width:17px;height:17px}.fq-option.is-correct .fq-option-state{color:var(--fq-ok)}.fq-option.is-wrong .fq-option-state{color:var(--fq-bad)}.fq-answer-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.fq-explanation{background:color-mix(in srgb, var(--fq-accent) 4%, var(--fq-surface));border:1px solid color-mix(in srgb, var(--fq-accent) 20%, transparent);border-radius:14px;margin-top:14px;padding:18px 20px}.fq-explanation-label{font:700 11px/1.4 var(--fq-mono);letter-spacing:.12em;color:var(--fq-accent);text-transform:uppercase;background:color-mix(in srgb, var(--fq-accent) 12%, transparent);border-radius:999px;margin-bottom:12px;padding:3px 10px;display:inline-flex}.fq-empty{text-align:center;background:var(--fq-surface-soft);border:1px dashed color-mix(in srgb, var(--fq-ink) 18%, transparent);border-radius:18px;margin-top:16px;padding:44px 24px}.fq-empty strong{color:var(--fq-ink);margin-bottom:6px;font-size:15px;display:block}.fq-empty p{color:var(--fq-muted);margin:0 0 16px;font-size:14px}[data-theme=dark] .frontend-quiz{--fq-ink:#e6edf7;--fq-muted:#98a6b9;--fq-line:#e2e8f021;--fq-ok:#34c48a;--fq-bad:#f0736f;--fq-surface-soft:#e2e8f00a}[data-theme=dark] .fq-dashboard,[data-theme=dark] .fq-question{box-shadow:none}[data-theme=dark] .fq-rich :not(pre)>code{color:#ffa07a!important}[data-theme=dark] .fq-stem pre,[data-theme=dark] .fq-explanation pre{background:#1d2026!important;border-color:#e2e8f01a!important}[data-theme=dark] .fq-option.is-correct .fq-option-key,[data-theme=dark] .fq-option.is-wrong .fq-option-key,[data-theme=dark] .fq-map button.is-correct,[data-theme=dark] .fq-map button.is-wrong{color:#10141a}@media (max-width:767px){.fq-hero{align-items:flex-start;gap:16px;padding:20px}.fq-hero h2{font-size:20px!important}.fq-dial{width:72px;height:72px}.fq-dial strong{font-size:21px}.fq-track{margin-inline:20px}.fq-stats{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 20px 16px}.fq-toolbar{align-items:stretch;padding:12px 20px}.fq-map-trigger,.fq-map,.fq-map-legend{padding-inline:20px}.fq-map{grid-template-columns:repeat(10,minmax(0,1fr))}.fq-map button{min-height:34px}.fq-pagebar{flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px}.fq-pagebar>div{justify-content:space-between}.fq-question{padding:18px 16px 20px}.fq-title{font-size:17px!important}.fq-stem pre,.fq-explanation pre{padding:32px 16px 16px!important}}@media (prefers-reduced-motion:reduce){.fq-option,.fq-dial,.fq-track i,.fq-question{transition:none}}
:root{--doc-highlight-color:#059669;--doc-highlight-wash:10%;--doc-highlight-others-alpha:42%;--doc-highlight-active-wash:24%;--doc-highlight-thickness:1.5px}:root[data-theme=dark]{--doc-highlight-color:#6ee7b7;--doc-highlight-wash:20%;--doc-highlight-others-alpha:58%;--doc-highlight-active-wash:34%;--doc-highlight-thickness:2px}.doc-highlight-toolbar{z-index:1100;white-space:nowrap;color:#fff;background:#262626f5;border-radius:10px;align-items:center;gap:2px;padding:4px;font-size:13px;line-height:1;display:flex;position:fixed;box-shadow:0 6px 20px #00000038}.doc-highlight-toolbar.is-measuring{visibility:hidden;top:-9999px;left:-9999px}.doc-highlight-action{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;transition:background .15s;display:inline-flex}.doc-highlight-action:hover{background:#ffffff1f}.doc-highlight-action:disabled{cursor:default;opacity:.55}.doc-highlight-action svg{flex-shrink:0;width:15px;height:15px}.doc-highlight-count{font-variant-numeric:tabular-nums;color:#ffffffe0;text-align:center;background:#ffffff29;border-radius:999px;min-width:16px;padding:1px 5px;font-size:11px;line-height:14px}.doc-highlight-divider{background:#ffffff2e;width:1px;height:16px}.doc-highlight-arrow{background:#262626f5;border-radius:2px;width:10px;height:10px;position:absolute;bottom:-5px;transform:translate(-50%)rotate(45deg)}.doc-highlight-toolbar.is-below .doc-highlight-arrow{top:-5px;bottom:auto}@media print{.doc-highlight-toolbar{display:none!important}}
.doc-question-links{background:var(--card-bg);border:1px solid var(--border-primary-color);border-radius:12px;margin:28px 0;padding:22px;font-size:13px}.doc-question-links-heading{color:var(--color-text-primary);align-items:center;gap:9px;display:flex}.doc-question-links-heading svg{color:var(--color-brand)}.doc-question-links p{color:var(--color-text-secondary);margin:9px 0 12px;font-size:12px}.doc-question-links ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.doc-question-links a{color:var(--color-text-primary);align-items:center;gap:8px;display:flex}.doc-question-links a:hover{color:var(--color-brand)}.doc-question-links a:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}:root[data-theme=dark] .doc-question-links.wi-glass{border-color:#0000}