:root{--color-primary: #3b82f6;--color-secondary: #64748b;--color-background: #ffffff;--color-surface: #f8fafc;--color-text: #1e293b;--color-textSecondary: #64748b;--color-border: #e2e8f0;--color-primary-light: #dbeafe;--color-primary-dark: #1e40af;--color-success: #22c55e;--color-success-light: #dcfce7;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--border-radius: 8px}[data-theme=dark]{--color-primary: #60a5fa;--color-secondary: #94a3b8;--color-background: #0f172a;--color-surface: #1e293b;--color-text: #f1f5f9;--color-textSecondary: #94a3b8;--color-border: #3b4963;--color-primary-light: #1e40af;--color-primary-dark: #3b82f6;--color-success: #16a34a;--color-success-light: #15803d}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Inter,Segoe UI,Roboto,sans-serif;background-color:var(--color-background);color:var(--color-text);line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-md{gap:var(--spacing-md)}.gap-sm{gap:var(--spacing-sm)}.text-center{text-align:center}.mt-auto{margin-top:auto}nav a,.nav-link,.navigation-item a{color:var(--color-text)!important;opacity:1!important}[data-theme=light] nav a,[data-theme=light] .nav-link,[data-theme=light] .navigation-item a{color:#1e293b!important}[data-theme=dark] nav a,[data-theme=dark] .nav-link,[data-theme=dark] .navigation-item a{color:#f1f5f9!important}@media(max-width:768px){.container{padding:0 var(--spacing-sm)}.mobile-hidden{display:none}}@media(min-width:769px){.desktop-hidden{display:none}}.main-content{flex:1;padding:var(--spacing-xl) 0}.hero{text-align:center;padding:var(--spacing-xl) 0;margin-bottom:var(--spacing-xl)}.hero .hero-title{font-size:3rem;font-weight:800;color:var(--color-text);margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero .hero-description{font-size:1.25rem;color:var(--color-textSecondary);max-width:600px;margin:0 auto var(--spacing-xl);line-height:1.6}.hero-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.btn{padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary);filter:brightness(.9);transform:translateY(-1px)}.btn-secondary{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background-color:var(--color-primary);color:#fff;transform:translateY(-1px)}.features{margin-top:var(--spacing-xxl);padding:var(--spacing-xxl) 0;background:linear-gradient(135deg,var(--color-surface),var(--color-background));position:relative}.features:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent)}.features .section-title{font-size:2.5rem;font-weight:800;text-align:center;color:var(--color-text);margin-bottom:var(--spacing-xxl);line-height:1.2;position:relative}.features .section-title:after{content:"";position:absolute;bottom:-var(--spacing-md);left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:2px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-lg);justify-items:center}.feature-card{background-color:var(--color-surface);padding:var(--spacing-xl);border-radius:1rem;border:1px solid var(--color-border);transition:all .3s ease-in-out;position:relative;overflow:hidden;max-width:380px;height:fit-content;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transform:scaleX(0);transition:transform .3s ease-in-out;transform-origin:left}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #3b82f626;border-color:var(--color-primary)}.feature-card:hover:before{transform:scaleX(1)}.feature-card h3{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.feature-card p{color:var(--color-textSecondary);line-height:1.7;margin:0;font-size:1rem}.selected-tutorial{margin:var(--spacing-xl) 0;padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary)10,var(--color-surface));border-radius:.75rem;border:2px solid var(--color-primary)}.tutorial-highlight h2{color:var(--color-primary);font-size:1.75rem;margin-bottom:var(--spacing-md)}.tutorial-highlight p{color:var(--color-text);font-size:1.125rem;margin-bottom:var(--spacing-md)}.tutorial-meta{display:flex;gap:var(--spacing-md);align-items:center}.difficulty{padding:var(--spacing-xs) var(--spacing-md);border-radius:1rem;font-size:.875rem;font-weight:600;text-transform:capitalize}.difficulty-beginner{background-color:#dcfce7;color:#166534}.difficulty-intermediate{background-color:#fef3c7;color:#92400e}.difficulty-advanced{background-color:#fee2e2;color:#991b1b}.estimated-time{color:var(--color-textSecondary);font-size:.875rem}@media(max-width:768px){.hero .hero-title{font-size:2rem}.hero .hero-description{font-size:1.125rem}.hero-actions{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}.features{padding:var(--spacing-xl) 0;margin-top:var(--spacing-xl)}.features .section-title{font-size:2rem;margin-bottom:var(--spacing-xl)}.features .section-title:after{width:60px;height:2px}.features-grid{grid-template-columns:1fr;gap:var(--spacing-lg);margin-top:var(--spacing-md)}.feature-card{max-width:100%;margin:0 auto;padding:var(--spacing-lg)}.feature-card h3{font-size:1.25rem}}@media(min-width:769px)and (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}.feature-card{max-width:100%}}@media(min-width:1400px){.features-grid{grid-template-columns:repeat(3,1fr);max-width:1200px;margin:var(--spacing-lg) auto 0}}.ad-container{display:flex;justify-content:center;align-items:center;margin:var(--spacing-lg) 0;padding:var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);min-height:90px;position:relative;overflow:hidden}.ad-container:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 25%,rgba(var(--color-primary-rgb),.05) 25%,rgba(var(--color-primary-rgb),.05) 50%,transparent 50%,transparent 75%,rgba(var(--color-primary-rgb),.05) 75%);background-size:20px 20px;opacity:.3;pointer-events:none}.tutorial-top-ad{margin:var(--spacing-md) 0 var(--spacing-lg) 0;min-height:90px}.tutorial-bottom-ad{margin:var(--spacing-xl) 0 var(--spacing-lg) 0;min-height:90px}.sidebar-ad{margin:var(--spacing-lg) 0;min-height:250px;max-width:160px;width:100%}.in-content-ad{margin:var(--spacing-xl) auto;max-width:336px;min-height:280px}@media(max-width:768px){.ad-container{margin:var(--spacing-md) 0;padding:var(--spacing-xs);min-height:60px}.tutorial-top-ad,.tutorial-bottom-ad{min-height:60px}.sidebar-ad{display:none}.in-content-ad{max-width:300px;min-height:250px}}[data-theme=dark] .ad-container{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .ad-container:before{background:linear-gradient(45deg,transparent 25%,rgba(255,255,255,.03) 25%,rgba(255,255,255,.03) 50%,transparent 50%,transparent 75%,rgba(255,255,255,.03) 75%);background-size:20px 20px}[data-theme=dark] .hero{background:radial-gradient(ellipse at top,rgba(59,130,246,.08) 0%,transparent 60%)}[data-theme=dark] .features{background:linear-gradient(135deg,rgba(30,41,59,.6),var(--color-background))}[data-theme=dark] .features:before{background:linear-gradient(90deg,transparent,rgba(96,165,250,.25),transparent)}[data-theme=dark] .feature-card{background-color:#1e293bcc;border-color:var(--color-border);box-shadow:0 2px 8px #0003}[data-theme=dark] .feature-card:hover{box-shadow:0 20px 40px #60a5fa1f;border-color:var(--color-primary);background-color:#1e293bf2}[data-theme=dark] .btn-secondary{border-color:var(--color-primary);color:var(--color-primary)}[data-theme=dark] .btn-secondary:hover{background-color:var(--color-primary);color:#fff}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;border-radius:50%;background:#1a73e8;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #1a73e84d;transition:all .3s ease;z-index:900;opacity:0;visibility:hidden;transform:translateY(20px)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:#1557b0;transform:translateY(-3px);box-shadow:0 6px 20px #1a73e866}.back-to-top:active{transform:translateY(-1px)}.back-to-top:focus{outline:2px solid #1a73e8;outline-offset:3px}.back-to-top svg{font-size:1.25rem}[data-theme=dark] .back-to-top{background:#8ab4f8;color:#202124;box-shadow:0 4px 12px #8ab4f84d}[data-theme=dark] .back-to-top:hover{background:#aecbfa;box-shadow:0 6px 20px #8ab4f866}[data-theme=dark] .back-to-top:focus{outline-color:#8ab4f8}@media(max-width:768px){.back-to-top{width:44px;height:44px;bottom:1.5rem;right:1.5rem}.back-to-top svg{font-size:1.1rem}}@media(max-width:480px){.back-to-top{width:40px;height:40px;bottom:1rem;right:1rem}}.interactive-code-block{--icb-primary: #1a73e8;--icb-primary-hover: #1557b0;--icb-success: #34a853;--icb-error: #ea4335;--icb-warning: #fbbc04;--icb-radius: 12px;--icb-radius-sm: 8px;--icb-transition: .2s cubic-bezier(.4, 0, .2, 1)}.interactive-code-block{font-family:Google Sans,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;border-radius:var(--icb-radius);overflow:hidden;margin:1.5rem 0;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:box-shadow var(--icb-transition)}.interactive-code-block:hover{box-shadow:0 3px 6px #00000026,0 2px 4px #0000001f}.interactive-code-block.vs-dark{background:#1e1e1e;border:1px solid #333}.interactive-code-block.light{background:#fff;border:1px solid #dadce0}.icb-header{display:flex;justify-content:flex-end;align-items:center;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.08);min-height:44px}.interactive-code-block.light .icb-header{border-bottom:1px solid #e8eaed}.icb-header-left{display:flex;align-items:center;gap:12px}.icb-header-right{display:flex;align-items:center;gap:4px}.icb-language-pill{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--lang-color, #5f6368);color:#fff;font-size:18px;flex-shrink:0;box-shadow:0 1px 2px #0000001a}.icb-lang-icon{display:flex;align-items:center;justify-content:center}.icb-lang-label{font-size:14px;font-weight:500;color:#9aa0a6;letter-spacing:.1px}.interactive-code-block.light .icb-lang-label{color:#5f6368}.icb-title{font-size:16px;font-weight:500;color:#e8eaed;margin:0;letter-spacing:.1px}.interactive-code-block.light .icb-title{color:#202124}.icb-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;transition:background var(--icb-transition);position:relative}.icb-btn-icon{width:40px;height:40px;border-radius:50%;color:#9aa0a6;font-size:18px;border:none;background:transparent}.icb-btn-icon:before{content:"";position:absolute;inset:0;border-radius:50%;background:currentColor;opacity:0;transition:opacity var(--icb-transition)}.icb-btn-icon:hover:before{opacity:.08}.icb-btn-icon:active:before{opacity:.12}.interactive-code-block.vs-dark .icb-btn-icon:hover{color:#e8eaed}.interactive-code-block.light .icb-btn-icon{color:#5f6368}.interactive-code-block.light .icb-btn-icon:hover{color:#202124}.icb-btn-icon.copied{color:var(--icb-success)}.icb-editor-container{position:relative}.icb-editor-container .monaco-editor{padding-top:0!important}.icb-editor-container .monaco-editor .margin{background:transparent!important}.interactive-code-block.vs-dark .icb-editor-container{background:#1e1e1e}.interactive-code-block.light .icb-editor-container{background:#fff}.icb-input-section{padding:8px 16px;border-top:1px solid rgba(255,255,255,.08)}.interactive-code-block.light .icb-input-section{border-top:1px solid #e8eaed}.icb-input-toggle{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;color:#9aa0a6;font-size:14px;font-weight:500;cursor:pointer;padding:8px 12px;margin:-8px -12px;border-radius:var(--icb-radius-sm);transition:background var(--icb-transition),color var(--icb-transition)}.icb-input-toggle:hover{background:#ffffff14;color:#e8eaed}.interactive-code-block.light .icb-input-toggle{color:#5f6368}.interactive-code-block.light .icb-input-toggle:hover{background:#0000000a;color:#202124}.icb-input-toggle svg{font-size:16px;transition:transform var(--icb-transition)}.icb-stdin{width:100%;margin-top:12px;padding:12px;border-radius:var(--icb-radius-sm);border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#e8eaed;font-family:Roboto Mono,Fira Code,Consolas,monospace;font-size:13px;resize:vertical;min-height:60px;transition:border-color var(--icb-transition),box-shadow var(--icb-transition)}.interactive-code-block.light .icb-stdin{background:#f8f9fa;border-color:#dadce0;color:#202124}.icb-stdin::placeholder{color:#9aa0a6}.icb-stdin:focus{outline:none;border-color:var(--icb-primary);box-shadow:0 0 0 2px #1a73e833}.icb-actions{padding:16px;display:flex;gap:12px}.icb-run-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 24px;height:40px;min-width:120px;border:none;border-radius:20px;font-size:14px;font-weight:500;letter-spacing:.25px;color:#fff;background:var(--icb-primary);cursor:pointer;transition:background var(--icb-transition),box-shadow var(--icb-transition),transform .1s ease;box-shadow:0 1px 2px #0000001a}.icb-run-btn:hover:not(:disabled){background:var(--icb-primary-hover);box-shadow:0 2px 4px #0003}.icb-run-btn:active:not(:disabled){transform:scale(.98)}.icb-run-btn:disabled{opacity:.6;cursor:not-allowed}.icb-run-btn svg{font-size:16px}.icb-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:icb-spin .8s linear infinite}@keyframes icb-spin{to{transform:rotate(360deg)}}.icb-output{border-top:1px solid rgba(255,255,255,.08);animation:icb-fadeIn .3s ease}.interactive-code-block.light .icb-output{border-top:1px solid #e8eaed}.icb-output-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff0a;font-size:14px;font-weight:500;color:#e8eaed}.interactive-code-block.light .icb-output-header{background:#f8f9fa;color:#202124}.icb-output-meta{font-size:12px;font-weight:400;color:#9aa0a6;padding:4px 8px;background:#ffffff14;border-radius:4px}.interactive-code-block.light .icb-output-meta{background:#0000000a;color:#5f6368}.icb-output-content{padding:16px}.icb-stdout{margin:0;padding:12px 16px;background:#34a85314;border-radius:var(--icb-radius-sm);border-left:4px solid var(--icb-success);font-family:Roboto Mono,Fira Code,Consolas,monospace;font-size:13px;color:#e8eaed;white-space:pre-wrap;word-break:break-word;overflow-x:auto}.interactive-code-block.light .icb-stdout{color:#202124;background:#34a8530f}.icb-stderr{margin-top:12px;padding:12px 16px;background:#ea433514;border-radius:var(--icb-radius-sm);border-left:4px solid var(--icb-error);color:#f28b82;font-size:13px}.interactive-code-block.light .icb-stderr{color:#c5221f;background:#ea43350f}.icb-stderr pre{margin:8px 0 0;font-family:Roboto Mono,Fira Code,Consolas,monospace;font-size:12px;white-space:pre-wrap;word-break:break-word}.icb-status{margin-top:12px;padding:8px 12px;background:#ffffff0a;border-radius:var(--icb-radius-sm);font-size:12px;color:#9aa0a6}.icb-status.success{color:var(--icb-success);background:#34a85314}.icb-comparison{display:flex;align-items:center;margin-top:12px;padding:12px 16px;border-radius:var(--icb-radius-sm);font-size:14px;font-weight:500}.icb-comparison.match{background:#34a8531a;color:var(--icb-success)}.icb-comparison.mismatch{background:#fbbc041a;color:#f9ab00}.icb-comparison-icon{margin-right:8px;font-size:18px;flex-shrink:0}.icb-comparison code{background:#00000026;padding:2px 8px;border-radius:4px;font-family:Roboto Mono,Fira Code,Consolas,monospace;font-size:13px}@keyframes icb-fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.interactive-code-block{margin:1rem 0;border-radius:var(--icb-radius-sm)}.icb-header{padding:12px;min-height:48px}.icb-language-pill{width:36px;height:36px;font-size:16px}.icb-title{font-size:14px}.icb-btn-icon{width:36px;height:36px}.icb-actions{padding:12px}.icb-run-btn{width:100%;justify-content:center}.icb-output-content{padding:12px}.icb-stdout,.icb-stderr{font-size:12px;padding:10px 12px}}.icb-btn:focus-visible,.icb-run-btn:focus-visible,.icb-input-toggle:focus-visible{outline:2px solid var(--icb-primary);outline-offset:2px}@media(prefers-contrast:high){.interactive-code-block{border-width:2px}.icb-stdout,.icb-stderr{border-left-width:6px}}@media(prefers-reduced-motion:reduce){.icb-spinner,.icb-output{animation:none}.icb-run-btn:active:not(:disabled){transform:none}*{transition-duration:.01ms!important}}.mermaid-diagram{margin:1.5rem 0;padding:0;border:1px solid #e8eaed;border-radius:8px;background:#fff;overflow:hidden}[data-theme=dark] .mermaid-diagram{border-color:#3c4043;background:#292d31}.mermaid-diagram-content{display:flex;justify-content:center;align-items:center;padding:1.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.mermaid-diagram-content svg{max-width:100%;height:auto}.mermaid-diagram-content .commit-label{font-size:.7rem!important;font-weight:500!important;letter-spacing:.02em}.mermaid-diagram-content .branch-label{font-size:.75rem!important;font-weight:600!important;letter-spacing:.01em}.mermaid-diagram-content .tag-label{font-size:.625rem!important;font-weight:600!important}.mermaid-diagram-content .commit-label-bkg{rx:4;ry:4}.mermaid-diagram-content svg[id*=mermaid]{min-width:480px}.mermaid-diagram-content .gitGraph{padding:12px}.mermaid-diagram-content .commit circle{r:5}[data-theme=dark] .mermaid-diagram-content .branch-label-bkg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.mermaid-diagram-content .branch-label-bkg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));rx:4;ry:4}.mermaid-diagram-content .tag-label-bkg{rx:4;ry:4}.mermaid-diagram-content .note rect,.mermaid-diagram-content g.note rect{rx:6;ry:6}.mermaid-diagram-content .noteText,.mermaid-diagram-content g.note text{font-size:13px!important;letter-spacing:.01em}.mermaid-diagram-content g.note foreignObject div{padding:10px 14px!important;line-height:1.6!important;font-size:13px!important}.mermaid-diagram-caption{padding:.75rem 1.25rem;border-top:1px solid #e8eaed;background:#f8f9fa;font-size:.8125rem;color:#5f6368;text-align:center;font-style:italic}[data-theme=dark] .mermaid-diagram-caption{border-top-color:#3c4043;background:#21262d;color:#9aa0a6}.mermaid-error{border-color:#f28b82}[data-theme=dark] .mermaid-error{border-color:#d93025}.mermaid-error-content{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1.5rem;text-align:center}.mermaid-error-icon{font-size:1.25rem}.mermaid-error-content p{margin:0;font-size:.875rem;color:#d93025}[data-theme=dark] .mermaid-error-content p{color:#f28b82}@media(max-width:768px){.mermaid-diagram-content{padding:1rem}.mermaid-diagram-caption{padding:.625rem 1rem;font-size:.75rem}}@media(prefers-reduced-motion:reduce){.mermaid-diagram-content svg *{animation:none!important;transition:none!important}}.code-tabs-container{margin:1.5rem 0}.code-tabs-header{display:flex;flex-direction:column;gap:0}.code-tabs-title{font-size:.8125rem;font-weight:600;color:#5f6368;padding:.5rem 1rem;background:#f1f3f4;border-radius:8px 8px 0 0;border:1px solid #e8eaed;border-bottom:none}[data-theme=dark] .code-tabs-title{background:#292d31;color:#9aa0a6;border-color:#3c4043}.code-tabs-nav{display:flex;gap:0;border-bottom:2px solid #e8eaed;background:#f8f9fa;padding:0 .5rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.code-tabs-title+.code-tabs-nav{border-radius:0}.code-tabs-title~.code-tabs-nav{border-top:1px solid #e8eaed}.code-tabs-header:not(:has(.code-tabs-title)) .code-tabs-nav{border-radius:8px 8px 0 0;border-top:1px solid #e8eaed;border-left:1px solid #e8eaed;border-right:1px solid #e8eaed}[data-theme=dark] .code-tabs-nav{border-bottom-color:#3c4043;background:#21262d}[data-theme=dark] .code-tabs-title~.code-tabs-nav{border-top-color:#3c4043}[data-theme=dark] .code-tabs-header:not(:has(.code-tabs-title)) .code-tabs-nav{border-color:#3c4043}.code-tab-btn{position:relative;padding:.625rem 1.25rem;border:none;background:transparent;color:#5f6368;font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;white-space:nowrap;transition:color .2s ease,background .2s ease;margin-bottom:-2px;border-bottom:2px solid transparent}.code-tab-btn:hover{color:#202124;background:#1a73e80a}.code-tab-btn.active{color:#1a73e8;border-bottom-color:#1a73e8;font-weight:600}[data-theme=dark] .code-tab-btn{color:#9aa0a6}[data-theme=dark] .code-tab-btn:hover{color:#e8eaed;background:#8ab4f814}[data-theme=dark] .code-tab-btn.active{color:#8ab4f8;border-bottom-color:#8ab4f8}.code-tabs-content{position:relative}.code-tabs-content .interactive-code-block{margin:0;border-radius:0 0 12px 12px;border-top:none}@media(max-width:768px){.code-tab-btn{padding:.5rem .875rem;font-size:.8125rem}.code-tabs-title{font-size:.75rem;padding:.375rem .75rem}}.pattern-illustration{margin:2rem auto;text-align:center}.pattern-illustration.single{max-width:480px}.illustration-panels{display:flex;gap:0;justify-content:center;align-items:stretch}.illustration-panels.panels-1{justify-content:center}.illustration-panels.panels-2{display:grid;grid-template-columns:1fr 1fr;gap:0}.illustration-panels.panels-3{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.illustration-panels.panels-4{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.illustration-panel{display:flex;flex-direction:column;align-items:center}.panel-frame{position:relative;background:#fff;border:2.5px solid #2d2d2d;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:180px}.illustration-panels.panels-2 .illustration-panel:first-child .panel-frame{border-right:1.25px solid #2d2d2d;border-radius:4px 0 0 4px}.illustration-panels.panels-2 .illustration-panel:last-child .panel-frame{border-left:1.25px solid #2d2d2d;border-radius:0 4px 4px 0}[data-theme=dark] .panel-frame{background:#1e1e1e;border-color:#555}.panel-image{width:100%;height:auto;display:block;object-fit:contain}.panel-caption{font-size:.8125rem;color:#666;margin-top:.5rem;font-style:italic}[data-theme=dark] .panel-caption{color:#9aa0a6}.speech-bubble{position:absolute;background:#fff;border:2px solid #2d2d2d;border-radius:16px;padding:.625rem 1rem;max-width:60%;z-index:2;font-size:.8125rem;font-weight:500;line-height:1.4;color:#2d2d2d}.speech-bubble:after{content:"";position:absolute;width:0;height:0}.speech-bubble.top-left{top:12px;left:12px}.speech-bubble.top-left:after{bottom:-10px;left:20px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #2d2d2d}.speech-bubble.top-right{top:12px;right:12px}.speech-bubble.top-right:after{bottom:-10px;right:20px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #2d2d2d}.speech-bubble.bottom-left{bottom:12px;left:12px}.speech-bubble.bottom-left:after{top:-10px;left:20px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #2d2d2d}.speech-bubble.bottom-right{bottom:12px;right:12px}.speech-bubble.bottom-right:after{top:-10px;right:20px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #2d2d2d}.speech-bubble p{margin:0}[data-theme=dark] .speech-bubble{background:#2d2d2d;border-color:#888;color:#e8eaed}.illustration-caption{margin-top:1rem;font-size:.875rem;color:#5f6368;font-style:italic;line-height:1.5}[data-theme=dark] .illustration-caption{color:#9aa0a6}.inline-illustration{margin:1.5rem auto;text-align:center}.inline-illustration img{width:100%;height:auto;border-radius:8px;border:1px solid #e8eaed}[data-theme=dark] .inline-illustration img{border-color:#3c4043;filter:brightness(.9)}.inline-illustration figcaption{margin-top:.75rem;font-size:.8125rem;color:#5f6368;font-style:italic}[data-theme=dark] .inline-illustration figcaption{color:#9aa0a6}@media(max-width:768px){.illustration-panels.panels-2,.illustration-panels.panels-3{grid-template-columns:1fr}.illustration-panels.panels-2 .illustration-panel:first-child .panel-frame,.illustration-panels.panels-2 .illustration-panel:last-child .panel-frame{border-radius:4px;border:2.5px solid #2d2d2d}.panel-frame{min-height:140px}.speech-bubble{font-size:.75rem;padding:.5rem .75rem;max-width:70%}}@media(max-width:480px){.pattern-illustration{margin:1.25rem auto}.panel-frame{min-height:120px}}.tutorial-page{min-height:100vh;background-color:var(--color-background)}.tutorial-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center;background-color:var(--color-background)}.tutorial-error h1{font-size:2rem;margin-bottom:1rem;color:var(--color-text)}.tutorial-error p{font-size:1.1rem;margin-bottom:2rem;color:var(--color-textSecondary)}.tutorial-error button{padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .2s ease}.tutorial-error button:hover{background:var(--color-primary-dark)}.tutorial-layout{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-background);font-family:Inter,Segoe UI,system-ui,sans-serif}.tutorial-header{position:sticky;top:70px;z-index:800;background:var(--color-surface);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a}.tutorial-header-content{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:1rem 1.5rem;gap:1rem}.sidebar-toggle{display:none;position:fixed;bottom:2rem;right:2rem;background:#1a73e8;border:none;border-radius:50%;width:56px;height:56px;cursor:pointer;transition:all .3s ease;color:#fff;z-index:1000;box-shadow:0 4px 12px #1a73e84d;align-items:center;justify-content:center}.sidebar-toggle svg{font-size:1.5rem}.sidebar-toggle:hover{background:#1557b0;transform:scale(1.1) rotate(90deg);box-shadow:0 6px 16px #1a73e866}.sidebar-toggle:active{transform:scale(.95)}.tutorial-title{font-size:1.75rem;font-weight:700;color:#1a73e8;margin:0;flex:1}.tutorial-progress{display:flex;align-items:center;gap:1rem;min-width:200px}.progress-bar{width:120px;height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#1a73e8,#1557b0);transition:width .3s ease}.progress-text{font-size:.875rem;color:var(--color-textSecondary);white-space:nowrap}.tutorial-body{display:grid;grid-template-columns:280px 1fr 300px;flex:1;max-width:1400px;margin:0 auto;width:100%;gap:0}.tutorial-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);height:calc(100vh - 70px);overflow-y:auto;overflow-x:hidden;position:sticky;top:70px;transition:transform .3s ease}.sidebar-content{padding:1.5rem 1rem 1.5rem 1.5rem}.tutorial-overview{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.tutorial-overview h2{font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:.75rem}.tutorial-description{font-size:.875rem;color:var(--color-textSecondary);line-height:1.6;margin-bottom:1rem}.tutorial-meta{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.difficulty-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.difficulty-beginner{background:var(--color-success-light);color:var(--color-success)}.difficulty-intermediate{background:#fef3c7;color:#d97706}.difficulty-advanced{background:#fee2e2;color:#dc2626}.estimated-time{font-size:.75rem;color:var(--color-textSecondary);display:flex;align-items:center;gap:.25rem}.tutorial-navigation h3{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:1rem}.nav-category{margin-bottom:1.5rem}.nav-category-header{display:flex;justify-content:space-between;align-items:center;font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:.75rem;padding:.75rem;cursor:pointer;border-radius:.5rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.nav-category-header:hover{background:#1a73e81a;color:#1a73e8}.expand-icon{display:flex;align-items:center;justify-content:center;font-size:1rem;color:#1a73e8;transition:transform .3s ease}.expand-icon svg{transition:transform .3s ease}.nav-category-header:hover .expand-icon svg{transform:scale(1.2)}.section-list{list-style:none;margin:0;padding:0 .25rem;max-height:2000px;overflow:hidden;transition:max-height .4s ease,opacity .3s ease;opacity:1}.section-list.collapsed{max-height:0;opacity:0;margin-bottom:0}.section-list.expanded{max-height:2000px;opacity:1}.section-item{margin-bottom:.25rem}.section-link{display:flex;align-items:center;width:100%;padding:.75rem;background:transparent;border:1px solid transparent;border-radius:.5rem;text-align:left;cursor:pointer;transition:all .2s ease;gap:.75rem;position:relative;color:var(--color-text);font-size:.875rem}.section-link:hover{background:#1a73e81a;border-color:#1a73e8}.section-link.active{background:#1a73e8;color:#fff;font-weight:600;border-color:#1a73e8}.section-link.active:hover{transform:translate(0);background:#1557b0}.section-link.current{background:#1a73e8;color:#fff;font-weight:600}.section-link.completed{background:var(--color-success-light);border-color:var(--color-success)}.section-link.completed.current{background:#1a73e8}.section-number{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:var(--color-border);border-radius:50%;font-size:.75rem;font-weight:600;color:var(--color-text);flex-shrink:0}.section-link.current .section-number{background:#fff;color:#1a73e8}.section-link.completed .section-number{background:var(--color-success);color:#fff}.section-title{flex:1;font-size:.875rem;line-height:1.4;color:inherit}.section-time{font-size:.75rem;color:var(--color-textSecondary);flex-shrink:0}.section-link.current .section-time{color:#fffc}.completed-icon{color:var(--color-success);font-weight:700;flex-shrink:0}.section-link.current .completed-icon{color:#fff}.tutorial-prerequisites,.tutorial-topics{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.tutorial-prerequisites h3,.tutorial-topics h3{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:.75rem}.tutorial-prerequisites ul,.tutorial-topics ul{list-style:none;margin:0;padding:0}.tutorial-prerequisites li,.tutorial-topics li{padding:.5rem 0;font-size:.875rem;color:var(--color-textSecondary);border-bottom:1px solid var(--color-border)}.tutorial-prerequisites li:last-child,.tutorial-topics li:last-child{border-bottom:none}.tutorial-main{padding:1.25rem 2rem 2rem;background:var(--color-background);min-height:calc(100vh - 70px);max-width:900px;overflow-x:hidden}.section-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--color-border)}.section-header .section-title{font-size:2rem;font-weight:700;color:var(--color-text);margin-bottom:.75rem;line-height:1.3}.section-meta{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.section-content{margin-top:0;margin-bottom:3rem;padding-top:1.5rem;line-height:1.7}.section-navigation{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;gap:1rem}.page-navigation{display:flex;justify-content:space-between;align-items:center;gap:1rem}.page-navigation-top{padding:1rem 0 1.25rem;margin-top:.5rem;margin-bottom:.5rem;border-bottom:1px solid var(--color-border)}.page-navigation-bottom{padding:1.5rem 0 .5rem;margin-top:2.5rem;border-top:1px solid var(--color-border)}.page-nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;border:1.5px solid #1a73e8;border-radius:6px;background:transparent;color:#1a73e8;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;min-width:100px}.page-nav-btn svg{font-size:1rem;transition:transform .2s ease}.page-nav-btn:hover:not(:disabled){background:#1a73e8;color:#fff;box-shadow:0 2px 8px #1a73e840}.page-nav-btn.prev:hover:not(:disabled) svg{transform:translate(-2px)}.page-nav-btn.next:hover:not(:disabled) svg{transform:translate(2px)}.page-nav-btn:disabled{opacity:.35;cursor:not-allowed;border-color:var(--color-border);color:var(--color-textSecondary)}.page-nav-btn:disabled:hover{background:transparent;box-shadow:none}.nav-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;border:2px solid #1a73e8;border-radius:.5rem;background:transparent;color:#1a73e8;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;min-width:140px}.nav-button-compact{padding:.5rem 1rem;font-size:.875rem;min-width:110px;border-width:1.5px}.nav-button svg{font-size:1.1rem}.nav-button-compact svg{font-size:1rem}.nav-button:hover:not(:disabled){background:#1a73e8;color:#fff;transform:translateY(-1px)}.nav-button-compact:hover:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #1a73e840}.nav-button:disabled{opacity:.4;cursor:not-allowed;border-color:var(--color-border);color:var(--color-textSecondary)}.section-indicator{font-weight:600;color:var(--color-text);padding:.5rem 1rem;background:var(--color-surface);border-radius:.5rem;border:1px solid var(--color-border)}.tutorial-ads-sidebar{background:var(--color-surface);border-left:1px solid var(--color-border);height:calc(100vh - 70px);overflow-y:auto;position:sticky;top:70px}.ads-content{padding:1.5rem;display:flex;flex-direction:column;gap:2rem}.ad-section{display:flex;justify-content:center;align-items:center;min-height:250px;background:var(--color-background);border:2px dashed var(--color-border);border-radius:.5rem}.quick-reference,.related-topics{background:var(--color-background);padding:1.5rem;border-radius:.75rem;border:1px solid var(--color-border)}.quick-reference h3,.related-topics h3{font-size:1.125rem;font-weight:600;color:var(--color-text);margin-bottom:1rem}.reference-links{display:flex;flex-direction:column;gap:.5rem}.reference-link{color:#1a73e8;text-decoration:none;padding:.5rem;border-radius:.25rem;transition:background-color .2s ease;font-size:.875rem}.reference-link:hover{background:#1a73e81a;color:#1a73e8}.topic-list{list-style:none;margin:0;padding:0}.topic-list li{margin-bottom:.5rem}.topic-list a,.topic-list button{color:#1a73e8;text-decoration:none;font-size:.875rem;padding:.5rem;display:block;border-radius:.25rem;transition:background-color .2s ease;background:transparent;border:none;cursor:pointer;text-align:left;width:100%}.topic-list a:hover,.topic-list button:hover{background:#1a73e81a}@media(max-width:1024px){.tutorial-body{grid-template-columns:1fr;position:relative}.tutorial-sidebar{position:fixed;top:70px;left:0;z-index:999;width:85%;max-width:380px;height:calc(100vh - 70px);transform:translate(-100%);box-shadow:4px 0 20px #00000026;transition:transform .3s cubic-bezier(.4,0,.2,1)}.tutorial-sidebar.open{transform:translate(0)}.tutorial-ads-sidebar{display:none}.sidebar-toggle{display:flex;align-items:center;justify-content:center}.tutorial-main{padding:0 1.5rem 5rem}.section-header .section-title{font-size:1.75rem}.page-navigation{gap:.5rem}.page-nav-btn{flex:1;min-width:auto;padding:.5rem .75rem;font-size:.8125rem}.nav-category-header{padding:1rem;font-size:1.1rem}.section-link{padding:1rem;font-size:.95rem}.tutorial-sidebar::-webkit-scrollbar{width:8px}}@media(max-width:768px){.tutorial-header-content{padding:.75rem 1rem}.tutorial-title{font-size:1.3rem}.tutorial-progress{min-width:120px}.progress-bar{width:60px}.tutorial-sidebar{width:90%;max-width:100%;top:70px}.sidebar-toggle{width:50px;height:50px;bottom:1.5rem;right:1.5rem;font-size:1.3rem}.tutorial-main{padding:0 1rem 5rem}.section-header .section-title{font-size:1.5rem}.section-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.section-content{font-size:.95rem;padding-top:1rem}.sidebar-content{padding:1rem}.nav-category-header{padding:.875rem;font-size:1rem}.section-link{padding:.875rem;font-size:.9rem}}@media(max-width:480px){.tutorial-sidebar{width:95%}.sidebar-toggle{width:48px;height:48px;bottom:1rem;right:1rem;font-size:1.2rem}.tutorial-main{padding:0 .75rem 4.5rem}.section-header .section-title{font-size:1.25rem}.nav-category-header{padding:.75rem;font-size:.95rem}.section-link{padding:.75rem;font-size:.875rem}.tutorial-prerequisites,.tutorial-topics{margin-top:1.5rem;padding-top:1rem}.nav-button{padding:.625rem 1.25rem;font-size:.9rem}}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:998;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .3s ease;cursor:pointer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tutorial-sidebar::-webkit-scrollbar,.tutorial-ads-sidebar::-webkit-scrollbar{width:6px}.tutorial-sidebar::-webkit-scrollbar-track,.tutorial-ads-sidebar::-webkit-scrollbar-track{background:var(--color-surface)}.tutorial-sidebar::-webkit-scrollbar-thumb,.tutorial-ads-sidebar::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.tutorial-sidebar::-webkit-scrollbar-thumb:hover,.tutorial-ads-sidebar::-webkit-scrollbar-thumb:hover{background:#1a73e8}.sidebar-toggle:focus,.section-link:focus,.nav-button:focus,.page-nav-btn:focus,.reference-link:focus,.topic-list a:focus,.topic-list button:focus{outline:2px solid #1a73e8;outline-offset:2px}.tutorial-loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:var(--color-textSecondary)}@media(prefers-color-scheme:dark){.tutorial-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bf2}.sidebar-overlay{background:#000000b3}.ad-section{background:var(--color-surface);border-color:var(--color-border)}}[data-theme=dark] .sidebar-toggle{background:#8ab4f8;color:#202124;box-shadow:0 4px 12px #8ab4f84d}[data-theme=dark] .sidebar-toggle:hover{background:#aecbfa;box-shadow:0 6px 16px #8ab4f866}[data-theme=dark] .tutorial-title{color:#8ab4f8}[data-theme=dark] .progress-fill{background:linear-gradient(90deg,#8ab4f8,#aecbfa)}[data-theme=dark] .nav-category-header:hover{background:#8ab4f826;color:#8ab4f8}[data-theme=dark] .expand-icon{color:#8ab4f8}[data-theme=dark] .section-link:hover{background:#8ab4f826;border-color:#8ab4f8}[data-theme=dark] .section-link.active,[data-theme=dark] .section-link.current{background:#8ab4f8;color:#202124;border-color:#8ab4f8}[data-theme=dark] .section-link.active:hover{background:#aecbfa}[data-theme=dark] .section-link.current .section-number{background:#202124;color:#8ab4f8}[data-theme=dark] .nav-button{border-color:#8ab4f8;color:#8ab4f8}[data-theme=dark] .nav-button:hover:not(:disabled){background:#8ab4f8;color:#202124}[data-theme=dark] .page-nav-btn{border-color:#8ab4f8;color:#8ab4f8}[data-theme=dark] .page-nav-btn:hover:not(:disabled){background:#8ab4f8;color:#202124;box-shadow:0 2px 8px #8ab4f840}[data-theme=dark] .page-nav-btn:disabled{border-color:var(--color-border);color:var(--color-textSecondary)}[data-theme=dark] .reference-link,[data-theme=dark] .topic-list a,[data-theme=dark] .topic-list button{color:#8ab4f8}[data-theme=dark] .reference-link:hover,[data-theme=dark] .topic-list a:hover,[data-theme=dark] .topic-list button:hover{background:#8ab4f826}[data-theme=dark] .tutorial-sidebar::-webkit-scrollbar-thumb:hover,[data-theme=dark] .tutorial-ads-sidebar::-webkit-scrollbar-thumb:hover{background:#8ab4f8}[data-theme=dark] .sidebar-toggle:focus,[data-theme=dark] .section-link:focus,[data-theme=dark] .nav-button:focus,[data-theme=dark] .page-nav-btn:focus,[data-theme=dark] .reference-link:focus,[data-theme=dark] .topic-list a:focus,[data-theme=dark] .topic-list button:focus{outline-color:#8ab4f8}.git-tutorial-layout{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-background);font-family:Inter,Segoe UI,system-ui,sans-serif}.git-tutorial-page{min-height:100vh;background-color:var(--color-background)}.git-tutorial-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center;background-color:var(--color-background)}.git-tutorial-error h1{font-size:2rem;margin-bottom:1rem;color:var(--color-text)}.git-tutorial-error p{font-size:1.1rem;margin-bottom:2rem;color:var(--color-textSecondary)}.git-tutorial-error button{padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .2s ease}.git-tutorial-error button:hover{background:var(--color-primary-dark)}.content-section{margin-bottom:3rem;overflow-x:hidden}.content-section h4{font-size:1.0625rem;font-weight:500;color:#202124;margin:1rem 0 .5rem}[data-theme=dark] .content-section h4{color:#e8eaed}.content-section p{font-size:1rem;line-height:1.6;color:#3c4043;margin-bottom:1rem;word-wrap:break-word}.content-section li{margin-bottom:.5rem;line-height:1.6;color:#3c4043;word-wrap:break-word}.content-section strong{color:#202124}[data-theme=dark] .content-section strong{color:#e8eaed}.content-section code{background:#f1f3f4;padding:.15rem .4rem;border-radius:4px;font-family:Roboto Mono,Monaco,Menlo,Consolas,monospace;font-size:.875em;color:#37474f;word-break:break-all}[data-theme=dark] .content-section code{background:#3c4043;color:#e8eaed}.content-section pre code,.code-pre code,.output-pre code{background:none!important;padding:0!important;border-radius:0!important;color:inherit!important}.content-section a{color:#1a73e8;text-decoration:none;transition:color .2s ease}.content-section a:hover{color:#1557b0;text-decoration:underline}[data-theme=dark] .content-section a{color:#8ab4f8}[data-theme=dark] .content-section a:hover{color:#aecbfa}.hero-section{padding:0 0 2rem;margin-bottom:1.5rem;border-bottom:1px solid #e8eaed}[data-theme=dark] .hero-section{border-bottom-color:#3c4043}.hero-title{font-size:2rem;font-weight:400;line-height:1.3;color:#202124;margin:0 0 .75rem}[data-theme=dark] .hero-title{color:#e8eaed}.hero-title .highlight{color:#1a73e8}[data-theme=dark] .hero-title .highlight{color:#8ab4f8}.hero-subtitle,.hero-section .hero-description{font-size:1rem;line-height:1.6;color:#5f6368;margin:0;max-width:600px}[data-theme=dark] .hero-subtitle,[data-theme=dark] .hero-section .hero-description{color:#9aa0a6}.callout-box.callout-info{background:#e8f0fe;border:1px solid #d2e3fc}.callout-box.callout-tip{background:#fef7e0;border:1px solid #f9e39c}[data-theme=dark] .callout-box.callout-tip{background:#3d3523;border-color:#5c4b2a}.callout-box.callout-warning{background:#fce8e6;border:1px solid #f5c6c2}[data-theme=dark] .callout-box.callout-warning{background:#3d2323;border-color:#5c2a2a}.callout-box.callout-success{background:#e6f4ea;border:1px solid #ceead6}[data-theme=dark] .callout-box.callout-success{background:#233d2a;border-color:#2a5c35}.callout-icon{flex-shrink:0;font-size:1.25rem;display:flex;align-items:flex-start;padding-top:.125rem}.callout-icon.icon-info{color:#1a73e8}[data-theme=dark] .callout-icon.icon-info{color:#8ab4f8}.callout-icon.icon-tip{color:#f9ab00}.callout-icon.icon-warning{color:#ea4335}[data-theme=dark] .callout-icon.icon-warning{color:#f28b82}.callout-icon.icon-success{color:#34a853}[data-theme=dark] .callout-icon.icon-success{color:#81c995}.highlight-box{display:flex;gap:.875rem;padding:1rem 1.25rem;border-radius:8px;margin:1.25rem 0;background:#fef7e0;border:1px solid #f9e39c}[data-theme=dark] .highlight-box{background:#3d3523;border-color:#5c4b2a}.highlight-icon{flex-shrink:0;font-size:1.25rem;color:#f9ab00;display:flex;align-items:flex-start;padding-top:.125rem}.highlight-content h4{margin:0 0 .375rem;font-size:.9375rem;font-weight:500;color:#202124}[data-theme=dark] .highlight-content h4{color:#e8eaed}.highlight-content p{margin:0;color:#5f6368;font-size:.875rem;line-height:1.6}[data-theme=dark] .highlight-content p{color:#9aa0a6}.info-box{background:#e8f0fe;border:1px solid #d2e3fc;border-radius:8px;padding:1rem 1.25rem;margin:1.25rem 0;width:100%;box-sizing:border-box}[data-theme=dark] .info-box{background:#1a3a5c;border-color:#2d4a6f}.info-box h4{margin:0 0 .5rem;font-size:.9375rem;font-weight:500;color:#1a73e8}[data-theme=dark] .info-box h4{color:#8ab4f8}.info-box p{margin:0 0 .5rem;font-size:.875rem;color:#5f6368}[data-theme=dark] .info-box p{color:#9aa0a6}.info-box ul{margin:0;padding-left:1.25rem}.info-box li{color:#5f6368;font-size:.875rem}[data-theme=dark] .info-box li{color:#9aa0a6}.tips-box{background:#e8f0fe;border:1px solid #d2e3fc;border-radius:8px;padding:1rem 1.25rem;margin:1.25rem 0}[data-theme=dark] .tips-box{background:#1a3a5c;border-color:#2d4a6f}.tips-box h4{margin:0 0 .5rem;font-size:.9375rem;font-weight:500;color:#1a73e8}[data-theme=dark] .tips-box h4{color:#8ab4f8}.tips-box p{margin:0 0 .5rem;font-size:.875rem;color:#5f6368}[data-theme=dark] .tips-box p{color:#9aa0a6}.tips-box ul{margin:0;padding-left:1.25rem}.tips-box li{color:#5f6368;font-size:.875rem}[data-theme=dark] .tips-box li{color:#9aa0a6}.tips-box code{background:#1a73e81a;color:#1a73e8}[data-theme=dark] .tips-box code{background:#8ab4f826;color:#8ab4f8}.try-it-section,.try-it-box{background:#e8f0fe;border:1px solid #d2e3fc;border-radius:8px;padding:1.5rem;margin:1.5rem 0}[data-theme=dark] .try-it-section,[data-theme=dark] .try-it-box{background:#1a3a5c;border-color:#2d4a6f}.try-it-section h2{color:#1a73e8!important;margin-top:0!important;border-bottom:none!important;font-weight:500!important}[data-theme=dark] .try-it-section h2{color:#8ab4f8!important}.try-it-section p,.try-it-section li{color:#3c4043}[data-theme=dark] .try-it-section p,[data-theme=dark] .try-it-section li{color:#bdc1c6}.try-it-section code{background:#1a73e81a;color:#1a73e8}[data-theme=dark] .try-it-section code{background:#8ab4f826;color:#8ab4f8}.try-it-box>p,.try-it-section>p{margin:0 0 1rem;color:#5f6368;font-size:.9375rem}[data-theme=dark] .try-it-box>p,[data-theme=dark] .try-it-section>p{color:#9aa0a6}.exercise-box{background:#fff;border:1px solid #dadce0;padding:1.25rem;border-radius:8px;margin:1rem 0}[data-theme=dark] .exercise-box{background:#292929;border-color:#3c4043}.exercise-box h4{margin:0 0 .75rem;font-size:.9375rem;font-weight:500;color:#202124}[data-theme=dark] .exercise-box h4{color:#e8eaed}.exercise-box details{margin-top:1rem}.exercise-box summary{cursor:pointer;padding:.5rem .75rem;background:#f1f3f4;border:1px solid #dadce0;border-radius:4px;margin-bottom:.75rem;font-weight:500;font-size:.875rem;color:#1a73e8}[data-theme=dark] .exercise-box summary{background:#3c4043;border-color:#5f6368;color:#8ab4f8}.exercise-box summary:hover{background:#e8eaed}[data-theme=dark] .exercise-box summary:hover{background:#5f6368}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin:1.5rem 0}.feature-item,.feature-card{padding:1.25rem;background:var(--color-surface, #fff);border:1px solid #e8eaed;border-radius:8px;transition:border-color .2s ease,box-shadow .2s ease}[data-theme=dark] .feature-item,[data-theme=dark] .feature-card{border-color:#3c4043}.feature-item:hover,.feature-card:hover{border-color:#1a73e8;box-shadow:0 1px 6px #00000014}[data-theme=dark] .feature-item:hover,[data-theme=dark] .feature-card:hover{border-color:#8ab4f8}.feature-icon{font-size:1.5rem;margin-bottom:.75rem;color:#5f6368;display:flex;align-items:center}[data-theme=dark] .feature-icon{color:#9aa0a6}.feature-icon-wrapper{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:.75rem;background:#f1f3f4;color:#5f6368}[data-theme=dark] .feature-icon-wrapper{background:#3c4043;color:#9aa0a6}.feature-item h4,.feature-card h4{margin:0 0 .375rem;font-size:.9375rem;font-weight:500;color:#202124}[data-theme=dark] .feature-item h4,[data-theme=dark] .feature-card h4{color:#e8eaed}.feature-item p,.feature-card p{margin:0;font-size:.875rem;line-height:1.5;color:#5f6368}[data-theme=dark] .feature-item p,[data-theme=dark] .feature-card p{color:#9aa0a6}.example-box{background:#f8f9fa;padding:.75rem 1rem;border-radius:4px;margin-top:.75rem;font-size:.8125rem;font-family:Roboto Mono,Monaco,Menlo,Consolas,monospace;border:1px solid #e8eaed}[data-theme=dark] .example-box{background:#292929;border-color:#3c4043}.example-box strong{display:block;margin-bottom:.25rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.8125rem}.example-box code{background:none;padding:0;color:inherit}.usage-cards,.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin:1.5rem 0}.usage-card,.benefit-card{background:var(--color-surface, #fff);border:1px solid #e8eaed;border-radius:8px;padding:1.25rem;transition:border-color .2s ease,box-shadow .2s ease}[data-theme=dark] .usage-card,[data-theme=dark] .benefit-card{border-color:#3c4043}.usage-card:hover,.benefit-card:hover{border-color:#1a73e8;box-shadow:0 1px 6px #00000014}[data-theme=dark] .usage-card:hover,[data-theme=dark] .benefit-card:hover{border-color:#8ab4f8}.usage-icon,.benefit-icon{font-size:1.5rem;margin-bottom:.75rem;color:#5f6368;display:flex;align-items:center}[data-theme=dark] .usage-icon,[data-theme=dark] .benefit-icon{color:#9aa0a6}.usage-card h4,.benefit-card h3{margin:0 0 .375rem;font-size:.9375rem;font-weight:500;color:#202124}[data-theme=dark] .usage-card h4,[data-theme=dark] .benefit-card h3{color:#e8eaed}.usage-card p,.benefit-card p{font-size:.875rem;line-height:1.5;color:#5f6368;margin:0}[data-theme=dark] .usage-card p,[data-theme=dark] .benefit-card p{color:#9aa0a6}.usage-examples{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.75rem}.tag{background:#f1f3f4;color:#3c4043;padding:.2rem .625rem;border-radius:100px;font-size:.75rem;font-weight:500;border:1px solid #e8eaed}[data-theme=dark] .tag{background:#3c4043;color:#bdc1c6;border-color:#5f6368}.benefit-stats{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.75rem}.stat-badge{background:#f1f3f4;color:#3c4043;padding:.2rem .625rem;border-radius:100px;font-size:.75rem;font-weight:500;border:1px solid #e8eaed}[data-theme=dark] .stat-badge{background:#3c4043;color:#bdc1c6;border-color:#5f6368}.company-logos{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.company-tag{background:#f1f3f4;color:#3c4043;padding:.375rem .75rem;border-radius:6px;font-weight:500;font-size:.8125rem;border:1px solid #e8eaed}[data-theme=dark] .company-tag{background:#3c4043;color:#bdc1c6;border-color:#5f6368}.stats-banner{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:1.5rem 0;padding:1.5rem;background:#f8f9fa;border:1px solid #e8eaed;border-radius:8px}[data-theme=dark] .stats-banner{background:#292929;border-color:#3c4043}.stat-item{text-align:center}.stat-number{font-size:1.75rem;font-weight:700;color:#1a73e8;margin-bottom:.25rem}[data-theme=dark] .stat-number{color:#8ab4f8}.stat-label{font-size:.8125rem;color:#5f6368}[data-theme=dark] .stat-label{color:#9aa0a6}.process-flow{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1rem;background:var(--color-surface, #fff);border:1px solid #e8eaed;border-radius:8px;margin:1.5rem 0;overflow-x:auto}[data-theme=dark] .process-flow{border-color:#3c4043}.process-step{flex:1;min-width:180px;text-align:center;padding:1rem}.step-number{width:40px;height:40px;background:#1a73e8;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;margin:0 auto .75rem}.step-content h4{margin:.5rem 0;font-size:.9375rem;font-weight:500;color:#202124}[data-theme=dark] .step-content h4{color:#e8eaed}.step-content p{margin:0;font-size:.8125rem;color:#5f6368}[data-theme=dark] .step-content p{color:#9aa0a6}.process-arrow{font-size:1.5rem;color:#dadce0;flex-shrink:0}[data-theme=dark] .process-arrow{color:#5f6368}.explanation-box{background:var(--color-surface, #fff);border:1px solid #e8eaed;border-radius:8px;padding:1.25rem;margin:1.25rem 0}[data-theme=dark] .explanation-box{border-color:#3c4043}.code-explanation{display:flex;flex-direction:column;gap:1rem}.explanation-item{padding:1rem;border-radius:6px;border-left:3px solid #1a73e8;background:#f8f9fa}[data-theme=dark] .explanation-item{border-left-color:#8ab4f8;background:#292929}.code-line{display:block;background:#fff;border:1px solid #e8eaed;padding:.375rem .75rem;border-radius:4px;font-family:Roboto Mono,Monaco,Menlo,Consolas,monospace;font-size:.8125rem;margin-bottom:.625rem;color:#37474f}[data-theme=dark] .code-line{background:#1e1e1e;border-color:#3c4043;color:#e8eaed}.explanation-text{font-size:.875rem;line-height:1.6;color:#3c4043}[data-theme=dark] .explanation-text{color:#bdc1c6}.explanation-text strong{color:#202124;display:block;margin-bottom:.25rem}[data-theme=dark] .explanation-text strong{color:#e8eaed}.explanation-text ul{margin:.5rem 0;padding-left:1.25rem}.explanation-text li{margin-bottom:.25rem;font-size:.8125rem}.explanation-text em{display:block;margin-top:.5rem;color:#5f6368;font-style:italic;font-size:.8125rem}[data-theme=dark] .explanation-text em{color:#9aa0a6}.mistakes-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin:1.5rem 0}.mistake-card{background:var(--color-surface, #fff);border:1px solid #e8eaed;border-radius:8px;padding:1.25rem}[data-theme=dark] .mistake-card{border-color:#3c4043}.mistake-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.mistake-icon{font-size:1.125rem;color:#ea4335;display:flex;align-items:center}.mistake-header h4{margin:0;font-size:.9375rem;font-weight:500;color:#202124}[data-theme=dark] .mistake-header h4{color:#e8eaed}.mistake-example{background:#f8f9fa;padding:.75rem;border-radius:6px;margin-bottom:.5rem}[data-theme=dark] .mistake-example{background:#292929}.wrong-code,.right-code{margin:.5rem 0}.wrong-code strong{color:#ea4335;font-size:.8125rem}.right-code strong{color:#34a853;font-size:.8125rem}.wrong-code code,.right-code code{display:block;margin-top:.25rem;padding:.375rem .625rem;background:#fff;border:1px solid #e8eaed;border-radius:4px;font-family:Roboto Mono,Monaco,Menlo,Consolas,monospace;font-size:.8125rem;line-height:1.5}[data-theme=dark] .wrong-code code,[data-theme=dark] .right-code code{background:#1e1e1e;border-color:#3c4043}.mistake-note{font-size:.8125rem;color:#5f6368;margin:.5rem 0 0}[data-theme=dark] .mistake-note{color:#9aa0a6}.learning-path{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.path-stage,.path-item{display:flex;gap:1.25rem;padding:1.25rem;background:var(--color-surface, #fff);border:1px solid #e8eaed;border-radius:8px;transition:border-color .2s ease}[data-theme=dark] .path-stage,[data-theme=dark] .path-item{border-color:#3c4043}.path-stage:hover,.path-item:hover{border-color:#1a73e8}[data-theme=dark] .path-stage:hover,[data-theme=dark] .path-item:hover{border-color:#8ab4f8}.stage-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.stage-number,.path-number{flex-shrink:0;width:36px;height:36px;background:#1a73e8;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700}[data-theme=dark] .stage-number,[data-theme=dark] .path-number{background:#8ab4f8;color:#202124}.stage-header h3{margin:0;font-size:1rem;font-weight:500;color:#202124}[data-theme=dark] .stage-header h3{color:#e8eaed}.stage-topics{list-style:none;padding:0;margin:0}.stage-topics li{padding:.375rem 0;font-size:.875rem;color:#5f6368;border-bottom:1px solid #f1f3f4}[data-theme=dark] .stage-topics li{color:#9aa0a6;border-bottom-color:#3c4043}.stage-topics li:last-child{border-bottom:none}.path-content h4{margin:0 0 .5rem;font-size:.9375rem;font-weight:500;color:#202124}.path-content li{margin-bottom:.25rem;font-size:.875rem;color:#5f6368}.facts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:1.5rem 0}.fact-item{background:var(--color-surface, #fff);border:1px solid #e8eaed;border-radius:8px;padding:1.25rem;text-align:center;transition:border-color .2s ease}[data-theme=dark] .fact-item{border-color:#3c4043}.fact-item:hover{border-color:#1a73e8}[data-theme=dark] .fact-item:hover{border-color:#8ab4f8}.fact-item h4{margin:0 0 .5rem;font-size:.8125rem;font-weight:500;color:#5f6368}[data-theme=dark] .fact-item h4{color:#9aa0a6}.fact-item p{margin:0;font-size:.9375rem;font-weight:600;color:#202124}[data-theme=dark] .fact-item p{color:#e8eaed}.comparison-table-wrapper,.comparison-table-section{overflow-x:auto;margin:1.5rem 0;border-radius:8px;border:1px solid #e8eaed}[data-theme=dark] .comparison-table-wrapper,[data-theme=dark] .comparison-table-section{border-color:#3c4043}.comparison-table,.comparison-table table{width:100%;border-collapse:collapse;background:var(--color-surface, #fff)}.comparison-table th,.comparison-table td,.comparison-table table th,.comparison-table table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e8eaed;font-size:.875rem}[data-theme=dark] .comparison-table th,[data-theme=dark] .comparison-table td,[data-theme=dark] .comparison-table table th,[data-theme=dark] .comparison-table table td{border-bottom-color:#3c4043}.comparison-table th,.comparison-table table th{background:#f8f9fa;font-weight:500;color:#202124}[data-theme=dark] .comparison-table th,[data-theme=dark] .comparison-table table th{background:#292929;color:#e8eaed}.comparison-table thead,.comparison-table table thead{background:#f8f9fa}[data-theme=dark] .comparison-table thead,[data-theme=dark] .comparison-table table thead{background:#292929}.comparison-table td,.comparison-table table td{color:#3c4043}[data-theme=dark] .comparison-table td,[data-theme=dark] .comparison-table table td{color:#bdc1c6}.comparison-table tr:last-child td,.comparison-table table tr:last-child td{border-bottom:none}.comparison-table tr:hover td,.comparison-table table tr:hover td{background:#f8f9fa}[data-theme=dark] .comparison-table tr:hover td,[data-theme=dark] .comparison-table table tr:hover td{background:#3c4043}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin:1.5rem 0}.comparison-card{background:var(--color-surface, #fff);border:1px solid #e8eaed;border-radius:8px;padding:1.25rem;position:relative}[data-theme=dark] .comparison-card{border-color:#3c4043}.card-badge{position:absolute;top:-10px;right:12px;background:#1a73e8;color:#fff;padding:.2rem .625rem;border-radius:100px;font-size:.6875rem;font-weight:500}[data-theme=dark] .card-badge{background:#8ab4f8;color:#202124}.comparison-card h3{font-size:1.5rem;font-weight:700;margin:.5rem 0 .25rem;color:#1a73e8}[data-theme=dark] .comparison-card h3{color:#8ab4f8}.comparison-card h4{font-size:.875rem;font-weight:400;margin:0 0 .75rem;color:#5f6368}[data-theme=dark] .comparison-card h4{color:#9aa0a6}.card-features h5{margin:.75rem 0 .375rem;font-weight:500;font-size:.8125rem;color:#202124}[data-theme=dark] .card-features h5{color:#e8eaed}.card-features ul{margin:0;padding-left:0;list-style:none}.card-features li{margin-bottom:.25rem;font-size:.8125rem;color:#3c4043}[data-theme=dark] .card-features li{color:#bdc1c6}.prerequisites-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin:1.5rem 0}.prereq-card{background:var(--color-surface, #fff);border:1px solid #e8eaed;border-radius:8px;padding:1.25rem}[data-theme=dark] .prereq-card{border-color:#3c4043}.prereq-icon{font-size:1.5rem;margin-bottom:.5rem;color:#5f6368;display:flex;align-items:center}[data-theme=dark] .prereq-icon{color:#9aa0a6}.prereq-card h4{margin:0 0 .5rem;font-size:.9375rem;font-weight:500;color:#202124}[data-theme=dark] .prereq-card h4{color:#e8eaed}.prereq-card ul{text-align:left;padding-left:1.25rem;margin:0}.prereq-card li{font-size:.8125rem;color:#5f6368}[data-theme=dark] .prereq-card li{color:#9aa0a6}.version-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin:1.5rem 0}.version-card{background:var(--color-surface, #fff);border:1px solid #e8eaed;border-radius:8px;padding:1.25rem;position:relative}[data-theme=dark] .version-card{border-color:#3c4043}.version-card.recommended{border-color:#34a853}[data-theme=dark] .version-card.recommended{border-color:#81c995}.version-badge{position:absolute;top:-10px;right:12px;background:#34a853;color:#fff;padding:.2rem .625rem;border-radius:100px;font-size:.6875rem;font-weight:500}.version-card h3{font-size:1.25rem;font-weight:600;margin:.375rem 0;color:#202124}[data-theme=dark] .version-card h3{color:#e8eaed}.version-status{font-size:.8125rem;color:#5f6368;margin-bottom:.75rem}[data-theme=dark] .version-status{color:#9aa0a6}.version-details p{margin:.25rem 0;font-size:.8125rem;color:#3c4043}[data-theme=dark] .version-details p{color:#bdc1c6}.download-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin:1.5rem 0}.download-card{background:var(--color-surface, #fff);border:1px solid #e8eaed;border-radius:8px;padding:1.5rem;position:relative;text-align:center}[data-theme=dark] .download-card{border-color:#3c4043}.download-card.featured{border-color:#1a73e8}[data-theme=dark] .download-card.featured{border-color:#8ab4f8}.featured-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#1a73e8;color:#fff;padding:.2rem .75rem;border-radius:100px;font-size:.6875rem;font-weight:500;white-space:nowrap}[data-theme=dark] .featured-badge{background:#8ab4f8;color:#202124}.download-icon{font-size:2.5rem;margin-bottom:.75rem;color:#5f6368;display:flex;align-items:center;justify-content:center}[data-theme=dark] .download-icon{color:#9aa0a6}.download-card h3{margin:.375rem 0;font-size:1.25rem;font-weight:600;color:#202124}[data-theme=dark] .download-card h3{color:#e8eaed}.download-type{font-size:.8125rem;color:#5f6368;margin-bottom:.75rem}[data-theme=dark] .download-type{color:#9aa0a6}.download-features{text-align:left;margin:1rem 0}.download-features li{font-size:.8125rem;margin-bottom:.25rem;color:#3c4043}[data-theme=dark] .download-features li{color:#bdc1c6}.download-button{display:inline-block;background:#1a73e8;color:#fff!important;padding:.5rem 1.25rem;border-radius:4px;text-decoration:none!important;font-weight:500;font-size:.875rem;margin:.75rem 0 .375rem;transition:background .2s ease}.download-button:hover{background:#1557b0}[data-theme=dark] .download-button{background:#8ab4f8;color:#202124!important}[data-theme=dark] .download-button:hover{background:#aecbfa}.download-button.primary{background:#1a73e8}.download-note{font-size:.75rem;color:#5f6368;font-style:italic;margin-top:.375rem}[data-theme=dark] .download-note{color:#9aa0a6}.os-installation-card{background:var(--color-surface, #fff);border:1px solid #e8eaed;border-radius:8px;margin:1.5rem 0;overflow:hidden}[data-theme=dark] .os-installation-card{border-color:#3c4043}.os-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid #e8eaed;background:#f8f9fa}[data-theme=dark] .os-header{background:#292929;border-bottom-color:#3c4043}.os-header.windows,.os-header.macos,.os-header.linux{background:#f8f9fa;color:#202124}[data-theme=dark] .os-header.windows,[data-theme=dark] .os-header.macos,[data-theme=dark] .os-header.linux{background:#292929;color:#e8eaed}.os-icon{font-size:1.5rem;display:flex;align-items:center}.os-header h3{margin:0;font-size:1rem;font-weight:500;color:#202124}[data-theme=dark] .os-header h3{color:#e8eaed}.os-content{padding:1.25rem}.installation-steps{counter-reset:step-counter;list-style:none;padding:0}.installation-steps li{counter-increment:step-counter;position:relative;padding-left:2.5rem;margin-bottom:1.5rem}.installation-steps li:before{content:counter(step-counter);position:absolute;left:0;top:0;width:28px;height:28px;background:#1a73e8;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8125rem}[data-theme=dark] .installation-steps li:before{background:#8ab4f8;color:#202124}.installation-steps li strong{display:block;margin-bottom:.25rem;color:#202124;font-size:.9375rem;font-weight:500}[data-theme=dark] .installation-steps li strong{color:#e8eaed}.installation-steps li p{margin:0;font-size:.875rem;line-height:1.5;color:#5f6368}[data-theme=dark] .installation-steps li p{color:#9aa0a6}.important-note{background:#fef7e0;border:1px solid #f9e39c;padding:.75rem 1rem;margin:1rem 0;border-radius:6px;font-size:.875rem;color:#3c4043}[data-theme=dark] .important-note{background:#3d3523;border-color:#5c4b2a;color:#bdc1c6}.warning{background:#fce8e6;border:1px solid #f5c6c2;padding:.75rem 1rem;margin:1rem 0;border-radius:6px;font-size:.875rem;color:#3c4043}[data-theme=dark] .warning{background:#3d2323;border-color:#5c2a2a;color:#bdc1c6}.success{background:#e6f4ea;border:1px solid #ceead6;padding:.75rem 1rem;margin:1rem 0;border-radius:6px;font-size:.875rem;color:#3c4043}[data-theme=dark] .success{background:#233d2a;border-color:#2a5c35;color:#bdc1c6}.tip{background:#e8f0fe;border:1px solid #d2e3fc;padding:.75rem 1rem;margin:1rem 0;border-radius:6px;font-size:.875rem;color:#3c4043}[data-theme=dark] .tip{background:#1a3a5c;border-color:#2d4a6f;color:#bdc1c6}.env-setup-container{margin:1.5rem 0}.env-step{background:var(--color-surface, #fff);border:1px solid #e8eaed;border-radius:8px;padding:1.25rem;margin-bottom:1rem;display:flex;gap:1.25rem}[data-theme=dark] .env-step{border-color:#3c4043}.ide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin:1.5rem 0;width:100%}.ide-card{background:var(--color-surface, #fff);border:1px solid #e8eaed;border-radius:8px;padding:1.25rem;position:relative;transition:border-color .2s ease;box-sizing:border-box}[data-theme=dark] .ide-card{border-color:#3c4043}.ide-card:hover{border-color:#1a73e8}[data-theme=dark] .ide-card:hover{border-color:#8ab4f8}.ide-card.featured{border-color:#1a73e8}[data-theme=dark] .ide-card.featured{border-color:#8ab4f8}.ide-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#34a853;color:#fff;padding:.2rem .625rem;border-radius:100px;font-size:.6875rem;font-weight:500;white-space:nowrap}.ide-icon{font-size:2rem;margin-bottom:.5rem;color:#5f6368;display:flex;align-items:center;justify-content:center}[data-theme=dark] .ide-icon{color:#9aa0a6}.ide-card h3{margin:.375rem 0;font-size:1.125rem;font-weight:600;color:#202124}[data-theme=dark] .ide-card h3{color:#e8eaed}.ide-type{font-size:.8125rem;color:#5f6368;margin-bottom:.75rem}[data-theme=dark] .ide-type{color:#9aa0a6}.ide-features{text-align:left;margin:1rem 0}.ide-features h5{margin:0 0 .5rem;font-size:.8125rem;font-weight:500;color:#202124}[data-theme=dark] .ide-features h5{color:#e8eaed}.ide-features ul{margin:0;padding-left:0;list-style:none}.ide-features li{margin-bottom:.25rem;font-size:.8125rem;color:#3c4043}[data-theme=dark] .ide-features li{color:#bdc1c6}.ide-info{text-align:left;margin:.75rem 0}.ide-info p{margin:.25rem 0;font-size:.8125rem;color:#5f6368}[data-theme=dark] .ide-info p{color:#9aa0a6}.ide-download-btn,.ide-link{display:inline-block;background:#1a73e8;color:#fff!important;padding:.5rem 1rem;border-radius:4px;text-decoration:none!important;font-weight:500;font-size:.875rem;margin:.5rem 0 .25rem;transition:background .2s ease}.ide-download-btn:hover,.ide-link:hover{background:#1557b0}[data-theme=dark] .ide-download-btn,[data-theme=dark] .ide-link{background:#8ab4f8;color:#202124!important}[data-theme=dark] .ide-download-btn:hover,[data-theme=dark] .ide-link:hover{background:#aecbfa}.ide-note{font-size:.75rem;color:#5f6368;font-style:italic;margin-top:.5rem}[data-theme=dark] .ide-note{color:#9aa0a6}.troubleshooting-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin:1.5rem 0}.troubleshooting-card,.troubleshooting-box{background:var(--color-surface, #fff);border:1px solid #e8eaed;border-radius:8px;padding:1.25rem;width:100%;box-sizing:border-box}[data-theme=dark] .troubleshooting-card,[data-theme=dark] .troubleshooting-box{border-color:#3c4043}.error-icon{font-size:1.25rem;margin-bottom:.5rem;color:#ea4335;display:flex;align-items:center}.troubleshooting-card h4{margin:.25rem 0 .75rem;font-size:.9375rem;font-weight:500;color:#202124}[data-theme=dark] .troubleshooting-card h4{color:#e8eaed}.troubleshooting-box h4{margin-top:0;font-size:.9375rem;font-weight:500;color:#f57c00}[data-theme=dark] .troubleshooting-box h4{color:#ffb74d}.error-description{margin-bottom:.75rem}.error-description p{margin:0;font-size:.875rem;color:#5f6368}[data-theme=dark] .error-description p{color:#9aa0a6}.solution{background:#f8f9fa;padding:.75rem 1rem;border-radius:6px}[data-theme=dark] .solution{background:#292929}.solution h5{margin:0 0 .5rem;font-weight:500;font-size:.8125rem;color:#1a73e8}[data-theme=dark] .solution h5{color:#8ab4f8}.solution ol{margin:0;padding-left:1.25rem}.solution li{margin-bottom:.5rem;font-size:.8125rem;color:#3c4043}[data-theme=dark] .solution li{color:#bdc1c6}.troubleshooting-quick{background:#fef7e0;border:1px solid #f9e39c;border-radius:8px;padding:1.25rem;margin:1.5rem 0}[data-theme=dark] .troubleshooting-quick{background:#3d3523;border-color:#5c4b2a}.troubleshooting-quick h4{margin:0 0 .75rem;font-size:.9375rem;font-weight:500;color:#202124}[data-theme=dark] .troubleshooting-quick h4{color:#e8eaed}.quick-fixes{display:flex;flex-direction:column;gap:.5rem}.fix-item{background:#fff;border:1px solid #dadce0;padding:.75rem 1rem;border-radius:6px}[data-theme=dark] .fix-item{background:#292929;border-color:#3c4043}.fix-item strong{display:block;margin-bottom:.25rem;font-size:.875rem;color:#ea4335}.fix-item p{margin:0;font-size:.8125rem;color:#5f6368}[data-theme=dark] .fix-item p{color:#9aa0a6}.expected-output-section{background:var(--color-surface, #fff);border:1px solid #e8eaed;border-radius:8px;padding:1.25rem;margin:1.5rem 0}[data-theme=dark] .expected-output-section{border-color:#3c4043}.expected-output-section h4{margin:0 0 .75rem;font-size:.9375rem;font-weight:500;color:#34a853}[data-theme=dark] .expected-output-section h4{color:#81c995}.success-message{background:#e6f4ea;border:1px solid #ceead6;padding:.75rem 1rem;margin-top:.75rem;border-radius:6px;font-size:.875rem}[data-theme=dark] .success-message{background:#233d2a;border-color:#2a5c35}.test-program-steps{margin:1.5rem 0}.test-step{background:var(--color-surface, #fff);border:1px solid #e8eaed;border-radius:8px;padding:1.25rem;margin-bottom:1rem}[data-theme=dark] .test-step{border-color:#3c4043}.test-step h4{margin:0 0 .75rem;font-size:.9375rem;font-weight:500;color:#1a73e8}[data-theme=dark] .test-step h4{color:#8ab4f8}.help-box{background:var(--color-surface, #fff);border:1px solid #1a73e8;border-radius:8px;padding:1.25rem;margin:1.5rem 0}[data-theme=dark] .help-box{border-color:#8ab4f8}.help-box h4{margin:0 0 .75rem;font-size:.9375rem;font-weight:500;color:#1a73e8}[data-theme=dark] .help-box h4{color:#8ab4f8}.help-box ul{margin:.5rem 0}.help-box li{font-size:.875rem;color:#3c4043}[data-theme=dark] .help-box li{color:#bdc1c6}.next-steps-container{background:var(--color-surface, #fff);border:1px solid #e8eaed;border-radius:8px;padding:1.5rem;margin:1.5rem 0}[data-theme=dark] .next-steps-container{border-color:#3c4043}.next-steps-container h3{margin:0 0 1rem;font-size:1.125rem;font-weight:500;color:#202124}[data-theme=dark] .next-steps-container h3{color:#e8eaed}.next-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.next-step-card{text-align:center;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e8eaed}[data-theme=dark] .next-step-card{background:#292929;border-color:#3c4043}.next-step-number{width:36px;height:36px;background:#1a73e8;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;margin:0 auto .5rem}[data-theme=dark] .next-step-number{background:#8ab4f8;color:#202124}.next-step-card h4{margin:.25rem 0;font-size:.9375rem;font-weight:500;color:#202124}[data-theme=dark] .next-step-card h4{color:#e8eaed}.next-step-card p{margin:0;font-size:.8125rem;color:#5f6368}[data-theme=dark] .next-step-card p{color:#9aa0a6}.cta-box{background:#e8f0fe;border:1px solid #d2e3fc;border-radius:8px;padding:1.5rem;text-align:center;margin:1.5rem 0}[data-theme=dark] .cta-box{background:#1a3a5c;border-color:#2d4a6f}.cta-box h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:500;color:#1a73e8}[data-theme=dark] .cta-box h3{color:#8ab4f8}.cta-box p{margin:0;font-size:.9375rem;color:#5f6368}[data-theme=dark] .cta-box p{color:#9aa0a6}.next-topics{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.5rem 0}.next-topic-card{background:var(--color-surface, #fff);border:1px solid #e8eaed;border-radius:8px;padding:1.25rem;transition:border-color .2s ease}[data-theme=dark] .next-topic-card{border-color:#3c4043}.next-topic-card:hover{border-color:#1a73e8}[data-theme=dark] .next-topic-card:hover{border-color:#8ab4f8}.next-topic-card h4{margin:0 0 .375rem;font-size:.9375rem;font-weight:500;color:#202124}[data-theme=dark] .next-topic-card h4{color:#e8eaed}.next-topic-card p{margin:0;font-size:.8125rem;color:#5f6368}[data-theme=dark] .next-topic-card p{color:#9aa0a6}.numbered-steps{counter-reset:step-counter;list-style:none;padding-left:0;width:100%}.numbered-steps>li{counter-increment:step-counter;position:relative;padding-left:2.5rem;margin-bottom:1.25rem;word-wrap:break-word}.numbered-steps>li:before{content:counter(step-counter);position:absolute;left:0;top:0;width:1.75rem;height:1.75rem;background:#1a73e8;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8125rem;flex-shrink:0}[data-theme=dark] .numbered-steps>li:before{background:#8ab4f8;color:#202124}.os-section{background:var(--color-surface, #fff);border:1px solid #e8eaed;padding:1.25rem;border-radius:8px;margin:1.25rem 0;width:100%;box-sizing:border-box}[data-theme=dark] .os-section{border-color:#3c4043}.os-section h4{margin-top:0;font-size:.9375rem;font-weight:500;color:#1a73e8}[data-theme=dark] .os-section h4{color:#8ab4f8}.code-block-wrapper{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;margin:1rem 0}.code-pre{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}@media(max-width:1024px){.hero-section{padding:0 0 1.5rem}}@media(max-width:768px){.hero-title{font-size:1.75rem}.hero-subtitle{font-size:.95rem}.content-section h2{font-size:1.25rem}.content-section h3{font-size:1.0625rem}.features-grid,.usage-cards,.benefits-grid,.mistakes-container,.facts-grid,.next-topics,.prerequisites-grid,.comparison-grid,.version-cards,.download-options,.ide-grid,.troubleshooting-grid,.next-steps-grid{grid-template-columns:1fr}.process-flow{flex-direction:column;gap:.75rem;padding:1.25rem}.process-arrow{transform:rotate(90deg);padding:.25rem 0}.process-step{min-width:auto}.learning-path .path-stage,.learning-path .path-item,.env-step,.callout-box,.highlight-box{flex-direction:column}.try-command{flex-direction:column;align-items:flex-start;gap:.25rem}.stats-banner{grid-template-columns:repeat(2,1fr)}.info-box,.tips-box,.try-it-section,.try-it-box,.os-section,.troubleshooting-box{padding:1rem}.code-block-wrapper{margin:.75rem 0}}@media(max-width:480px){.hero-title{font-size:1.5rem}.content-section h2{font-size:1.15rem}.stats-banner{grid-template-columns:1fr}.stat-number{font-size:1.5rem}.step-number,.stage-number,.path-number{width:32px;height:32px;font-size:.875rem}.comparison-table th,.comparison-table td,.comparison-table table th,.comparison-table table td{padding:.5rem .625rem;font-size:.8125rem}}:root{--python-blue: #3776AB;--python-blue-light: #4B8BBE;--python-blue-dark: #2B5F8A;--python-yellow: #FFD43B;--python-yellow-light: #FFE873;--python-yellow-dark: #E5B800;--python-bg-light: #FAFBFC;--python-bg-dark: #0D1117;--python-card-bg: #FFFFFF;--python-card-border: #E1E4E8;--python-text-primary: #24292F;--python-text-secondary: #57606A;--python-text-muted: #8B949E;--python-success: #2DA44E;--python-info: #0969DA;--python-warning: #BF8700;--python-error: #CF222E;--python-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--python-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--python-shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--python-radius-sm: 6px;--python-radius-md: 10px;--python-radius-lg: 16px}[data-theme=dark]{--python-bg-light: #161B22;--python-card-bg: #21262D;--python-card-border: #30363D;--python-text-primary: #E6EDF3;--python-text-secondary: #8B949E;--python-text-muted: #6E7681}.python-tutorial-page{max-width:100%;padding:0}.python-hero-minimal{padding:0 0 2rem;margin-bottom:1.5rem;border-bottom:1px solid #e8eaed}[data-theme=dark] .python-hero-minimal{border-bottom-color:#3c4043}.python-hero-title{font-size:2rem;font-weight:400;line-height:1.3;color:#202124;margin:0 0 .75rem}[data-theme=dark] .python-hero-title{color:#e8eaed}.python-hero-title .highlight{color:#3776ab}[data-theme=dark] .python-hero-title .highlight{color:#4b8bbe}.python-hero-title .highlight-yellow{color:#e5b800}[data-theme=dark] .python-hero-title .highlight-yellow{color:#ffd43b}.python-hero-description{font-size:1rem;line-height:1.6;color:#5f6368;margin:0;max-width:600px}[data-theme=dark] .python-hero-description{color:#9aa0a6}.python-content-section{margin-bottom:3rem}.python-content-section h2{font-size:1.5rem;font-weight:400;color:var(--python-text-primary);margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--python-blue)}.python-content-section h3{font-size:1.25rem;font-weight:500;color:var(--python-text-primary);margin:2rem 0 1rem}.python-content-section p{font-size:1rem;line-height:1.7;color:var(--python-text-secondary);margin:0 0 1rem}.python-callout{padding:1.25rem 1.5rem;border-radius:var(--python-radius-md);margin:1.5rem 0;position:relative}.python-callout-icon{font-size:1.5rem;margin-right:.75rem;flex-shrink:0}.python-callout-title{font-weight:600;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.python-callout-content{font-size:.95rem;line-height:1.6}.python-callout-info{background:linear-gradient(135deg,#e8f4fd,#d5ebf9);border-left:4px solid var(--python-info)}[data-theme=dark] .python-callout-info{background:linear-gradient(135deg,#0969da26,#0969da14)}.python-callout-info .python-callout-title{color:var(--python-info)}.python-callout-tip{background:linear-gradient(135deg,#e6f9ed,#d3f4e0);border-left:4px solid var(--python-success)}[data-theme=dark] .python-callout-tip{background:linear-gradient(135deg,#2da44e26,#2da44e14)}.python-callout-tip .python-callout-title{color:var(--python-success)}.python-callout-warning{background:linear-gradient(135deg,#fff8e6,#fff3cd);border-left:4px solid var(--python-warning)}[data-theme=dark] .python-callout-warning{background:linear-gradient(135deg,#bf870026,#bf870014)}.python-callout-warning .python-callout-title{color:var(--python-warning)}.python-callout-danger{background:linear-gradient(135deg,#fde8e8,#f8d0d0);border-left:4px solid var(--python-error)}[data-theme=dark] .python-callout-danger{background:linear-gradient(135deg,#cf222e26,#cf222e14)}.python-callout-danger .python-callout-title{color:var(--python-error)}.python-callout-python{background:linear-gradient(135deg,#e8f0f7,#d5e5f2);border-left:4px solid var(--python-blue)}[data-theme=dark] .python-callout-python{background:linear-gradient(135deg,#3776ab26,#3776ab14)}.python-callout-python .python-callout-title{color:var(--python-blue)}.python-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.python-feature-card{background:var(--python-card-bg);border:1px solid var(--python-card-border);border-radius:var(--python-radius-md);padding:1.5rem;transition:all .2s ease}.python-feature-card:hover{border-color:var(--python-blue);box-shadow:var(--python-shadow-md);transform:translateY(-2px)}.python-feature-icon{font-size:2rem;margin-bottom:1rem}.python-feature-title{font-size:1.1rem;font-weight:600;color:var(--python-text-primary);margin-bottom:.5rem}.python-feature-description{font-size:.9rem;color:var(--python-text-secondary);line-height:1.5}.python-code-example{margin:1.5rem 0;border-radius:var(--python-radius-md);overflow:hidden;border:1px solid var(--python-card-border)}.python-code-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:linear-gradient(135deg,#3776ab,#2b5f8a);color:#fff}.python-code-title{font-size:.9rem;font-weight:500}.python-code-badge{background:#fff3;padding:.25rem .75rem;border-radius:100px;font-size:.75rem}.python-code-body{background:#1e1e1e;padding:1rem}.python-code-body pre{margin:0;color:#d4d4d4;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.875rem;line-height:1.6;overflow-x:auto}.python-code-body .keyword{color:#569cd6}.python-code-body .string{color:#ce9178}.python-code-body .comment{color:#6a9955}.python-code-body .function{color:#dcdcaa}.python-code-body .number{color:#b5cea8}.python-code-output{background:#0d1117;border-top:1px solid #30363D;padding:1rem}.python-code-output-label{font-size:.75rem;color:#8b949e;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.python-code-output pre{margin:0;color:#4ec9b0;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.875rem}.python-table-container{overflow-x:auto;margin:1.5rem 0}.python-table{width:100%;border-collapse:collapse;font-size:.9rem}.python-table th{background:linear-gradient(135deg,#3776ab,#2b5f8a);color:#fff;padding:.875rem 1rem;text-align:left;font-weight:600}.python-table td{padding:.75rem 1rem;border-bottom:1px solid var(--python-card-border);color:var(--python-text-secondary)}.python-table tbody tr:hover{background:#3776ab0d}[data-theme=dark] .python-table tbody tr:hover{background:#3776ab1a}.python-table code{background:#3776ab1a;padding:.125rem .375rem;border-radius:4px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.85em;color:var(--python-blue)}[data-theme=dark] .python-table code{background:#3776ab33;color:var(--python-blue-light)}.python-learning-path{margin:2rem 0}.python-learning-step{display:flex;gap:1.25rem;margin-bottom:1.5rem;position:relative}.python-learning-step:not(:last-child):after{content:"";position:absolute;left:1.25rem;top:3rem;bottom:-.5rem;width:2px;background:linear-gradient(to bottom,var(--python-blue),transparent)}.python-step-number{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,var(--python-blue) 0%,var(--python-blue-dark) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0;z-index:1}.python-step-content{flex:1;padding-top:.25rem}.python-step-title{font-size:1.1rem;font-weight:600;color:var(--python-text-primary);margin-bottom:.5rem}.python-step-description{font-size:.95rem;color:var(--python-text-secondary);line-height:1.6}.python-takeaways{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:var(--python-radius-lg);padding:2rem;margin:2rem 0;border:1px solid #bae6fd}[data-theme=dark] .python-takeaways{background:linear-gradient(135deg,#3776ab1a,#3776ab0d);border-color:#3776ab4d}.python-takeaways-title{font-size:1.25rem;font-weight:600;color:var(--python-blue);margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.python-takeaways-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.python-takeaways-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.95rem;line-height:1.5;color:var(--python-text-secondary)}.python-takeaways-item:before{content:"🐍";flex-shrink:0}.python-try-it{background:var(--python-card-bg);border:2px solid var(--python-blue);border-radius:var(--python-radius-md);padding:1.5rem;margin:2rem 0}.python-try-it-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:var(--python-blue);font-weight:600;font-size:1.1rem}.python-try-it-icon{font-size:1.5rem}.python-syntax-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.python-syntax-card{background:var(--python-card-bg);border:1px solid var(--python-card-border);border-radius:var(--python-radius-md);overflow:hidden}.python-syntax-header{padding:.75rem 1rem;font-weight:600;font-size:.9rem}.python-syntax-header.python{background:linear-gradient(135deg,#3776ab,#2b5f8a);color:#fff}.python-syntax-header.other{background:#f1f5f9;color:#475569}[data-theme=dark] .python-syntax-header.other{background:#1e293b;color:#94a3b8}.python-syntax-body{padding:1rem;background:#1e1e1e}.python-syntax-body pre{margin:0;color:#d4d4d4;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.85rem;line-height:1.6}.python-list{padding-left:0;list-style:none;margin:1rem 0}.python-list li{padding:.5rem 0 .5rem 2rem;position:relative;color:var(--python-text-secondary);line-height:1.6}.python-list li:before{content:"▸";position:absolute;left:.5rem;color:var(--python-blue);font-weight:700}.python-list-numbered{counter-reset:python-counter;padding-left:0;list-style:none;margin:1rem 0}.python-list-numbered li{counter-increment:python-counter;padding:.5rem 0 .5rem 3rem;position:relative;color:var(--python-text-secondary);line-height:1.6}.python-list-numbered li:before{content:counter(python-counter);position:absolute;left:0;width:2rem;height:2rem;background:var(--python-blue);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;top:.35rem}.python-inline-code{background:#3776ab1a;color:var(--python-blue);padding:.125rem .4rem;border-radius:4px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.9em}[data-theme=dark] .python-inline-code{background:#3776ab33;color:var(--python-blue-light)}.python-quote{border-left:4px solid var(--python-blue);padding:1rem 1.5rem;margin:1.5rem 0;background:#3776ab0d;font-style:italic;color:var(--python-text-secondary)}.python-quote-author{margin-top:.75rem;font-style:normal;font-weight:600;color:var(--python-blue);font-size:.9rem}@media(max-width:768px){.python-hero-title{font-size:1.5rem}.python-features-grid,.python-syntax-comparison{grid-template-columns:1fr}.python-table{font-size:.8rem}.python-table th,.python-table td{padding:.5rem .75rem}}@keyframes pythonPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.python-animated-icon{animation:pythonPulse 2s ease-in-out infinite}.python-nav-buttons{display:flex;justify-content:space-between;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--python-card-border);gap:1rem}.python-nav-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--python-blue);color:#fff;border:none;border-radius:var(--python-radius-sm);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.python-nav-button:hover{background:var(--python-blue-dark);transform:translateY(-1px)}.python-nav-button.prev{background:transparent;color:var(--python-blue);border:1px solid var(--python-blue)}.python-nav-button.prev:hover{background:var(--python-blue);color:#fff}@media(max-width:480px){.python-nav-buttons{flex-direction:column}.python-nav-button{width:100%;justify-content:center}}.sql-code-block-wrapper{border-radius:8px;overflow:hidden;margin:1.25rem 0;border:1px solid #e8eaed;background:#fff}[data-theme=dark] .sql-code-block-wrapper{border-color:#3c4043;background:#1e1e1e}.sql-code-block-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem;background:#f8f9fa;border-bottom:1px solid #e8eaed}[data-theme=dark] .sql-code-block-header{background:#252526;border-color:#3c4043}.sql-code-language{font-size:.75rem;font-weight:600;color:#1a73e8;text-transform:uppercase;letter-spacing:.5px}[data-theme=dark] .sql-code-language{color:#8ab4f8}.sql-code-copy-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:#5f6368;background:transparent;border:1px solid #dadce0;border-radius:4px;cursor:pointer;transition:all .2s ease}.sql-code-copy-btn:hover{background:#e8f0fe;border-color:#1a73e8;color:#1a73e8}[data-theme=dark] .sql-code-copy-btn{color:#9aa0a6;border-color:#5f6368}[data-theme=dark] .sql-code-copy-btn:hover{background:#8ab4f826;border-color:#8ab4f8;color:#8ab4f8}.sql-code-pre{margin:0;padding:1rem;overflow-x:auto;font-family:Fira Code,Monaco,Menlo,Consolas,monospace;font-size:.875rem;line-height:1.6;color:#37474f}[data-theme=dark] .sql-code-pre{color:#e8eaed}.sql-keyword{color:#1a73e8;font-weight:600}[data-theme=dark] .sql-keyword{color:#8ab4f8}.sql-string{color:#34a853}[data-theme=dark] .sql-string{color:#81c995}.sql-number{color:#f4511e}[data-theme=dark] .sql-number{color:#f28b82}.sql-comment{color:#9aa0a6;font-style:italic}.sql-table{color:#7c4dff}[data-theme=dark] .sql-table{color:#b388ff}.sql-code-output{border-top:1px solid #e8eaed}[data-theme=dark] .sql-code-output{border-color:#3c4043}.sql-code-output-header{padding:.5rem 1rem;font-size:.75rem;font-weight:600;color:#34a853;background:#34a85314;text-transform:uppercase;letter-spacing:.5px}[data-theme=dark] .sql-code-output-header{background:#81c9951a;color:#81c995}.sql-code-output-content{margin:0;padding:1rem;font-family:Fira Code,Monaco,Menlo,Consolas,monospace;font-size:.875rem;line-height:1.6;color:#37474f;background:#34a85308}[data-theme=dark] .sql-code-output-content{color:#e8eaed;background:#81c9950d}.sql-table-container{margin:1.5rem 0;border-radius:8px;overflow:hidden;border:1px solid #e8eaed;background:#fff}[data-theme=dark] .sql-table-container{border-color:#3c4043;background:#1e1e1e}.sql-table-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#1a73e8,#1557b0);color:#fff}.sql-table-icon{font-size:1.125rem}.sql-table-name{font-weight:600;font-size:.9375rem;font-family:Fira Code,Monaco,monospace}.sql-table-count{font-size:.75rem;opacity:.85;margin-left:auto}.sql-table-wrapper{overflow-x:auto}.sql-table{width:100%;border-collapse:collapse;font-size:.875rem}.sql-table-caption{padding:.5rem;font-size:.8125rem;color:#5f6368;text-align:left;caption-side:bottom;border-top:1px solid #e8eaed}[data-theme=dark] .sql-table-caption{color:#9aa0a6;border-color:#3c4043}.sql-table th{padding:.75rem 1rem;text-align:left;background:#f8f9fa;border-bottom:2px solid #e8eaed;font-weight:600;color:#202124;white-space:nowrap}[data-theme=dark] .sql-table th{background:#292929;border-color:#3c4043;color:#e8eaed}.sql-table th.primary-key{background:#1a73e814}[data-theme=dark] .sql-table th.primary-key{background:#8ab4f81a}.sql-table th.foreign-key{background:#7c4dff14}[data-theme=dark] .sql-table th.foreign-key{background:#b388ff1a}.sql-column-header{display:flex;align-items:center;gap:.5rem}.sql-column-name{font-family:Fira Code,Monaco,monospace}.sql-key-badge{display:inline-flex;align-items:center;justify-content:center;padding:.125rem .375rem;font-size:.625rem;font-weight:700;border-radius:3px;text-transform:uppercase}.sql-key-badge.pk{background:#1a73e8;color:#fff}.sql-key-badge.fk{background:#7c4dff;color:#fff}.sql-column-type{display:block;margin-top:.25rem;font-size:.6875rem;font-weight:400;color:#9aa0a6;font-family:Fira Code,Monaco,monospace}.sql-table td{padding:.625rem 1rem;border-bottom:1px solid #e8eaed;color:#37474f}[data-theme=dark] .sql-table td{border-color:#3c4043;color:#e8eaed}.sql-table tbody tr:hover{background:#1a73e80a}[data-theme=dark] .sql-table tbody tr:hover{background:#8ab4f814}.sql-table tbody tr.highlighted{background:#1a73e81a}[data-theme=dark] .sql-table tbody tr.highlighted{background:#8ab4f826}.sql-table tbody tr.highlighted td{font-weight:500}.sql-table tbody tr:last-child td{border-bottom:none}.sql-null-value{color:#9aa0a6;font-style:italic;font-size:.75rem}@media(max-width:768px){.sql-table th,.sql-table td{padding:.5rem .75rem;font-size:.8125rem}}:root{--sql-blue: #1a73e8;--sql-blue-light: #4285f4;--sql-blue-dark: #1557b0;--sql-bg-light: #FAFBFC;--sql-bg-dark: #0D1117;--sql-card-bg: #FFFFFF;--sql-card-border: #E1E4E8;--sql-text-primary: #24292F;--sql-text-secondary: #57606A;--sql-text-muted: #8B949E;--sql-success: #2DA44E;--sql-info: #0969DA;--sql-warning: #BF8700;--sql-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--sql-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--sql-shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--sql-radius-sm: 6px;--sql-radius-md: 10px;--sql-radius-lg: 16px}[data-theme=dark]{--sql-bg-light: #161B22;--sql-card-bg: #21262D;--sql-card-border: #30363D;--sql-text-primary: #E6EDF3;--sql-text-secondary: #8B949E;--sql-text-muted: #6E7681}.sql-intro-page{max-width:100%;padding:0}.sql-hero-minimal{padding:0 0 2rem;margin-bottom:1.5rem;border-bottom:1px solid #e8eaed}[data-theme=dark] .sql-hero-minimal{border-bottom-color:#3c4043}.sql-hero-title{font-size:2rem;font-weight:400;line-height:1.3;color:#202124;margin:0 0 .75rem}[data-theme=dark] .sql-hero-title{color:#e8eaed}.sql-hero-title .highlight{color:#1a73e8}[data-theme=dark] .sql-hero-title .highlight{color:#8ab4f8}.sql-hero-description{font-size:1rem;line-height:1.6;color:#5f6368;margin:0;max-width:600px}[data-theme=dark] .sql-hero-description{color:#9aa0a6}.sql-content-section{margin-bottom:3rem}.sql-content-section h2{font-size:1.5rem;font-weight:400;color:#202124;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e8eaed}[data-theme=dark] .sql-content-section h2{color:#e8eaed;border-bottom-color:#3c4043}.sql-content-section h3{font-size:1.125rem;font-weight:500;color:#202124;margin:1.5rem 0 .75rem}[data-theme=dark] .sql-content-section h3{color:#e8eaed}.sql-content-section p{font-size:.9375rem;line-height:1.7;color:#37474f;margin:0 0 1rem}[data-theme=dark] .sql-content-section p{color:#9aa0a6}.sql-content-section p code{background:#1a73e814;color:#1a73e8;padding:.15em .4em;border-radius:4px;font-size:.9em;font-family:Fira Code,Monaco,monospace}[data-theme=dark] .sql-content-section p code{background:#8ab4f826;color:#8ab4f8}.sql-callout-box{display:flex;gap:.875rem;padding:1rem 1.25rem;border-radius:8px;margin:1.25rem 0}.sql-callout-box.callout-primary{background:#e8f0fe;border:1px solid #c6dafc}[data-theme=dark] .sql-callout-box.callout-primary{background:#1a3a5c;border-color:#2d4a6f}.sql-callout-box.callout-tip{background:#fef7e0;border:1px solid #f9e39c}[data-theme=dark] .sql-callout-box.callout-tip{background:#3d3523;border-color:#5c4b2a}.sql-callout-box.callout-success{background:#e6f4ea;border:1px solid #a8dab5}[data-theme=dark] .sql-callout-box.callout-success{background:#1e3a2f;border-color:#2d5a4a}.sql-callout-box.callout-warning{background:#fef4e6;border:1px solid #fad8b8}[data-theme=dark] .sql-callout-box.callout-warning{background:#3d3023;border-color:#5c4a2a}.sql-callout-icon{flex-shrink:0;font-size:1.25rem;color:#1a73e8}.sql-callout-box.callout-tip .sql-callout-icon{color:#f9ab00}.sql-callout-box.callout-success .sql-callout-icon{color:#2da44e}.sql-callout-box.callout-warning .sql-callout-icon{color:#f97316}.sql-callout-content h4{margin:0 0 .375rem;font-size:.9375rem;font-weight:500;color:#202124}[data-theme=dark] .sql-callout-content h4{color:#e8eaed}.sql-callout-content p{margin:0;color:#5f6368;font-size:.875rem;line-height:1.6}[data-theme=dark] .sql-callout-content p{color:#9aa0a6}.sql-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.sql-feature-card{padding:1.5rem;background:var(--color-surface);border:1px solid var(--sql-card-border);border-radius:var(--sql-radius-md);transition:all .2s ease}.sql-feature-card:hover{border-color:var(--sql-blue);box-shadow:var(--sql-shadow-md);transform:translateY(-2px)}.sql-feature-icon-wrapper{width:48px;height:48px;border-radius:var(--sql-radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem;background:#1a73e81a;color:var(--sql-blue)}.sql-feature-card h4{margin:0 0 .5rem;font-size:1.1rem;color:var(--color-text)}.sql-feature-card p{margin:0;font-size:.9375rem;line-height:1.6;color:var(--sql-text-secondary)}.sql-databases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0}.sql-database-card{text-align:center;padding:2rem 1.5rem;background:var(--color-surface);border:1px solid var(--sql-card-border);border-radius:var(--sql-radius-md);transition:all .2s ease}.sql-database-card:hover{transform:translateY(-4px);box-shadow:var(--sql-shadow-lg)}.sql-database-icon{font-size:3rem;margin-bottom:1rem}.sql-database-card h4{margin:0 0 .5rem;font-size:1.1rem;color:var(--color-text)}.sql-database-card p{margin:0;font-size:.875rem;color:var(--sql-text-secondary);line-height:1.5}.sql-learning-path{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.sql-path-item{display:flex;gap:1.5rem;padding:1.5rem;background:var(--color-surface);border:1px solid var(--sql-card-border);border-radius:var(--sql-radius-md);transition:all .2s ease}.sql-path-item:hover{border-color:#1a73e8;box-shadow:var(--sql-shadow-sm)}[data-theme=dark] .sql-path-item:hover{border-color:#8ab4f8}.sql-path-number{flex-shrink:0;width:40px;height:40px;background:#1a73e8;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700}[data-theme=dark] .sql-path-number{background:#8ab4f8;color:#202124}.sql-path-content h4{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:1.1rem;color:var(--color-text)}.sql-path-content ul{margin:0;padding-left:1.25rem;list-style-type:disc}.sql-path-content li{margin-bottom:.35rem;font-size:.95rem;color:var(--sql-text-secondary);line-height:1.5}.sql-try-it-box{background:#e8f0fe;border:1px solid #c6dafc;border-radius:8px;padding:1.5rem;margin:1.5rem 0}[data-theme=dark] .sql-try-it-box{background:#1a3a5c;border-color:#2d4a6f}.sql-try-it-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.sql-try-icon{font-size:1.25rem;color:#1a73e8}[data-theme=dark] .sql-try-icon{color:#8ab4f8}.sql-try-it-header h4{margin:0;font-size:1rem;font-weight:500;color:#202124}[data-theme=dark] .sql-try-it-header h4{color:#e8eaed}.sql-try-it-box>p{margin:0 0 1rem;color:#5f6368;font-size:.9375rem}[data-theme=dark] .sql-try-it-box>p{color:#9aa0a6}.sql-external-link,.sql-inline-link{color:#1a73e8;text-decoration:none;font-weight:500;transition:color .2s ease}.sql-external-link{display:inline-flex;align-items:center;gap:.25rem}.sql-external-link svg{font-size:.875em;opacity:.7}.sql-external-link:hover,.sql-inline-link:hover{color:#1557b0;text-decoration:underline}[data-theme=dark] .sql-external-link,[data-theme=dark] .sql-inline-link{color:#8ab4f8}[data-theme=dark] .sql-external-link:hover,[data-theme=dark] .sql-inline-link:hover{color:#aecbfa}.sql-workflow-visualization{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2.5rem 1rem;background:var(--color-surface);border:1px solid var(--sql-card-border);border-radius:var(--sql-radius-lg);margin:2rem 0;overflow-x:auto}.sql-workflow-stage{flex:1;max-width:200px;text-align:center;padding:1.5rem 1rem}.sql-stage-icon-wrapper{width:64px;height:64px;margin:0 auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;background:#1a73e81a;color:var(--sql-blue)}.sql-workflow-stage h4{margin:0 0 .5rem;font-size:1rem;color:var(--color-text)}.sql-workflow-stage p{margin:0;font-size:.875rem;color:var(--sql-text-secondary);line-height:1.5}.sql-workflow-arrow{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex-shrink:0;padding:0 .5rem}.sql-arrow-label{font-size:.7rem;font-family:Monaco,Menlo,Consolas,monospace;color:var(--sql-blue);white-space:nowrap}.sql-arrow-icon{font-size:1.25rem;color:var(--sql-text-muted)}@media(max-width:1024px){.sql-hero-minimal{padding:0 0 1.5rem}}@media(max-width:768px){.sql-hero-title{font-size:1.75rem}.sql-hero-description{font-size:.95rem}.sql-workflow-visualization{flex-direction:column;gap:1rem;padding:1.5rem}.sql-workflow-arrow{transform:rotate(90deg);padding:.5rem 0}.sql-workflow-stage{max-width:100%}.sql-content-section h2{font-size:1.25rem}.sql-features-grid,.sql-databases-grid{grid-template-columns:1fr}.sql-path-item{flex-direction:column;align-items:flex-start}.sql-callout-box{flex-direction:column;text-align:center}}@media(max-width:480px){.sql-hero-title{font-size:1.5rem}.sql-content-section h2{font-size:1.15rem}}.sql-table-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.5rem 0}.sql-table-card{background:#fff;border:1px solid #e8eaed;border-radius:10px;padding:1.25rem;transition:all .2s ease}.sql-table-card:hover{border-color:#1a73e8;box-shadow:0 4px 12px #1a73e826;transform:translateY(-2px)}[data-theme=dark] .sql-table-card{background:#292929;border-color:#3c4043}[data-theme=dark] .sql-table-card:hover{border-color:#8ab4f8;box-shadow:0 4px 12px #8ab4f833}.sql-table-card h3{margin:0 0 .5rem;font-size:1rem;color:#1a73e8}[data-theme=dark] .sql-table-card h3{color:#8ab4f8}.sql-table-card p{margin:0;font-size:.875rem;color:#5f6368;line-height:1.5}[data-theme=dark] .sql-table-card p{color:#9aa0a6}.sql-tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:1.5rem 0}.sql-tip{background:linear-gradient(135deg,#1a73e814,#1a73e805);border-left:3px solid #1a73e8;padding:1rem 1.25rem;border-radius:0 8px 8px 0}[data-theme=dark] .sql-tip{background:linear-gradient(135deg,#8ab4f81a,#8ab4f805);border-color:#8ab4f8}.sql-tip h4{margin:0 0 .5rem;font-size:.9375rem;color:#37474f}[data-theme=dark] .sql-tip h4{color:#e8eaed}.sql-tip p{margin:0;font-size:.875rem;color:#5f6368;line-height:1.5}[data-theme=dark] .sql-tip p{color:#9aa0a6}.sql-tip code{background:#1a73e81a;color:#1a73e8;padding:.125rem .375rem;border-radius:4px;font-size:.8125rem;font-family:Fira Code,monospace}[data-theme=dark] .sql-tip code{background:#8ab4f826;color:#8ab4f8}.sql-challenges{display:grid;gap:1rem;margin:1.5rem 0}.sql-challenge{position:relative;background:#fff;border:1px solid #e8eaed;border-radius:10px;padding:1.75rem 1.25rem 1.25rem}[data-theme=dark] .sql-challenge{background:#292929;border-color:#3c4043}.challenge-level{position:absolute;top:-.5rem;left:1rem;padding:.25rem .75rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;color:#fff}.challenge-level.easy{background:#34a853}.challenge-level.medium{background:#fbbc04;color:#37474f}.challenge-level.hard{background:#ea4335}.sql-challenge h4{margin:0 0 .375rem;font-size:.9375rem;color:#37474f}[data-theme=dark] .sql-challenge h4{color:#e8eaed}.sql-challenge p{margin:0;font-size:.875rem;color:#5f6368;line-height:1.5}[data-theme=dark] .sql-challenge p{color:#9aa0a6}.sql-page-title{font-size:2rem;font-weight:700;color:#37474f;margin:0 0 1rem;line-height:1.3}[data-theme=dark] .sql-page-title{color:#e8eaed}.sql-intro-text{font-size:1.0625rem;color:#5f6368;line-height:1.7;margin-bottom:2rem}[data-theme=dark] .sql-intro-text{color:#9aa0a6}.sql-intro-text strong{color:#1a73e8}[data-theme=dark] .sql-intro-text strong{color:#8ab4f8}.sql-section{margin-bottom:2.5rem}.sql-section h2{font-size:1.5rem;font-weight:600;color:#37474f;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #e8eaed}[data-theme=dark] .sql-section h2{color:#e8eaed;border-color:#3c4043}.sql-section p{font-size:.9375rem;color:#5f6368;line-height:1.7;margin-bottom:1rem}[data-theme=dark] .sql-section p{color:#9aa0a6}.sql-article{max-width:900px;margin:0 auto;padding:2rem 1.5rem}@media(max-width:768px){.sql-page-title{font-size:1.5rem}.sql-article{padding:1.5rem 1rem}.sql-table-overview,.sql-tips-grid{grid-template-columns:1fr}}.sql-definition-list{margin:1.5rem 0;padding:0}.sql-definition-default .sql-definition-item{padding:.75rem 0;border-bottom:1px solid #e8eaed}[data-theme=dark] .sql-definition-default .sql-definition-item{border-color:#3c4043}.sql-definition-default .sql-definition-item:last-child{border-bottom:none}.sql-definition-term{font-weight:600;color:#1a73e8;margin-bottom:.25rem}[data-theme=dark] .sql-definition-term{color:#8ab4f8}.sql-definition-description{margin:0;color:#5f6368;line-height:1.6}[data-theme=dark] .sql-definition-description{color:#9aa0a6}.sql-definition-card{display:flex;flex-direction:column;gap:.75rem}.sql-definition-card .sql-definition-item{padding:1rem 1.25rem;background:#f8f9fa;border:1px solid #e8eaed;border-radius:8px;transition:all .2s ease}[data-theme=dark] .sql-definition-card .sql-definition-item{background:#292929;border-color:#3c4043}.sql-definition-card .sql-definition-item:hover{border-color:#1a73e8;box-shadow:0 2px 8px #1a73e81a}[data-theme=dark] .sql-definition-card .sql-definition-item:hover{border-color:#8ab4f8;box-shadow:0 2px 8px #8ab4f826}.sql-definition-card .sql-definition-term{font-size:1rem;margin-bottom:.375rem}.sql-definition-card .sql-definition-description{font-size:.9375rem}.sql-definition-inline .sql-definition-item{display:flex;align-items:baseline;gap:.75rem;padding:.5rem 0;border-bottom:1px dashed #e8eaed}[data-theme=dark] .sql-definition-inline .sql-definition-item{border-color:#3c4043}.sql-definition-inline .sql-definition-item:last-child{border-bottom:none}.sql-definition-inline .sql-definition-term{flex-shrink:0;min-width:120px;font-family:Fira Code,Monaco,monospace;font-size:.875rem;background:#1a73e814;padding:.25rem .5rem;border-radius:4px}[data-theme=dark] .sql-definition-inline .sql-definition-term{background:#8ab4f826}.sql-definition-inline .sql-definition-description{flex:1;font-size:.9375rem}@media(max-width:768px){.sql-definition-inline .sql-definition-item{flex-direction:column;gap:.375rem}.sql-definition-inline .sql-definition-term{min-width:auto}}.sql-editor-container{margin:1.5rem 0;border-radius:10px;overflow:hidden;border:1px solid #e8eaed;background:#fff;box-shadow:0 2px 8px #0000000f}[data-theme=dark] .sql-editor-container{border-color:#3c4043;background:#1e1e1e}.sql-editor-wrapper{display:flex;flex-direction:column}@media(min-width:1024px){.sql-editor-wrapper{flex-direction:row}}.sql-schema-panel{width:100%;border-bottom:1px solid #e8eaed;background:#f8f9fa}@media(min-width:1024px){.sql-schema-panel{width:220px;min-width:220px;border-bottom:none;border-right:1px solid #e8eaed}}[data-theme=dark] .sql-schema-panel{background:#252526;border-color:#3c4043}.sql-schema-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#1a73e8;color:#fff;font-size:.8125rem;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.sql-schema-header:hover{background:#1557b0}.sql-schema-icon{font-size:1rem}.sql-schema-content{padding:.5rem}.sql-schema-table{margin-bottom:.5rem}.sql-table-name{display:flex;align-items:center;gap:.375rem;padding:.5rem .625rem;font-size:.8125rem;font-weight:500;color:#1a73e8;cursor:pointer;border-radius:4px;transition:background .15s ease}.sql-table-name:hover{background:#1a73e814}[data-theme=dark] .sql-table-name{color:#8ab4f8}[data-theme=dark] .sql-table-name:hover{background:#8ab4f81a}.sql-table-columns{margin-left:1.5rem;padding-left:.75rem;border-left:2px solid #e8eaed}[data-theme=dark] .sql-table-columns{border-color:#3c4043}.sql-column{display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem;font-size:.75rem}.sql-column-name{font-family:Fira Code,monospace;color:#37474f}[data-theme=dark] .sql-column-name{color:#e8eaed}.sql-column-type{color:#9aa0a6;font-size:.6875rem}.sql-editor-main{flex:1;display:flex;flex-direction:column}.sql-editor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:#f8f9fa;border-bottom:1px solid #e8eaed}[data-theme=dark] .sql-editor-toolbar{background:#252526;border-color:#3c4043}.sql-toolbar-left{display:flex;align-items:center;gap:.5rem}.sql-editor-label{font-size:.75rem;font-weight:600;color:#5f6368;text-transform:uppercase;letter-spacing:.5px}[data-theme=dark] .sql-editor-label{color:#9aa0a6}.sql-toolbar-right{display:flex;align-items:center;gap:.25rem}.sql-toolbar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1rem;color:#5f6368;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .15s ease}.sql-toolbar-btn:hover{background:#1a73e81a;color:#1a73e8}.sql-toolbar-btn.copied{color:#34a853}[data-theme=dark] .sql-toolbar-btn{color:#9aa0a6}[data-theme=dark] .sql-toolbar-btn:hover{background:#8ab4f826;color:#8ab4f8}.sql-monaco-container{border-bottom:1px solid #e8eaed}[data-theme=dark] .sql-monaco-container{border-color:#3c4043}.sql-editor-actions{padding:.75rem;display:flex;justify-content:flex-start;gap:.5rem;background:#f8f9fa}[data-theme=dark] .sql-editor-actions{background:#252526}.sql-run-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;color:#fff;background:#1a73e8;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.sql-run-btn:hover:not(:disabled){background:#1557b0}.sql-run-btn:disabled{opacity:.7;cursor:not-allowed}.sql-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:sql-spin .8s linear infinite}@keyframes sql-spin{to{transform:rotate(360deg)}}.sql-results-panel{border-top:1px solid #e8eaed}[data-theme=dark] .sql-results-panel{border-color:#3c4043}.sql-results-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem .875rem;background:#1a73e814;font-size:.8125rem;font-weight:600;color:#1a73e8}[data-theme=dark] .sql-results-header{background:#8ab4f81a;color:#8ab4f8}.sql-results-meta{font-weight:400;color:#5f6368}[data-theme=dark] .sql-results-meta{color:#9aa0a6}.sql-results-error{padding:1rem;background:#ef444414;color:#dc2626}[data-theme=dark] .sql-results-error{background:#ef444426;color:#f87171}.sql-results-error pre{margin:.5rem 0 0;font-size:.8125rem;font-family:Fira Code,monospace;white-space:pre-wrap}.sql-results-table-wrapper{overflow-x:auto;max-height:300px;overflow-y:auto}.sql-results-table{width:100%;border-collapse:collapse;font-size:.8125rem}.sql-results-table th,.sql-results-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid #e8eaed}[data-theme=dark] .sql-results-table th,[data-theme=dark] .sql-results-table td{border-color:#3c4043}.sql-results-table th{background:#f8f9fa;font-weight:600;color:#37474f;position:sticky;top:0}[data-theme=dark] .sql-results-table th{background:#292929;color:#e8eaed}.sql-results-table td{font-family:Fira Code,monospace;color:#37474f}[data-theme=dark] .sql-results-table td{color:#e8eaed}.sql-results-table tbody tr:hover{background:#1a73e80a}[data-theme=dark] .sql-results-table tbody tr:hover{background:#8ab4f814}.sql-null{color:#9aa0a6;font-style:italic}.xml-code-block-wrapper{background:#1e1e1e;border-radius:10px;overflow:hidden;margin:1.25rem 0;border:1px solid #333}[data-theme=dark] .xml-code-block-wrapper{border-color:#444}.xml-code-block-header{display:flex;justify-content:space-between;align-items:center;padding:.625rem 1rem;background:#2d2d2d;border-bottom:1px solid #444}.xml-code-language{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#ff8f00;font-family:Monaco,Menlo,monospace}.xml-code-copy-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:transparent;border:1px solid #555;border-radius:5px;color:#aaa;font-size:.75rem;cursor:pointer;transition:all .2s ease}.xml-code-copy-btn:hover{background:#e65100;border-color:#e65100;color:#fff}.xml-code-copy-btn svg{font-size:.875rem}.xml-code-pre{margin:0;padding:1.25rem;overflow-x:auto;font-family:Fira Code,Monaco,Menlo,Consolas,monospace;font-size:.875rem;line-height:1.7;color:#d4d4d4;tab-size:2}.xml-code-pre code{font-family:inherit}.xml-tag{color:#569cd6}.xml-tag-name{color:#4ec9b0}.xml-attribute{color:#9cdcfe}.xml-attribute-value{color:#ce9178}.xml-text{color:#d4d4d4}.xml-comment{color:#6a9955;font-style:italic}.xml-prolog,.xml-cdata{color:gray}.xml-entity{color:#d7ba7d}.xml-namespace{color:#c586c0}.xml-code-output{border-top:1px solid #444;background:#1a1a1a}.xml-code-output-header{padding:.5rem 1rem;background:#252525;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#888;border-bottom:1px solid #333}.xml-code-output-content{margin:0;padding:1rem;font-family:Fira Code,monospace;font-size:.8125rem;line-height:1.6;color:#6aab73;overflow-x:auto;white-space:pre-wrap}:root{--xml-orange: #e65100;--xml-orange-light: #ff6d00;--xml-orange-dark: #bf360c;--xml-amber: #ff8f00;--xml-bg-light: #FAFBFC;--xml-bg-dark: #0D1117;--xml-card-bg: #FFFFFF;--xml-card-border: #E1E4E8;--xml-text-primary: #24292F;--xml-text-secondary: #57606A;--xml-text-muted: #8B949E;--xml-success: #2DA44E;--xml-info: #0969DA;--xml-warning: #BF8700;--xml-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--xml-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--xml-shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--xml-radius-sm: 6px;--xml-radius-md: 10px;--xml-radius-lg: 16px}[data-theme=dark]{--xml-bg-light: #161B22;--xml-card-bg: #21262D;--xml-card-border: #30363D;--xml-text-primary: #E6EDF3;--xml-text-secondary: #8B949E;--xml-text-muted: #6E7681}.xml-intro-page{max-width:100%;padding:0}.xml-hero-minimal{padding:0 0 2rem;margin-bottom:1.5rem;border-bottom:1px solid #e8eaed}[data-theme=dark] .xml-hero-minimal{border-bottom-color:#3c4043}.xml-hero-title{font-size:2rem;font-weight:400;line-height:1.3;color:#202124;margin:0 0 .75rem}[data-theme=dark] .xml-hero-title{color:#e8eaed}.xml-hero-title .highlight{color:#e65100}[data-theme=dark] .xml-hero-title .highlight{color:#ff8f00}.xml-hero-description{font-size:1rem;line-height:1.6;color:#5f6368;margin:0;max-width:600px}[data-theme=dark] .xml-hero-description{color:#9aa0a6}.xml-content-section{margin-bottom:3rem}.xml-content-section h2{font-size:1.5rem;font-weight:400;color:#202124;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e8eaed}[data-theme=dark] .xml-content-section h2{color:#e8eaed;border-bottom-color:#3c4043}.xml-content-section h3{font-size:1.125rem;font-weight:500;color:#202124;margin:1.5rem 0 .75rem}[data-theme=dark] .xml-content-section h3{color:#e8eaed}.xml-content-section p{font-size:.9375rem;line-height:1.7;color:#37474f;margin:0 0 1rem}[data-theme=dark] .xml-content-section p{color:#9aa0a6}.xml-content-section p code{background:#e6510014;color:#e65100;padding:.15em .4em;border-radius:4px;font-size:.9em;font-family:Fira Code,Monaco,monospace}[data-theme=dark] .xml-content-section p code{background:#ff8f0026;color:#ff8f00}.xml-callout-box{display:flex;gap:.875rem;padding:1rem 1.25rem;border-radius:8px;margin:1.25rem 0}.xml-callout-box.callout-primary{background:#fff3e0;border:1px solid #ffcc80}[data-theme=dark] .xml-callout-box.callout-primary{background:#3d2a1a;border-color:#5c4a2a}.xml-callout-box.callout-tip{background:#fef7e0;border:1px solid #f9e39c}[data-theme=dark] .xml-callout-box.callout-tip{background:#3d3523;border-color:#5c4b2a}.xml-callout-box.callout-success{background:#e6f4ea;border:1px solid #a8dab5}[data-theme=dark] .xml-callout-box.callout-success{background:#1e3a2f;border-color:#2d5a4a}.xml-callout-box.callout-warning{background:#fef4e6;border:1px solid #fad8b8}[data-theme=dark] .xml-callout-box.callout-warning{background:#3d3023;border-color:#5c4a2a}.xml-callout-box.callout-danger{background:#fce8e6;border:1px solid #f5c6c0}[data-theme=dark] .xml-callout-box.callout-danger{background:#3d1e1e;border-color:#5c2a2a}.xml-callout-icon{flex-shrink:0;font-size:1.25rem;color:#e65100}.xml-callout-box.callout-tip .xml-callout-icon{color:#f9ab00}.xml-callout-box.callout-success .xml-callout-icon{color:#2da44e}.xml-callout-box.callout-warning .xml-callout-icon{color:#f97316}.xml-callout-box.callout-danger .xml-callout-icon{color:#dc2626}.xml-callout-content h4{margin:0 0 .375rem;font-size:.9375rem;font-weight:500;color:#202124}[data-theme=dark] .xml-callout-content h4{color:#e8eaed}.xml-callout-content p{margin:0;color:#5f6368;font-size:.875rem;line-height:1.6}[data-theme=dark] .xml-callout-content p{color:#9aa0a6}.xml-brain-power{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px dashed #e65100;border-radius:12px;padding:1.5rem;margin:2rem 0;position:relative}[data-theme=dark] .xml-brain-power{background:linear-gradient(135deg,#3d2a1a,#4a3020);border-color:#ff8f00}.xml-brain-power:before{content:"🧠";position:absolute;top:-15px;left:20px;font-size:1.75rem;background:#fff3e0;padding:0 .5rem}[data-theme=dark] .xml-brain-power:before{background:#3d2a1a}.xml-brain-power h4{margin:.5rem 0 .75rem;color:#bf360c;font-size:1.1rem;font-weight:600}[data-theme=dark] .xml-brain-power h4{color:#ff8f00}.xml-brain-power p{margin:0;color:#5f6368;font-style:italic}.xml-conversation{background:#fafafa;border-radius:12px;padding:1.5rem;margin:2rem 0}[data-theme=dark] .xml-conversation{background:#21262d}.xml-conversation-item{display:flex;gap:1rem;margin-bottom:1.25rem}.xml-conversation-item:last-child{margin-bottom:0}.xml-conversation-avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.xml-conversation-avatar.question{background:#e8f0fe}.xml-conversation-avatar.answer{background:#fff3e0}[data-theme=dark] .xml-conversation-avatar.question{background:#1a3a5c}[data-theme=dark] .xml-conversation-avatar.answer{background:#3d2a1a}.xml-conversation-bubble{flex:1;padding:1rem;border-radius:12px;background:#fff;border:1px solid #e8eaed}[data-theme=dark] .xml-conversation-bubble{background:#161b22;border-color:#30363d}.xml-conversation-bubble p{margin:0;font-size:.9375rem;line-height:1.6}.xml-watch-it{background:#fce4ec;border-left:4px solid #e91e63;border-radius:0 8px 8px 0;padding:1.25rem;margin:1.5rem 0}[data-theme=dark] .xml-watch-it{background:#3d1e2a;border-color:#f48fb1}.xml-watch-it h4{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;color:#c2185b;font-size:1rem}[data-theme=dark] .xml-watch-it h4{color:#f48fb1}.xml-watch-it p{margin:0;color:#5f6368;font-size:.9375rem}.xml-exercise-box{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #1976d2;border-radius:12px;padding:1.5rem;margin:2rem 0}[data-theme=dark] .xml-exercise-box{background:linear-gradient(135deg,#1a3a5c,#1e4a6e);border-color:#64b5f6}.xml-exercise-box h4{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;color:#1565c0;font-size:1.1rem}[data-theme=dark] .xml-exercise-box h4{color:#64b5f6}.xml-exercise-box ol{margin:0;padding-left:1.5rem}.xml-exercise-box li{margin-bottom:.5rem;color:#37474f}[data-theme=dark] .xml-exercise-box li{color:#9aa0a6}.xml-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.xml-feature-card{padding:1.5rem;background:var(--color-surface);border:1px solid var(--xml-card-border);border-radius:var(--xml-radius-md);transition:all .2s ease}.xml-feature-card:hover{border-color:var(--xml-orange);box-shadow:var(--xml-shadow-md);transform:translateY(-2px)}.xml-feature-icon-wrapper{width:48px;height:48px;border-radius:var(--xml-radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem;background:#e651001a;color:var(--xml-orange)}.xml-feature-card h4{margin:0 0 .5rem;font-size:1.1rem;color:var(--color-text)}.xml-feature-card p{margin:0;font-size:.9375rem;line-height:1.6;color:var(--xml-text-secondary)}.xml-comparison-table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9375rem}.xml-comparison-table th,.xml-comparison-table td{padding:.875rem 1rem;text-align:left;border:1px solid #e8eaed}[data-theme=dark] .xml-comparison-table th,[data-theme=dark] .xml-comparison-table td{border-color:#3c4043}.xml-comparison-table th{background:#fff3e0;color:#bf360c;font-weight:600}[data-theme=dark] .xml-comparison-table th{background:#3d2a1a;color:#ff8f00}.xml-comparison-table td{background:#fff}[data-theme=dark] .xml-comparison-table td{background:#21262d;color:#9aa0a6}.xml-comparison-table tr:hover td{background:#fff8e1}[data-theme=dark] .xml-comparison-table tr:hover td{background:#2a2a2a}.xml-anatomy{background:#fafafa;border:1px solid #e8eaed;border-radius:12px;padding:2rem;margin:2rem 0}[data-theme=dark] .xml-anatomy{background:#161b22;border-color:#30363d}.xml-anatomy h3{text-align:center;margin:0 0 1.5rem;color:#e65100}[data-theme=dark] .xml-anatomy h3{color:#ff8f00}.xml-anatomy-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:.75rem;background:#fff;border-radius:8px;border-left:3px solid #e65100}[data-theme=dark] .xml-anatomy-item{background:#21262d;border-color:#ff8f00}.xml-anatomy-label{flex-shrink:0;font-weight:600;color:#e65100;min-width:120px}[data-theme=dark] .xml-anatomy-label{color:#ff8f00}.xml-anatomy-desc{color:#5f6368;font-size:.9375rem}[data-theme=dark] .xml-anatomy-desc{color:#9aa0a6}.xml-learning-path{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.xml-path-item{display:flex;gap:1.5rem;padding:1.5rem;background:var(--color-surface);border:1px solid var(--xml-card-border);border-radius:var(--xml-radius-md);transition:all .2s ease}.xml-path-item:hover{border-color:#e65100;box-shadow:var(--xml-shadow-sm)}[data-theme=dark] .xml-path-item:hover{border-color:#ff8f00}.xml-path-number{flex-shrink:0;width:40px;height:40px;background:#e65100;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700}[data-theme=dark] .xml-path-number{background:#ff8f00;color:#202124}.xml-path-content h4{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:1.1rem;color:var(--color-text)}.xml-path-content ul{margin:0;padding-left:1.25rem;list-style-type:disc}.xml-path-content li{margin-bottom:.35rem;font-size:.95rem;color:var(--xml-text-secondary);line-height:1.5}.xml-try-it-box{background:#fff3e0;border:1px solid #ffcc80;border-radius:8px;padding:1.5rem;margin:1.5rem 0}[data-theme=dark] .xml-try-it-box{background:#3d2a1a;border-color:#5c4a2a}.xml-try-it-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.xml-try-icon{font-size:1.25rem;color:#e65100}[data-theme=dark] .xml-try-icon{color:#ff8f00}.xml-try-it-header h4{margin:0;font-size:1rem;font-weight:500;color:#202124}[data-theme=dark] .xml-try-it-header h4{color:#e8eaed}.xml-try-it-box>p{margin:0 0 1rem;color:#5f6368;font-size:.9375rem}[data-theme=dark] .xml-try-it-box>p{color:#9aa0a6}.xml-external-link,.xml-inline-link{color:#e65100;text-decoration:none;font-weight:500;transition:color .2s ease}.xml-external-link{display:inline-flex;align-items:center;gap:.25rem}.xml-external-link svg{font-size:.875em;opacity:.7}.xml-external-link:hover,.xml-inline-link:hover{color:#bf360c;text-decoration:underline}[data-theme=dark] .xml-external-link,[data-theme=dark] .xml-inline-link{color:#ff8f00}[data-theme=dark] .xml-external-link:hover,[data-theme=dark] .xml-inline-link:hover{color:#ffb74d}.xml-structure-visualization{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2.5rem 1rem;background:var(--color-surface);border:1px solid var(--xml-card-border);border-radius:var(--xml-radius-lg);margin:2rem 0;overflow-x:auto}.xml-structure-stage{flex:1;max-width:200px;text-align:center;padding:1.5rem 1rem}.xml-stage-icon-wrapper{width:64px;height:64px;margin:0 auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;background:#e651001a;color:var(--xml-orange)}.xml-structure-stage h4{margin:0 0 .5rem;font-size:1rem;color:var(--color-text)}.xml-structure-stage p{margin:0;font-size:.875rem;color:var(--xml-text-secondary);line-height:1.5}.xml-structure-arrow{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex-shrink:0;padding:0 .5rem}.xml-arrow-label{font-size:.7rem;font-family:Monaco,Menlo,Consolas,monospace;color:var(--xml-orange);white-space:nowrap}.xml-arrow-icon{font-size:1.25rem;color:var(--xml-text-muted)}.xml-fireside-chat{background:linear-gradient(135deg,#fff8e1,#fff3e0);border-radius:16px;padding:2rem;margin:2rem 0;position:relative}[data-theme=dark] .xml-fireside-chat{background:linear-gradient(135deg,#3d3523,#3d2a1a)}.xml-fireside-chat h3{display:flex;align-items:center;gap:.75rem;margin:0 0 1.5rem;font-size:1.25rem;color:#bf360c}[data-theme=dark] .xml-fireside-chat h3{color:#ff8f00}.xml-fireside-participants{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.xml-fireside-person{text-align:center}.xml-fireside-person h4{background:#e65100;color:#fff;padding:.5rem 1rem;border-radius:20px;display:inline-block;margin:0 0 1rem;font-size:.9rem}[data-theme=dark] .xml-fireside-person h4{background:#ff8f00;color:#202124}.xml-fireside-speech{background:#fff;border-radius:12px;padding:1rem;margin-bottom:.75rem;font-size:.9375rem;color:#37474f;line-height:1.6;text-align:left}[data-theme=dark] .xml-fireside-speech{background:#21262d;color:#9aa0a6}@media(max-width:1024px){.xml-hero-minimal{padding:0 0 1.5rem}}@media(max-width:768px){.xml-hero-title{font-size:1.75rem}.xml-hero-description{font-size:.95rem}.xml-structure-visualization{flex-direction:column;gap:1rem;padding:1.5rem}.xml-structure-arrow{transform:rotate(90deg);padding:.5rem 0}.xml-structure-stage{max-width:100%}.xml-content-section h2{font-size:1.25rem}.xml-features-grid{grid-template-columns:1fr}.xml-path-item{flex-direction:column;align-items:flex-start}.xml-callout-box{flex-direction:column;text-align:center}.xml-fireside-participants{grid-template-columns:1fr}}@media(max-width:480px){.xml-hero-title{font-size:1.5rem}.xml-content-section h2{font-size:1.15rem}}:root{--postman-orange: #ff6c37;--postman-orange-light: #ff8f66;--postman-orange-dark: #e55a2b;--postman-orange-bg: rgba(255, 108, 55, .08);--postman-orange-bg-hover: rgba(255, 108, 55, .12);--postman-text-dark: #1e293b;--postman-text-light: #64748b;--postman-bg-light: #ffffff;--postman-bg-dark: #1e1e1e;--postman-border-light: #e2e8f0;--postman-border-dark: #334155}.postman-hero-minimal{padding:2rem 0 1.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.postman-hero-title{font-size:2.25rem;font-weight:700;color:var(--color-text);margin-bottom:.75rem;line-height:1.2}.postman-hero-title .highlight{color:var(--postman-orange)}.postman-hero-description{font-size:1.125rem;color:var(--color-text-secondary);line-height:1.6;max-width:700px}.postman-content-section{margin-bottom:2.5rem}.postman-content-section h2{font-size:1.5rem;font-weight:600;color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--postman-orange);display:inline-block}.postman-content-section h3{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:1.5rem 0 .75rem}.postman-content-section h4{font-size:1.1rem;font-weight:600;color:var(--color-text);margin:1rem 0 .5rem}.postman-content-section p{font-size:1rem;line-height:1.7;color:var(--color-text);margin-bottom:1rem}.postman-content-section ul,.postman-content-section ol{margin:1rem 0;padding-left:1.5rem}.postman-content-section li{margin-bottom:.5rem;line-height:1.6}.postman-brain-power{background:linear-gradient(135deg,var(--postman-orange-bg) 0%,rgba(255,108,55,.04) 100%);border:1px solid var(--postman-orange);border-left:4px solid var(--postman-orange);border-radius:8px;padding:1.25rem 1.5rem;margin:1.5rem 0}.postman-brain-power h4{color:var(--postman-orange-dark);font-size:1rem;font-weight:600;margin-bottom:.5rem}[data-theme=dark] .postman-brain-power h4{color:var(--postman-orange-light)}.postman-brain-power p{color:var(--color-text);margin:0;font-size:.95rem;line-height:1.6}.postman-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;margin:1.5rem 0}.postman-feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1.25rem;transition:all .2s ease}.postman-feature-card:hover{border-color:var(--postman-orange);box-shadow:0 4px 12px #ff6c371a;transform:translateY(-2px)}.postman-feature-card h4{color:var(--postman-orange);font-size:1rem;font-weight:600;margin-bottom:.5rem}.postman-feature-card p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;margin:0}.postman-callout-box{display:flex;gap:1rem;padding:1.25rem;border-radius:8px;margin:1.5rem 0;align-items:flex-start}.postman-callout-box.callout-info{background:var(--postman-orange-bg);border:1px solid var(--postman-orange)}.postman-callout-box.callout-success{background:#22c55e14;border:1px solid #22c55e}.postman-callout-box.callout-warning{background:#f59e0b14;border:1px solid #f59e0b}.postman-callout-box.callout-tip{background:#3b82f614;border:1px solid #3b82f6}.postman-callout-icon{font-size:1.25rem;flex-shrink:0}.postman-callout-content h4{font-weight:600;margin-bottom:.25rem;font-size:.95rem}.postman-callout-content p{margin:0;font-size:.9rem;line-height:1.5}.postman-comparison-table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem}.postman-comparison-table th,.postman-comparison-table td{padding:.875rem 1rem;text-align:left;border:1px solid var(--color-border)}.postman-comparison-table th{background:var(--postman-orange);color:#fff;font-weight:600}.postman-comparison-table tr:nth-child(2n){background:var(--color-surface)}.postman-comparison-table tr:hover{background:var(--postman-orange-bg)}.postman-comparison-table code{background:var(--postman-orange-bg);color:var(--postman-orange-dark);padding:.15rem .4rem;border-radius:4px;font-size:.85rem}[data-theme=dark] .postman-comparison-table code{color:var(--postman-orange-light)}.postman-method-badge{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.postman-method-get{background:#22c55e;color:#fff}.postman-method-post{background:#f59e0b;color:#fff}.postman-method-put{background:#3b82f6;color:#fff}.postman-method-patch{background:#8b5cf6;color:#fff}.postman-method-delete{background:#ef4444;color:#fff}.postman-interface-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-bottom:1rem}.postman-interface-number{background:var(--postman-orange);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex-shrink:0}.postman-interface-content h4{margin:0 0 .25rem;color:var(--color-text);font-weight:600}.postman-interface-content p{margin:0;color:var(--color-text-secondary);font-size:.9rem}.postman-steps{counter-reset:step-counter;margin:1.5rem 0}.postman-step{display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px dashed var(--color-border)}.postman-step:last-child{border-bottom:none}.postman-step-number{counter-increment:step-counter;background:var(--postman-orange);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.postman-step-number:before{content:counter(step-counter)}.postman-step-content h4{margin:0 0 .5rem;color:var(--color-text)}.postman-step-content p{margin:0;color:var(--color-text-secondary);line-height:1.6}.postman-shortcut{display:inline-flex;align-items:center;gap:.25rem}.postman-key{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;padding:.2rem .5rem;font-family:monospace;font-size:.85rem;box-shadow:0 1px 2px #0000001a}.postman-nav-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--postman-orange);color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.postman-nav-btn:hover{background:var(--postman-orange-dark);transform:translateY(-1px)}.postman-nav-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.postman-intro-page{max-width:900px;padding:0 1rem 2rem}.postman-features-list{list-style:none;padding:0;margin:1rem 0}.postman-features-list li{padding:.5rem 0 .5rem 1.75rem;position:relative}.postman-features-list li:before{content:"✓";position:absolute;left:0;color:var(--postman-orange);font-weight:700}[data-theme=dark] .postman-hero-title{color:#f1f5f9}[data-theme=dark] .postman-hero-description{color:#94a3b8}[data-theme=dark] .postman-feature-card{background:#1e293b;border-color:#334155}[data-theme=dark] .postman-feature-card:hover{border-color:var(--postman-orange)}[data-theme=dark] .postman-comparison-table tr:nth-child(2n){background:#1e293b}[data-theme=dark] .postman-key{background:#1e293b;border-color:#475569}@media(max-width:768px){.postman-hero-title{font-size:1.75rem}.postman-features-grid{grid-template-columns:1fr}.postman-comparison-table{font-size:.85rem}.postman-comparison-table th,.postman-comparison-table td{padding:.625rem .75rem}}.postman-code-block{background:#1e1e1e;border-radius:8px;margin:1rem 0;overflow:hidden;border:1px solid #334155}.postman-code-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:#2d2d2d;border-bottom:1px solid #404040}.postman-code-language{font-size:.75rem;text-transform:uppercase;color:#94a3b8;font-weight:500;letter-spacing:.5px}.postman-code-copy{background:transparent;border:1px solid #475569;color:#94a3b8;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s ease}.postman-code-copy:hover{background:#475569;color:#fff}.postman-code-content{padding:1rem;overflow-x:auto;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.6;color:#e2e8f0}.postman-code-content pre{margin:0;white-space:pre}.postman-json-key{color:#9cdcfe}.postman-json-string{color:#ce9178}.postman-json-number{color:#b5cea8}.postman-json-boolean,.postman-json-null{color:#569cd6}.postman-json-bracket{color:gold}.postman-js-keyword{color:#c586c0}.postman-js-function{color:#dcdcaa}.postman-js-string{color:#ce9178}.postman-js-comment{color:#6a9955;font-style:italic}.postman-js-variable{color:#9cdcfe}.postman-js-property{color:#4fc1ff}.postman-js-method{color:#dcdcaa}.postman-http-method{color:#ff6c37;font-weight:600}.postman-http-url{color:#4ec9b0}.postman-http-header-name{color:#9cdcfe}.postman-http-header-value{color:#ce9178}.postman-http-status{color:#4fc1ff}[data-theme=light] .postman-code-block{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .postman-code-header{background:#f1f5f9;border-bottom-color:#e2e8f0}[data-theme=light] .postman-code-content{color:#1e293b}[data-theme=light] .postman-json-key{color:#0550ae}[data-theme=light] .postman-json-string{color:#a31515}[data-theme=light] .postman-json-number{color:#098658}[data-theme=light] .postman-json-boolean,[data-theme=light] .postman-json-null{color:#00f}[data-theme=light] .postman-js-keyword{color:#af00db}[data-theme=light] .postman-js-function{color:#795e26}[data-theme=light] .postman-js-string{color:#a31515}[data-theme=light] .postman-js-comment{color:green}[data-theme=light] .postman-js-variable{color:#001080}[data-theme=light] .postman-http-method{color:#e55a2b}[data-theme=light] .postman-http-url{color:#164}.definition-list{margin:1.5rem 0}.definition-list-default .definition-item{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e8eaed}[data-theme=dark] .definition-list-default .definition-item{border-bottom-color:#3c4043}.definition-list-default .definition-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.definition-term{font-size:.9375rem;font-weight:600;color:#202124;margin-bottom:.25rem}[data-theme=dark] .definition-term{color:#e8eaed}.definition-description{font-size:.875rem;line-height:1.6;color:#5f6368;margin:0;padding-left:1rem}[data-theme=dark] .definition-description{color:#9aa0a6}.definition-list-inline .definition-item{display:flex;align-items:baseline;gap:.75rem;padding:.5rem 0;border-bottom:1px solid #f1f3f4}[data-theme=dark] .definition-list-inline .definition-item{border-bottom-color:#3c4043}.definition-list-inline .definition-item:last-child{border-bottom:none}.definition-list-inline .definition-term{font-family:Fira Code,monospace;font-size:.8125rem;font-weight:500;color:#1a73e8;white-space:nowrap;min-width:120px}[data-theme=dark] .definition-list-inline .definition-term{color:#8ab4f8}.definition-list-inline .definition-description{padding-left:0}.definition-list-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.definition-list-card .definition-item{background:#f8f9fa;border:1px solid #e8eaed;border-radius:8px;padding:1rem}[data-theme=dark] .definition-list-card .definition-item{background:#292d31;border-color:#3c4043}.definition-list-card .definition-term{margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid #e8eaed}[data-theme=dark] .definition-list-card .definition-term{border-bottom-color:#3c4043}.definition-list-card .definition-description{padding-left:0}.definition-description code{background:#f1f3f4;padding:.125rem .375rem;border-radius:4px;font-family:Fira Code,monospace;font-size:.8125rem;color:#d93025}[data-theme=dark] .definition-description code{background:#3c4043;color:#f28b82}:root{--c-blue: #0066CC;--c-blue-light: #3399FF;--c-blue-dark: #004C99;--c-bg-light: #FAFBFC;--c-bg-dark: #0D1117;--c-card-bg: #FFFFFF;--c-card-border: #E1E4E8;--c-text-primary: #24292F;--c-text-secondary: #57606A;--c-text-muted: #8B949E;--c-success: #2DA44E;--c-info: #0969DA;--c-warning: #BF8700;--c-error: #CF222E;--c-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--c-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--c-shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--c-radius-sm: 6px;--c-radius-md: 10px;--c-radius-lg: 16px}[data-theme=dark]{--c-bg-light: #161B22;--c-card-bg: #21262D;--c-card-border: #30363D;--c-text-primary: #E6EDF3;--c-text-secondary: #8B949E;--c-text-muted: #6E7681}.c-intro-page{max-width:100%;padding:0}.c-hero-minimal{padding:0 0 2rem;margin-bottom:1.5rem;border-bottom:1px solid #e8eaed}[data-theme=dark] .c-hero-minimal{border-bottom-color:#3c4043}.c-hero-title{font-size:2rem;font-weight:400;line-height:1.3;color:#202124;margin:0 0 .75rem}[data-theme=dark] .c-hero-title{color:#e8eaed}.c-hero-title .highlight{color:#1a73e8}[data-theme=dark] .c-hero-title .highlight{color:#8ab4f8}.c-hero-description{font-size:1rem;line-height:1.6;color:#5f6368;margin:0;max-width:600px}[data-theme=dark] .c-hero-description{color:#9aa0a6}.feature-card{background:#fff;border:1px solid #e8eaed;border-radius:8px;padding:1.25rem;transition:box-shadow .2s ease}.feature-card:hover{box-shadow:0 4px 12px #0000001a}.feature-icon{font-size:1.5rem;color:#1a73e8;margin-bottom:.75rem}[data-theme=dark] .feature-icon{color:#8ab4f8}.commands-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin:1.5rem 0}.command-card{background:#fff;border:1px solid #e8eaed;border-radius:8px;padding:1rem}[data-theme=dark] .command-card{background:#292d31;border-color:#3c4043}.command-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.command-icon{color:#1a73e8;font-size:1.125rem}[data-theme=dark] .command-icon{color:#8ab4f8}.table-icon{vertical-align:middle;margin-right:.5rem}.check-icon{color:#1e8e3e;vertical-align:middle;margin-right:.25rem}.data-type-table{overflow-x:auto;margin:1.5rem 0}.data-type-table table{width:100%;border-collapse:collapse;font-size:.9375rem}.data-type-table th,.data-type-table td{padding:.75rem 1rem;text-align:left;border:1px solid #e8eaed}[data-theme=dark] .data-type-table th,[data-theme=dark] .data-type-table td{border-color:#3c4043}.data-type-table th{background:#f8f9fa;font-weight:600;color:#202124}[data-theme=dark] .data-type-table th{background:#2d2d2d;color:#e8eaed}.data-type-table td{background:#fff;color:#3c4043}[data-theme=dark] .data-type-table td{background:#1f1f1f;color:#bdc1c6}.data-type-table tr:hover td{background:#f8f9fa}[data-theme=dark] .data-type-table tr:hover td{background:#2d2d2d}.data-type-table code{background:#e8f0fe;color:#1a73e8;padding:.125rem .375rem;border-radius:4px;font-size:.875rem}[data-theme=dark] .data-type-table code{background:#1a3352;color:#8ab4f8}.comparison-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:1.5rem 0}.comparison-card{border-radius:8px;overflow:hidden}.comparison-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:600}.comparison-icon{font-size:1.25rem}.comparison-card.valid .comparison-header{background:#e6f4ea;color:#1e8e3e}.comparison-card.invalid .comparison-header{background:#fce8e6;color:#d93025}[data-theme=dark] .comparison-card.valid .comparison-header{background:#1e3a2c;color:#81c995}[data-theme=dark] .comparison-card.invalid .comparison-header{background:#3d2323;color:#f28b82}.comparison-card ul{margin:0;padding:1rem 1rem 1rem 2rem;background:#f8f9fa;list-style-type:disc}[data-theme=dark] .comparison-card ul{background:#1f1f1f}.comparison-card li{margin-bottom:.5rem;color:#3c4043;font-size:.9375rem}[data-theme=dark] .comparison-card li{color:#bdc1c6}.comparison-card li:last-child{margin-bottom:0}@media(max-width:768px){.comparison-grid{grid-template-columns:1fr}}.anatomy-line{display:flex;align-items:flex-start;gap:1rem;padding:.75rem;background:#f8f9fa;border-left:3px solid #1a73e8;margin-bottom:.5rem;border-radius:0 4px 4px 0}[data-theme=dark] .anatomy-line{background:#292d31;border-left-color:#8ab4f8}.anatomy-code{font-family:Fira Code,monospace;font-size:.875rem;color:#d93025;white-space:nowrap;min-width:200px}[data-theme=dark] .anatomy-code{color:#f28b82}.stage-icon-wrapper.source{background:#e8f0fe;color:#1a73e8}.memory-diagram{display:flex;flex-direction:column;gap:.25rem;max-width:400px;margin:1.5rem auto;font-family:Fira Code,monospace;font-size:.875rem}.memory-section{display:flex;align-items:stretch}.memory-address{width:80px;padding:.5rem;background:#e8eaed;text-align:right;color:#5f6368;border-radius:4px 0 0 4px}[data-theme=dark] .memory-address{background:#3c4043;color:#9aa0a6}.memory-content{flex:1;padding:.5rem 1rem;text-align:center;border:1px solid #e8eaed;border-left:none;border-radius:0 4px 4px 0}[data-theme=dark] .memory-content{border-color:#3c4043}.memory-section.stack .memory-content{background:#e8f0fe;color:#1a73e8}.memory-section.heap .memory-content{background:#e6f4ea;color:#1e8e3e}.memory-section.data .memory-content{background:#fef7e0;color:#f9ab00}.memory-section.code .memory-content{background:#fce8e6;color:#d93025}[data-theme=dark] .memory-section.stack .memory-content{background:#1a3352;color:#8ab4f8}[data-theme=dark] .memory-section.heap .memory-content{background:#1e3a2c;color:#81c995}[data-theme=dark] .memory-section.data .memory-content{background:#3d3523;color:#fdd663}[data-theme=dark] .memory-section.code .memory-content{background:#3d2323;color:#f28b82}@media(max-width:768px){.c-hero-title{font-size:1.75rem}.features-grid,.commands-grid{grid-template-columns:1fr}.workflow-visualization{flex-direction:column}.workflow-arrow{transform:rotate(90deg)}.anatomy-line{flex-direction:column;gap:.5rem}.anatomy-code{min-width:auto}}.code-block-wrapper{margin:1rem 0}.code-block-title{background:#e8eaed;padding:.5rem 1rem;border-radius:8px 8px 0 0;font-size:.8125rem;font-weight:500;color:#5f6368}[data-theme=dark] .code-block-title{background:#3c4043;color:#9aa0a6}.code-block{background:#1e1e1e;border-radius:8px;overflow:hidden}.code-block-title+.code-block{border-radius:0 0 8px 8px}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#2d2d2d;border-bottom:1px solid #3c3c3c}.code-language{font-size:.6875rem;font-weight:600;color:gray;text-transform:uppercase;letter-spacing:.5px}.code-copy-btn{display:flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:transparent;border:1px solid #4a4a4a;border-radius:4px;font-size:.75rem;color:#a0a0a0;cursor:pointer;transition:all .15s ease}.code-copy-btn:hover{background:#3c3c3c;border-color:#5a5a5a;color:#e0e0e0}.code-copy-btn svg{font-size:.875rem}.code-content{display:flex;overflow-x:auto}.code-line-numbers{display:flex;flex-direction:column;padding:1rem 0;background:#252525;border-right:1px solid #3c3c3c;-webkit-user-select:none;user-select:none}.code-line-numbers span{padding:0 .75rem;font-family:Fira Code,Consolas,monospace;font-size:.8125rem;line-height:1.5;color:#606060;text-align:right}.code-block pre{margin:0;padding:1rem;overflow-x:auto;flex:1}.code-block pre.with-line-numbers{padding-left:.75rem}.code-block code{font-family:Fira Code,Consolas,Monaco,monospace;font-size:.8125rem;line-height:1.5;color:#d4d4d4;white-space:pre;background:transparent!important;padding:0!important;border-radius:0!important}.code-block code .keyword{color:#569cd6}.code-block code .string{color:#ce9178}.code-block code .comment{color:#6a9955}.code-block code .number{color:#b5cea8}.code-block code .function{color:#dcdcaa}.code-block code .type{color:#4ec9b0}.code-output{background:#f8f9fa;border:1px solid #e8eaed;border-radius:8px;margin-top:.5rem;overflow:hidden}[data-theme=dark] .code-output{background:#1f2327;border-color:#3c4043}.output-header{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#e8eaed;font-size:.75rem;font-weight:500;color:#5f6368}[data-theme=dark] .output-header{background:#292d31;color:#9aa0a6}.output-icon{color:#1e8e3e}[data-theme=dark] .output-icon{color:#81c995}.output-content{margin:0;padding:1rem;font-family:Fira Code,Consolas,monospace;font-size:.8125rem;line-height:1.5;color:#202124;white-space:pre-wrap;word-break:break-word}[data-theme=dark] .output-content{color:#e8eaed}@media(max-width:768px){.code-block code{font-size:.75rem}.code-copy-btn span{display:none}}.step-list{list-style:none;margin:1.5rem 0;padding:0}.step-marker{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.step-number{width:32px;height:32px;background:#1a73e8;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.step-list-checked .step-marker{background:#e6f4ea;border-radius:50%}[data-theme=dark] .step-list-checked .step-marker{background:#1e3a2c}.step-check{color:#1e8e3e;font-size:1rem}[data-theme=dark] .step-check{color:#81c995}.step-content{flex:1;padding-top:.25rem}.step-title{margin:0 0 .375rem;font-size:1rem;font-weight:500;color:#202124}[data-theme=dark] .step-title{color:#e8eaed}.step-description{font-size:.875rem;line-height:1.6;color:#5f6368}[data-theme=dark] .step-description{color:#9aa0a6}.step-description code{background:#f1f3f4;padding:.125rem .375rem;border-radius:4px;font-family:Fira Code,monospace;font-size:.8125rem;color:#d93025}[data-theme=dark] .step-description code{background:#3c4043;color:#f28b82}:root{--cpp-primary: #00599C;--cpp-primary-light: #659AD2;--cpp-primary-dark: #004C8C;--cpp-accent: #044F88;--cpp-bg-light: #FAFBFC;--cpp-bg-dark: #0D1117;--cpp-card-bg: #FFFFFF;--cpp-card-border: #E1E4E8;--cpp-text-primary: #24292F;--cpp-text-secondary: #57606A;--cpp-text-muted: #8B949E;--cpp-success: #2DA44E;--cpp-info: #0969DA;--cpp-warning: #BF8700;--cpp-error: #CF222E;--cpp-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--cpp-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--cpp-shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--cpp-radius-sm: 6px;--cpp-radius-md: 10px;--cpp-radius-lg: 16px}[data-theme=dark]{--cpp-bg-light: #161B22;--cpp-card-bg: #21262D;--cpp-card-border: #30363D;--cpp-text-primary: #E6EDF3;--cpp-text-secondary: #8B949E;--cpp-text-muted: #6E7681}.cpp-intro-page{max-width:100%;padding:0}.cpp-hero-minimal{padding:0 0 2rem;margin-bottom:1.5rem;border-bottom:1px solid #e8eaed}[data-theme=dark] .cpp-hero-minimal{border-bottom-color:#3c4043}.cpp-hero-title{font-size:2rem;font-weight:400;line-height:1.3;color:#202124;margin:0 0 .75rem}[data-theme=dark] .cpp-hero-title{color:#e8eaed}.cpp-hero-title .highlight{color:#00599c;background:linear-gradient(135deg,#00599c,#659ad2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .cpp-hero-title .highlight{background:linear-gradient(135deg,#659ad2,#8ab4f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cpp-hero-description{font-size:1rem;line-height:1.6;color:#5f6368;margin:0;max-width:600px}[data-theme=dark] .cpp-hero-description{color:#9aa0a6}.content-section code{background:#f1f3f4;padding:.125rem .375rem;border-radius:4px;font-family:Fira Code,Consolas,monospace;font-size:.875rem;color:#00599c}[data-theme=dark] .content-section code{background:#3c4043;color:#659ad2}.callout-box.callout-primary{background:#e8f0fe;border:1px solid #aecbfa}[data-theme=dark] .callout-box.callout-primary{background:#1a3352;border-color:#2a4a6d}.callout-box.callout-success{background:#e6f4ea;border:1px solid #a8dab5}[data-theme=dark] .callout-box.callout-success{background:#1e3a2c;border-color:#2d5940}.callout-box.callout-danger{background:#fce8e6;border:1px solid #f5c6cb}[data-theme=dark] .callout-box.callout-danger{background:#3d2323;border-color:#5c2a2a}.callout-icon{flex-shrink:0;font-size:1.25rem;color:#00599c}.callout-box.callout-warning .callout-icon{color:#f9ab00}.callout-box.callout-info .callout-icon{color:#00599c}.callout-box.callout-success .callout-icon{color:#1e8e3e}.callout-box.callout-danger .callout-icon{color:#d93025}.try-icon{color:#00599c;font-size:1.125rem}[data-theme=dark] .try-icon{color:#659ad2}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;margin:1.5rem 0}.feature-card{background:#fff;border:1px solid #e8eaed;border-radius:8px;padding:1.25rem;transition:box-shadow .2s ease,transform .2s ease}[data-theme=dark] .feature-card{background:#292d31;border-color:#3c4043}.feature-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.feature-icon{font-size:1.5rem;color:#00599c;margin-bottom:.75rem}[data-theme=dark] .feature-icon{color:#659ad2}.feature-card h4{margin:0 0 .5rem;font-size:1rem;font-weight:500;color:#202124}.feature-card p{margin:0;font-size:.875rem;line-height:1.5;color:#5f6368}[data-theme=dark] .feature-card p{color:#9aa0a6}.path-number{flex-shrink:0;width:32px;height:32px;background:linear-gradient(135deg,#00599c,#659ad2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}[data-theme=dark] .path-number{background:linear-gradient(135deg,#659ad2,#8ab4f8);color:#202124}.code-anatomy{margin:1.5rem 0}.anatomy-line{display:flex;align-items:flex-start;gap:1rem;padding:.75rem;background:#f8f9fa;border-left:3px solid #00599C;margin-bottom:.5rem;border-radius:0 4px 4px 0}[data-theme=dark] .anatomy-line{background:#292d31;border-left-color:#659ad2}.anatomy-code{font-family:Fira Code,monospace;font-size:.875rem;color:#00599c;white-space:nowrap;min-width:220px}[data-theme=dark] .anatomy-code{color:#659ad2}.anatomy-explanation{font-size:.875rem;color:#5f6368;line-height:1.5}[data-theme=dark] .anatomy-explanation{color:#9aa0a6}.workflow-visualization{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem;padding:2rem 1rem;margin:1.5rem 0;background:#f8f9fa;border-radius:8px}[data-theme=dark] .workflow-visualization{background:#292d31}.workflow-stage{text-align:center;padding:1rem;min-width:120px}.stage-icon-wrapper{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;font-size:1.25rem}.stage-icon-wrapper.source{background:#e8f0fe;color:#00599c}.stage-icon-wrapper.preprocess{background:#fef7e0;color:#f9ab00}.stage-icon-wrapper.compile{background:#e6f4ea;color:#1e8e3e}.stage-icon-wrapper.link{background:#fce8e6;color:#d93025}.stage-icon-wrapper.execute{background:#f3e8fd;color:#9334e9}[data-theme=dark] .stage-icon-wrapper.source{background:#1a3352}[data-theme=dark] .stage-icon-wrapper.preprocess{background:#3d3523}[data-theme=dark] .stage-icon-wrapper.compile{background:#1e3a2c}[data-theme=dark] .stage-icon-wrapper.link{background:#3d2323}[data-theme=dark] .stage-icon-wrapper.execute{background:#2d1f3d}.workflow-stage h4{margin:0 0 .25rem;font-size:.875rem;font-weight:500;color:#202124}[data-theme=dark] .workflow-stage h4{color:#e8eaed}.workflow-stage p{margin:0;font-size:.75rem;color:#5f6368}[data-theme=dark] .workflow-stage p{color:#9aa0a6}.stage-tag{display:inline-block;padding:.125rem .5rem;background:#e8eaed;border-radius:4px;font-size:.6875rem;color:#5f6368;margin-top:.5rem}[data-theme=dark] .stage-tag{background:#3c4043;color:#9aa0a6}.workflow-arrow{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:#5f6368}[data-theme=dark] .workflow-arrow{color:#9aa0a6}.arrow-label{font-size:.6875rem;white-space:nowrap}.arrow-icon{font-size:1rem}.comparison-table-wrapper{overflow-x:auto;margin:1.5rem 0}.comparison-table{width:100%;border-collapse:collapse;font-size:.875rem}.comparison-table th,.comparison-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e8eaed}.comparison-table th{background:#f8f9fa;font-weight:500;color:#202124}[data-theme=dark] .comparison-table th{background:#292d31;color:#e8eaed}.comparison-table td{color:#3c4043}[data-theme=dark] .comparison-table td{color:#bdc1c6}.comparison-table .highlight-col{background:#e8f0fe}[data-theme=dark] .comparison-table .highlight-col{background:#1a3352}.vs-container{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;margin:1.5rem 0;align-items:start}.vs-box{background:#f8f9fa;border-radius:8px;padding:1.25rem;border:1px solid #e8eaed}[data-theme=dark] .vs-box{background:#292d31;border-color:#3c4043}.vs-box h4{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#00599c}[data-theme=dark] .vs-box h4{color:#659ad2}.vs-box ul{margin:0;padding-left:1.25rem}.vs-box li{margin-bottom:.5rem;font-size:.875rem;color:#3c4043}[data-theme=dark] .vs-box li{color:#bdc1c6}.vs-divider{display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#5f6368;padding-top:2rem}[data-theme=dark] .vs-divider{color:#9aa0a6}@media(max-width:768px){.vs-container{grid-template-columns:1fr}.vs-divider{padding:0;transform:rotate(90deg)}}@media(max-width:768px){.cpp-hero-title{font-size:1.75rem}.features-grid{grid-template-columns:1fr}.workflow-visualization{flex-direction:column}.workflow-arrow{transform:rotate(90deg)}.anatomy-line{flex-direction:column;gap:.5rem}.anatomy-code{min-width:auto}}:root{--git-orange: #F05032;--git-orange-light: #FF6B4A;--git-orange-dark: #D73A28;--git-bg-light: #FAFBFC;--git-bg-dark: #0D1117;--git-card-bg: #FFFFFF;--git-card-border: #E1E4E8;--git-text-primary: #24292F;--git-text-secondary: #57606A;--git-text-muted: #8B949E;--git-success: #2DA44E;--git-info: #0969DA;--git-warning: #BF8700;--git-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--git-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--git-shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--git-radius-sm: 6px;--git-radius-md: 10px;--git-radius-lg: 16px}[data-theme=dark]{--git-bg-light: #161B22;--git-card-bg: #21262D;--git-card-border: #30363D;--git-text-primary: #E6EDF3;--git-text-secondary: #8B949E;--git-text-muted: #6E7681}.git-intro-page{max-width:100%;padding:0}.git-hero-minimal{padding:0 0 2rem;margin-bottom:1.5rem;border-bottom:1px solid #e8eaed}[data-theme=dark] .git-hero-minimal{border-bottom-color:#3c4043}.git-hero-title{font-size:2rem;font-weight:400;line-height:1.3;color:#202124;margin:0 0 .75rem}[data-theme=dark] .git-hero-title{color:#e8eaed}.git-hero-title .highlight{color:#1a73e8}[data-theme=dark] .git-hero-title .highlight{color:#8ab4f8}.git-hero-description{font-size:1rem;line-height:1.6;color:#5f6368;margin:0;max-width:600px}[data-theme=dark] .git-hero-description{color:#9aa0a6}.section-icon{font-size:1.5rem;color:var(--git-orange)}.lead-text{font-size:1.2rem;line-height:1.8;color:var(--color-text);margin-bottom:2rem}.lead-text strong{color:var(--git-orange)}.creator-card{display:flex;align-items:flex-start;gap:1.5rem;padding:1.5rem;background:var(--color-surface);border:1px solid var(--git-card-border);border-radius:var(--git-radius-md);margin-bottom:2rem}.creator-avatar{flex-shrink:0;width:60px;height:60px;background:linear-gradient(135deg,#333,#222);border-radius:50%;display:flex;align-items:center;justify-content:center}.creator-icon{font-size:2rem;color:#fcc624}.creator-info h4{margin:0 0 .5rem;font-size:1.1rem;color:var(--color-text)}.creator-info p{margin:0;color:var(--git-text-secondary);line-height:1.6}.external-link,.inline-link{color:#1a73e8;text-decoration:none;font-weight:500;transition:color .2s ease}.external-link{display:inline-flex;align-items:center;gap:.25rem}.external-link svg{font-size:.875em;opacity:.7}.external-link:hover,.inline-link:hover{color:#1557b0;text-decoration:underline}[data-theme=dark] .external-link,[data-theme=dark] .inline-link{color:#8ab4f8}[data-theme=dark] .external-link:hover,[data-theme=dark] .inline-link:hover{color:#aecbfa}.workflow-visualization{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2.5rem 1rem;background:var(--color-surface);border:1px solid var(--git-card-border);border-radius:var(--git-radius-lg);margin:2rem 0;overflow-x:auto}.stage-icon-wrapper.working{background:#0969da1a;color:var(--git-info)}.stage-icon-wrapper.staging{background:#bf87001a;color:var(--git-warning)}.stage-icon-wrapper.repository{background:#2da44e1a;color:var(--git-success)}.workflow-stage p{margin:0 0 .75rem;font-size:.875rem;color:var(--git-text-secondary);line-height:1.5}.stage-tag{display:inline-block;padding:.25rem .75rem;background:var(--color-background);border-radius:100px;font-size:.75rem;font-weight:600;color:var(--git-text-muted)}.arrow-label{font-size:.7rem;font-family:Monaco,Menlo,Consolas,monospace;color:var(--git-orange);white-space:nowrap}.arrow-icon{font-size:1.25rem;color:var(--git-text-muted)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.feature-card{padding:1.5rem;background:var(--color-surface);border:1px solid var(--git-card-border);border-radius:var(--git-radius-md);transition:all .2s ease}.feature-card:hover{border-color:var(--git-orange);box-shadow:var(--git-shadow-md);transform:translateY(-2px)}.feature-icon-wrapper{width:48px;height:48px;border-radius:var(--git-radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem}.feature-icon-wrapper.distributed{background:#0969da1a;color:var(--git-info)}.feature-icon-wrapper.fast{background:#f050321a;color:var(--git-orange)}.feature-icon-wrapper.branching{background:#2da44e1a;color:var(--git-success)}.feature-icon-wrapper.secure{background:#8250df1a;color:#8250df}.feature-icon-wrapper.staging-feature{background:#bf87001a;color:var(--git-warning)}.feature-icon-wrapper.free{background:#db3d731a;color:#db3d73}.feature-card h4{margin:0 0 .5rem;font-size:1.1rem;color:var(--color-text)}.feature-card p{margin:0;font-size:.95rem;line-height:1.6;color:var(--git-text-secondary)}.comparison-table-wrapper{overflow-x:auto;margin:2rem 0;border-radius:var(--git-radius-md);border:1px solid var(--git-card-border)}.comparison-table{width:100%;border-collapse:collapse;background:var(--color-surface)}.comparison-table th,.comparison-table td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid var(--git-card-border)}.comparison-table th{background:var(--color-background);font-weight:600;color:var(--color-text);font-size:.95rem}.comparison-table .highlight-col{background:#f050320d}.comparison-table th.highlight-col{background:#f050321a;color:var(--git-orange)}.comparison-table td{color:var(--git-text-secondary);font-size:.95rem}.comparison-table .check-icon{color:var(--git-success);margin-right:.5rem}.comparison-table tr:hover td{background:#f0503205}.platform-card{text-align:center;padding:2rem 1.5rem;background:var(--color-surface);border:1px solid var(--git-card-border);border-radius:var(--git-radius-md);transition:all .2s ease}.platform-card:hover{transform:translateY(-4px);box-shadow:var(--git-shadow-lg)}.platform-icon.github{color:var(--color-text)}.platform-icon.gitlab{color:#fc6d26}.platform-icon.bitbucket{color:#0052cc}.platform-card p{margin:0;font-size:.9rem;color:var(--git-text-secondary);line-height:1.5}.path-item{display:flex;gap:1.5rem;padding:1.5rem;background:var(--color-surface);border:1px solid var(--git-card-border);border-radius:var(--git-radius-md);transition:all .2s ease}.path-item:hover{border-color:#1a73e8;box-shadow:var(--git-shadow-sm)}[data-theme=dark] .path-item:hover{border-color:#8ab4f8}.path-number{flex-shrink:0;width:40px;height:40px;background:#1a73e8;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700}.path-content h4 svg{color:var(--git-orange)}.path-content li{margin-bottom:.35rem;font-size:.95rem;color:var(--git-text-secondary);line-height:1.5}@media(max-width:1024px){.git-hero-minimal{padding:0 0 1.5rem}}@media(max-width:768px){.git-hero-title{font-size:1.75rem}.git-hero-description{font-size:.95rem}.workflow-visualization{flex-direction:column;gap:1rem;padding:1.5rem}.workflow-arrow{transform:rotate(90deg);padding:.5rem 0}.workflow-stage{max-width:100%}.content-section h2{font-size:1.25rem}.features-grid,.commands-grid,.platforms-grid{grid-template-columns:1fr}.path-item{flex-direction:column;align-items:flex-start}.creator-card{flex-direction:column;text-align:center}.creator-avatar{margin:0 auto}.callout-box{flex-direction:column;text-align:center}.try-command{flex-direction:column;align-items:flex-start;gap:.5rem}}@media(max-width:480px){.git-hero-title{font-size:1.5rem}.content-section h2{font-size:1.15rem}.comparison-table th,.comparison-table td{padding:.75rem;font-size:.85rem}}.git-cheat-wrapper{max-width:1200px}.git-cheat-section{margin-bottom:1rem}.git-cheat-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:var(--git-text-primary);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--git-orange)}.git-cheat-icon{color:var(--git-orange);font-size:1.5rem}.git-cheat-list{display:flex;flex-direction:column;gap:.5rem}.git-cheat-item{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:.75rem 1rem;background:var(--git-bg-light);border-radius:var(--git-radius-sm);transition:background .2s ease}[data-theme=dark] .git-cheat-item{background:#ffffff0d}.git-cheat-item:hover{background:#f050320d}[data-theme=dark] .git-cheat-item:hover{background:#f050321a}.git-cheat-command{display:flex;align-items:center;gap:.75rem}.git-cheat-command code{font-family:Fira Code,Monaco,Consolas,monospace;font-size:.875rem;color:var(--git-orange);background:transparent;padding:0;word-break:break-all}.git-cheat-copy{display:flex;align-items:center;justify-content:center;padding:.35rem;background:transparent;border:1px solid var(--git-card-border);border-radius:var(--git-radius-sm);color:var(--git-text-muted);cursor:pointer;transition:all .2s ease;opacity:0}.git-cheat-item:hover .git-cheat-copy{opacity:1}.git-cheat-copy:hover{background:var(--git-orange);border-color:var(--git-orange);color:#fff}.git-cheat-description{font-size:.875rem;color:var(--git-text-secondary);text-align:right;white-space:nowrap}.git-steps-list{counter-reset:steps;list-style:none;padding:0;margin:1.5rem 0}.git-steps-list li{counter-increment:steps;display:flex;align-items:flex-start;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--git-card-border)}.git-steps-list li:last-child{border-bottom:none}.git-steps-list li:before{content:counter(steps);display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;background:var(--git-orange);color:#fff;font-size:.875rem;font-weight:600;border-radius:50%}.git-conclusion-card{background:linear-gradient(135deg,#f050321a,#f050320d);border:1px solid rgba(240,80,50,.2);text-align:center}.git-conclusion-card h3{font-size:2rem;margin-bottom:1rem}.git-next-steps{margin-top:2rem;text-align:left}.git-next-steps h4{font-size:1.1rem;color:var(--git-text-primary);margin-bottom:1rem}@media(max-width:768px){.git-cheat-item{grid-template-columns:1fr;gap:.5rem}.git-cheat-description{text-align:left;white-space:normal}.git-cheat-copy{opacity:1}}.status-example-box{border-radius:var(--git-radius-md);margin-bottom:1rem;overflow:hidden;border:1px solid var(--git-card-border);background:var(--git-card-bg)}.status-example-header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-bottom:1px solid var(--git-card-border)}.status-example-header h4{margin:0;font-size:.95rem;font-weight:600;color:var(--git-text-primary)}.status-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-indicator.status-green{background-color:#2da44e;box-shadow:0 0 8px #2da44e66}.status-indicator.status-red{background-color:#cf222e;box-shadow:0 0 8px #cf222e66}.status-example-content{padding:1rem}.status-example-output{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.85rem;line-height:1.6;margin:0 0 1rem;padding:.875rem 1rem;border-radius:var(--git-radius-sm);overflow-x:auto;white-space:pre}.status-staged .status-example-output{background:#2da44e14;color:#1a7f37;border-left:3px solid #2da44e}.status-unstaged .status-example-output,.status-untracked .status-example-output{background:#cf222e14;color:#cf222e;border-left:3px solid #cf222e}.status-example-desc{margin:0;font-size:.9rem;color:var(--git-text-secondary);line-height:1.6}.status-example-desc code{background:#1a73e81a;color:#1a73e8;padding:.15em .4em;border-radius:4px;font-size:.85em}[data-theme=dark] .status-staged .status-example-output{background:#2da44e26;color:#3fb950}[data-theme=dark] .status-unstaged .status-example-output,[data-theme=dark] .status-untracked .status-example-output{background:#cf222e26;color:#f85149}[data-theme=dark] .status-example-desc code{background:#8ab4f826;color:#8ab4f8}@media(max-width:768px){.status-example-box{margin-bottom:.875rem}.status-example-header{padding:.75rem}.status-example-content{padding:.875rem}.status-example-output{font-size:.8rem;padding:.75rem}}.step-list{display:flex;flex-direction:column;gap:0;margin:1.5rem 0}.step-item{display:flex;gap:1rem;position:relative}.step-indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:36px}.step-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#1a73e8,#1557b0);color:#fff;font-weight:600;font-size:.95rem;border-radius:50%;box-shadow:0 2px 8px #1a73e840;position:relative;z-index:1}.step-check{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#34a853,#2d8f47);color:#fff;font-size:1.1rem;border-radius:50%;box-shadow:0 2px 8px #34a85340;position:relative;z-index:1}.step-connector{width:2px;flex:1;min-height:20px;background:linear-gradient(180deg,#1a73e8,#1a73e833);margin-top:4px}.step-content{flex:1;padding-bottom:1.5rem}.step-title{font-size:1.05rem;font-weight:600;color:var(--color-text);margin:0 0 .5rem;padding-top:.35rem;line-height:1.4}.step-body{font-size:.95rem;color:var(--color-textSecondary);line-height:1.7}.step-body p{margin:0 0 .75rem}.step-body p:last-child{margin-bottom:0}.step-body ul{margin:.5rem 0;padding-left:1.25rem}.step-body li{margin-bottom:.5rem;color:var(--color-text)}.step-body li:last-child{margin-bottom:0}.step-body code{background:#1a73e814;color:#1a73e8;padding:.15rem .4rem;border-radius:4px;font-family:Roboto Mono,Monaco,monospace;font-size:.875em}.step-body strong{color:var(--color-text);font-weight:600}.step-body a{color:#1a73e8;text-decoration:none;font-weight:500}.step-body a:hover{text-decoration:underline}.step-item:last-child .step-content{padding-bottom:0}[data-theme=dark] .step-number{background:linear-gradient(135deg,#8ab4f8,#669df6);color:#202124;box-shadow:0 2px 8px #8ab4f840}[data-theme=dark] .step-check{background:linear-gradient(135deg,#81c995,#5bb974);color:#202124;box-shadow:0 2px 8px #81c99540}[data-theme=dark] .step-connector{background:linear-gradient(180deg,#8ab4f8,#8ab4f833)}[data-theme=dark] .step-body code{background:#8ab4f81f;color:#8ab4f8}[data-theme=dark] .step-body a{color:#8ab4f8}@media(max-width:768px){.step-indicator{width:32px}.step-number,.step-check{width:32px;height:32px;font-size:.875rem}.step-title{font-size:1rem;padding-top:.25rem}.step-body{font-size:.9rem}.step-content{padding-bottom:1.25rem}}@media(max-width:480px){.step-list{margin:1rem 0}.step-item{gap:.75rem}.step-indicator{width:28px}.step-number,.step-check{width:28px;height:28px;font-size:.8rem}.step-title{font-size:.95rem}.step-body{font-size:.875rem}.step-content{padding-bottom:1rem}}.method-card{position:relative;background:var(--color-background);border-radius:8px;margin-bottom:1rem;padding:1.25rem;border-left:3px solid #dadce0;transition:all .2s ease}.method-card:hover{background:#1a73e80a;border-left-color:#1a73e8}.method-card-recommended{border-left-color:#1a73e8;background:#1a73e80a}.method-card-recommended:hover{background:#1a73e814}.method-card-easiest{border-left-color:#34a853;background:#34a8530a}.method-card-easiest:hover{background:#34a85314}.method-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.875rem;flex-wrap:wrap}.method-number{font-size:.75rem;font-weight:500;color:#5f6368;text-transform:uppercase;letter-spacing:.25px}.method-title{flex:1;margin:0;font-size:1rem;font-weight:500;color:var(--color-text)}.method-tag{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;padding:.2rem .5rem;border-radius:3px;margin-left:auto}.method-tag-recommended{background:#e8f0fe;color:#1967d2}.method-tag-easiest{background:#e6f4ea;color:#1e8e3e}.method-tag-alternative{background:#f1f3f4;color:#5f6368}.method-content{padding-left:0}.method-content p{margin:0 0 .625rem;color:#5f6368;font-size:.9375rem;line-height:1.6}.method-content p:last-child{margin-bottom:0}.method-content code{background:#1a73e814;color:#1a73e8;padding:.125rem .375rem;border-radius:4px;font-family:Roboto Mono,Monaco,monospace;font-size:.8125rem}.method-content a{color:#1a73e8;text-decoration:none;font-weight:500}.method-content a:hover{text-decoration:underline}.method-content .code-block-wrapper{margin:.625rem 0 0}.method-content .code-block-wrapper:last-child{margin-bottom:0}[data-theme=dark] .method-card{background:var(--color-background);border-left-color:#5f6368}[data-theme=dark] .method-card:hover{background:#8ab4f814;border-left-color:#8ab4f8}[data-theme=dark] .method-card-recommended{border-left-color:#8ab4f8;background:#8ab4f814}[data-theme=dark] .method-card-recommended:hover{background:#8ab4f81f}[data-theme=dark] .method-card-easiest{border-left-color:#81c995;background:#81c99514}[data-theme=dark] .method-card-easiest:hover{background:#81c9951f}[data-theme=dark] .method-number{color:#9aa0a6}[data-theme=dark] .method-tag-recommended{background:#8ab4f826;color:#8ab4f8}[data-theme=dark] .method-tag-easiest{background:#81c99526;color:#81c995}[data-theme=dark] .method-tag-alternative{background:#9aa0a626;color:#9aa0a6}[data-theme=dark] .method-content p{color:#9aa0a6}[data-theme=dark] .method-content code{background:#8ab4f81f;color:#8ab4f8}[data-theme=dark] .method-content a{color:#8ab4f8}@media(max-width:768px){.method-card{padding:1rem;margin-bottom:.875rem}.method-header{gap:.375rem;margin-bottom:.75rem}.method-number{font-size:.7rem}.method-title{font-size:.9375rem}.method-tag{font-size:.625rem}.method-content p{font-size:.875rem}}@media(max-width:480px){.method-card{padding:.875rem;border-radius:6px}.method-header{flex-direction:column;align-items:flex-start;gap:.25rem}.method-tag{margin-left:0;margin-top:.25rem}}.troubleshoot-item{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.troubleshoot-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.troubleshoot-problem{display:flex;align-items:flex-start;gap:.625rem;margin-bottom:.75rem}.troubleshoot-icon{flex-shrink:0;font-size:1.125rem;color:#ea4335;margin-top:.125rem}.troubleshoot-problem-text{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.troubleshoot-error{font-family:Roboto Mono,Monaco,Menlo,monospace;font-size:.9rem;font-weight:500;color:#d93025;background:#ea433514;padding:.25rem .5rem;border-radius:4px;word-break:break-word}.troubleshoot-platform{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.3px;padding:.15rem .5rem;border-radius:3px;background:#f1f3f4;color:#5f6368}.platform-windows{background:#0078d61a;color:#0078d6}.platform-macos{background:#00000014;color:#333}.platform-linux{background:#fcc62426;color:#9a6700}.platform-all{background:#1a73e81a;color:#1a73e8}.troubleshoot-solution{padding-left:1.75rem;color:#5f6368;font-size:.9375rem;line-height:1.6}.troubleshoot-solution p{margin:0 0 .5rem}.troubleshoot-solution p:last-child{margin-bottom:0}.troubleshoot-solution strong{color:var(--color-text);font-weight:500}.troubleshoot-solution a{color:#1a73e8;text-decoration:none;font-weight:500}.troubleshoot-solution a:hover{text-decoration:underline}.troubleshoot-solution code{background:#1a73e814;color:#1a73e8;padding:.125rem .375rem;border-radius:4px;font-family:Roboto Mono,Monaco,monospace;font-size:.8125rem}.troubleshoot-solution .code-block-wrapper{margin:.625rem 0 0}[data-theme=dark] .troubleshoot-icon{color:#f28b82}[data-theme=dark] .troubleshoot-error{color:#f28b82;background:#f28b821f}[data-theme=dark] .troubleshoot-platform{background:#9aa0a626;color:#9aa0a6}[data-theme=dark] .platform-windows{background:#8ab4f826;color:#8ab4f8}[data-theme=dark] .platform-macos{background:#e8eaed1f;color:#e8eaed}[data-theme=dark] .platform-linux{background:#fdd66326;color:#fdd663}[data-theme=dark] .platform-all{background:#8ab4f826;color:#8ab4f8}[data-theme=dark] .troubleshoot-solution{color:#9aa0a6}[data-theme=dark] .troubleshoot-solution a{color:#8ab4f8}[data-theme=dark] .troubleshoot-solution code{background:#8ab4f81f;color:#8ab4f8}@media(max-width:768px){.troubleshoot-item{margin-bottom:1.25rem;padding-bottom:1.25rem}.troubleshoot-error{font-size:.8125rem}.troubleshoot-solution{padding-left:1.625rem;font-size:.875rem}}@media(max-width:480px){.troubleshoot-problem{flex-direction:column;gap:.5rem}.troubleshoot-icon{display:none}.troubleshoot-solution{padding-left:0}.troubleshoot-error{font-size:.8rem;display:block;width:fit-content}}.definition-list-default .definition-item{display:flex;align-items:baseline;gap:.5rem;padding:.625rem 0;border-bottom:1px solid var(--color-border)}.definition-list-inline .definition-term{font-weight:600;color:var(--color-text);font-size:.9375rem}.definition-list-card .definition-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1rem;transition:border-color .2s ease}[data-theme=dark] .definition-list-card .definition-item{background:var(--color-surface)}.copy-btn:hover{background:#4285f426;color:#4285f4}:root{--bash-green: #4EAA25;--bash-green-light: #5FC72E;--bash-green-dark: #3D8A1E;--bash-bg-light: #FAFBFC;--bash-bg-dark: #0D1117;--bash-card-bg: #FFFFFF;--bash-card-border: #E1E4E8;--bash-text-primary: #24292F;--bash-text-secondary: #57606A;--bash-text-muted: #8B949E;--bash-success: #2DA44E;--bash-info: #0969DA;--bash-warning: #BF8700;--bash-error: #CF222E;--bash-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--bash-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--bash-shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--bash-radius-sm: 6px;--bash-radius-md: 10px;--bash-radius-lg: 16px}[data-theme=dark]{--bash-bg-light: #161B22;--bash-card-bg: #21262D;--bash-card-border: #30363D;--bash-text-primary: #E6EDF3;--bash-text-secondary: #8B949E;--bash-text-muted: #6E7681}.bash-page{max-width:100%;padding:0}.bash-hero-minimal{padding:0 0 2rem;margin-bottom:1.5rem;border-bottom:1px solid #e8eaed}[data-theme=dark] .bash-hero-minimal{border-bottom-color:#3c4043}.bash-hero-title{font-size:2rem;font-weight:400;line-height:1.3;color:#202124;margin:0 0 .75rem}[data-theme=dark] .bash-hero-title{color:#e8eaed}.bash-hero-title .highlight{color:var(--bash-green)}[data-theme=dark] .bash-hero-title .highlight{color:#5fc72e}.bash-hero-description{font-size:1rem;line-height:1.6;color:#5f6368;margin:0;max-width:600px}[data-theme=dark] .bash-hero-description{color:#9aa0a6}.callout-icon{flex-shrink:0;font-size:1.25rem;color:var(--bash-green)}.command-icon{font-size:1.125rem;color:var(--bash-green)}[data-theme=dark] .command-icon{color:#5fc72e}.try-icon{font-size:1.25rem;color:var(--bash-green)}[data-theme=dark] .try-icon{color:#5fc72e}.try-command code{font-family:Roboto Mono,Monaco,Menlo,Consolas,monospace;font-size:.8125rem;color:var(--bash-green-dark)}[data-theme=dark] .try-command code{color:#5fc72e}.feature-card{padding:1.5rem;background:var(--color-surface, #fff);border:1px solid var(--bash-card-border);border-radius:var(--bash-radius-md);transition:all .2s ease}.feature-card:hover{border-color:var(--bash-green);box-shadow:var(--bash-shadow-md);transform:translateY(-2px)}.feature-icon-wrapper{width:48px;height:48px;border-radius:var(--bash-radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem;background:#4eaa251a;color:var(--bash-green)}.feature-card p{margin:0;font-size:.95rem;line-height:1.6;color:var(--bash-text-secondary)}.comparison-table-wrapper{overflow-x:auto;margin:2rem 0;border-radius:var(--bash-radius-md);border:1px solid var(--bash-card-border)}.comparison-table th,.comparison-table td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid var(--bash-card-border)}.comparison-table .highlight-col{background:#4eaa250d}.comparison-table th.highlight-col{background:#4eaa251a;color:var(--bash-green)}.comparison-table td{color:var(--bash-text-secondary);font-size:.95rem}.comparison-table .check-icon{color:var(--bash-success);margin-right:.5rem}.comparison-table tr:hover td{background:#4eaa2505}.path-item{display:flex;gap:1.5rem;padding:1.5rem;background:var(--color-surface, #fff);border:1px solid var(--bash-card-border);border-radius:var(--bash-radius-md);transition:all .2s ease}.path-item:hover{border-color:var(--bash-green);box-shadow:var(--bash-shadow-sm)}.path-number{flex-shrink:0;width:40px;height:40px;background:var(--bash-green);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700}[data-theme=dark] .path-number{background:#5fc72e;color:#1e1e1e}.path-content li{margin-bottom:.35rem;font-size:.95rem;color:var(--bash-text-secondary);line-height:1.5}.shells-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0}.shell-card{text-align:center;padding:2rem 1.5rem;background:var(--color-surface, #fff);border:1px solid var(--bash-card-border);border-radius:var(--bash-radius-md);transition:all .2s ease}.shell-card:hover{transform:translateY(-4px);box-shadow:var(--bash-shadow-lg)}.shell-card.featured{border-color:var(--bash-green);background:#4eaa2508}.shell-icon{font-size:2.5rem;margin-bottom:1rem;color:var(--bash-text-secondary)}.shell-card.featured .shell-icon{color:var(--bash-green)}.shell-card h4{margin:0 0 .5rem;font-size:1.1rem;color:var(--color-text, #202124)}[data-theme=dark] .shell-card h4{color:#e8eaed}.shell-card p{margin:0;font-size:.9rem;color:var(--bash-text-secondary);line-height:1.5}.shell-badge{display:inline-block;padding:.25rem .75rem;background:var(--bash-green);color:#fff;border-radius:100px;font-size:.75rem;font-weight:600;margin-top:.75rem}.terminal-prompt{color:var(--bash-green)}.syntax-keyword{color:#ff79c6}.syntax-string{color:#f1fa8c}.syntax-variable{color:#8be9fd}.syntax-comment{color:#6272a4}.syntax-function{color:#50fa7b}.syntax-operator{color:#ff79c6}.syntax-number{color:#bd93f9}@media(max-width:1024px){.bash-hero-minimal{padding:0 0 1.5rem}}@media(max-width:768px){.bash-hero-title{font-size:1.75rem}.bash-hero-description{font-size:.95rem}.content-section h2{font-size:1.25rem}.features-grid,.commands-grid,.shells-grid{grid-template-columns:1fr}.path-item{flex-direction:column;align-items:flex-start}.callout-box{flex-direction:column;text-align:center}.try-command{flex-direction:column;align-items:flex-start;gap:.5rem}}@media(max-width:480px){.bash-hero-title{font-size:1.5rem}.content-section h2{font-size:1.15rem}.comparison-table th,.comparison-table td{padding:.75rem;font-size:.85rem}}:root{--pattern-blue: #1a73e8;--pattern-blue-light: #8ab4f8;--pattern-blue-dark: #1557b0;--pattern-creational: #1565c0;--pattern-structural: #2e7d32;--pattern-behavioral: #ef6c00;--pattern-bg-light: #FAFBFC;--pattern-bg-dark: #0D1117;--pattern-card-bg: #FFFFFF;--pattern-card-border: #E1E4E8;--pattern-text-primary: #24292F;--pattern-text-secondary: #57606A;--pattern-success: #2DA44E;--pattern-info: #0969DA;--pattern-warning: #BF8700;--pattern-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--pattern-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--pattern-shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--pattern-radius-sm: 6px;--pattern-radius-md: 10px;--pattern-radius-lg: 16px}[data-theme=dark]{--pattern-bg-light: #161B22;--pattern-card-bg: #21262D;--pattern-card-border: #30363D;--pattern-text-primary: #E6EDF3;--pattern-text-secondary: #8B949E}.pattern-intro-page{max-width:100%;padding:0}.pattern-hero-minimal{padding:0 0 2rem;margin-bottom:1.5rem;border-bottom:1px solid #e8eaed}[data-theme=dark] .pattern-hero-minimal{border-bottom-color:#3c4043}.pattern-hero-title{font-size:2rem;font-weight:400;line-height:1.3;color:#202124;margin:0 0 .75rem}[data-theme=dark] .pattern-hero-title{color:#e8eaed}.pattern-hero-title .highlight{color:#1a73e8}[data-theme=dark] .pattern-hero-title .highlight{color:#8ab4f8}.pattern-hero-description{font-size:1rem;line-height:1.6;color:#5f6368;margin:0;max-width:650px}[data-theme=dark] .pattern-hero-description{color:#9aa0a6}.content-section h3{font-size:1.125rem;font-weight:500;color:#202124;margin:1.5rem 0 .75rem}.content-section p{font-size:1rem;line-height:1.7;color:#3c4043;margin:0 0 1rem}[data-theme=dark] .content-section p{color:#bdc1c6}.content-section ul,.content-section ol{margin:.5rem 0 1rem 1.5rem;padding:0}.content-section li{font-size:1rem;line-height:1.7;color:#3c4043;margin-bottom:.5rem}[data-theme=dark] .content-section li{color:#bdc1c6}.content-section code{background:#f1f3f4;padding:.125rem .375rem;border-radius:4px;font-family:Fira Code,Consolas,monospace;font-size:.875rem;color:#d93025}[data-theme=dark] .content-section code{background:#3c4043;color:#f28b82}.callout-box.callout-warning{background:#fef7e0;border:1px solid #f9e39c}.callout-box.callout-info{background:#e8f0fe;border:1px solid #aecbfa}[data-theme=dark] .callout-box.callout-info{background:#1a3352;border-color:#2a4a6d}.callout-box.callout-info .callout-icon{color:#1a73e8}[data-theme=dark] .callout-box.callout-info .callout-icon{color:#8ab4f8}.callout-content p{margin:0;font-size:.875rem;line-height:1.5;color:#3c4043}[data-theme=dark] .callout-content p{color:#bdc1c6}.callout-content .prereq-list{margin:.5rem 0 0 1rem;padding:0}.callout-content .prereq-list li{font-size:.875rem;margin-bottom:.375rem;color:#3c4043}[data-theme=dark] .callout-content .prereq-list li{color:#bdc1c6}.pattern-categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:1.5rem 0}.pattern-category-card{background:#fff;border:2px solid #e8eaed;border-radius:12px;padding:1.5rem;position:relative;transition:all .2s ease}[data-theme=dark] .pattern-category-card{background:#292d31;border-color:#3c4043}.pattern-category-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.pattern-category-card.creational{border-top:4px solid #1565c0}.pattern-category-card.structural{border-top:4px solid #2e7d32}.pattern-category-card.behavioral{border-top:4px solid #ef6c00}.category-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem}.pattern-category-card.creational .category-icon{background:#e3f2fd;color:#1565c0}.pattern-category-card.structural .category-icon{background:#e8f5e9;color:#2e7d32}.pattern-category-card.behavioral .category-icon{background:#fff3e0;color:#ef6c00}[data-theme=dark] .pattern-category-card.creational .category-icon{background:#1a3352;color:#8ab4f8}[data-theme=dark] .pattern-category-card.structural .category-icon{background:#1b3d2e;color:#81c784}[data-theme=dark] .pattern-category-card.behavioral .category-icon{background:#3d2e1a;color:#ffb74d}.pattern-category-card h3{margin:0 0 .75rem;font-size:1.125rem;font-weight:600;color:#202124}[data-theme=dark] .pattern-category-card h3{color:#e8eaed}.pattern-category-card>p{margin:0 0 1rem;font-size:.875rem;line-height:1.5;color:#5f6368}[data-theme=dark] .pattern-category-card>p{color:#9aa0a6}.category-patterns{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.category-patterns li{display:inline-block;padding:.25rem .625rem;background:#f8f9fa;border-radius:4px;font-size:.75rem;color:#5f6368;margin:0}[data-theme=dark] .category-patterns li{background:#3c4043;color:#9aa0a6}.category-badge{position:absolute;top:1rem;right:1rem;padding:.25rem .625rem;border-radius:1rem;font-size:.6875rem;font-weight:600}.pattern-category-card.creational .category-badge{background:#e3f2fd;color:#1565c0}.pattern-category-card.structural .category-badge{background:#e8f5e9;color:#2e7d32}.pattern-category-card.behavioral .category-badge{background:#fff3e0;color:#ef6c00}[data-theme=dark] .pattern-category-card.creational .category-badge{background:#1a3352;color:#8ab4f8}[data-theme=dark] .pattern-category-card.structural .category-badge{background:#1b3d2e;color:#81c784}[data-theme=dark] .pattern-category-card.behavioral .category-badge{background:#3d2e1a;color:#ffb74d}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin:1.5rem 0}.benefit-card{background:#fff;border:1px solid #e8eaed;border-radius:8px;padding:1.25rem;transition:box-shadow .2s ease}[data-theme=dark] .benefit-card{background:#292d31;border-color:#3c4043}.benefit-card:hover{box-shadow:0 4px 12px #0000001a}.benefit-icon{font-size:1.5rem;color:#1a73e8;margin-bottom:.75rem}[data-theme=dark] .benefit-icon{color:#8ab4f8}.benefit-card h4{margin:0 0 .5rem;font-size:1rem;font-weight:500;color:#202124}[data-theme=dark] .benefit-card h4{color:#e8eaed}.benefit-card p{margin:0;font-size:.875rem;line-height:1.5;color:#5f6368}[data-theme=dark] .benefit-card p{color:#9aa0a6}.pattern-anatomy{margin:1.5rem 0}.anatomy-item{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid #e8eaed}[data-theme=dark] .anatomy-item{border-bottom-color:#3c4043}.anatomy-item:last-child{border-bottom:none}.anatomy-number{flex-shrink:0;width:32px;height:32px;background:#1a73e8;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}[data-theme=dark] .anatomy-number{background:#8ab4f8;color:#202124}.anatomy-content h4{margin:0 0 .25rem;font-size:1rem;font-weight:500;color:#202124}[data-theme=dark] .anatomy-content h4{color:#e8eaed}.anatomy-content p{margin:0;font-size:.875rem;color:#5f6368}[data-theme=dark] .anatomy-content p{color:#9aa0a6}.solid-principles{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}.solid-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #1a73e8}[data-theme=dark] .solid-card{background:#292d31;border-left-color:#8ab4f8}.solid-letter{flex-shrink:0;width:40px;height:40px;background:#1a73e8;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700}[data-theme=dark] .solid-letter{background:#8ab4f8;color:#202124}.solid-content h4{margin:0 0 .25rem;font-size:1rem;font-weight:500;color:#202124}[data-theme=dark] .solid-content h4{color:#e8eaed}.solid-content p{margin:0;font-size:.875rem;color:#5f6368}[data-theme=dark] .solid-content p{color:#9aa0a6}.real-world-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin:1.5rem 0}.example-card{background:#fff;border:1px solid #e8eaed;border-radius:8px;padding:1.25rem;transition:all .2s ease}[data-theme=dark] .example-card{background:#292d31;border-color:#3c4043}.example-card:hover{border-color:#1a73e8;box-shadow:0 4px 12px #00000014}[data-theme=dark] .example-card:hover{border-color:#8ab4f8}.example-icon{font-size:1.5rem;color:#1a73e8;margin-bottom:.75rem}[data-theme=dark] .example-icon{color:#8ab4f8}.example-card h4{margin:0 0 .5rem;font-size:.9375rem;font-weight:500;color:#202124}[data-theme=dark] .example-card h4{color:#e8eaed}.example-card p{margin:0;font-size:.8125rem;line-height:1.5;color:#5f6368}[data-theme=dark] .example-card p{color:#9aa0a6}.learning-path{margin:1.5rem 0}.path-item{display:flex;gap:1rem;padding:1.25rem 0;border-bottom:1px solid #e8eaed}[data-theme=dark] .path-item{border-bottom-color:#3c4043}.path-item:last-child{border-bottom:none}.path-number{flex-shrink:0;width:32px;height:32px;background:#1a73e8;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.path-content h4{margin:0 0 .5rem;font-size:1rem;font-weight:500;color:#202124}.path-content ul{margin:0;padding-left:1.25rem}.path-content li{font-size:.875rem;color:#5f6368;margin-bottom:.25rem}[data-theme=dark] .path-content li{color:#9aa0a6}.try-it-box{background:#f8f9fa;border:1px solid #e8eaed;border-radius:8px;padding:1.25rem;margin:1.5rem 0}[data-theme=dark] .try-it-box{background:#292d31;border-color:#3c4043}.try-icon{color:#1a73e8;font-size:1.125rem}.try-commands{display:flex;flex-direction:column;gap:.625rem}.try-command{display:flex;align-items:baseline;gap:.75rem;font-size:.875rem}.try-command code{background:#e8eaed;padding:.25rem .5rem;border-radius:4px;font-family:Fira Code,monospace;font-size:.8125rem;color:#202124;white-space:nowrap}[data-theme=dark] .try-command code{background:#3c4043;color:#e8eaed}.try-description{color:#5f6368;font-size:.875rem}@media(max-width:768px){.pattern-hero-title{font-size:1.75rem}.pattern-categories-grid,.benefits-grid,.real-world-examples{grid-template-columns:1fr}.anatomy-item,.path-item{flex-direction:column;gap:.75rem}.solid-card{flex-direction:column;text-align:center}}.pattern-classification-diagrams{display:flex;flex-direction:column;gap:1.5rem;margin:1.5rem 0}.classification-sub-diagrams{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.classification-sub-diagrams{grid-template-columns:1fr 1fr}}.classification-sub-diagrams .mermaid-diagram{margin:0}.classification-sub-diagrams .mermaid-diagram-content{min-height:160px}.section-icon{vertical-align:middle;margin-right:.5rem;color:#1a73e8}[data-theme=dark] .section-icon{color:#8ab4f8}.problem-solution-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin:1.5rem 0}.problem-card{background:#f8f9fa;border:1px solid #e8eaed;border-radius:8px;padding:1.25rem;border-left:4px solid #1a73e8}[data-theme=dark] .problem-card{background:#292d31;border-color:#3c4043;border-left-color:#8ab4f8}.problem-card h4{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#202124}[data-theme=dark] .problem-card h4{color:#e8eaed}.problem-card p{margin:0;font-size:.875rem;line-height:1.6;color:#5f6368}[data-theme=dark] .problem-card p{color:#9aa0a6}.solution-steps{margin:1.5rem 0}.step-item{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid #e8eaed}[data-theme=dark] .step-item{border-bottom-color:#3c4043}.step-item:last-child{border-bottom:none}.step-number{flex-shrink:0;width:32px;height:32px;background:#1a73e8;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}[data-theme=dark] .step-number{background:#8ab4f8;color:#202124}.step-content{flex:1;font-size:.9375rem;line-height:1.6;color:#3c4043;padding-top:.25rem}[data-theme=dark] .step-content{color:#bdc1c6}.step-content code{background:#f1f3f4;padding:.125rem .375rem;border-radius:4px;font-family:Fira Code,Consolas,monospace;font-size:.8125rem;color:#d93025}[data-theme=dark] .step-content code{background:#3c4043;color:#f28b82}.uml-diagram{display:flex;justify-content:center;padding:2rem;margin:1.5rem 0;background:#f8f9fa;border-radius:8px;overflow-x:auto}[data-theme=dark] .uml-diagram{background:#292d31}.uml-class{background:#fff;border:2px solid #1a73e8;border-radius:4px;min-width:250px;font-family:Fira Code,monospace;font-size:.8125rem}[data-theme=dark] .uml-class{background:#1f2327;border-color:#8ab4f8}.uml-class-name{background:#1a73e8;color:#fff;padding:.75rem 1rem;text-align:center;font-weight:600;font-size:.9375rem}[data-theme=dark] .uml-class-name{background:#8ab4f8;color:#202124}.uml-class-section{padding:.75rem 1rem;border-bottom:1px solid #e8eaed}[data-theme=dark] .uml-class-section{border-bottom-color:#3c4043}.uml-class-section:last-child{border-bottom:none}.uml-attribute,.uml-method{padding:.25rem 0;color:#3c4043}[data-theme=dark] .uml-attribute,[data-theme=dark] .uml-method{color:#bdc1c6}.pattern-list{margin:1.5rem 0}.pattern-list-item{padding:1rem;margin-bottom:.75rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #e8eaed;transition:border-color .2s ease}[data-theme=dark] .pattern-list-item{background:#292d31;border-left-color:#3c4043}.pattern-list-item:hover{border-left-color:#1a73e8}[data-theme=dark] .pattern-list-item:hover{border-left-color:#8ab4f8}.pattern-list-item h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#202124}[data-theme=dark] .pattern-list-item h4{color:#e8eaed}.pattern-list-item p{margin:0 0 .5rem;font-size:.875rem;color:#5f6368}[data-theme=dark] .pattern-list-item p{color:#9aa0a6}.pattern-list-item code{display:block;background:#e8eaed;padding:.5rem .75rem;border-radius:4px;font-family:Fira Code,monospace;font-size:.75rem;color:#5f6368}[data-theme=dark] .pattern-list-item code{background:#3c4043;color:#9aa0a6}.pattern-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:uppercase}.pattern-badge.creational{background:#e3f2fd;color:#1565c0}.pattern-badge.structural{background:#e8f5e9;color:#2e7d32}.pattern-badge.behavioral{background:#fff3e0;color:#ef6c00}[data-theme=dark] .pattern-badge.creational{background:#1a3352;color:#8ab4f8}[data-theme=dark] .pattern-badge.structural{background:#1b3d2e;color:#81c784}[data-theme=dark] .pattern-badge.behavioral{background:#3d2e1a;color:#ffb74d}.exercise-list{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.exercise-card{background:#f8f9fa;border:1px solid #e8eaed;border-radius:8px;padding:1rem 1.25rem}[data-theme=dark] .exercise-card{background:#292d31;border-color:#3c4043}.exercise-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.exercise-icon{color:#1a73e8}[data-theme=dark] .exercise-icon{color:#8ab4f8}.exercise-header h4{margin:0;flex:1;font-size:1rem;font-weight:600;color:#202124}[data-theme=dark] .exercise-header h4{color:#e8eaed}.difficulty-badge{padding:.25rem .625rem;border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:uppercase;color:#fff}.exercise-card p{margin:0;font-size:.875rem;color:#5f6368;line-height:1.5}[data-theme=dark] .exercise-card p{color:#9aa0a6}.qa-list{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.qa-card{background:#f8f9fa;border:1px solid #e8eaed;border-radius:8px;padding:1.25rem}[data-theme=dark] .qa-card{background:#292d31;border-color:#3c4043}.question{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.qa-icon{flex-shrink:0;color:#1a73e8;margin-top:.125rem}[data-theme=dark] .qa-icon{color:#8ab4f8}.question strong{font-size:.9375rem;color:#202124;line-height:1.5}[data-theme=dark] .question strong{color:#e8eaed}.answer{font-size:.875rem;color:#5f6368;line-height:1.6;padding-left:1.75rem}[data-theme=dark] .answer{color:#9aa0a6}.answer strong{color:#1a73e8}[data-theme=dark] .answer strong{color:#8ab4f8}.cheat-table{overflow-x:auto;margin:1.5rem 0}.cheat-table table{width:100%;border-collapse:collapse;font-size:.875rem}.cheat-table th,.cheat-table td{padding:.75rem 1rem;text-align:left;border:1px solid #e8eaed}[data-theme=dark] .cheat-table th,[data-theme=dark] .cheat-table td{border-color:#3c4043}.cheat-table th{background:#1a73e8;color:#fff;font-weight:600}[data-theme=dark] .cheat-table th{background:#1a3352;color:#8ab4f8}.cheat-table td{background:#f8f9fa;color:#3c4043}[data-theme=dark] .cheat-table td{background:#1f2327;color:#bdc1c6}.cheat-table tbody tr:hover td{background:#e8f0fe}[data-theme=dark] .cheat-table tbody tr:hover td{background:#1a3352}.cheat-table td strong{color:#1a73e8}[data-theme=dark] .cheat-table td strong{color:#8ab4f8}@media(max-width:768px){.comparison-grid,.problem-solution-grid,.career-benefits,.related-patterns,.example-row{grid-template-columns:1fr}.example-row span:first-child{border-right:none;border-bottom:1px solid #e8eaed}[data-theme=dark] .example-row span:first-child{border-bottom-color:#3c4043}.exercise-header{flex-wrap:wrap}.exercise-header h4{flex:none;width:100%;order:-1;margin-bottom:.5rem}}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1rem 0;border-radius:8px;border:1px solid #e8eaed}[data-theme=dark] .table-responsive{border-color:#3c4043}.comparison-table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:600px}.comparison-table th,.comparison-table td{padding:.75rem 1rem;text-align:center;border-bottom:1px solid #e8eaed}[data-theme=dark] .comparison-table th,[data-theme=dark] .comparison-table td{border-bottom-color:#3c4043}.comparison-table th{background:#f8f9fa;color:#202124;font-weight:600;font-size:.8125rem;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}[data-theme=dark] .comparison-table th{background:#21262d;color:#e8eaed}.comparison-table td:first-child{text-align:left;white-space:nowrap}.comparison-table tbody tr:hover{background:#f1f3f4}[data-theme=dark] .comparison-table tbody tr:hover{background:#292d31}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table .highlight-row{background:#e8f5e9}[data-theme=dark] .comparison-table .highlight-row{background:#1b3d2e}.comparison-table .highlight-row:hover{background:#c8e6c9}[data-theme=dark] .comparison-table .highlight-row:hover{background:#234d3a}.cell-yes{color:#2e7d32;font-weight:600}[data-theme=dark] .cell-yes{color:#81c784}.cell-no{color:#c62828;font-weight:600}[data-theme=dark] .cell-no{color:#ef9a9a}.junit-intro-page{padding-bottom:2rem}.junit-hero-minimal{padding:0 0 2rem;margin-bottom:1.5rem;border-bottom:1px solid #e8eaed}[data-theme=dark] .junit-hero-minimal{border-bottom-color:#3c4043}.junit-hero-title{font-size:2rem;font-weight:400;line-height:1.3;color:#202124;margin:0 0 .75rem}[data-theme=dark] .junit-hero-title{color:#e8eaed}.junit-hero-title .highlight{color:#1a73e8}[data-theme=dark] .junit-hero-title .highlight{color:#8ab4f8}.junit-hero-description{font-size:1rem;line-height:1.6;color:#5f6368;margin:0;max-width:600px}[data-theme=dark] .junit-hero-description{color:#9aa0a6}.junit-content-section{margin-bottom:3rem}.junit-content-section h2{font-size:1.5rem;font-weight:400;color:#202124;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e8eaed;display:flex;align-items:center;gap:.5rem}[data-theme=dark] .junit-content-section h2{color:#e8eaed;border-bottom-color:#3c4043}.junit-content-section h2 svg{color:#1a73e8}[data-theme=dark] .junit-content-section h2 svg{color:#8ab4f8}.junit-content-section h3{margin:1.5rem 0 .75rem;font-size:1.125rem;font-weight:600;color:var(--color-text)}.junit-content-section p{margin:0 0 1rem;font-size:1rem;color:var(--color-textSecondary);line-height:1.7}.junit-content-section ul,.junit-content-section ol{margin:0 0 1rem;padding-left:1.5rem}.junit-content-section li{margin-bottom:.5rem;font-size:1rem;color:var(--color-textSecondary);line-height:1.6}.junit-callout-box{display:flex;gap:1rem;padding:1.25rem;border-radius:8px;margin:1.5rem 0}.junit-callout-box.callout-info{background:#e3f2fd;border-left:4px solid #2196f3}.junit-callout-box.callout-success{background:#e8f5e9;border-left:4px solid #4caf50}.junit-callout-box.callout-warning{background:#fff3e0;border-left:4px solid #ff9800}.junit-callout-box.callout-tip{background:#f3e5f5;border-left:4px solid #9c27b0}[data-theme=dark] .junit-callout-box.callout-info{background:#1a3352;border-left-color:#8ab4f8}[data-theme=dark] .junit-callout-box.callout-success{background:#1b3d2e;border-left-color:#81c784}[data-theme=dark] .junit-callout-box.callout-warning{background:#3d2e1a;border-left-color:#ffb74d}[data-theme=dark] .junit-callout-box.callout-tip{background:#3d1a3d;border-left-color:#ce93d8}.junit-callout-icon{flex-shrink:0;font-size:1.25rem}.junit-callout-box.callout-info .junit-callout-icon{color:#2196f3}.junit-callout-box.callout-success .junit-callout-icon{color:#4caf50}.junit-callout-box.callout-warning .junit-callout-icon{color:#ff9800}.junit-callout-box.callout-tip .junit-callout-icon{color:#9c27b0}.junit-callout-content h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--color-text)}.junit-callout-content p{margin:0;font-size:.9375rem}.junit-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:1.5rem 0}.junit-feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;transition:all .2s ease}.junit-feature-card:hover{border-color:#1a73e8;box-shadow:0 4px 12px #1a73e81a;transform:translateY(-2px)}.junit-feature-icon{width:48px;height:48px;background:#e3f2fd;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#1a73e8;margin-bottom:1rem}[data-theme=dark] .junit-feature-icon{background:#1a3352;color:#8ab4f8}.junit-feature-card h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--color-text)}.junit-feature-card p{margin:0;font-size:.9375rem;color:var(--color-textSecondary);line-height:1.5}.junit-code-example{margin:1.5rem 0;border-radius:8px;overflow:hidden;border:1px solid var(--color-border)}.junit-code-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f1f3f4;border-bottom:1px solid var(--color-border)}[data-theme=dark] .junit-code-header{background:#292d31}.junit-code-header span{font-size:.8125rem;font-weight:500;color:var(--color-text)}.junit-code-badge{font-size:.6875rem;padding:.25rem .5rem;background:#1a73e8;color:#fff;border-radius:4px;font-weight:600;text-transform:uppercase}.junit-annotation-table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9375rem}.junit-annotation-table th,.junit-annotation-table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid var(--color-border)}.junit-annotation-table th{background:#f1f3f4;font-weight:600;color:var(--color-text)}[data-theme=dark] .junit-annotation-table th{background:#292d31}.junit-annotation-table td{color:var(--color-textSecondary)}.junit-annotation-table code{background:#e3f2fd;color:#1565c0;padding:.125rem .375rem;border-radius:4px;font-family:Fira Code,Consolas,monospace;font-size:.875rem}[data-theme=dark] .junit-annotation-table code{background:#1a3352;color:#8ab4f8}.junit-try-it-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;margin:1.5rem 0}.junit-try-it-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.junit-try-icon{font-size:1.5rem;color:#1a73e8}[data-theme=dark] .junit-try-icon{color:#8ab4f8}.junit-try-it-header h4{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text)}.junit-try-commands{display:flex;flex-direction:column;gap:.75rem}.junit-try-command{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#f1f3f4;border-radius:8px}[data-theme=dark] .junit-try-command{background:#292d31}.junit-try-command code{font-family:Fira Code,Consolas,monospace;font-size:.875rem;color:#1a73e8;font-weight:500}[data-theme=dark] .junit-try-command code{color:#8ab4f8}.junit-try-description{font-size:.875rem;color:var(--color-textSecondary)}.junit-pros-cons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:1.5rem 0}.junit-pros-section,.junit-cons-section{padding:1.25rem;border-radius:12px}.junit-pros-section{background:#e3f2fd;border:1px solid #bbdefb}.junit-cons-section{background:#ffebee;border:1px solid #ffcdd2}[data-theme=dark] .junit-pros-section{background:#1a3352;border-color:#1565c0}[data-theme=dark] .junit-cons-section{background:#3d1a1a;border-color:#c62828}.junit-pros-section h4,.junit-cons-section h4{margin:0 0 1rem;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.junit-pros-section h4{color:#1565c0}.junit-cons-section h4{color:#c62828}[data-theme=dark] .junit-pros-section h4{color:#8ab4f8}[data-theme=dark] .junit-cons-section h4{color:#ef9a9a}.icon-green{color:#1a73e8}.icon-red{color:#f44336}.junit-pros-section ul,.junit-cons-section ul{margin:0;padding-left:1.25rem}.junit-pros-section li,.junit-cons-section li{margin-bottom:.5rem;font-size:.9375rem}.junit-pros-section li{color:#0d47a1}.junit-cons-section li{color:#b71c1c}[data-theme=dark] .junit-pros-section li{color:#90caf9}[data-theme=dark] .junit-cons-section li{color:#ef9a9a}@media(max-width:768px){.junit-hero-title{font-size:1.75rem}.junit-hero-description{font-size:1rem}.junit-content-section h2{font-size:1.25rem}.junit-feature-grid,.junit-pros-cons-grid{grid-template-columns:1fr}}@media(max-width:480px){.junit-hero-title{font-size:1.5rem}.junit-content-section h2{font-size:1.15rem}}:root{--mockito-accent: #1a73e8;--mockito-accent-light: #4285f4;--mockito-accent-dark: #1557b0;--mockito-bg-light: #f8f9fa;--mockito-bg-dark: #0D1117;--mockito-card-bg: #FFFFFF;--mockito-card-border: #e8eaed;--mockito-text-primary: #202124;--mockito-text-secondary: #5f6368;--mockito-text-muted: #9aa0a6;--mockito-success: #34a853;--mockito-info: #1a73e8;--mockito-warning: #f9ab00;--mockito-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--mockito-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--mockito-shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--mockito-radius-sm: 6px;--mockito-radius-md: 8px;--mockito-radius-lg: 12px}[data-theme=dark]{--mockito-accent: #8ab4f8;--mockito-accent-light: #aecbfa;--mockito-accent-dark: #669df6;--mockito-bg-light: #1e1e1e;--mockito-card-bg: #21262D;--mockito-card-border: #3c4043;--mockito-text-primary: #e8eaed;--mockito-text-secondary: #9aa0a6;--mockito-text-muted: #6e7681}.mockito-intro-page{max-width:100%;padding:0;padding-bottom:2rem}.mockito-hero-minimal{padding:0 0 2rem;margin-bottom:1.5rem;border-bottom:1px solid #e8eaed}[data-theme=dark] .mockito-hero-minimal{border-bottom-color:#3c4043}.mockito-hero-title{font-size:2rem;font-weight:400;line-height:1.3;color:#202124;margin:0 0 .75rem}[data-theme=dark] .mockito-hero-title{color:#e8eaed}.mockito-hero-title .highlight{color:var(--mockito-accent)}[data-theme=dark] .mockito-hero-title .highlight{color:#8ab4f8}.mockito-hero-description{font-size:1rem;line-height:1.6;color:#5f6368;margin:0;max-width:600px}[data-theme=dark] .mockito-hero-description{color:#9aa0a6}.mockito-content-section{margin-bottom:3rem}.mockito-content-section h2{font-size:1.5rem;font-weight:400;color:#202124;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e8eaed;display:flex;align-items:center;gap:.5rem}[data-theme=dark] .mockito-content-section h2{color:#e8eaed;border-bottom-color:#3c4043}.mockito-content-section h2 svg{color:var(--mockito-accent)}[data-theme=dark] .mockito-content-section h2 svg{color:#8ab4f8}.mockito-content-section h3{margin:1.5rem 0 .75rem;font-size:1.125rem;font-weight:500;color:#202124}[data-theme=dark] .mockito-content-section h3{color:#e8eaed}.mockito-content-section p{margin:0 0 1rem;font-size:1rem;color:#5f6368;line-height:1.7}[data-theme=dark] .mockito-content-section p{color:#9aa0a6}.mockito-content-section ul,.mockito-content-section ol{margin:0 0 1rem;padding-left:1.5rem}.mockito-content-section li{margin-bottom:.5rem;font-size:1rem;color:#5f6368;line-height:1.6}[data-theme=dark] .mockito-content-section li{color:#9aa0a6}.mockito-ordered-list{counter-reset:item;list-style:none;padding-left:0}.mockito-ordered-list li{counter-increment:item;display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.mockito-ordered-list li:before{content:counter(item);flex-shrink:0;width:24px;height:24px;background:var(--mockito-accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.mockito-callout-box{display:flex;gap:.875rem;padding:1rem 1.25rem;border-radius:8px;margin:1.25rem 0}.mockito-callout-box.callout-info{background:#e8f0fe;border:1px solid #d2e3fc}.mockito-callout-box.callout-success{background:#2da44e1a;border:1px solid rgba(45,164,78,.2)}.mockito-callout-box.callout-warning{background:#fef7e0;border:1px solid #f9e39c}.mockito-callout-box.callout-tip{background:#1a73e814;border:1px solid rgba(26,115,232,.2)}[data-theme=dark] .mockito-callout-box.callout-info{background:#1a3a5c;border-color:#2d4a6f}[data-theme=dark] .mockito-callout-box.callout-success{background:#2da44e26;border-color:#2da44e4d}[data-theme=dark] .mockito-callout-box.callout-warning{background:#3d3523;border-color:#5c4b2a}[data-theme=dark] .mockito-callout-box.callout-tip{background:#8ab4f81f;border-color:#8ab4f84d}.mockito-callout-icon{flex-shrink:0;font-size:1.25rem}.mockito-callout-box.callout-info .mockito-callout-icon{color:#1a73e8}.mockito-callout-box.callout-success .mockito-callout-icon{color:#34a853}.mockito-callout-box.callout-warning .mockito-callout-icon{color:#f9ab00}.mockito-callout-box.callout-tip .mockito-callout-icon{color:var(--mockito-accent)}[data-theme=dark] .mockito-callout-box.callout-info .mockito-callout-icon,[data-theme=dark] .mockito-callout-box.callout-tip .mockito-callout-icon{color:#8ab4f8}.mockito-callout-content h4{margin:0 0 .375rem;font-size:.9375rem;font-weight:500;color:#202124}[data-theme=dark] .mockito-callout-content h4{color:#e8eaed}.mockito-callout-content p{margin:0;color:#5f6368;font-size:.875rem;line-height:1.6}[data-theme=dark] .mockito-callout-content p{color:#9aa0a6}.mockito-callout-content ul{margin:.5rem 0 0;padding-left:1.25rem}.mockito-callout-content li{font-size:.875rem;margin-bottom:.25rem}.mockito-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.mockito-feature-card{padding:1.5rem;background:var(--color-surface);border:1px solid var(--mockito-card-border);border-radius:var(--mockito-radius-md);transition:all .2s ease}.mockito-feature-card:hover{border-color:var(--mockito-accent);box-shadow:var(--mockito-shadow-md);transform:translateY(-2px)}.mockito-feature-card .feature-icon{font-size:1.5rem;color:var(--mockito-accent);margin-bottom:1rem}[data-theme=dark] .mockito-feature-card .feature-icon{color:#8ab4f8}.mockito-feature-icon{width:48px;height:48px;border-radius:var(--mockito-radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem;background:#1a73e81a;color:var(--mockito-accent)}[data-theme=dark] .mockito-feature-icon{background:#8ab4f826;color:#8ab4f8}.mockito-feature-card h3,.mockito-feature-card h4{margin:0 0 .5rem;font-size:1.1rem;font-weight:500;color:#202124}[data-theme=dark] .mockito-feature-card h3,[data-theme=dark] .mockito-feature-card h4{color:#e8eaed}.mockito-feature-card p{margin:0;font-size:.95rem;line-height:1.6;color:var(--mockito-text-secondary)}.mockito-code-example{margin:1.5rem 0;border-radius:8px;overflow:hidden;border:1px solid var(--color-border)}.mockito-code-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f1f3f4;border-bottom:1px solid var(--color-border)}[data-theme=dark] .mockito-code-header{background:#292d31}.mockito-code-header span{font-size:.8125rem;font-weight:500;color:var(--color-text)}.mockito-code-badge{font-size:.6875rem;padding:.25rem .5rem;background:#1a73e8;color:#fff;border-radius:4px;font-weight:600;text-transform:uppercase}.mockito-comparison-table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.95rem;border:1px solid var(--mockito-card-border);border-radius:var(--mockito-radius-md);overflow:hidden}.mockito-comparison-table th,.mockito-comparison-table td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid var(--mockito-card-border)}.mockito-comparison-table th{background:var(--mockito-bg-light);font-weight:500;color:#202124}[data-theme=dark] .mockito-comparison-table th{background:#292d31;color:#e8eaed}.mockito-comparison-table td{color:var(--mockito-text-secondary)}[data-theme=dark] .mockito-comparison-table td{color:#9aa0a6}.mockito-comparison-table tbody tr:hover{background:#1a73e80a}[data-theme=dark] .mockito-comparison-table tbody tr:hover{background:#8ab4f814}.mockito-comparison-table code{background:#1a73e81a;color:#1a73e8;padding:.2rem .5rem;border-radius:4px;font-family:Fira Code,Consolas,monospace;font-size:.85rem}[data-theme=dark] .mockito-comparison-table code{background:#8ab4f826;color:#8ab4f8}.mockito-try-it-box{background:#e8f0fe;border:1px solid #d2e3fc;border-radius:var(--mockito-radius-md);padding:1.5rem;margin:2rem 0}[data-theme=dark] .mockito-try-it-box{background:#1a2733;border-color:#394b5e}.mockito-try-it-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.mockito-try-icon{font-size:1.5rem;color:#1a73e8}[data-theme=dark] .mockito-try-icon{color:#8ab4f8}.mockito-try-it-header h4{margin:0;font-size:1.1rem;font-weight:500;color:#202124}[data-theme=dark] .mockito-try-it-header h4{color:#e8eaed}.mockito-try-commands{display:flex;flex-direction:column;gap:.75rem}.mockito-try-command{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#ffffffb3;border-radius:var(--mockito-radius-sm);border:1px solid #d2e3fc}[data-theme=dark] .mockito-try-command{background:#0003;border-color:#394b5e}.mockito-try-command code{font-family:Fira Code,Consolas,monospace;font-size:.9rem;color:#1a73e8;font-weight:500}[data-theme=dark] .mockito-try-command code{color:#8ab4f8}.mockito-try-description{font-size:.9rem;color:var(--mockito-text-secondary)}.mockito-pros-cons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.mockito-pros-section,.mockito-cons-section{padding:1.5rem;border-radius:var(--mockito-radius-md)}.mockito-pros-section{background:#34a85314;border:1px solid rgba(52,168,83,.2)}.mockito-cons-section{background:#ea433514;border:1px solid rgba(234,67,53,.2)}[data-theme=dark] .mockito-pros-section{background:#34a8531a;border-color:#34a8534d}[data-theme=dark] .mockito-cons-section{background:#ea43351a;border-color:#ea43354d}.mockito-pros-section h4,.mockito-cons-section h4{margin:0 0 1rem;font-size:1rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.mockito-pros-section h4{color:#34a853}.mockito-cons-section h4{color:#ea4335}[data-theme=dark] .mockito-pros-section h4{color:#81c995}[data-theme=dark] .mockito-cons-section h4{color:#f28b82}.icon-green{color:#34a853}.icon-red{color:#ea4335}.mockito-pros-section ul,.mockito-cons-section ul{margin:0;padding-left:1.25rem}.mockito-pros-section li,.mockito-cons-section li{margin-bottom:.5rem;font-size:.95rem;line-height:1.5}.mockito-pros-section li{color:#137333}.mockito-cons-section li{color:#c5221f}[data-theme=dark] .mockito-pros-section li{color:#81c995}[data-theme=dark] .mockito-cons-section li{color:#f28b82}.mockito-syntax-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;margin:2rem 0}.mockito-syntax-card{background:var(--color-surface);border:1px solid var(--mockito-card-border);border-radius:var(--mockito-radius-md);padding:1.25rem;transition:border-color .2s ease}.mockito-syntax-card:hover{border-color:var(--mockito-accent)}.mockito-syntax-card h4{margin:0 0 .75rem;font-size:.95rem;font-weight:500;color:#202124}[data-theme=dark] .mockito-syntax-card h4{color:#e8eaed}.mockito-syntax-card code{display:block;background:var(--mockito-bg-light);padding:.875rem;border-radius:var(--mockito-radius-sm);font-family:Fira Code,Consolas,monospace;font-size:.85rem;color:#1a73e8;white-space:pre-wrap;line-height:1.5}[data-theme=dark] .mockito-syntax-card code{background:#1e1e1e;color:#8ab4f8}@media(max-width:768px){.mockito-hero-minimal{padding:2rem 1rem}.mockito-hero-title{font-size:1.75rem}.mockito-hero-description{font-size:1rem}.mockito-content-section{padding:0 .5rem}.mockito-content-section h2{font-size:1.25rem}.mockito-feature-grid,.mockito-pros-cons-grid,.mockito-syntax-grid{grid-template-columns:1fr}.mockito-feature-card,.mockito-callout-box,.mockito-try-it-box{padding:1.25rem}.mockito-comparison-table{font-size:.875rem}.mockito-comparison-table th,.mockito-comparison-table td{padding:.75rem}}@media(max-width:480px){.mockito-hero-title{font-size:1.5rem}.mockito-badge-row{flex-wrap:wrap}.mockito-badge{font-size:.7rem;padding:.25rem .5rem}}:root{--js-bg-light: #FAFBFC;--js-bg-dark: #0D1117;--js-card-bg: #FFFFFF;--js-card-border: #E1E4E8;--js-text-primary: #24292F;--js-text-secondary: #57606A;--js-text-muted: #8B949E;--js-success: #2DA44E;--js-info: #0969DA;--js-warning: #BF8700;--js-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--js-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--js-shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--js-radius-sm: 6px;--js-radius-md: 10px;--js-radius-lg: 16px}[data-theme=dark]{--js-bg-light: #161B22;--js-card-bg: #21262D;--js-card-border: #30363D;--js-text-primary: #E6EDF3;--js-text-secondary: #8B949E;--js-text-muted: #6E7681}.js-intro-page{max-width:100%;padding:0}.js-intro-hero{padding:0 0 2rem;margin-bottom:1.5rem;border-bottom:1px solid #e8eaed}[data-theme=dark] .js-intro-hero{border-bottom-color:#3c4043}.js-hero-content h1{font-size:2rem;font-weight:400;line-height:1.3;color:#202124;margin:0 0 .75rem}[data-theme=dark] .js-hero-content h1{color:#e8eaed}.js-hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#1a73e81a;color:#1a73e8;padding:.375rem .75rem;border-radius:100px;font-size:.8125rem;font-weight:500;margin-bottom:.75rem}[data-theme=dark] .js-hero-badge{background:#8ab4f826;color:#8ab4f8}.js-hero-badge svg{width:.875rem;height:.875rem}.js-intro-hero p{font-size:1rem;line-height:1.6;color:#5f6368;margin:0;max-width:600px}[data-theme=dark] .js-intro-hero p{color:#9aa0a6}.js-section{margin-bottom:3rem}.js-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e8eaed}[data-theme=dark] .js-section-header{border-bottom-color:#3c4043}.js-section-header h2{font-size:1.5rem;font-weight:400;color:#202124;margin:0}[data-theme=dark] .js-section-header h2{color:#e8eaed}.js-section-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#1a73e81a;color:#1a73e8;border-radius:var(--js-radius-sm)}[data-theme=dark] .js-section-icon{background:#8ab4f826;color:#8ab4f8}.js-section-icon svg{width:1rem;height:1rem}.js-section p{font-size:1rem;line-height:1.7;color:#5f6368;margin:0 0 1rem}[data-theme=dark] .js-section p{color:#9aa0a6}.js-section p strong{color:#202124}[data-theme=dark] .js-section p strong{color:#e8eaed}.js-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.js-feature-card{padding:1.5rem;background:var(--color-surface);border:1px solid var(--js-card-border);border-radius:var(--js-radius-md);transition:all .2s ease}.js-feature-card:hover{border-color:#1a73e8;box-shadow:var(--js-shadow-md);transform:translateY(-2px)}.js-feature-icon{width:48px;height:48px;border-radius:var(--js-radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem;background:#1a73e81a;color:#1a73e8}[data-theme=dark] .js-feature-icon{background:#8ab4f826;color:#8ab4f8}.js-feature-card h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:500;color:#202124}[data-theme=dark] .js-feature-card h3{color:#e8eaed}.js-feature-card p{margin:0;font-size:.95rem;line-height:1.6;color:var(--js-text-secondary)}.js-info-box{display:flex;gap:.875rem;padding:1rem 1.25rem;border-radius:8px;margin:1.25rem 0;background:#fef7e0;border:1px solid #f9e39c}[data-theme=dark] .js-info-box{background:#3d3523;border-color:#5c4b2a}.js-info-box h4{display:flex;align-items:center;gap:.5rem;margin:0 0 .375rem;font-size:.9375rem;font-weight:500;color:#202124}[data-theme=dark] .js-info-box h4{color:#e8eaed}.js-info-box h4 svg{flex-shrink:0;font-size:1.25rem;color:#f9ab00}.js-info-box p{margin:0;color:#5f6368;font-size:.875rem;line-height:1.6}[data-theme=dark] .js-info-box p{color:#9aa0a6}.js-code-example{background:var(--color-surface);border:1px solid var(--js-card-border);border-radius:var(--js-radius-md);overflow:hidden;margin:1.5rem 0}.js-code-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#f8f9fa;border-bottom:1px solid var(--js-card-border)}[data-theme=dark] .js-code-header{background:#1e1e1e;border-bottom-color:#3c4043}.js-code-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#202124}[data-theme=dark] .js-code-title{color:#e8eaed}.js-code-title svg{color:#5f6368;width:1rem;height:1rem}[data-theme=dark] .js-code-title svg{color:#9aa0a6}.js-code-badge{background:#1a73e8;color:#fff;padding:.25rem .625rem;border-radius:100px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}[data-theme=dark] .js-code-badge{background:#8ab4f8;color:#202124}.js-code-content{padding:0}.js-code-content p{padding:1rem 1rem 0;margin:0 0 .5rem}.js-workflow-steps{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}.js-workflow-step{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:var(--color-surface);border:1px solid var(--js-card-border);border-radius:var(--js-radius-md);transition:all .2s ease}.js-workflow-step:hover{border-color:#1a73e8;box-shadow:var(--js-shadow-sm)}[data-theme=dark] .js-workflow-step:hover{border-color:#8ab4f8}.js-step-number{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;background:#1a73e8;color:#fff;border-radius:50%;font-size:.875rem;font-weight:600;flex-shrink:0}[data-theme=dark] .js-step-number{background:#8ab4f8;color:#202124}.js-step-content h4{margin:0 0 .25rem;font-size:.9375rem;font-weight:500;color:#202124}[data-theme=dark] .js-step-content h4{color:#e8eaed}.js-step-content p{margin:0;font-size:.875rem;line-height:1.5;color:var(--js-text-secondary)}.js-step-content p code{background:#1a73e81a;color:#1a73e8;padding:.15em .4em;border-radius:4px;font-size:.85em}[data-theme=dark] .js-step-content p code{background:#8ab4f826;color:#8ab4f8}.js-learning-path{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:1.5rem 0}.js-path-card{text-align:center;padding:1.25rem 1rem;background:var(--color-surface);border:1px solid var(--js-card-border);border-radius:var(--js-radius-md);cursor:pointer;transition:all .2s ease}.js-path-card:hover{border-color:#1a73e8;box-shadow:var(--js-shadow-md);transform:translateY(-2px)}[data-theme=dark] .js-path-card:hover{border-color:#8ab4f8}.js-path-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto .875rem;background:#1a73e81a;color:#1a73e8;border-radius:var(--js-radius-md)}[data-theme=dark] .js-path-icon{background:#8ab4f826;color:#8ab4f8}.js-path-icon svg{width:1.5rem;height:1.5rem}.js-path-card h4{margin:0 0 .375rem;font-size:.9375rem;font-weight:500;color:#202124}[data-theme=dark] .js-path-card h4{color:#e8eaed}.js-path-card p{margin:0;font-size:.8125rem;color:var(--js-text-muted)}.js-capability-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.js-capability-card{padding:1.25rem;background:var(--color-surface);border:1px solid var(--js-card-border);border-radius:var(--js-radius-md);transition:all .2s ease}.js-capability-card:hover{border-color:#1a73e8;box-shadow:var(--js-shadow-sm)}[data-theme=dark] .js-capability-card:hover{border-color:#8ab4f8}.js-capability-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.js-capability-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--js-radius-sm);background:#0969da1a;color:var(--js-info)}[data-theme=dark] .js-capability-icon{background:#8ab4f826;color:#8ab4f8}.js-capability-icon svg{width:1.125rem;height:1.125rem}.js-capability-card h4{margin:0;font-size:1rem;font-weight:500;color:#202124}[data-theme=dark] .js-capability-card h4{color:#e8eaed}.js-capability-card p{margin:0;font-size:.9rem;line-height:1.5;color:var(--js-text-secondary)}.js-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin:1.5rem 0}.js-stat-card{text-align:center;padding:1.25rem 1rem;background:var(--color-surface);border:1px solid var(--js-card-border);border-radius:var(--js-radius-md);transition:all .2s ease}.js-stat-card:hover{border-color:#1a73e8;box-shadow:var(--js-shadow-sm)}.js-stat-value{font-size:1.5rem;font-weight:600;color:#1a73e8;margin-bottom:.25rem}[data-theme=dark] .js-stat-value{color:#8ab4f8}.js-stat-label{font-size:.8125rem;color:var(--js-text-muted)}.js-cta-section{background:#e8f0fe;border:1px solid #d2e3fc;border-radius:8px;padding:1.5rem;margin:2rem 0;text-align:center}[data-theme=dark] .js-cta-section{background:#1a3a5c;border-color:#2d4a6f}.js-cta-section h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:500;color:#202124}[data-theme=dark] .js-cta-section h3{color:#e8eaed}.js-cta-section p{margin:0 0 1.25rem;font-size:.9375rem;color:#5f6368}[data-theme=dark] .js-cta-section p{color:#9aa0a6}.js-cta-button{display:inline-flex;align-items:center;gap:.5rem;background:#1a73e8;color:#fff;padding:.625rem 1.25rem;border-radius:4px;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.js-cta-button:hover{background:#1557b0;box-shadow:var(--js-shadow-md)}[data-theme=dark] .js-cta-button{background:#8ab4f8;color:#202124}[data-theme=dark] .js-cta-button:hover{background:#aecbfa}.js-cta-button svg{width:1rem;height:1rem}@media(max-width:1024px){.js-intro-hero{padding:0 0 1.5rem}}@media(max-width:768px){.js-hero-content h1{font-size:1.75rem}.js-intro-hero p{font-size:.95rem}.js-section-header h2{font-size:1.25rem}.js-features-grid,.js-capability-grid{grid-template-columns:1fr}.js-learning-path,.js-stats-grid{grid-template-columns:repeat(2,1fr)}.js-workflow-step{flex-direction:column;align-items:flex-start}.js-info-box{flex-direction:column}}@media(max-width:480px){.js-hero-content h1{font-size:1.5rem}.js-section-header h2{font-size:1.15rem}.js-learning-path,.js-stats-grid{grid-template-columns:1fr}.js-hero-badge{font-size:.75rem;padding:.25rem .625rem}}.code-block-title{padding:.5rem 1rem;background:#1a73e814;border-bottom:1px solid #e8eaed;font-size:.8125rem;font-weight:500;color:#1a73e8}[data-theme=dark] .code-block-title{background:#8ab4f81a;border-color:#333;color:#8ab4f8}.definition-list{margin:1rem 0;padding:0}.definition-list-default .definition-item{display:flex;align-items:baseline;gap:.5rem;padding:.625rem 0;border-bottom:1px solid var(--color-border, #e8eaed)}.definition-list-default .definition-item:last-child{border-bottom:none;padding-bottom:0}.definition-list-default .definition-item:first-child{padding-top:0}.definition-list-default .definition-term{flex-shrink:0;font-family:Roboto Mono,Monaco,monospace;font-size:.875rem;font-weight:600;color:#1a73e8;background:#1a73e814;padding:.2rem .5rem;border-radius:4px}.definition-list-default .definition-description{margin:0;color:#5f6368;font-size:.9375rem;line-height:1.5}.definition-list-inline .definition-item{display:flex;align-items:baseline;gap:.375rem;padding:.5rem 0}.definition-list-inline .definition-term{font-weight:600;color:var(--color-text, #202124);font-size:.9375rem}.definition-list-inline .definition-term:after{content:" —";color:#dadce0;font-weight:400}.definition-list-inline .definition-description{margin:0;color:#5f6368;font-size:.9375rem;line-height:1.5}.definition-list-card{display:flex;flex-direction:column;gap:.75rem}.definition-list-card .definition-item{background:var(--color-surface, #fff);border:1px solid var(--color-border, #e8eaed);border-radius:8px;padding:1rem;transition:border-color .2s ease}.definition-list-card .definition-item:hover{border-color:#1a73e84d}.definition-list-card .definition-term{display:block;font-family:Roboto Mono,Monaco,monospace;font-size:.875rem;font-weight:600;color:#1a73e8;margin-bottom:.375rem}.definition-list-card .definition-description{margin:0;color:#5f6368;font-size:.875rem;line-height:1.5}[data-theme=dark] .definition-list-default .definition-term{color:#8ab4f8;background:#8ab4f81f}[data-theme=dark] .definition-list-default .definition-description,[data-theme=dark] .definition-list-inline .definition-description,[data-theme=dark] .definition-list-card .definition-description{color:#9aa0a6}[data-theme=dark] .definition-list-inline .definition-term:after{color:#5f6368}[data-theme=dark] .definition-list-card .definition-item{background:var(--color-surface, #1e1e1e)}[data-theme=dark] .definition-list-card .definition-item:hover{border-color:#8ab4f84d}[data-theme=dark] .definition-list-card .definition-term{color:#8ab4f8}@media(max-width:768px){.definition-list-default .definition-item{flex-direction:column;align-items:flex-start;gap:.25rem}.definition-list-default .definition-term{font-size:.8125rem}.definition-list-default .definition-description{font-size:.875rem;padding-left:0}.definition-list-card .definition-item{padding:.875rem}}@media(max-width:480px){.definition-list-inline .definition-item{flex-direction:column;gap:.125rem}.definition-list-inline .definition-term:after{display:none}}.quiz-container{max-width:700px;margin:0 auto}.quiz-progress{display:flex;justify-content:center;gap:8px;margin-bottom:2rem}.progress-dot{width:12px;height:12px;border-radius:50%;background:var(--color-border);transition:all .3s ease}.progress-dot.current{background:var(--color-primary);transform:scale(1.2)}.progress-dot.correct{background:#22c55e}.progress-dot.incorrect{background:#ef4444}.question-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem;margin-bottom:1.5rem}.question-text{font-size:1.25rem;color:var(--color-text-primary);margin-bottom:1.5rem;line-height:1.5}.options-list{display:flex;flex-direction:column;gap:12px}.option-button{display:flex;align-items:center;gap:12px;padding:1rem 1.25rem;background:var(--color-background);border:2px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.option-button:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-bg)}.option-button.selected{border-color:var(--color-primary);background:var(--color-primary-bg)}.option-button.correct{border-color:#22c55e;background:#22c55e1a}.option-button.incorrect{border-color:#ef4444;background:#ef44441a}.option-button:disabled{cursor:default}.option-letter{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--color-border);color:var(--color-text-secondary);font-weight:600;font-size:.875rem;flex-shrink:0}.option-button.selected .option-letter,.option-button:hover:not(:disabled) .option-letter{background:var(--color-primary);color:#fff}.option-button.correct .option-letter{background:#22c55e;color:#fff}.option-button.incorrect .option-letter{background:#ef4444;color:#fff}.option-text{color:var(--color-text-primary);font-size:1rem;line-height:1.4}.explanation-box{margin-top:1.5rem;padding:1rem 1.25rem;border-radius:8px;border-left:4px solid}.explanation-box.correct{background:#22c55e1a;border-color:#22c55e}.explanation-box.incorrect{background:#ef44441a;border-color:#ef4444}.explanation-result{font-weight:600;font-size:1rem;margin-bottom:.5rem}.explanation-box.correct .explanation-result{color:#22c55e}.explanation-box.incorrect .explanation-result{color:#ef4444}.explanation-text{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.5;margin:0}.quiz-navigation{display:flex;justify-content:space-between;gap:1rem}.quiz-button{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.quiz-button.primary{background:var(--color-primary);color:#fff}.quiz-button.primary:hover:not(:disabled){background:var(--color-primary-hover)}.quiz-button.secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.quiz-button.secondary:hover:not(:disabled){background:var(--color-background);border-color:var(--color-primary)}.quiz-button:disabled{opacity:.5;cursor:not-allowed}.quiz-results{text-align:center}.score-display{margin:2rem 0}.score-circle{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:150px;height:150px;border-radius:50%;background:var(--color-primary-bg);border:4px solid var(--color-primary)}.score-number{font-size:3rem;font-weight:700;color:var(--color-primary);line-height:1}.score-total{font-size:1.25rem;color:var(--color-text-secondary)}.score-percentage{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin-top:1rem}.results-summary{margin:1.5rem 0 2rem}.result-message{font-size:1.125rem;padding:1rem;border-radius:8px}.result-message.excellent{background:#22c55e1a;color:#22c55e}.result-message.good{background:#22c55e1a;color:#16a34a}.result-message.okay{background:#eab3081a;color:#ca8a04}.result-message.needs-work{background:#ef44441a;color:#ef4444}.results-breakdown{text-align:left;margin:2rem 0;padding:1.5rem;background:var(--color-surface);border-radius:12px;border:1px solid var(--color-border)}.results-breakdown h3{margin-bottom:1rem;color:var(--color-text-primary)}.result-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--color-border)}.result-item:last-child{border-bottom:none}.result-icon{font-size:1rem;font-weight:600;flex-shrink:0;width:20px}.result-item.correct .result-icon{color:#22c55e}.result-item.incorrect .result-icon{color:#ef4444}.result-question{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.4}@media(max-width:600px){.question-card{padding:1.25rem}.question-text{font-size:1.125rem}.option-button{padding:.875rem 1rem}.quiz-navigation{flex-direction:column}.score-circle{width:120px;height:120px}.score-number{font-size:2.5rem}}.cheat-sheet .cheat-sheet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-top:2rem}.cheat-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.25rem;overflow:hidden}.cheat-section h2{font-size:1.125rem;color:var(--color-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.cheat-section .code-block{margin:0;background:var(--color-background)}.cheat-section .code-block pre{font-size:.8125rem;line-height:1.5;padding:.75rem;margin:0;max-height:none;overflow-x:auto}.cheat-section .code-block code{font-size:inherit}.cheat-section .code-block-header{display:none}@media(max-width:768px){.cheat-sheet .cheat-sheet-grid{grid-template-columns:1fr}}@media print{.cheat-sheet .js-hero-minimal{margin-bottom:1rem}.cheat-sheet-grid{display:block}.cheat-section{page-break-inside:avoid;margin-bottom:1rem;border:1px solid #ccc}.cheat-section pre{font-size:10px!important}}.html-code-preview{border:1px solid #e8eaed;border-radius:8px;overflow:hidden;background:#fff;margin:1.5rem 0}[data-theme=dark] .html-code-preview{background:#1f1f1f;border-color:#3c4043}.html-code-preview.fullscreen{position:fixed;inset:0;z-index:1000;border-radius:0;margin:0}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:#f8f9fa;border-bottom:1px solid #e8eaed}[data-theme=dark] .preview-header{background:#292d31;border-bottom-color:#3c4043}.preview-title{font-size:.875rem;font-weight:500;color:#5f6368}[data-theme=dark] .preview-title{color:#9aa0a6}.preview-controls{display:flex;align-items:center;gap:.25rem}.view-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:none;background:transparent;color:#5f6368;font-size:.8125rem;border-radius:4px;cursor:pointer;transition:all .2s ease}.view-btn:hover{background:#e8eaed;color:#202124}.view-btn.active{background:#1a73e8;color:#fff}[data-theme=dark] .view-btn{color:#9aa0a6}[data-theme=dark] .view-btn:hover{background:#3c4043;color:#e8eaed}[data-theme=dark] .view-btn.active{background:#8ab4f8;color:#202124}.preview-divider{width:1px;height:20px;background:#e8eaed;margin:0 .5rem}[data-theme=dark] .preview-divider{background:#3c4043}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#5f6368;border-radius:4px;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#e8eaed;color:#202124}[data-theme=dark] .action-btn{color:#9aa0a6}[data-theme=dark] .action-btn:hover{background:#3c4043;color:#e8eaed}.preview-content{display:flex;min-height:200px}.preview-content.view-code,.preview-content.view-preview{flex-direction:column}.preview-content.view-split{flex-direction:row}@media(max-width:768px){.preview-content.view-split{flex-direction:column}}.code-panel{flex:1;min-width:0;overflow:auto;background:#1f1f1f}.view-split .code-panel{border-right:1px solid #3c4043}@media(max-width:768px){.view-split .code-panel{border-right:none;border-bottom:1px solid #3c4043}}.html-code{margin:0;padding:1rem;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.875rem;line-height:1.6;color:#e8eaed;overflow-x:auto}.code-line{display:flex;white-space:pre}.line-number{flex-shrink:0;width:2.5rem;text-align:right;padding-right:1rem;color:#6e7681;-webkit-user-select:none;user-select:none}.line-content{flex:1}.html-bracket{color:gray}.html-tag{color:#569cd6}.html-attr{color:#9cdcfe}.html-equals{color:#d4d4d4}.html-string{color:#ce9178}.html-comment{color:#6a9955;font-style:italic}.preview-panel{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff}[data-theme=dark] .preview-panel{background:#fff}.preview-label{padding:.5rem 1rem;font-size:.75rem;font-weight:500;color:#5f6368;background:#f8f9fa;border-bottom:1px solid #e8eaed}.preview-iframe{flex:1;width:100%;min-height:150px;border:none;background:#fff}:root{--html-orange: #E34F26;--html-orange-light: #FF6B4A;--html-orange-dark: #C73D1A;--html-bg-light: #FAFBFC;--html-bg-dark: #0D1117;--html-card-bg: #FFFFFF;--html-card-border: #E1E4E8;--html-text-primary: #24292F;--html-text-secondary: #57606A;--html-text-muted: #8B949E;--html-success: #2DA44E;--html-info: #0969DA;--html-warning: #BF8700;--html-error: #CF222E;--html-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--html-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--html-shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--html-radius-sm: 6px;--html-radius-md: 10px;--html-radius-lg: 16px}[data-theme=dark]{--html-bg-light: #161B22;--html-card-bg: #21262D;--html-card-border: #30363D;--html-text-primary: #E6EDF3;--html-text-secondary: #8B949E;--html-text-muted: #6E7681}.html-tutorial-page{max-width:100%;padding:0}.html-hero-minimal{padding:0 0 2rem;margin-bottom:1.5rem;border-bottom:1px solid #e8eaed}[data-theme=dark] .html-hero-minimal{border-bottom-color:#3c4043}.html-hero-title{font-size:2rem;font-weight:400;line-height:1.3;color:#202124;margin:0 0 .75rem}[data-theme=dark] .html-hero-title{color:#e8eaed}.html-hero-title .highlight{color:#e34f26}[data-theme=dark] .html-hero-title .highlight{color:#ff6b4a}.html-hero-description{font-size:1rem;line-height:1.6;color:#5f6368;margin:0;max-width:600px}[data-theme=dark] .html-hero-description{color:#9aa0a6}.html-content-section{margin-bottom:3rem}.html-content-section h2{font-size:1.5rem;font-weight:400;color:#202124;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e8eaed}[data-theme=dark] .html-content-section h2{color:#e8eaed;border-bottom-color:#3c4043}.html-content-section h3{font-size:1.125rem;font-weight:500;color:#202124;margin:1.5rem 0 .75rem}[data-theme=dark] .html-content-section h3{color:#e8eaed}.html-content-section p{font-size:1rem;line-height:1.7;color:#3c4043;margin:0 0 1rem}[data-theme=dark] .html-content-section p{color:#bdc1c6}.html-content-section ul,.html-content-section ol{margin:.5rem 0 1rem 1.5rem;padding:0}.html-content-section li{font-size:1rem;line-height:1.7;color:#3c4043;margin-bottom:.5rem}[data-theme=dark] .html-content-section li{color:#bdc1c6}.html-content-section code{background:#fff4f0;padding:.125rem .375rem;border-radius:4px;font-family:Fira Code,Consolas,monospace;font-size:.875rem;color:#e34f26}[data-theme=dark] .html-content-section code{background:#3d2a25;color:#ff6b4a}.html-callout-box{display:flex;gap:.875rem;padding:1rem 1.25rem;border-radius:8px;margin:1.25rem 0}.html-callout-box.callout-primary{background:#fff4f0;border:1px solid #ffd4c7}[data-theme=dark] .html-callout-box.callout-primary{background:#3d2a25;border-color:#5c3a30}.html-callout-box.callout-warning{background:#fef7e0;border:1px solid #f9e39c}[data-theme=dark] .html-callout-box.callout-warning{background:#3d3523;border-color:#5c4b2a}.html-callout-box.callout-info{background:#e8f0fe;border:1px solid #aecbfa}[data-theme=dark] .html-callout-box.callout-info{background:#1a3352;border-color:#2a4a6d}.html-callout-box.callout-success{background:#e6f4ea;border:1px solid #a8dab5}[data-theme=dark] .html-callout-box.callout-success{background:#1e3a2c;border-color:#2d5940}.html-callout-box.callout-danger{background:#fce8e6;border:1px solid #f5c6cb}[data-theme=dark] .html-callout-box.callout-danger{background:#3d2323;border-color:#5c2a2a}.html-callout-icon{flex-shrink:0;font-size:1.25rem;color:#e34f26}.html-callout-box.callout-info .html-callout-icon{color:#1a73e8}.html-callout-box.callout-success .html-callout-icon{color:#1e8e3e}.html-callout-box.callout-warning .html-callout-icon{color:#f9ab00}.html-callout-box.callout-danger .html-callout-icon{color:#d93025}.html-callout-content h4{margin:0 0 .375rem;font-size:.9375rem;font-weight:500;color:#202124}[data-theme=dark] .html-callout-content h4{color:#e8eaed}.html-callout-content p{margin:0;font-size:.875rem;line-height:1.5;color:#3c4043}[data-theme=dark] .html-callout-content p{color:#bdc1c6}.html-takeaways-box{background:#f8f9fa;border:1px solid #e8eaed;border-radius:8px;padding:1.25rem;margin:1.5rem 0}[data-theme=dark] .html-takeaways-box{background:#292d31;border-color:#3c4043}.html-takeaways-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.html-takeaways-icon{color:#e34f26;font-size:1.125rem}[data-theme=dark] .html-takeaways-icon{color:#ff6b4a}.html-takeaways-header h4{margin:0;font-size:1rem;font-weight:500;color:#202124}[data-theme=dark] .html-takeaways-header h4{color:#e8eaed}.html-takeaways-list{display:flex;flex-direction:column;gap:.625rem}.html-takeaway-item{display:flex;align-items:baseline;gap:.75rem;font-size:.875rem}.html-takeaway-item code{background:#e8eaed;padding:.25rem .5rem;border-radius:4px;font-family:Fira Code,monospace;font-size:.8125rem;color:#e34f26;white-space:nowrap}[data-theme=dark] .html-takeaway-item code{background:#3c4043;color:#ff6b4a}.html-takeaway-description{color:#5f6368;font-size:.875rem}[data-theme=dark] .html-takeaway-description{color:#9aa0a6}.html-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;margin:1.5rem 0}.html-feature-card{background:#fff;border:1px solid #e8eaed;border-radius:8px;padding:1.25rem;transition:box-shadow .2s ease}[data-theme=dark] .html-feature-card{background:#292d31;border-color:#3c4043}.html-feature-card:hover{box-shadow:0 4px 12px #0000001a}.html-feature-icon{font-size:1.5rem;color:#e34f26;margin-bottom:.75rem}[data-theme=dark] .html-feature-icon{color:#ff6b4a}.html-feature-card h4{margin:0 0 .5rem;font-size:1rem;font-weight:500;color:#202124}[data-theme=dark] .html-feature-card h4{color:#e8eaed}.html-feature-card p{margin:0;font-size:.875rem;line-height:1.5;color:#5f6368}[data-theme=dark] .html-feature-card p{color:#9aa0a6}.html-learning-path{margin:1.5rem 0}.html-path-item{display:flex;gap:1rem;padding:1.25rem 0;border-bottom:1px solid #e8eaed}[data-theme=dark] .html-path-item{border-bottom-color:#3c4043}.html-path-item:last-child{border-bottom:none}.html-path-number{flex-shrink:0;width:32px;height:32px;background:#e34f26;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}[data-theme=dark] .html-path-number{background:#ff6b4a;color:#202124}.html-path-content h4{margin:0 0 .5rem;font-size:1rem;font-weight:500;color:#202124}[data-theme=dark] .html-path-content h4{color:#e8eaed}.html-path-content ul{margin:0;padding-left:1.25rem}.html-path-content li{font-size:.875rem;color:#5f6368;margin-bottom:.25rem}[data-theme=dark] .html-path-content li{color:#9aa0a6}.html-tag-anatomy{margin:1.5rem 0}.html-anatomy-line{display:flex;align-items:flex-start;gap:1rem;padding:.75rem;background:#f8f9fa;border-left:3px solid #E34F26;margin-bottom:.5rem;border-radius:0 4px 4px 0}[data-theme=dark] .html-anatomy-line{background:#292d31;border-left-color:#ff6b4a}.html-anatomy-code{font-family:Fira Code,monospace;font-size:.875rem;color:#e34f26;white-space:nowrap;min-width:200px}[data-theme=dark] .html-anatomy-code{color:#ff6b4a}.html-anatomy-explanation{font-size:.875rem;color:#5f6368;line-height:1.5}[data-theme=dark] .html-anatomy-explanation{color:#9aa0a6}.html-element-table{overflow-x:auto;margin:1.5rem 0}.html-element-table table{width:100%;border-collapse:collapse;font-size:.9375rem}.html-element-table th,.html-element-table td{padding:.75rem 1rem;text-align:left;border:1px solid #e8eaed}[data-theme=dark] .html-element-table th,[data-theme=dark] .html-element-table td{border-color:#3c4043}.html-element-table th{background:#f8f9fa;font-weight:600;color:#202124}[data-theme=dark] .html-element-table th{background:#2d2d2d;color:#e8eaed}.html-element-table td{background:#fff;color:#3c4043}[data-theme=dark] .html-element-table td{background:#1f1f1f;color:#bdc1c6}.html-element-table tr:hover td{background:#f8f9fa}[data-theme=dark] .html-element-table tr:hover td{background:#2d2d2d}.html-element-table code{background:#fff4f0;color:#e34f26;padding:.125rem .375rem;border-radius:4px;font-size:.875rem}[data-theme=dark] .html-element-table code{background:#3d2a25;color:#ff6b4a}.html-doc-structure{margin:1.5rem 0;padding:1.5rem;background:#f8f9fa;border-radius:8px;font-family:Fira Code,monospace;font-size:.875rem}[data-theme=dark] .html-doc-structure{background:#292d31}.html-structure-line{margin:.25rem 0;color:#3c4043}[data-theme=dark] .html-structure-line{color:#bdc1c6}.html-structure-line .tag{color:#e34f26}[data-theme=dark] .html-structure-line .tag{color:#ff6b4a}.html-structure-line .attr{color:#9334e9}[data-theme=dark] .html-structure-line .attr{color:#bb86fc}.html-structure-line .string{color:#1e8e3e}[data-theme=dark] .html-structure-line .string{color:#81c995}.html-structure-line .comment{color:#5f6368;font-style:italic}.html-browser-preview{margin:1.5rem 0;border:1px solid #e8eaed;border-radius:8px;overflow:hidden}[data-theme=dark] .html-browser-preview{border-color:#3c4043}.html-browser-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f8f9fa;border-bottom:1px solid #e8eaed}[data-theme=dark] .html-browser-header{background:#292d31;border-bottom-color:#3c4043}.html-browser-dot{width:12px;height:12px;border-radius:50%}.html-browser-dot.red{background:#ff5f57}.html-browser-dot.yellow{background:#febc2e}.html-browser-dot.green{background:#28c840}.html-browser-content{padding:1rem;background:#fff;min-height:100px}[data-theme=dark] .html-browser-content{background:#fff;color:#202124}@media(max-width:768px){.html-hero-title{font-size:1.75rem}.html-features-grid{grid-template-columns:1fr}.html-anatomy-line{flex-direction:column;gap:.5rem}.html-anatomy-code{min-width:auto}}:root{--css-blue: #264de4;--css-blue-light: #3d5afe;--css-blue-dark: #1a3bc7;--css-bg-light: #FAFBFC;--css-bg-dark: #0D1117;--css-card-bg: #FFFFFF;--css-card-border: #E1E4E8;--css-text-primary: #24292F;--css-text-secondary: #57606A;--css-text-muted: #8B949E;--css-success: #2DA44E;--css-info: #0969DA;--css-warning: #BF8700;--css-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--css-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--css-shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--css-radius-sm: 6px;--css-radius-md: 10px;--css-radius-lg: 16px}[data-theme=dark]{--css-bg-light: #161B22;--css-card-bg: #21262D;--css-card-border: #30363D;--css-text-primary: #E6EDF3;--css-text-secondary: #8B949E;--css-text-muted: #6E7681}.css-intro-page{max-width:100%;padding:0}.css-hero-minimal{padding:0 0 2rem;margin-bottom:1.5rem;border-bottom:1px solid #e8eaed}[data-theme=dark] .css-hero-minimal{border-bottom-color:#3c4043}.css-hero-title{font-size:2rem;font-weight:400;line-height:1.3;color:#202124;margin:0 0 .75rem}[data-theme=dark] .css-hero-title{color:#e8eaed}.css-hero-title .highlight{color:var(--css-blue)}[data-theme=dark] .css-hero-title .highlight{color:#8ab4f8}.css-hero-description{font-size:1rem;line-height:1.6;color:#5f6368;margin:0;max-width:600px}[data-theme=dark] .css-hero-description{color:#9aa0a6}.content-section p{color:#5f6368;line-height:1.7;margin:0 0 1rem}.callout-box.callout-primary{background:#fef7e0;border:1px solid #f9e39c}[data-theme=dark] .callout-box.callout-primary{background:#3d3523;border-color:#5c4b2a}.callout-icon{flex-shrink:0;font-size:1.25rem;color:#f9ab00}.workflow-visualization{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2.5rem 1rem;background:var(--color-surface);border:1px solid var(--css-card-border);border-radius:var(--css-radius-lg);margin:2rem 0;overflow-x:auto}.workflow-stage{flex:1;max-width:200px;text-align:center;padding:1.5rem 1rem}.stage-icon-wrapper{width:64px;height:64px;margin:0 auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem}.stage-icon-wrapper.html{background:#e34c261a;color:#e34c26}.stage-icon-wrapper.css{background:#264de41a;color:var(--css-blue)}.stage-icon-wrapper.browser{background:#2da44e1a;color:var(--css-success)}.workflow-stage h4{margin:0 0 .5rem;font-size:1rem;color:var(--color-text)}.workflow-stage p{margin:0 0 .75rem;font-size:.875rem;color:var(--css-text-secondary);line-height:1.5}.stage-tag{display:inline-block;padding:.25rem .75rem;background:var(--color-background);border-radius:100px;font-size:.75rem;font-weight:600;color:var(--css-text-muted)}.workflow-arrow{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex-shrink:0;padding:0 .5rem}.arrow-label{font-size:.7rem;font-family:Monaco,Menlo,Consolas,monospace;color:var(--css-blue);white-space:nowrap}.arrow-icon{font-size:1.25rem;color:var(--css-text-muted)}.css-anatomy{margin:1.5rem 0}.anatomy-breakdown{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.anatomy-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--css-card-border);border-radius:var(--css-radius-sm)}.anatomy-label{font-weight:600;font-size:.875rem;color:var(--css-blue);min-width:80px}.anatomy-desc{font-size:.875rem;color:var(--css-text-secondary)}.anatomy-desc code{background:#264de41a;color:var(--css-blue);padding:.15em .4em;border-radius:4px;font-size:.85em}.methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.method-card{background:var(--color-surface);border:1px solid var(--css-card-border);border-radius:var(--css-radius-md);overflow:hidden}.method-card.recommended{border-color:var(--css-success);box-shadow:0 0 0 1px var(--css-success)}.method-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--color-background);border-bottom:1px solid var(--css-card-border)}.method-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--css-blue);color:#fff;border-radius:50%;font-size:.875rem;font-weight:600}.method-header h4{margin:0;font-size:1rem;font-weight:500;color:var(--color-text);flex:1}.method-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;padding:.25rem .5rem;background:var(--css-success);color:#fff;border-radius:4px}.method-card>p{margin:0;padding:1rem 1.25rem 0;font-size:.875rem;color:var(--css-text-secondary)}.method-card .code-block-wrapper{margin:1rem 1.25rem 1.25rem}.concepts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;margin:2rem 0}.concept-card{padding:1.5rem;background:var(--color-surface);border:1px solid var(--css-card-border);border-radius:var(--css-radius-md);transition:all .2s ease}.concept-card:hover{border-color:var(--css-blue);box-shadow:var(--css-shadow-md);transform:translateY(-2px)}.concept-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#264de41a;color:var(--css-blue);border-radius:var(--css-radius-sm);font-size:1.5rem;margin-bottom:1rem}.concept-card h4{margin:0 0 .5rem;font-size:1rem;color:var(--color-text)}.concept-card p{margin:0;font-size:.875rem;line-height:1.5;color:var(--css-text-secondary)}.command-icon{font-size:1.125rem;color:#5f6368}[data-theme=dark] .command-icon{color:#9aa0a6}.try-it-box{background:#e8f0fe;border:1px solid #d2e3fc;border-radius:8px;padding:1.5rem;margin:1.5rem 0}[data-theme=dark] .try-it-box{background:#1a3a5c;border-color:#2d4a6f}.try-icon{font-size:1.25rem;color:#1a73e8}[data-theme=dark] .try-icon{color:#8ab4f8}.try-command{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.625rem .875rem;background:#fff;border:1px solid #dadce0;border-radius:4px}.try-command code{font-family:Roboto Mono,Monaco,Menlo,Consolas,monospace;font-size:.8125rem;color:#37474f}[data-theme=dark] .try-command code{color:#e8eaed}.platforms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0}.platform-card{text-align:center;padding:2rem 1.5rem;background:var(--color-surface);border:1px solid var(--css-card-border);border-radius:var(--css-radius-md);transition:all .2s ease}.platform-card:hover{transform:translateY(-4px);box-shadow:var(--css-shadow-lg)}.platform-icon{font-size:3rem;margin-bottom:1rem}.platform-icon.tailwind{color:#06b6d4}.platform-icon.bootstrap{color:#7952b3}.platform-icon.sass{color:#c69}.platform-card h4{margin:0 0 .5rem;font-size:1.1rem;color:var(--color-text)}.platform-card p{margin:0;font-size:.9rem;color:var(--css-text-secondary);line-height:1.5}.path-item{display:flex;gap:1.5rem;padding:1.5rem;background:var(--color-surface);border:1px solid var(--css-card-border);border-radius:var(--css-radius-md);transition:all .2s ease}.path-item:hover{border-color:var(--css-blue);box-shadow:var(--css-shadow-sm)}.path-number{flex-shrink:0;width:40px;height:40px;background:var(--css-blue);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700}[data-theme=dark] .path-number{background:#8ab4f8;color:#202124}.path-content h4{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:1.1rem;color:var(--color-text)}.path-content li{margin-bottom:.35rem;font-size:.95rem;color:var(--css-text-secondary);line-height:1.5}@media(max-width:1024px){.css-hero-minimal{padding:0 0 1.5rem}}@media(max-width:768px){.css-hero-title{font-size:1.75rem}.css-hero-description{font-size:.95rem}.workflow-visualization{flex-direction:column;gap:1rem;padding:1.5rem}.workflow-arrow{transform:rotate(90deg);padding:.5rem 0}.workflow-stage{max-width:100%}.content-section h2{font-size:1.25rem}.concepts-grid,.commands-grid,.methods-grid,.platforms-grid{grid-template-columns:1fr}.path-item{flex-direction:column;align-items:flex-start}.callout-box{flex-direction:column;text-align:center}.try-command,.anatomy-item{flex-direction:column;align-items:flex-start;gap:.5rem}}@media(max-width:480px){.css-hero-title{font-size:1.5rem}.content-section h2{font-size:1.15rem}}.dsa-tutorial-page{--dsa-primary: #2563eb;--dsa-secondary: #10b981;--dsa-accent: #8b5cf6;--dsa-dark: #1e293b;--dsa-light: #f1f5f9;--dsa-code-bg: #1e1e1e;--dsa-warning: #f59e0b;--dsa-success: #10b981;--dsa-danger: #ef4444;--dsa-info: #3b82f6}.dsa-tutorial-page[data-theme=dark]{--dsa-light: #1e293b;--dsa-dark: #f1f5f9}.dsa-tutorial-page{max-width:900px;margin:0 auto;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.7;color:var(--text-primary)}.dsa-hero-minimal{text-align:center;padding:2rem 0 3rem;margin-bottom:2rem;border-bottom:1px solid var(--border-color)}.dsa-hero-title{font-size:2.5rem;font-weight:800;margin:0 0 1rem;background:linear-gradient(135deg,var(--dsa-primary),var(--dsa-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dsa-hero-title .highlight{background:linear-gradient(135deg,var(--dsa-secondary),var(--dsa-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dsa-hero-description{font-size:1.15rem;color:var(--text-secondary);max-width:700px;margin:0 auto}.dsa-content-section{margin-bottom:3rem}.dsa-content-section h2{font-size:1.75rem;font-weight:700;margin:0 0 1.5rem;color:var(--text-primary);display:flex;align-items:center;gap:.75rem}.dsa-content-section h2 .section-icon{color:var(--dsa-primary);font-size:1.5rem}.dsa-content-section h3{font-size:1.35rem;font-weight:600;margin:1.5rem 0 1rem;color:var(--text-primary)}.dsa-content-section p{margin:0 0 1rem;color:var(--text-secondary)}.dsa-code-example{background:var(--dsa-code-bg);border-radius:12px;overflow:hidden;margin:1.5rem 0;box-shadow:0 4px 6px -1px #0000001a}.dsa-code-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.dsa-code-title{color:#e2e8f0;font-weight:500;font-size:.9rem}.dsa-code-badge{background:var(--dsa-primary);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.dsa-code-badge.python{background:#3776ab}.dsa-code-badge.java{background:#f89820}.dsa-code-badge.cpp{background:#00599c}.dsa-code-body{padding:1rem 1.25rem}.dsa-code-body pre{margin:0;color:#e2e8f0;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem;line-height:1.6;overflow-x:auto}.dsa-code-output{background:#10b9811a;padding:1rem 1.25rem;border-top:1px solid rgba(16,185,129,.2)}.dsa-code-output-label{color:var(--dsa-success);font-weight:600;margin-bottom:.5rem;font-size:.85rem;display:flex;align-items:center;gap:.5rem}.dsa-code-output pre{margin:0;color:#a7f3d0;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem}.dsa-complexity-table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem}.dsa-complexity-table th,.dsa-complexity-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.dsa-complexity-table th{background:var(--dsa-light);font-weight:600;color:var(--text-primary)}.dsa-complexity-table tr:hover{background:var(--dsa-light)}.dsa-complexity-table code{background:var(--dsa-primary);color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.85rem;font-weight:600}.dsa-complexity-table code.good{background:var(--dsa-success)}.dsa-complexity-table code.warning{background:var(--dsa-warning)}.dsa-complexity-table code.bad{background:var(--dsa-danger)}.dsa-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.dsa-feature-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease}.dsa-feature-card:hover{border-color:var(--dsa-primary);transform:translateY(-2px);box-shadow:0 8px 25px #2563eb26}.dsa-feature-icon{font-size:2rem;margin-bottom:1rem;color:var(--dsa-primary)}.dsa-feature-title{font-weight:600;font-size:1.1rem;margin-bottom:.5rem;color:var(--text-primary)}.dsa-feature-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.dsa-callout{border-radius:12px;padding:1.25rem;margin:1.5rem 0;border-left:4px solid}.dsa-callout-tip{background:#10b9811a;border-color:var(--dsa-success)}.dsa-callout-warning{background:#f59e0b1a;border-color:var(--dsa-warning)}.dsa-callout-info{background:#3b82f61a;border-color:var(--dsa-info)}.dsa-callout-danger{background:#ef44441a;border-color:var(--dsa-danger)}.dsa-callout-title{display:flex;align-items:center;gap:.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.dsa-callout-icon{font-size:1.25rem}.dsa-callout-tip .dsa-callout-icon{color:var(--dsa-success)}.dsa-callout-warning .dsa-callout-icon{color:var(--dsa-warning)}.dsa-callout-info .dsa-callout-icon{color:var(--dsa-info)}.dsa-callout-danger .dsa-callout-icon{color:var(--dsa-danger)}.dsa-callout-content{color:var(--text-secondary);line-height:1.6}.dsa-visualization{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin:1.5rem 0;text-align:center}.dsa-array-viz{display:flex;justify-content:center;gap:.5rem;margin:1rem 0;flex-wrap:wrap}.dsa-array-cell{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--dsa-primary);color:#fff;font-weight:600;border-radius:8px;font-size:1.1rem}.dsa-array-cell.highlight{background:var(--dsa-success);transform:scale(1.1)}.dsa-array-cell.comparing{background:var(--dsa-warning)}.dsa-array-cell.sorted{background:var(--dsa-secondary)}.dsa-steps-list{list-style:none;padding:0;margin:1.5rem 0;counter-reset:step}.dsa-steps-list li{position:relative;padding-left:3rem;margin-bottom:1.25rem;counter-increment:step}.dsa-steps-list li:before{content:counter(step);position:absolute;left:0;top:0;width:2rem;height:2rem;background:var(--dsa-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.dsa-takeaways{background:linear-gradient(135deg,#2563eb1a,#10b9811a);border-radius:12px;padding:1.5rem;margin:2rem 0;border:1px solid rgba(37,99,235,.2)}.dsa-takeaways-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;margin:0 0 1rem;color:var(--text-primary)}.dsa-takeaways-list{list-style:none;padding:0;margin:0}.dsa-takeaways-item{position:relative;padding-left:1.5rem;margin-bottom:.75rem;color:var(--text-secondary)}.dsa-takeaways-item:before{content:"✓";position:absolute;left:0;color:var(--dsa-success);font-weight:700}.dsa-table-container{overflow-x:auto;margin:1.5rem 0}.dsa-table{width:100%;border-collapse:collapse;font-size:.95rem}.dsa-table th,.dsa-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.dsa-table th{background:var(--dsa-light);font-weight:600;color:var(--text-primary)}.dsa-table code{background:#2563eb1a;color:var(--dsa-primary);padding:.2rem .4rem;border-radius:4px;font-size:.85rem}.inline-icon{vertical-align:middle;margin-right:.25rem}@media(max-width:768px){.dsa-tutorial-page{padding:1rem}.dsa-hero-title{font-size:2rem}.dsa-features-grid{grid-template-columns:1fr}.dsa-array-cell{width:40px;height:40px;font-size:.9rem}}.copy-btn:hover{background:#68a06326;color:#68a063}[data-theme=dark] .copy-btn:hover{background:#8cc84b33;color:#8cc84b}:root{--nodejs-green: #68A063;--nodejs-green-light: #8CC84B;--nodejs-green-dark: #3C873A;--nodejs-bg-light: #FAFBFC;--nodejs-bg-dark: #0D1117;--nodejs-card-bg: #FFFFFF;--nodejs-card-border: #E1E4E8;--nodejs-text-primary: #24292F;--nodejs-text-secondary: #57606A;--nodejs-text-muted: #8B949E;--nodejs-success: #2DA44E;--nodejs-info: #0969DA;--nodejs-warning: #BF8700;--nodejs-error: #CF222E;--nodejs-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--nodejs-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--nodejs-shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--nodejs-radius-sm: 6px;--nodejs-radius-md: 10px;--nodejs-radius-lg: 16px}[data-theme=dark]{--nodejs-bg-light: #161B22;--nodejs-card-bg: #21262D;--nodejs-card-border: #30363D;--nodejs-text-primary: #E6EDF3;--nodejs-text-secondary: #8B949E;--nodejs-text-muted: #6E7681}.nodejs-page{max-width:100%;padding:0}.nodejs-hero-minimal{padding:0 0 2rem;margin-bottom:1.5rem;border-bottom:1px solid #e8eaed}[data-theme=dark] .nodejs-hero-minimal{border-bottom-color:#3c4043}.nodejs-hero-title{font-size:2rem;font-weight:400;line-height:1.3;color:#202124;margin:0 0 .75rem}[data-theme=dark] .nodejs-hero-title{color:#e8eaed}.nodejs-hero-title .highlight{color:var(--nodejs-green)}[data-theme=dark] .nodejs-hero-title .highlight{color:#8cc84b}.nodejs-hero-description{font-size:1rem;line-height:1.6;color:#5f6368;margin:0;max-width:600px}[data-theme=dark] .nodejs-hero-description{color:#9aa0a6}.content-section h2{font-size:1.5rem;font-weight:400;color:#202124;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e8eaed}[data-theme=dark] .content-section h2{color:#e8eaed;border-bottom-color:#3c4043}.content-section h3{font-size:1.25rem;font-weight:500;color:#202124;margin:1.5rem 0 .75rem}[data-theme=dark] .content-section h3{color:#e8eaed}.content-section p{color:#5f6368;line-height:1.7;margin-bottom:1rem}[data-theme=dark] .content-section p{color:#9aa0a6}.content-section p strong{color:#202124}[data-theme=dark] .content-section p strong{color:#e8eaed}.callout-box{display:flex;gap:.875rem;padding:1rem 1.25rem;border-radius:8px;margin:1.25rem 0}.callout-box.callout-primary{background:#e8f5e9;border:1px solid #a5d6a7}[data-theme=dark] .callout-box.callout-primary{background:#1b3d1e;border-color:#2e5932}.callout-box.callout-info{background:#e3f2fd;border:1px solid #90caf9}[data-theme=dark] .callout-box.callout-info{background:#1a3a5c;border-color:#2d4a6f}.callout-box.callout-warning{background:#fff3e0;border:1px solid #ffcc80}[data-theme=dark] .callout-box.callout-warning{background:#3d3523;border-color:#5c4b2a}.callout-box.callout-error{background:#ffebee;border:1px solid #ef9a9a}[data-theme=dark] .callout-box.callout-error{background:#3d1b1b;border-color:#5c2a2a}.callout-icon{flex-shrink:0;font-size:1.25rem;color:var(--nodejs-green)}.callout-box.callout-info .callout-icon{color:#1976d2}.callout-box.callout-warning .callout-icon{color:#f57c00}.callout-box.callout-error .callout-icon{color:#d32f2f}.callout-content h4{margin:0 0 .375rem;font-size:.9375rem;font-weight:500;color:#202124}[data-theme=dark] .callout-content h4{color:#e8eaed}.callout-content p{margin:0;color:#5f6368;font-size:.875rem;line-height:1.6}[data-theme=dark] .callout-content p{color:#9aa0a6}.commands-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.command-card{background:#fff;border:1px solid #e8eaed;border-radius:8px;overflow:hidden}[data-theme=dark] .command-card{background:#292929;border-color:#3c4043}.command-header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#f8f9fa;border-bottom:1px solid #e8eaed}[data-theme=dark] .command-header{background:#1e1e1e;border-color:#3c4043}.command-icon{font-size:1.125rem;color:var(--nodejs-green)}[data-theme=dark] .command-icon{color:#8cc84b}.command-header h4{margin:0;font-size:.9375rem;font-weight:500;color:#202124}[data-theme=dark] .command-header h4{color:#e8eaed}.command-card .code-block-wrapper{border:none;border-radius:0;margin:0}.try-it-box{background:#e8f5e9;border:1px solid #a5d6a7;border-radius:8px;padding:1.5rem;margin:1.5rem 0}[data-theme=dark] .try-it-box{background:#1b3d1e;border-color:#2e5932}.try-it-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.try-icon{font-size:1.25rem;color:var(--nodejs-green)}[data-theme=dark] .try-icon{color:#8cc84b}.try-it-header h4{margin:0;font-size:1rem;font-weight:500;color:#202124}[data-theme=dark] .try-it-header h4{color:#e8eaed}.try-it-box>p{margin:0 0 1rem;color:#5f6368;font-size:.9375rem}[data-theme=dark] .try-it-box>p{color:#9aa0a6}.try-commands{display:flex;flex-direction:column;gap:.5rem}.try-command{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.625rem .875rem;background:#fff;border:1px solid #c8e6c9;border-radius:4px}[data-theme=dark] .try-command{background:#292929;border-color:#3c4043}.try-command code{font-family:Roboto Mono,Monaco,Menlo,Consolas,monospace;font-size:.8125rem;color:var(--nodejs-green-dark)}[data-theme=dark] .try-command code{color:#8cc84b}.try-description{font-size:.8125rem;color:#5f6368}[data-theme=dark] .try-description{color:#9aa0a6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.feature-card{padding:1.5rem;background:var(--color-surface, #fff);border:1px solid var(--nodejs-card-border);border-radius:var(--nodejs-radius-md);transition:all .2s ease}.feature-card:hover{border-color:var(--nodejs-green);box-shadow:var(--nodejs-shadow-md);transform:translateY(-2px)}.feature-icon-wrapper{width:48px;height:48px;border-radius:var(--nodejs-radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem;background:#68a0631a;color:var(--nodejs-green)}.feature-card h4{margin:0 0 .5rem;font-size:1.1rem;color:var(--color-text, #202124)}[data-theme=dark] .feature-card h4{color:#e8eaed}.feature-card p{margin:0;font-size:.95rem;line-height:1.6;color:var(--nodejs-text-secondary)}.comparison-table-wrapper{overflow-x:auto;margin:2rem 0;border-radius:var(--nodejs-radius-md);border:1px solid var(--nodejs-card-border)}.comparison-table{width:100%;border-collapse:collapse;background:var(--color-surface, #fff)}.comparison-table th,.comparison-table td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid var(--nodejs-card-border)}.comparison-table th{background:var(--color-background, #f8f9fa);font-weight:600;color:var(--color-text, #202124);font-size:.95rem}[data-theme=dark] .comparison-table th{background:#1e1e1e;color:#e8eaed}.comparison-table .highlight-col{background:#68a0630d}.comparison-table th.highlight-col{background:#68a0631a;color:var(--nodejs-green)}.comparison-table td{color:var(--nodejs-text-secondary);font-size:.95rem}.comparison-table .table-icon{margin-right:.5rem;vertical-align:middle}.comparison-table .check-icon{color:var(--nodejs-success);margin-right:.5rem}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tr:hover td{background:#68a06305}.learning-path{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.path-item{display:flex;gap:1.5rem;padding:1.5rem;background:var(--color-surface, #fff);border:1px solid var(--nodejs-card-border);border-radius:var(--nodejs-radius-md);transition:all .2s ease}.path-item:hover{border-color:var(--nodejs-green);box-shadow:var(--nodejs-shadow-sm)}.path-number{flex-shrink:0;width:40px;height:40px;background:var(--nodejs-green);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700}[data-theme=dark] .path-number{background:#8cc84b;color:#1e1e1e}.path-content h4{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:1.1rem;color:var(--color-text, #202124)}[data-theme=dark] .path-content h4{color:#e8eaed}.path-content ul{margin:0;padding-left:1.25rem;list-style-type:disc}.path-content li{margin-bottom:.35rem;font-size:.95rem;color:var(--nodejs-text-secondary);line-height:1.5}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0}.module-card{text-align:center;padding:2rem 1.5rem;background:var(--color-surface, #fff);border:1px solid var(--nodejs-card-border);border-radius:var(--nodejs-radius-md);transition:all .2s ease}.module-card:hover{transform:translateY(-4px);box-shadow:var(--nodejs-shadow-lg)}.module-card.featured{border-color:var(--nodejs-green);background:#68a06308}.module-icon{font-size:2.5rem;margin-bottom:1rem;color:var(--nodejs-text-secondary)}.module-card.featured .module-icon{color:var(--nodejs-green)}.module-card h4{margin:0 0 .5rem;font-size:1.1rem;color:var(--color-text, #202124)}[data-theme=dark] .module-card h4{color:#e8eaed}.module-card p{margin:0;font-size:.9rem;color:var(--nodejs-text-secondary);line-height:1.5}.module-badge{display:inline-block;padding:.25rem .75rem;background:var(--nodejs-green);color:#fff;border-radius:100px;font-size:.75rem;font-weight:600;margin-top:.75rem}.terminal-example{background:#1e1e1e;border-radius:8px;overflow:hidden;margin:1.5rem 0}.terminal-header{display:flex;align-items:center;gap:8px;padding:.75rem 1rem;background:#2d2d2d}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot.red{background:#ff5f56}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#27c93f}.terminal-title{flex:1;text-align:center;font-size:.8125rem;color:#9aa0a6;font-family:Roboto Mono,Monaco,monospace}.terminal-body{padding:1rem 1.25rem;font-family:Roboto Mono,Monaco,Menlo,Consolas,monospace;font-size:.875rem;line-height:1.8;color:#e8eaed}.terminal-line{margin-bottom:.5rem}.terminal-prompt{color:var(--nodejs-green)}.terminal-command{color:#e8eaed}.terminal-output{color:#9aa0a6;padding-left:0}.syntax-keyword{color:#c586c0}.syntax-string{color:#ce9178}.syntax-variable{color:#9cdcfe}.syntax-comment{color:#6a9955}.syntax-function{color:#dcdcaa}.syntax-operator{color:#d4d4d4}.syntax-number{color:#b5cea8}.syntax-class{color:#4ec9b0}@media(max-width:1024px){.nodejs-hero-minimal{padding:0 0 1.5rem}}@media(max-width:768px){.nodejs-hero-title{font-size:1.75rem}.nodejs-hero-description{font-size:.95rem}.content-section h2{font-size:1.25rem}.features-grid,.commands-grid,.modules-grid{grid-template-columns:1fr}.path-item{flex-direction:column;align-items:flex-start}.callout-box{flex-direction:column;text-align:center}.try-command{flex-direction:column;align-items:flex-start;gap:.5rem}}@media(max-width:480px){.nodejs-hero-title{font-size:1.5rem}.content-section h2{font-size:1.15rem}.comparison-table th,.comparison-table td{padding:.75rem;font-size:.85rem}}.swagger-page{max-width:100%;padding:0}.swagger-hero-minimal{padding:2rem 0;margin-bottom:2rem;border-bottom:1px solid var(--border-color)}.swagger-hero-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.swagger-hero-title .highlight{color:#85ea2d}.swagger-hero-description{font-size:1.125rem;color:var(--text-secondary);max-width:700px;line-height:1.6}.content-section{margin-bottom:3rem}.content-section h2{font-size:1.75rem;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #85EA2D;display:inline-block}.content-section h3{font-size:1.35rem;color:var(--text-primary);margin:1.5rem 0 .75rem}.content-section p{color:var(--text-secondary);line-height:1.7;margin-bottom:1rem}.content-section ul,.content-section ol{margin:1rem 0;padding-left:1.5rem}.content-section li{color:var(--text-secondary);line-height:1.8;margin-bottom:.5rem}.content-section li strong{color:var(--text-primary)}.code-block-wrapper{margin:1.5rem 0;border-radius:8px;overflow:hidden;border:1px solid var(--border-color);background:var(--code-bg, #1e1e1e)}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#85ea2d1a;border-bottom:1px solid var(--border-color)}.code-language{font-size:.75rem;font-weight:600;color:#85ea2d;text-transform:uppercase;letter-spacing:.5px}.copy-btn{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s ease}.copy-btn:hover{background:#85ea2d1a;border-color:#85ea2d;color:#85ea2d}.copy-btn .copied{color:#85ea2d}.code-block{margin:0;padding:1rem 1.25rem;overflow-x:auto;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.875rem;line-height:1.6;color:#d4d4d4;background:var(--code-bg, #1e1e1e)}.code-block code{font-family:inherit}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.feature-card{padding:1.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.feature-card:hover{border-color:#85ea2d;transform:translateY(-2px);box-shadow:0 8px 25px #85ea2d1a}.feature-card h3{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;color:var(--text-primary);margin-bottom:.75rem}.feature-card h3 svg{color:#85ea2d;font-size:1.25rem}.feature-card p{color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin:0}.info-box{padding:1rem 1.25rem;margin:1.5rem 0;border-radius:8px;border-left:4px solid #85EA2D;background:#85ea2d0d}.info-box.tip{border-left-color:#85ea2d;background:#85ea2d0d}.info-box.warning{border-left-color:#f59e0b;background:#f59e0b0d}.info-box.note{border-left-color:#3b82f6;background:#3b82f60d}.info-box h4{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.info-box p{margin:0;font-size:.9375rem}.highlight-note{background:#85ea2d1a;padding:1rem 1.25rem;border-radius:8px;border:1px solid rgba(133,234,45,.3);color:var(--text-primary)}.swagger-page table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9375rem}.swagger-page th,.swagger-page td{padding:.75rem 1rem;text-align:left;border:1px solid var(--border-color)}.swagger-page th{background:#85ea2d1a;font-weight:600;color:var(--text-primary)}.swagger-page td{color:var(--text-secondary)}.swagger-page tr:hover td{background:#85ea2d08}.quick-start-steps{margin:2rem 0}.step{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px}.step-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#85ea2d;color:#000;font-weight:700;font-size:1.125rem;border-radius:50%;flex-shrink:0}.step-content h3{margin:0 0 .5rem;color:var(--text-primary)}.step-content p{margin:0;color:var(--text-secondary)}.badge{display:inline-block;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:9999px;text-transform:uppercase;letter-spacing:.5px}.badge.required{background:#ef44441a;color:#ef4444}.badge.optional{background:#85ea2d1a;color:#85ea2d}.badge.deprecated{background:#f59e0b1a;color:#f59e0b}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.comparison-card{padding:1.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px}.comparison-card h4{color:#85ea2d;margin-bottom:1rem;font-size:1.125rem}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}@media(max-width:768px){.two-column{grid-template-columns:1fr}}.exercise-card{padding:1.5rem;margin:1.5rem 0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px}.exercise-card h3{display:flex;align-items:center;gap:.75rem;color:#85ea2d;margin-bottom:1rem}.exercise-card .difficulty{font-size:.75rem;padding:.25rem .75rem;background:#85ea2d1a;border-radius:9999px}@media(max-width:640px){.swagger-hero-title{font-size:2rem}.swagger-hero-description{font-size:1rem}.content-section h2{font-size:1.5rem}.feature-grid{grid-template-columns:1fr}}:root{--excel-green: #217346;--excel-green-light: #33a060;--excel-green-dark: #185c38;--excel-bg-light: #FAFBFC;--excel-bg-dark: #0D1117;--excel-card-bg: #FFFFFF;--excel-card-border: #E1E4E8;--excel-text-primary: #24292F;--excel-text-secondary: #57606A;--excel-text-muted: #8B949E;--excel-success: #2DA44E;--excel-info: #0969DA;--excel-warning: #BF8700;--excel-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--excel-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--excel-shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--excel-radius-sm: 6px;--excel-radius-md: 10px;--excel-radius-lg: 16px}[data-theme=dark]{--excel-bg-light: #161B22;--excel-card-bg: #21262D;--excel-card-border: #30363D;--excel-text-primary: #E6EDF3;--excel-text-secondary: #8B949E;--excel-text-muted: #6E7681}.excel-intro-page{max-width:100%;padding:0}.excel-hero-minimal{padding:0 0 2rem;margin-bottom:1.5rem;border-bottom:1px solid #e8eaed}[data-theme=dark] .excel-hero-minimal{border-bottom-color:#3c4043}.excel-hero-title{font-size:2rem;font-weight:400;line-height:1.3;color:#202124;margin:0 0 .75rem}[data-theme=dark] .excel-hero-title{color:#e8eaed}.excel-hero-title .highlight{color:#217346}[data-theme=dark] .excel-hero-title .highlight{color:#33a060}.excel-hero-description{font-size:1rem;line-height:1.6;color:#5f6368;margin:0;max-width:600px}[data-theme=dark] .excel-hero-description{color:#9aa0a6}.excel-content-section{margin-bottom:3rem}.excel-content-section h2{font-size:1.5rem;font-weight:400;color:#202124;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e8eaed}[data-theme=dark] .excel-content-section h2{color:#e8eaed;border-bottom-color:#3c4043}.excel-content-section p{font-size:.95rem;line-height:1.7;color:#5f6368;margin-bottom:1rem}[data-theme=dark] .excel-content-section p{color:#9aa0a6}.excel-content-section strong{color:#202124}[data-theme=dark] .excel-content-section strong{color:#e8eaed}.excel-callout-box{display:flex;gap:.875rem;padding:1rem 1.25rem;border-radius:8px;margin:1.25rem 0}.excel-callout-box.callout-primary{background:#e6f4ea;border:1px solid #b7e1cd}[data-theme=dark] .excel-callout-box.callout-primary{background:#1e3a2b;border-color:#2d5a42}.excel-callout-icon{flex-shrink:0;font-size:1.25rem;color:#217346}[data-theme=dark] .excel-callout-icon{color:#33a060}.excel-callout-content h4{margin:0 0 .375rem;font-size:.9375rem;font-weight:500;color:#202124}[data-theme=dark] .excel-callout-content h4{color:#e8eaed}.excel-callout-content p{margin:0;color:#5f6368;font-size:.875rem;line-height:1.6}[data-theme=dark] .excel-callout-content p{color:#9aa0a6}.excel-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.excel-feature-card{padding:1.5rem;background:var(--color-surface, #fff);border:1px solid var(--excel-card-border);border-radius:var(--excel-radius-md);transition:all .2s ease}.excel-feature-card:hover{border-color:var(--excel-green);box-shadow:var(--excel-shadow-md);transform:translateY(-2px)}.excel-feature-icon{width:48px;height:48px;border-radius:var(--excel-radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem;background:#2173461a;color:var(--excel-green)}.excel-feature-card h4{margin:0 0 .5rem;font-size:1.1rem;color:var(--color-text, #202124)}.excel-feature-card p{margin:0;font-size:.95rem;line-height:1.6;color:var(--excel-text-secondary)}.excel-formulas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.excel-formula-card{background:#fff;border:1px solid #e8eaed;border-radius:8px;overflow:hidden}[data-theme=dark] .excel-formula-card{background:#292929;border-color:#3c4043}.excel-formula-header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#f8f9fa;border-bottom:1px solid #e8eaed}[data-theme=dark] .excel-formula-header{background:#1e1e1e;border-color:#3c4043}.excel-formula-icon{font-size:1.125rem;color:#217346}[data-theme=dark] .excel-formula-icon{color:#33a060}.excel-formula-header h4{margin:0;font-size:.9375rem;font-weight:500;color:#202124}[data-theme=dark] .excel-formula-header h4{color:#e8eaed}.excel-comparison-wrapper{overflow-x:auto;margin:2rem 0;border-radius:var(--excel-radius-md);border:1px solid var(--excel-card-border)}.excel-comparison-table{width:100%;border-collapse:collapse;background:var(--color-surface, #fff)}.excel-comparison-table th,.excel-comparison-table td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid var(--excel-card-border)}.excel-comparison-table th{background:var(--color-background, #f8f9fa);font-weight:600;color:var(--color-text, #202124);font-size:.95rem}.excel-comparison-table .highlight-col{background:#2173460d}.excel-comparison-table th.highlight-col{background:#2173461a;color:var(--excel-green)}.excel-comparison-table td{color:var(--excel-text-secondary);font-size:.95rem}.excel-comparison-table .check-icon{color:var(--excel-success);margin-right:.5rem}.excel-comparison-table tr:last-child td{border-bottom:none}.excel-comparison-table tr:hover td{background:#21734605}.excel-versions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0}.excel-version-card{text-align:center;padding:2rem 1.5rem;background:var(--color-surface, #fff);border:1px solid var(--excel-card-border);border-radius:var(--excel-radius-md);transition:all .2s ease}.excel-version-card:hover{transform:translateY(-4px);box-shadow:var(--excel-shadow-lg)}.excel-version-icon{font-size:3rem;margin-bottom:1rem;color:var(--excel-green)}.excel-version-card h4{margin:0 0 .5rem;font-size:1.1rem;color:var(--color-text, #202124)}.excel-version-card p{margin:0;font-size:.9rem;color:var(--excel-text-secondary);line-height:1.5}.excel-try-it-box{background:#e6f4ea;border:1px solid #b7e1cd;border-radius:8px;padding:1.5rem;margin:1.5rem 0}[data-theme=dark] .excel-try-it-box{background:#1e3a2b;border-color:#2d5a42}.excel-try-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.excel-try-icon{font-size:1.25rem;color:#217346}[data-theme=dark] .excel-try-icon{color:#33a060}.excel-try-header h4{margin:0;font-size:1rem;font-weight:500;color:#202124}[data-theme=dark] .excel-try-header h4{color:#e8eaed}.excel-try-it-box>p{margin:0 0 1rem;color:#5f6368;font-size:.9375rem}[data-theme=dark] .excel-try-it-box>p{color:#9aa0a6}.excel-try-steps{display:flex;flex-direction:column;gap:.5rem}.excel-try-step{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.625rem .875rem;background:#fff;border:1px solid #dadce0;border-radius:4px}[data-theme=dark] .excel-try-step{background:#292929;border-color:#3c4043}.excel-try-step code{font-family:Roboto Mono,Monaco,Menlo,Consolas,monospace;font-size:.8125rem;color:#217346;font-weight:500}[data-theme=dark] .excel-try-step code{color:#33a060}.excel-try-description{font-size:.8125rem;color:#5f6368}[data-theme=dark] .excel-try-description{color:#9aa0a6}.excel-learning-path{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.excel-path-item{display:flex;gap:1.5rem;padding:1.5rem;background:var(--color-surface, #fff);border:1px solid var(--excel-card-border);border-radius:var(--excel-radius-md);transition:all .2s ease}.excel-path-item:hover{border-color:#217346;box-shadow:var(--excel-shadow-sm)}[data-theme=dark] .excel-path-item:hover{border-color:#33a060}.excel-path-number{flex-shrink:0;width:40px;height:40px;background:#217346;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700}[data-theme=dark] .excel-path-number{background:#33a060;color:#fff}.excel-path-content h4{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:1.1rem;color:var(--color-text, #202124)}.excel-path-content ul{margin:0;padding-left:1.25rem;list-style-type:disc}.excel-path-content li{margin-bottom:.35rem;font-size:.95rem;color:var(--excel-text-secondary);line-height:1.5}.excel-spreadsheet-preview{margin:2rem 0;border-radius:8px;overflow:hidden;border:1px solid #e8eaed}[data-theme=dark] .excel-spreadsheet-preview{border-color:#3c4043}.excel-spreadsheet-preview table{width:100%;border-collapse:collapse;font-size:.875rem}.excel-spreadsheet-preview th{background:#217346;color:#fff;padding:.5rem 1rem;font-weight:500;text-align:center;border:1px solid #185c38}.excel-spreadsheet-preview td{padding:.5rem 1rem;border:1px solid #e8eaed;text-align:center;color:#202124;background:#fff}[data-theme=dark] .excel-spreadsheet-preview td{border-color:#3c4043;color:#e8eaed;background:#292929}.excel-spreadsheet-preview .row-header{background:#f1f3f4;font-weight:500;color:#5f6368;width:40px}[data-theme=dark] .excel-spreadsheet-preview .row-header{background:#1e1e1e;color:#9aa0a6}.excel-spreadsheet-preview .formula-cell{background:#e6f4ea;color:#217346;font-weight:500}[data-theme=dark] .excel-spreadsheet-preview .formula-cell{background:#1e3a2b;color:#33a060}@media(max-width:1024px){.excel-hero-minimal{padding:0 0 1.5rem}}@media(max-width:768px){.excel-hero-title{font-size:1.75rem}.excel-hero-description{font-size:.95rem}.excel-content-section h2{font-size:1.25rem}.excel-features-grid,.excel-formulas-grid,.excel-versions-grid{grid-template-columns:1fr}.excel-path-item{flex-direction:column;align-items:flex-start}.excel-callout-box{flex-direction:column;text-align:center}.excel-try-step{flex-direction:column;align-items:flex-start;gap:.5rem}}@media(max-width:480px){.excel-hero-title{font-size:1.5rem}.excel-content-section h2{font-size:1.15rem}.excel-comparison-table th,.excel-comparison-table td{padding:.75rem;font-size:.85rem}}.code-block-wrapper{background:#f8f9fa;border:1px solid #e8eaed;border-radius:8px;margin:1rem 0;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box}[data-theme=dark] .code-block-wrapper{background:#1e1e1e;border-color:#333}.code-block-container{position:relative}.copy-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;background:#0000000d;color:#5f6368;cursor:pointer;opacity:.7;transition:all .2s ease}.code-block-container:hover .copy-btn{opacity:1;background:#00000014}.copy-btn:hover{background:#1a73e826;color:#1a73e8}[data-theme=dark] .copy-btn{background:#ffffff14;color:#9aa0a6}[data-theme=dark] .code-block-container:hover .copy-btn{background:#ffffff1f}[data-theme=dark] .copy-btn:hover{background:#8ab4f833;color:#8ab4f8}.copy-btn.copied{color:#34a853;opacity:1;background:#34a8531a}[data-theme=dark] .copy-btn.copied{color:#81c995;background:#81c99526}.code-pre{margin:0;padding:1rem 1.25rem;background:transparent;color:#37474f;overflow-x:auto;font-family:Roboto Mono,Monaco,Menlo,Consolas,monospace;font-size:.875rem;line-height:1.6;-webkit-overflow-scrolling:touch;max-width:100%;box-sizing:border-box}[data-theme=dark] .code-pre{color:#e8eaed}.code-pre::-webkit-scrollbar{height:6px}.code-pre::-webkit-scrollbar-track{background:transparent}.code-pre::-webkit-scrollbar-thumb{background:#dadce0;border-radius:3px}[data-theme=dark] .code-pre::-webkit-scrollbar-thumb{background:#5f6368}.code-pre code{background:none;padding:0;color:inherit;font-family:inherit;font-size:inherit;white-space:pre-wrap;word-break:break-word}.code-output{border-top:1px solid #e8eaed;background:#f1f3f4}[data-theme=dark] .code-output{border-color:#333;background:#292929}.output-pre{margin:0;padding:.875rem 1.25rem;background:transparent;color:#188038;font-family:Roboto Mono,Monaco,Menlo,Consolas,monospace;font-size:.8125rem;white-space:pre-wrap;overflow-x:auto;-webkit-overflow-scrolling:touch;line-height:1.5;word-break:break-word}[data-theme=dark] .output-pre{color:#81c995}@media(max-width:768px){.code-block-wrapper{margin:.875rem 0;border-radius:6px}.code-pre{padding:.875rem 1rem;font-size:.8125rem}.output-pre{padding:.75rem 1rem;font-size:.75rem}.copy-btn{opacity:1;top:6px;right:6px;width:28px;height:28px}}@media(max-width:480px){.code-pre{padding:.75rem;font-size:.75rem}.output-pre{padding:.625rem .75rem;font-size:.7rem}}:root{--rest-teal: #0097A7;--rest-teal-light: #00BCD4;--rest-teal-dark: #00838F;--rest-bg-light: #FAFBFC;--rest-bg-dark: #0D1117;--rest-card-bg: #FFFFFF;--rest-card-border: #E1E4E8;--rest-text-primary: #24292F;--rest-text-secondary: #57606A;--rest-text-muted: #8B949E;--rest-success: #2DA44E;--rest-info: #0969DA;--rest-warning: #BF8700;--rest-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--rest-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--rest-shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--rest-radius-sm: 6px;--rest-radius-md: 10px;--rest-radius-lg: 16px}[data-theme=dark]{--rest-bg-light: #161B22;--rest-card-bg: #21262D;--rest-card-border: #30363D;--rest-text-primary: #E6EDF3;--rest-text-secondary: #8B949E;--rest-text-muted: #6E7681}.rest-intro-page{max-width:100%;padding:0}.rest-hero-minimal{padding:0 0 2rem;margin-bottom:1.5rem;border-bottom:1px solid #e8eaed}[data-theme=dark] .rest-hero-minimal{border-bottom-color:#3c4043}.rest-hero-title{font-size:2rem;font-weight:400;line-height:1.3;color:#202124;margin:0 0 .75rem}[data-theme=dark] .rest-hero-title{color:#e8eaed}.rest-hero-title .highlight{color:#0097a7}[data-theme=dark] .rest-hero-title .highlight{color:#00bcd4}.rest-hero-description{font-size:1rem;line-height:1.6;color:#5f6368;margin:0;max-width:600px}[data-theme=dark] .rest-hero-description{color:#9aa0a6}.rest-content-section{margin-bottom:3rem}.rest-content-section h2{font-size:1.5rem;font-weight:400;color:#202124;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e8eaed}[data-theme=dark] .rest-content-section h2{color:#e8eaed;border-bottom-color:#3c4043}.rest-content-section p{font-size:.95rem;line-height:1.7;color:#5f6368;margin-bottom:1rem}[data-theme=dark] .rest-content-section p{color:#9aa0a6}.rest-content-section strong{color:#202124}[data-theme=dark] .rest-content-section strong{color:#e8eaed}.rest-content-section ul,.rest-content-section ol{padding-left:1.25rem;margin-bottom:1rem}.rest-content-section li{font-size:.95rem;line-height:1.7;color:#5f6368;margin-bottom:.35rem}[data-theme=dark] .rest-content-section li{color:#9aa0a6}.rest-callout-box{display:flex;gap:.875rem;padding:1rem 1.25rem;border-radius:8px;margin:1.25rem 0}.rest-callout-box.callout-primary{background:#e0f7fa;border:1px solid #b2ebf2}[data-theme=dark] .rest-callout-box.callout-primary{background:#1a3a3f;border-color:#265c63}.rest-callout-icon{flex-shrink:0;font-size:1.25rem;color:#0097a7}[data-theme=dark] .rest-callout-icon{color:#00bcd4}.rest-callout-content h4{margin:0 0 .375rem;font-size:.9375rem;font-weight:500;color:#202124}[data-theme=dark] .rest-callout-content h4{color:#e8eaed}.rest-callout-content p{margin:0;color:#5f6368;font-size:.875rem;line-height:1.6}[data-theme=dark] .rest-callout-content p{color:#9aa0a6}.rest-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.rest-feature-card{padding:1.5rem;background:var(--color-surface, #fff);border:1px solid var(--rest-card-border);border-radius:var(--rest-radius-md);transition:all .2s ease}.rest-feature-card:hover{border-color:var(--rest-teal);box-shadow:var(--rest-shadow-md);transform:translateY(-2px)}.rest-feature-icon{width:48px;height:48px;border-radius:var(--rest-radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem;background:#0097a71a;color:var(--rest-teal)}.rest-feature-card h3{margin:0 0 .5rem;font-size:1.1rem;color:var(--color-text, #202124)}[data-theme=dark] .rest-feature-card h3{color:#e8eaed}.rest-feature-card h4{margin:0 0 .5rem;font-size:1rem;color:var(--color-text, #202124)}[data-theme=dark] .rest-feature-card h4{color:#e8eaed}.rest-feature-card p{margin:0;font-size:.95rem;line-height:1.6;color:var(--rest-text-secondary)}.rest-feature-card ul{margin:.5rem 0 0;padding-left:1.25rem}.rest-feature-card li{font-size:.9rem;line-height:1.6;color:var(--rest-text-secondary);margin-bottom:.25rem}.rest-comparison-wrapper{overflow-x:auto;margin:2rem 0;border-radius:var(--rest-radius-md);border:1px solid var(--rest-card-border)}.rest-comparison-table{width:100%;border-collapse:collapse;background:var(--color-surface, #fff)}.rest-comparison-table th,.rest-comparison-table td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid var(--rest-card-border)}.rest-comparison-table th{background:var(--color-background, #f8f9fa);font-weight:600;color:var(--color-text, #202124);font-size:.95rem}.rest-comparison-table .highlight-col{background:#0097a70d}.rest-comparison-table th.highlight-col{background:#0097a71a;color:var(--rest-teal)}.rest-comparison-table td{color:var(--rest-text-secondary);font-size:.95rem}.rest-comparison-table td code{background:#f1f3f4;padding:.125rem .375rem;border-radius:3px;font-size:.85rem;color:#0097a7;font-family:Roboto Mono,Monaco,Menlo,Consolas,monospace}[data-theme=dark] .rest-comparison-table td code{background:#1e1e1e;color:#00bcd4}.rest-comparison-table .check-icon{color:var(--rest-success);margin-right:.5rem}.rest-comparison-table tr:last-child td{border-bottom:none}.rest-comparison-table tr:hover td{background:#0097a705}.rest-method-badge{display:inline-block;padding:.2rem .6rem;border-radius:4px;font-size:.75rem;font-weight:700;font-family:Roboto Mono,Monaco,Menlo,Consolas,monospace;letter-spacing:.5px}.rest-method-badge.get{background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.rest-method-badge.post{background:#e3f2fd;color:#1565c0;border:1px solid #90caf9}.rest-method-badge.put{background:#fff3e0;color:#e65100;border:1px solid #ffcc80}.rest-method-badge.patch{background:#fce4ec;color:#c62828;border:1px solid #ef9a9a}.rest-method-badge.delete{background:#ffebee;color:#b71c1c;border:1px solid #ef9a9a}[data-theme=dark] .rest-method-badge.get{background:#1b3a1e;color:#81c784;border-color:#2e5a31}[data-theme=dark] .rest-method-badge.post{background:#1a2c3d;color:#90caf9;border-color:#264a6e}[data-theme=dark] .rest-method-badge.put{background:#3d2e1a;color:#ffcc80;border-color:#5a421a}[data-theme=dark] .rest-method-badge.patch{background:#3d1a1e;color:#ef9a9a;border-color:#5a2a2e}[data-theme=dark] .rest-method-badge.delete{background:#3d1a1a;color:#ef9a9a;border-color:#5a2a2a}.rest-status-badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.8rem;font-weight:600;font-family:Roboto Mono,monospace}.rest-status-badge.success{background:#e8f5e9;color:#2e7d32}.rest-status-badge.redirect{background:#fff3e0;color:#e65100}.rest-status-badge.client-error{background:#ffebee;color:#c62828}.rest-status-badge.server-error{background:#fce4ec;color:#b71c1c}[data-theme=dark] .rest-status-badge.success{background:#1b3a1e;color:#81c784}[data-theme=dark] .rest-status-badge.redirect{background:#3d2e1a;color:#ffcc80}[data-theme=dark] .rest-status-badge.client-error{background:#3d1a1a;color:#ef9a9a}[data-theme=dark] .rest-status-badge.server-error{background:#3d1a1e;color:#ef9a9a}.rest-workflow{display:flex;align-items:center;justify-content:center;gap:1rem;padding:2rem;margin:2rem 0;background:var(--color-surface, #fff);border:1px solid var(--rest-card-border);border-radius:var(--rest-radius-md);overflow-x:auto}.rest-workflow-step{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:120px}.rest-workflow-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:.75rem}.rest-workflow-icon.client{background:#e3f2fd;color:#1565c0}.rest-workflow-icon.server{background:#e8f5e9;color:#2e7d32}.rest-workflow-icon.data{background:#fff3e0;color:#e65100}[data-theme=dark] .rest-workflow-icon.client{background:#1a2c3d;color:#90caf9}[data-theme=dark] .rest-workflow-icon.server{background:#1b3a1e;color:#81c784}[data-theme=dark] .rest-workflow-icon.data{background:#3d2e1a;color:#ffcc80}.rest-workflow-step h4{margin:0 0 .25rem;font-size:.9rem;color:var(--color-text, #202124)}[data-theme=dark] .rest-workflow-step h4{color:#e8eaed}.rest-workflow-step p{margin:0;font-size:.8rem;color:var(--rest-text-secondary)}.rest-workflow-arrow{font-size:1.25rem;color:var(--rest-text-muted);flex-shrink:0}.rest-try-it-box{background:#e0f7fa;border:1px solid #b2ebf2;border-radius:8px;padding:1.5rem;margin:1.5rem 0}[data-theme=dark] .rest-try-it-box{background:#1a3a3f;border-color:#265c63}.rest-try-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.rest-try-icon{font-size:1.25rem;color:#0097a7}[data-theme=dark] .rest-try-icon{color:#00bcd4}.rest-try-header h4{margin:0;font-size:1rem;font-weight:500;color:#202124}[data-theme=dark] .rest-try-header h4{color:#e8eaed}.rest-try-it-box>p{margin:0 0 1rem;color:#5f6368;font-size:.9375rem}[data-theme=dark] .rest-try-it-box>p{color:#9aa0a6}.rest-try-steps{display:flex;flex-direction:column;gap:.5rem}.rest-try-step{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.625rem .875rem;background:#fff;border:1px solid #dadce0;border-radius:4px}[data-theme=dark] .rest-try-step{background:#292929;border-color:#3c4043}.rest-try-step code{font-family:Roboto Mono,Monaco,Menlo,Consolas,monospace;font-size:.8125rem;color:#0097a7;font-weight:500}[data-theme=dark] .rest-try-step code{color:#00bcd4}.rest-try-description{font-size:.8125rem;color:#5f6368}[data-theme=dark] .rest-try-description{color:#9aa0a6}.rest-learning-path{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.rest-path-step{display:flex;gap:1.5rem;padding:1.5rem;background:var(--color-surface, #fff);border:1px solid var(--rest-card-border);border-radius:var(--rest-radius-md);transition:all .2s ease}.rest-path-step:hover{border-color:#0097a7;box-shadow:var(--rest-shadow-sm)}[data-theme=dark] .rest-path-step:hover{border-color:#00bcd4}.rest-path-step .step-number{flex-shrink:0;width:40px;height:40px;background:#0097a7;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700}[data-theme=dark] .rest-path-step .step-number{background:#00bcd4;color:#fff}.rest-path-step h4{margin:0 0 .5rem;font-size:1.1rem;color:var(--color-text, #202124)}[data-theme=dark] .rest-path-step h4{color:#e8eaed}.rest-path-step p{margin:0;font-size:.95rem;line-height:1.6;color:var(--rest-text-secondary)}.rest-path-step ul{margin:0;padding-left:1.25rem;list-style-type:disc}.rest-path-step li{margin-bottom:.35rem;font-size:.95rem;color:var(--rest-text-secondary);line-height:1.5}@media(max-width:1024px){.rest-hero-minimal{padding:0 0 1.5rem}}@media(max-width:768px){.rest-hero-title{font-size:1.75rem}.rest-hero-description{font-size:.95rem}.rest-content-section h2{font-size:1.25rem}.rest-features-grid{grid-template-columns:1fr}.rest-path-step{flex-direction:column;align-items:flex-start}.rest-callout-box{flex-direction:column;text-align:center}.rest-try-step{flex-direction:column;align-items:flex-start;gap:.5rem}.rest-workflow{flex-direction:column;gap:.5rem}.rest-workflow-arrow{transform:rotate(90deg)}}@media(max-width:480px){.rest-hero-title{font-size:1.5rem}.rest-content-section h2{font-size:1.15rem}.rest-comparison-table th,.rest-comparison-table td{padding:.75rem;font-size:.85rem}}.tutorials-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec)}.tutorials-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4rem 2rem;text-align:center}.tutorials-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.tutorials-header p{font-size:1.125rem;max-width:600px;margin:0 auto 2rem;opacity:.95;line-height:1.6}.tutorials-stats{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.stat{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:2rem;font-weight:700}.stat-label{font-size:.875rem;opacity:.85;text-transform:uppercase;letter-spacing:.5px}.tutorials-content{max-width:1400px;margin:0 auto;padding:3rem 2rem}.tutorials-section{margin-bottom:3rem}.section-header{margin-bottom:1.5rem}.section-header h2{font-size:1.5rem;font-weight:600;color:#1a1a2e;margin-bottom:.25rem}.section-header p{color:#64748b;font-size:.95rem}.tutorials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.tutorial-card{background:#fff;border-radius:12px;padding:1.5rem;text-decoration:none;color:inherit;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;border:1px solid transparent;display:flex;flex-direction:column}.tutorial-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:var(--card-accent, #667eea)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;box-shadow:0 4px 12px #00000026}.difficulty-badge{font-size:.75rem;padding:.25rem .5rem;background:#f1f5f9;border-radius:6px;color:#475569}.card-body{flex:1}.card-body h3{font-size:1.25rem;font-weight:600;color:#1a1a2e;margin-bottom:.5rem}.card-body p{font-size:.875rem;color:#64748b;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #f1f5f9}.time-estimate{display:flex;align-items:center;gap:.375rem;font-size:.8rem;color:#64748b}.time-estimate svg{opacity:.7}.start-learning{font-size:.875rem;font-weight:500;color:var(--card-accent, #667eea);transition:transform .2s ease}.tutorial-card:hover .start-learning{transform:translate(4px)}@media(max-width:768px){.tutorials-header{padding:3rem 1.5rem}.tutorials-header h1{font-size:2rem}.tutorials-header p{font-size:1rem}.tutorials-stats{gap:2rem}.stat-number{font-size:1.5rem}.tutorials-content{padding:2rem 1rem}.tutorials-grid{grid-template-columns:1fr}}@media(max-width:480px){.tutorials-header{padding:2rem 1rem}.tutorials-header h1{font-size:1.75rem}.tutorials-stats{gap:1.5rem}}@media(prefers-color-scheme:dark){.tutorials-page{background:linear-gradient(135deg,#1a1a2e,#16213e)}.tutorial-card{background:#1e293b;box-shadow:0 2px 8px #0003}.tutorial-card:hover{box-shadow:0 12px 24px #0000004d}.card-body h3{color:#f1f5f9}.card-body p,.time-estimate{color:#94a3b8}.section-header h2{color:#f1f5f9}.section-header p{color:#94a3b8}.difficulty-badge{background:var(--color-border);color:#cbd5e1}.card-footer{border-top-color:var(--color-border)}}.not-found-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 200px);padding:2rem}.not-found-content{max-width:480px;text-align:center}.not-found-illustration{margin-bottom:1.5rem;-webkit-user-select:none;user-select:none}.not-found-code{font-size:8rem;font-weight:800;line-height:1;color:var(--color-primary);letter-spacing:-.04em}.not-found-title{font-size:1.5rem;font-weight:600;color:var(--color-text);margin:0 0 .75rem}.not-found-description{font-size:1rem;color:var(--color-textSecondary);margin:0 0 2rem;line-height:1.6}.not-found-btn{display:inline-block;padding:.75rem 2rem;border-radius:.375rem;background-color:var(--color-primary);color:#fff;font-size:1rem;font-weight:600;text-decoration:none;letter-spacing:.01em;transition:background-color .2s,box-shadow .2s;box-shadow:0 1px 3px #0000001f}.not-found-btn:hover{background-color:var(--color-primary-dark, #1e40af);box-shadow:0 2px 6px #3b82f659;color:#fff}.not-found-btn:active{transform:scale(.98)}@media(max-width:480px){.not-found-code{font-size:5.5rem}.not-found-title{font-size:1.25rem}}@keyframes staticFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.static-page{min-height:calc(100vh - 200px);padding:3rem 1.5rem 5rem;animation:staticFadeIn .45s ease-out}.static-page-container{max-width:980px;margin:0 auto}.static-page-narrow{max-width:780px}.static-page-header{margin-bottom:3rem;padding:2.5rem 2rem;border-radius:16px;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-background) 100%);border:1px solid var(--color-border)}.static-page-title{font-size:2.25rem;font-weight:800;color:var(--color-text);margin:0 0 .6rem;line-height:1.2;letter-spacing:-.02em}.static-page-subtitle{font-size:1.1rem;color:var(--color-textSecondary);margin:0;line-height:1.7;max-width:580px}.static-page-meta{font-size:.85rem;color:var(--color-textSecondary);margin:.25rem 0 0;letter-spacing:.01em}.static-section{margin-bottom:3rem}.static-section-title{font-size:1.35rem;font-weight:700;color:var(--color-text);margin:0 0 1.25rem;display:flex;align-items:center;gap:.6rem;letter-spacing:-.01em}.static-section-icon{color:var(--color-primary);font-size:1.15rem;flex-shrink:0}.static-text{font-size:.95rem;color:var(--color-textSecondary);line-height:1.75;margin:0 0 1rem}.static-text:last-child{margin-bottom:0}.static-link{color:var(--color-primary);text-decoration:none;font-weight:500;transition:opacity .2s ease}.static-link:hover{opacity:.75;text-decoration:underline}.static-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.static-card{padding:1.75rem 1.5rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);box-shadow:0 1px 3px #0000000a;transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease}.static-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px);border-color:var(--color-primary)}[data-theme=dark] .static-card:hover{box-shadow:0 4px 16px #00000040}.static-card-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:10px;background:var(--color-primary-light);color:var(--color-primary);font-size:1.15rem;margin-bottom:1rem}[data-theme=dark] .static-card-icon{background:#60a5fa1f}.static-card-title{font-size:1rem;font-weight:600;color:var(--color-text);margin:0 0 .5rem}.static-card-text{font-size:.875rem;color:var(--color-textSecondary);line-height:1.65;margin:0}.static-values-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.static-values-list li{font-size:.95rem;color:var(--color-textSecondary);line-height:1.65;padding:1rem 1.25rem;border-left:3px solid var(--color-primary);background:var(--color-surface);border-radius:0 10px 10px 0;transition:border-color .2s ease}.static-values-list li:hover{border-left-color:var(--color-primary-dark)}.static-values-list li strong{color:var(--color-text);font-weight:600}.contact-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:3rem;align-items:start}.contact-form-section{padding:2rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);box-shadow:0 1px 3px #0000000a}.contact-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-label{font-size:.8rem;font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.05em}.form-input{padding:.7rem .85rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-background);color:var(--color-text);font-size:.9rem;font-family:inherit;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}[data-theme=dark] .form-input:focus{box-shadow:0 0 0 3px #60a5fa26}.form-textarea{resize:vertical;min-height:120px}.contact-success{text-align:center;padding:2.5rem 1.5rem}.contact-success-icon{font-size:2.5rem;color:var(--color-primary);margin-bottom:1rem}.contact-success h3{font-size:1.35rem;font-weight:700;color:var(--color-text);margin:0 0 .5rem}.contact-success p{font-size:.9rem;color:var(--color-textSecondary);margin:0 0 1.5rem}.contact-info{display:flex;flex-direction:column;gap:1rem}.contact-channel{display:flex;align-items:flex-start;gap:.85rem;padding:1.15rem;border-radius:10px;border:1px solid var(--color-border);background:var(--color-surface);transition:border-color .2s ease}.contact-channel:hover{border-color:var(--color-primary)}.contact-channel-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:8px;background:var(--color-primary-light);color:var(--color-primary);font-size:.85rem;flex-shrink:0}[data-theme=dark] .contact-channel-icon{background:#60a5fa1f}.contact-channel-title{font-size:.85rem;font-weight:600;color:var(--color-text);margin:0 0 .15rem}.contact-channel-text{font-size:.85rem;color:var(--color-textSecondary);margin:0}.blog-list{display:flex;flex-direction:column;gap:1.25rem}.blog-card{padding:1.5rem 1.75rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);box-shadow:0 1px 3px #0000000a;transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease}.blog-card:hover{box-shadow:0 4px 14px #00000012;transform:translateY(-1px);border-color:var(--color-primary)}[data-theme=dark] .blog-card:hover{box-shadow:0 4px 14px #00000040}.blog-card-meta{display:flex;align-items:center;gap:1rem;margin-bottom:.65rem}.blog-card-tag,.blog-card-date{font-size:.75rem;color:var(--color-textSecondary);display:flex;align-items:center;gap:.3rem}.blog-card-tag{font-weight:600;color:var(--color-primary);background:var(--color-primary-light);padding:.2rem .6rem;border-radius:6px}[data-theme=dark] .blog-card-tag{background:#60a5fa1f}.blog-meta-icon{font-size:.65rem}.blog-card-title{font-size:1.1rem;font-weight:600;margin:0 0 .45rem}.blog-card-link{color:var(--color-text);text-decoration:none;transition:color .2s ease}.blog-card-link:hover{color:var(--color-primary)}.blog-card-excerpt{font-size:.875rem;color:var(--color-textSecondary);line-height:1.65;margin:0}.legal-section{margin-bottom:2.25rem;padding-bottom:2.25rem;border-bottom:1px solid var(--color-border)}.legal-section:last-child{border-bottom:none;padding-bottom:0}.legal-heading{font-size:1.1rem;font-weight:700;color:var(--color-text);margin:0 0 .75rem;letter-spacing:-.01em}.legal-list{margin:0 0 1rem;padding-left:1.25rem;display:flex;flex-direction:column;gap:.45rem}.legal-list li{font-size:.9rem;color:var(--color-textSecondary);line-height:1.7}.legal-list li strong{color:var(--color-text)}.cookie-table-wrapper{overflow-x:auto;border:1px solid var(--color-border);border-radius:10px}.cookie-table{width:100%;border-collapse:collapse;font-size:.85rem}.cookie-table th,.cookie-table td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.cookie-table tr:last-child td{border-bottom:none}.cookie-table th{font-weight:600;color:var(--color-text);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;background:var(--color-surface)}.cookie-table td{color:var(--color-textSecondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;text-decoration:none;border:none;transition:all .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{opacity:.9}.btn-secondary{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn-secondary:hover{background:var(--color-primary-light)}@media(max-width:768px){.static-page{padding:2rem 1rem 4rem}.static-page-header{padding:1.75rem 1.25rem}.static-page-title{font-size:1.65rem}.contact-layout{grid-template-columns:1fr}.contact-form-section{padding:1.5rem}.form-row,.static-grid{grid-template-columns:1fr}}@media(max-width:480px){.static-page{padding:1.5rem .75rem 3rem}.static-page-header{padding:1.5rem 1rem}.static-page-title{font-size:1.4rem}.contact-form-section{padding:1.25rem}}