.article-learning-label{margin:1.75rem 0 .75rem;font-size:.8rem;font-weight:700;line-height:1.4;letter-spacing:.12em;color:var(--color-brand,#ea580c)}.article-mindmap{margin:1.25rem 0 1.75rem;overflow:hidden;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;box-shadow:0 18px 46px rgb(15 23 42/7%)}.article-mindmap-header{gap:1rem;justify-content:space-between;padding:.9rem 1rem;background:color-mix(in srgb,var(--bg-primary,#fff) 88%,var(--color-brand,#f97316));border-bottom:1px solid var(--border-color,#e5e7eb)}.article-mindmap footer,.article-mindmap footer span,.article-mindmap-actions,.article-mindmap-header,.article-mindmap-heading{display:flex;align-items:center}.article-mindmap-heading{min-width:0;gap:.75rem}.article-mindmap-heading>div{display:grid;min-width:0;gap:.15rem}.article-mindmap-heading strong{font-size:.95rem;color:var(--text-primary,#111827)}.article-mindmap-heading span{overflow:hidden;font-size:.75rem;color:var(--text-secondary,#6b7280);text-overflow:ellipsis;white-space:nowrap}.article-mindmap-icon{display:grid;flex:0 0 auto;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;place-items:center}.article-mindmap-icon svg{width:1.1rem;height:1.1rem}.article-mindmap-actions{gap:.35rem}.article-mindmap-actions button{display:grid;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}.article-mindmap-actions button:focus-visible,.article-mindmap-actions button:hover{color:var(--color-brand,#ea580c);border-color:var(--color-brand,#f97316);outline:none}.article-mindmap-actions svg{width:1rem;height:1rem}.article-mindmap-canvas{width:100%;min-height:460px;overflow:hidden;background-image:radial-gradient(circle,color-mix(in srgb,var(--text-secondary,#64748b) 16%,transparent) 1px,transparent 1px);background-size:20px 20px}.article-mindmap-canvas svg{display:block;width:100%;height:460px}.article-mindmap-canvas .markmap-link{stroke:color-mix(in srgb,var(--color-brand,#f97316) 50%,#94a3b8)!important}.article-mindmap-canvas text{font-family:inherit!important;fill:var(--text-primary,#111827)!important}.article-mindmap footer{flex-wrap:wrap;gap:.5rem 1rem;padding:.7rem 1rem;font-size:.72rem;color:var(--text-secondary,#64748b);border-top:1px solid var(--border-color,#e5e7eb)}.article-mindmap footer span{gap:.3rem}.article-mindmap footer svg{width:.8rem;height:.8rem}@media (width <= 640px){.article-mindmap-header{align-items:flex-start;flex-direction:column}.article-mindmap-actions{width:100%;justify-content:flex-end}.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;margin:2rem 0;color:var(--fq-ink)}.frontend-quiz h2,.frontend-quiz h3{padding:0!important;border:0!important}.frontend-quiz h2:before,.frontend-quiz h3:before{display:none!important;content:none!important}.fq-dashboard{overflow:hidden;background:var(--fq-surface);border:1px solid var(--fq-line);border-radius:20px;box-shadow:0 1px 2px rgb(15 23 42/4%),0 26px 50px -34px rgb(15 23 42/30%)}.fq-hero{display:flex;padding:26px 28px 20px;background:radial-gradient(120% 150% at 0 0,color-mix(in srgb,var(--fq-accent) 10%,transparent) 0,transparent 58%),var(--fq-surface);align-items:center;justify-content:space-between;gap:24px}.fq-eyebrow{margin:0!important;font:700 11px/1.2 var(--fq-mono);letter-spacing:.14em;color:var(--fq-accent);text-transform:uppercase}.fq-hero h2{margin:8px 0!important;font-size:25px!important;line-height:1.25!important;letter-spacing:-.02em;color:var(--fq-ink)}.fq-hero-desc{margin:0!important;font-size:14px;line-height:1.6;color:var(--fq-muted)}.fq-storage{display:inline-flex;padding:4px 10px;margin-top:12px;font-size:12px;color:var(--fq-muted);background:var(--fq-surface-soft);border:1px solid var(--fq-line);border-radius:999px;align-items:center;gap:6px}.fq-storage svg{width:13px;height:13px}.fq-dial{display:grid;width:96px;height:96px;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%;transition:background .35s ease;flex:none;place-content:center}.fq-dial strong{display:block;font:700 26px/1 var(--fq-mono);color:var(--fq-ink)}.fq-dial span{display:block;margin-top:3px;font:500 11px/1 var(--fq-mono);color:var(--fq-muted)}.fq-track{display:flex;height:6px;margin:0 28px;overflow:hidden;background:color-mix(in srgb,var(--fq-ink) 8%,transparent);border-radius:999px}.fq-track i{transition:width .3s ease}.fq-track i:first-child{background:var(--fq-ok)}.fq-track i:last-child{background:var(--fq-bad)}.fq-stats{display:grid;padding:16px 28px 18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.fq-stat{padding:12px 14px;background:var(--fq-surface-soft);border:1px solid var(--fq-line);border-radius:12px}.fq-stat strong{display:block;font:700 21px/1 var(--fq-mono);color:var(--fq-ink)}.fq-stat span{display:block;margin-top:6px;font-size:12px;color:var(--fq-muted)}.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{display:flex;flex-wrap:wrap;padding:14px 28px;border-top:1px solid var(--fq-line);align-items:center;justify-content:space-between;gap:12px}.fq-toolbar [role=tablist]{display:flex;flex-wrap:wrap;gap:8px;height:auto;padding:4px;background:var(--fq-surface-soft)}.fq-toolbar [role=tab]{flex:0 0 auto;min-height:32px;padding-inline:13px}@media (width <= 719px){.fq-toolbar{padding-inline:16px}.fq-toolbar [role=tablist],.fq-toolbar>:first-child{width:100%}.fq-toolbar [role=tab]{flex:1 1 calc(50% - 8px)}}.fq-map-trigger{display:grid;width:100%;padding:13px 28px;font-size:14px;color:var(--fq-ink);text-align:left;cursor:pointer;background:var(--fq-surface-soft);border:0;border-top:1px solid var(--fq-line);transition:background .16s ease;grid-template-columns:auto 1fr 18px;align-items:center;gap:10px}.fq-map-trigger:hover{background:color-mix(in srgb,var(--fq-accent) 5%,var(--fq-surface))}.fq-map-trigger span:nth-child(2){font-size:12px;color:var(--fq-muted)}.fq-map-trigger svg{width:16px;color:var(--fq-muted);transition:transform .2s ease}.fq-map-trigger[data-state=open] svg{transform:rotate(180deg)}.fq-map{display:grid;padding:14px 28px 8px;background:var(--fq-surface-soft);grid-template-columns:repeat(20,minmax(0,1fr));gap:6px}.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);border-radius:8px;transition:color .14s ease,border-color .14s ease;aspect-ratio:1}.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{display:flex;flex-wrap:wrap;padding:10px 28px 18px;font-size:12px;color:var(--fq-muted);background:var(--fq-surface-soft);align-items:center;gap:16px}.fq-map-legend span{display:inline-flex;align-items:center;gap:6px}.fq-map-legend i{width:10px;height:10px;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}.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{display:flex;padding:8px 10px 8px 18px;font-size:13px;color:var(--fq-muted);background:var(--fq-surface-soft);border:1px solid var(--fq-line);border-radius:999px;align-items:center;justify-content:space-between;gap:12px}.fq-pagebar-top{margin-top:18px}.fq-pagebar-bottom{margin-top:16px}.fq-pagebar>div{display:flex;align-items:center;gap:4px}.fq-pagebar>div>span{min-width:46px;font:600 12px/1 var(--fq-mono);color:var(--fq-ink);text-align:center}.fq-question-list{display:grid;margin-top:16px;gap:14px}.fq-question{scroll-margin-top:90px;padding:22px 26px 26px;background:var(--fq-surface);border:1px solid var(--fq-line);border-radius:18px;transition:border-color .18s ease,box-shadow .18s ease}.fq-question:hover{box-shadow:0 20px 44px -34px rgb(15 23 42/40%)}.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{display:flex;align-items:center;justify-content:space-between;gap:12px}.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)}.fq-pending,.fq-question-no,.fq-result{display:inline-flex;padding:4px 11px;border-radius:999px}.fq-pending,.fq-result{font-size:12px;font-weight:500;align-items:center;gap:5px}.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{margin:14px 0 16px!important;font-size:19px!important;line-height:1.5!important;letter-spacing:-.01em}.fq-rich,.fq-title{color:var(--fq-ink)}.fq-rich{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-explanation pre,.fq-stem pre{position:relative;padding:34px 20px 20px!important;margin:0!important;overflow-x:auto;background:#282c34!important;border:1px solid #363c48!important;border-radius:14px!important}.fq-explanation pre{margin-top:14px!important}.fq-explanation pre[data-fq-lang]:before,.fq-stem pre[data-fq-lang]:before{position:absolute;top:12px;left:20px;font:700 10px/1 var(--fq-mono);letter-spacing:.14em;color:#7a879b;text-transform:uppercase;content:attr(data-fq-lang)}.fq-explanation pre code,.fq-stem pre code{padding:0!important;font:500 13.5px/1.75 var(--fq-mono)!important;color:#abb2bf!important;text-shadow:none!important;background:transparent!important}.fq-rich :not(pre)>code{padding:2px 6px!important;font-size:.88em;color:#c1471d!important;background:color-mix(in srgb,var(--fq-accent) 10%,transparent)!important;border-radius:6px}.fq-options{padding:0;margin:20px 0 0;border:0}.fq-options legend{margin-bottom:10px;font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--fq-muted)}.fq-option-list{display:grid;gap:8px}.fq-option{display:grid;min-height:50px;padding:11px 14px;cursor:pointer;background:var(--fq-surface);border:1px solid var(--fq-line);border-radius:12px;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;grid-template-columns:26px 1fr 18px;align-items:center;gap:12px}.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 rgb(15 23 42/50%)}.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{display:grid;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}.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;font-size:14px;line-height:1.6;color:var(--fq-ink)}.fq-option-text code{padding:2px 6px!important;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;border-radius:6px}.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{display:flex;flex-wrap:wrap;margin-top:16px;gap:8px}.fq-explanation{padding:18px 20px;margin-top:14px;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}.fq-explanation-label{display:inline-flex;padding:3px 10px;margin-bottom:12px;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}.fq-empty{padding:44px 24px;margin-top:16px;text-align:center;background:var(--fq-surface-soft);border:1px dashed color-mix(in srgb,var(--fq-ink) 18%,transparent);border-radius:18px}.fq-empty strong{display:block;margin-bottom:6px;font-size:15px;color:var(--fq-ink)}.fq-empty p{margin:0 0 16px;font-size:14px;color:var(--fq-muted)}[data-theme=dark] .frontend-quiz{--fq-ink:#e6edf7;--fq-muted:#98a6b9;--fq-line:rgb(226 232 240/13%);--fq-ok:#34c48a;--fq-bad:#f0736f;--fq-surface-soft:rgb(226 232 240/4%)}[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-explanation pre,[data-theme=dark] .fq-stem pre{background:#1d2026!important;border-color:rgb(226 232 240/10%)!important}[data-theme=dark] .fq-map button.is-correct,[data-theme=dark] .fq-map button.is-wrong,[data-theme=dark] .fq-option.is-correct .fq-option-key,[data-theme=dark] .fq-option.is-wrong .fq-option-key{color:#10141a}@media (width <= 767px){.fq-hero{padding:20px;align-items:flex-start;gap:16px}.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{padding:14px 20px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}.fq-toolbar{padding:12px 20px;align-items:stretch}.fq-map,.fq-map-legend,.fq-map-trigger{padding-inline:20px}.fq-map{grid-template-columns:repeat(10,minmax(0,1fr))}.fq-map button{min-height:34px}.fq-pagebar{padding:10px 12px;flex-direction:column;align-items:stretch;gap:8px}.fq-pagebar>div{justify-content:space-between}.fq-question{padding:18px 16px 20px}.fq-title{font-size:17px!important}.fq-explanation pre,.fq-stem pre{padding:32px 16px 16px!important}}@media (prefers-reduced-motion:reduce){.fq-dial,.fq-option,.fq-question,.fq-track i{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}::highlight(doc-highlight){text-decoration-line:underline;text-decoration-style:dashed;text-decoration-color:var(--doc-highlight-color);background-color:color-mix(in srgb,var(--doc-highlight-color) var(--doc-highlight-wash),transparent);text-decoration-thickness:var(--doc-highlight-thickness);text-underline-offset:4px}::highlight(doc-highlight-others){text-decoration-line:underline;text-decoration-style:dashed;text-decoration-color:color-mix(in srgb,var(--doc-highlight-color) var(--doc-highlight-others-alpha),transparent);text-decoration-thickness:1px;text-underline-offset:4px}::highlight(doc-highlight-active){text-decoration-line:underline;text-decoration-style:solid;text-decoration-color:var(--doc-highlight-color);background-color:color-mix(in srgb,var(--doc-highlight-color) var(--doc-highlight-active-wash),transparent);text-decoration-thickness:calc(var(--doc-highlight-thickness) + .5px);text-underline-offset:4px}.doc-highlight-toolbar{position:fixed;z-index:1100;display:flex;gap:2px;align-items:center;padding:4px;font-size:13px;line-height:1;white-space:nowrap;color:#fff;background:rgb(38 38 38/96%);border-radius:10px;box-shadow:0 6px 20px rgb(0 0 0/22%)}.doc-highlight-toolbar.is-measuring{top:-9999px;left:-9999px;visibility:hidden}.doc-highlight-action{display:inline-flex;gap:6px;align-items:center;padding:7px 12px;font-size:13px;color:#fff;cursor:pointer;background:transparent;border:0;border-radius:7px;transition:background .15s ease}.doc-highlight-action:hover{background:rgb(255 255 255/12%)}.doc-highlight-action:disabled{cursor:default;opacity:.55}.doc-highlight-action svg{flex-shrink:0;width:15px;height:15px}.doc-highlight-count{min-width:16px;padding:1px 5px;font-size:11px;font-variant-numeric:tabular-nums;line-height:14px;color:rgb(255 255 255/88%);text-align:center;background:rgb(255 255 255/16%);border-radius:999px}.doc-highlight-divider{width:1px;height:16px;background:rgb(255 255 255/18%)}.doc-highlight-arrow{position:absolute;bottom:-5px;width:10px;height:10px;background:rgb(38 38 38/96%);border-radius:2px;transform:translateX(-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{padding:22px;margin:28px 0;font-size:13px;background:var(--card-bg);border:1px solid var(--border-primary-color);border-radius:12px}.doc-question-links-heading{display:flex;align-items:center;gap:9px;color:var(--color-text-primary)}.doc-question-links-heading svg{color:var(--color-brand)}.doc-question-links p{margin:9px 0 12px;font-size:12px;color:var(--color-text-secondary)}.doc-question-links ul{display:grid;padding:0;margin:0;list-style:none;gap:10px}.doc-question-links a{display:flex;align-items:center;gap:8px;color:var(--color-text-primary)}.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:transparent}