: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: #1a73e8;--color-success-light: #e8f0fe;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--border-radius: 8px;--header-height: 57px}[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: #8ab4f8;--color-success-light: rgba(138, 180, 248, .15)}*{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:#e8f0fe;color:#1a73e8}.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}:root{--tutorial-primary: #1a73e8;--tutorial-primary-light: #4285f4;--tutorial-primary-dark: #1557b0;--tutorial-primary-rgb: 26, 115, 232;--tutorial-success: #1a73e8;--tutorial-success-light: #e8f0fe;--tutorial-info: #0969DA;--tutorial-info-light: #e8f4fd;--tutorial-warning: #BF8700;--tutorial-warning-light: #fff8e6;--tutorial-error: #CF222E;--tutorial-error-light: #fde8e8;--tutorial-bg-light: #FAFBFC;--tutorial-bg-dark: #0D1117;--tutorial-card-bg: #FFFFFF;--tutorial-card-border: #E1E4E8;--tutorial-border-color: #e8eaed;--tutorial-text-primary: #202124;--tutorial-text-body: #3c4043;--tutorial-text-secondary: #57606A;--tutorial-text-muted: #5f6368;--tutorial-text-subtle: #8B949E;--tutorial-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--tutorial-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--tutorial-shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--tutorial-radius-sm: 6px;--tutorial-radius-md: 10px;--tutorial-radius-lg: 16px;--tutorial-font-code: "JetBrains Mono", "Fira Code", "Monaco", "Menlo", "Consolas", monospace}[data-theme=dark]{--tutorial-primary: #8ab4f8;--tutorial-primary-light: #aecbfa;--tutorial-primary-dark: #669df6;--tutorial-primary-rgb: 138, 180, 248;--tutorial-bg-light: #161B22;--tutorial-card-bg: #21262D;--tutorial-card-border: #30363D;--tutorial-border-color: #3c4043;--tutorial-text-primary: #e8eaed;--tutorial-text-body: #bdc1c6;--tutorial-text-secondary: #8B949E;--tutorial-text-muted: #9aa0a6;--tutorial-text-subtle: #6E7681;--tutorial-success-light: rgba(26, 115, 232, .12);--tutorial-info-light: rgba(9, 105, 218, .15);--tutorial-warning-light: rgba(191, 135, 0, .15);--tutorial-error-light: rgba(207, 34, 46, .15)}.tutorial-content-page{max-width:100%;padding:0;line-height:1.6;color:var(--tutorial-text-primary)}.tutorial-hero{padding:0 0 2rem;margin-bottom:1.5rem;border-bottom:1px solid var(--tutorial-border-color)}.tutorial-hero-title{font-size:2rem;font-weight:400;line-height:1.3;color:var(--tutorial-text-primary);margin:0 0 .75rem}.tutorial-hero-title .highlight{color:#1a73e8}[data-theme=dark] .tutorial-hero-title .highlight{color:#8ab4f8}.tutorial-hero-description{font-size:1rem;line-height:1.6;color:var(--tutorial-text-muted);margin:0;max-width:600px}.tutorial-section{margin-bottom:3rem}.tutorial-section h2{font-size:1.5rem;font-weight:400;color:var(--tutorial-text-primary);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--tutorial-border-color)}.tutorial-section h2 .section-icon{color:#1a73e8;font-size:1.5rem;vertical-align:middle;margin-right:.5rem}[data-theme=dark] .tutorial-section h2 .section-icon{color:#8ab4f8}.tutorial-section h3{font-size:1.25rem;font-weight:500;color:var(--tutorial-text-primary);margin:2rem 0 1rem}.tutorial-section p{font-size:1rem;line-height:1.7;color:var(--tutorial-text-body);margin:0 0 1rem}.tutorial-section ul,.tutorial-section ol{margin:.5rem 0 1rem 1.5rem;padding:0}.tutorial-section li{font-size:1rem;line-height:1.7;color:var(--tutorial-text-body);margin-bottom:.5rem}.tutorial-section strong{color:var(--tutorial-text-primary)}.tutorial-section code{background:rgba(var(--tutorial-primary-rgb),.08);color:#1a73e8;padding:.15em .4em;border-radius:4px;font-family:var(--tutorial-font-code);font-size:.9em}.tutorial-section pre code{background:none;color:inherit;padding:0;border-radius:0;font-size:inherit}[data-theme=dark] .tutorial-section code{background:rgba(var(--tutorial-primary-rgb),.15);color:#8ab4f8}[data-theme=dark] .tutorial-section pre code{background:none;color:inherit}.tutorial-callout{display:flex;gap:.875rem;padding:1rem 1.25rem;border-radius:8px;margin:1.25rem 0}.tutorial-callout-bordered{padding:1.25rem 1.5rem;border-radius:var(--tutorial-radius-md);margin:1.5rem 0;position:relative}.tutorial-callout-info,.tutorial-callout.callout-primary,.tutorial-callout.callout-info{background:#e8f0fe;border:1px solid #c6dafc}[data-theme=dark] .tutorial-callout-info,[data-theme=dark] .tutorial-callout.callout-primary,[data-theme=dark] .tutorial-callout.callout-info{background:#1a3a5c;border-color:#2d4a6f}.tutorial-callout-bordered.callout-info{background:linear-gradient(135deg,#e8f4fd,#d5ebf9);border-left:4px solid var(--tutorial-info)}[data-theme=dark] .tutorial-callout-bordered.callout-info{background:linear-gradient(135deg,#0969da26,#0969da14)}.tutorial-callout-tip,.tutorial-callout.callout-tip,.tutorial-callout.callout-success{background:#e8f0fe;border:1px solid #c6dafc}[data-theme=dark] .tutorial-callout-tip,[data-theme=dark] .tutorial-callout.callout-tip,[data-theme=dark] .tutorial-callout.callout-success{background:#8ab4f81a;border-color:#8ab4f84d}.tutorial-callout-bordered.callout-tip{background:linear-gradient(135deg,#e8f0fe,#d6e4fd);border-left:4px solid var(--tutorial-success)}[data-theme=dark] .tutorial-callout-bordered.callout-tip{background:linear-gradient(135deg,#8ab4f81f,#8ab4f80f)}.tutorial-callout-warning,.tutorial-callout.callout-warning{background:#fef7e0;border:1px solid #f9e39c}[data-theme=dark] .tutorial-callout-warning,[data-theme=dark] .tutorial-callout.callout-warning{background:#3d3523;border-color:#5c4b2a}.tutorial-callout-bordered.callout-warning{background:linear-gradient(135deg,#fff8e6,#fff3cd);border-left:4px solid var(--tutorial-warning)}[data-theme=dark] .tutorial-callout-bordered.callout-warning{background:linear-gradient(135deg,#bf870026,#bf870014)}.tutorial-callout-danger,.tutorial-callout.callout-danger{background:#fce8e6;border:1px solid #f5c6cb}[data-theme=dark] .tutorial-callout-danger,[data-theme=dark] .tutorial-callout.callout-danger{background:#3d2323;border-color:#5c2a2a}.tutorial-callout-bordered.callout-danger{background:linear-gradient(135deg,#fde8e8,#f8d0d0);border-left:4px solid var(--tutorial-error)}[data-theme=dark] .tutorial-callout-bordered.callout-danger{background:linear-gradient(135deg,#cf222e26,#cf222e14)}.tutorial-callout-bordered.callout-brand{background:linear-gradient(135deg,#e8f0fe,#d5ebf9);border-left:4px solid #1a73e8}[data-theme=dark] .tutorial-callout-bordered.callout-brand{background:linear-gradient(135deg,#1a73e826,#1a73e814)}.tutorial-callout-icon{flex-shrink:0;font-size:1.25rem}.tutorial-callout-info .tutorial-callout-icon,.tutorial-callout-tip .tutorial-callout-icon{color:#1a73e8}.tutorial-callout-warning .tutorial-callout-icon{color:#f9ab00}.tutorial-callout-danger .tutorial-callout-icon{color:#d93025}.tutorial-callout.callout-info .tutorial-callout-icon,.tutorial-callout.callout-success .tutorial-callout-icon{color:#1a73e8}.tutorial-callout.callout-warning .tutorial-callout-icon{color:#f97316}.tutorial-callout.callout-danger .tutorial-callout-icon{color:#d93025}.tutorial-callout.callout-primary .tutorial-callout-icon{color:#1a73e8}.tutorial-callout.callout-tip .tutorial-callout-icon{color:#f9ab00}[data-theme=dark] .tutorial-callout-info .tutorial-callout-icon,[data-theme=dark] .tutorial-callout-tip .tutorial-callout-icon{color:#8ab4f8}[data-theme=dark] .tutorial-callout-warning .tutorial-callout-icon{color:#fdd663}[data-theme=dark] .tutorial-callout-danger .tutorial-callout-icon{color:#f28b82}.tutorial-callout-title{font-weight:600;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:var(--tutorial-text-primary)}.tutorial-callout-bordered.callout-info .tutorial-callout-title{color:var(--tutorial-info)}.tutorial-callout-bordered.callout-tip .tutorial-callout-title{color:var(--tutorial-success)}.tutorial-callout-bordered.callout-warning .tutorial-callout-title{color:var(--tutorial-warning)}.tutorial-callout-bordered.callout-danger .tutorial-callout-title{color:var(--tutorial-error)}.tutorial-callout-bordered.callout-brand .tutorial-callout-title{color:#1a73e8}[data-theme=dark] .tutorial-callout-bordered.callout-brand .tutorial-callout-title{color:#8ab4f8}.tutorial-callout-content{font-size:.875rem;line-height:1.6;color:var(--tutorial-text-muted)}.tutorial-callout-content h4{margin:0 0 .375rem;font-size:.9375rem;font-weight:500;color:var(--tutorial-text-primary)}.tutorial-callout-content p{margin:0;font-size:.875rem;line-height:1.6;color:var(--tutorial-text-muted)}.tutorial-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.tutorial-feature-card{background:var(--tutorial-card-bg);border:1px solid var(--tutorial-card-border);border-radius:var(--tutorial-radius-md);padding:1.5rem;transition:all .2s ease}.tutorial-feature-card:hover{border-color:#1a73e8;box-shadow:var(--tutorial-shadow-md);transform:translateY(-2px)}[data-theme=dark] .tutorial-feature-card:hover{border-color:#8ab4f8}.tutorial-feature-icon{font-size:1.75rem;margin-bottom:.75rem;color:#1a73e8}[data-theme=dark] .tutorial-feature-icon{color:#8ab4f8}.tutorial-feature-icon-wrapper{width:48px;height:48px;border-radius:var(--tutorial-radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem;background:rgba(var(--tutorial-primary-rgb),.1);color:#1a73e8}[data-theme=dark] .tutorial-feature-icon-wrapper{background:rgba(var(--tutorial-primary-rgb),.15);color:#8ab4f8}.tutorial-feature-title,.tutorial-feature-card h4{font-size:1.1rem;font-weight:600;color:var(--tutorial-text-primary);margin:0 0 .5rem}.tutorial-feature-description,.tutorial-feature-card p{font-size:.9375rem;color:var(--tutorial-text-secondary);line-height:1.6;margin:0}.tutorial-code-example{margin:1.5rem 0;border-radius:var(--tutorial-radius-md);overflow:hidden;border:1px solid var(--tutorial-card-border)}.tutorial-code-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:linear-gradient(135deg,#1a73e8,#1557b0);color:#fff}.tutorial-code-title{font-size:.9375rem;font-weight:500;color:#fff}.tutorial-code-badge{background:#fff3;color:#fff;padding:.25rem .75rem;border-radius:100px;font-size:.75rem;font-weight:600}.tutorial-code-body{background:#f8f9fa;padding:1rem 1.25rem}[data-theme=dark] .tutorial-code-body{background:#1e1e1e}.tutorial-code-body pre{margin:0;color:#383a42;font-family:var(--tutorial-font-code);font-size:.875rem;line-height:1.6;overflow-x:auto}[data-theme=dark] .tutorial-code-body pre{color:#d4d4d4}.tutorial-code-body .keyword{color:#d73a49}.tutorial-code-body .string{color:#22863a}.tutorial-code-body .comment{color:#6a737d}.tutorial-code-body .function{color:#6f42c1}.tutorial-code-body .number{color:#005cc5}[data-theme=dark] .tutorial-code-body .keyword{color:#569cd6}[data-theme=dark] .tutorial-code-body .string{color:#ce9178}[data-theme=dark] .tutorial-code-body .comment{color:#6a9955}[data-theme=dark] .tutorial-code-body .function{color:#dcdcaa}[data-theme=dark] .tutorial-code-body .number{color:#b5cea8}.tutorial-code-output{background:#f1f3f4;border-top:1px solid #e8eaed;padding:1rem 1.25rem}[data-theme=dark] .tutorial-code-output{background:#0d1117;border-top-color:#30363d}.tutorial-code-output-label{font-size:.75rem;color:#5f6368;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}[data-theme=dark] .tutorial-code-output-label{color:#8b949e}.tutorial-code-output pre{margin:0;color:#188038;font-family:var(--tutorial-font-code);font-size:.875rem}[data-theme=dark] .tutorial-code-output pre{color:#4ec9b0}.tutorial-code-header-neutral{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f8f9fa;border-bottom:1px solid var(--tutorial-border-color)}[data-theme=dark] .tutorial-code-header-neutral{background:#1e1e1e;border-bottom-color:#3c4043}.tutorial-code-header-neutral .tutorial-code-title{color:var(--tutorial-text-primary)}.tutorial-table-container{overflow-x:auto;margin:1.5rem 0;border-radius:8px;border:1px solid var(--tutorial-border-color)}.tutorial-table{width:100%;border-collapse:collapse;font-size:.95rem;background:var(--tutorial-card-bg)}.tutorial-table th{background:linear-gradient(135deg,#1a73e8,#1557b0);color:#fff;padding:.875rem 1rem;text-align:left;font-weight:600}.tutorial-table td{padding:.75rem 1rem;border-bottom:1px solid var(--tutorial-card-border);color:var(--tutorial-text-body)}.tutorial-table tbody tr:last-child td{border-bottom:none}.tutorial-table tbody tr:hover{background:rgba(var(--tutorial-primary-rgb),.03)}.tutorial-table code{background:rgba(var(--tutorial-primary-rgb),.08);padding:.125rem .375rem;border-radius:4px;font-family:var(--tutorial-font-code);font-size:.85em;color:#1a73e8}[data-theme=dark] .tutorial-table code{background:rgba(var(--tutorial-primary-rgb),.15);color:#8ab4f8}.tutorial-table-neutral th{background:#f8f9fa;color:var(--tutorial-text-primary)}[data-theme=dark] .tutorial-table-neutral th{background:#292a2d}.tutorial-learning-path{margin:2rem 0}.tutorial-learning-step{display:flex;gap:1.25rem;margin-bottom:1.5rem;position:relative}.tutorial-learning-step:not(:last-child):after{content:"";position:absolute;left:1.25rem;top:3rem;bottom:-.5rem;width:2px;background:linear-gradient(to bottom,#1a73e8,transparent)}[data-theme=dark] .tutorial-learning-step:not(:last-child):after{background:linear-gradient(to bottom,#8ab4f8,transparent)}.tutorial-step-number{width:2.5rem;height:2.5rem;background:#1a73e8;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}[data-theme=dark] .tutorial-step-number{background:#8ab4f8;color:#202124}.tutorial-step-content{flex:1;padding-top:.25rem}.tutorial-step-title{font-size:1.1rem;font-weight:600;color:var(--tutorial-text-primary);margin-bottom:.5rem}.tutorial-step-description{font-size:.95rem;color:var(--tutorial-text-secondary);line-height:1.6}.tutorial-path-item{display:flex;gap:1.5rem;padding:1.5rem;background:var(--tutorial-card-bg);border:1px solid var(--tutorial-card-border);border-radius:var(--tutorial-radius-md);transition:all .2s ease;margin-bottom:1rem}.tutorial-path-item:hover{border-color:#1a73e8;box-shadow:var(--tutorial-shadow-sm)}[data-theme=dark] .tutorial-path-item:hover{border-color:#8ab4f8}.tutorial-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] .tutorial-path-number{background:#8ab4f8;color:#202124}.tutorial-path-content h4{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:1.1rem;color:var(--tutorial-text-primary)}.tutorial-path-content ul{margin:0;padding-left:1.25rem;list-style-type:disc}.tutorial-path-content li{margin-bottom:.35rem;font-size:.95rem;color:var(--tutorial-text-secondary);line-height:1.5}.tutorial-takeaways{background:#e8f0fe;border:1px solid #c6dafc;border-radius:var(--tutorial-radius-lg);padding:2rem;margin:2rem 0}[data-theme=dark] .tutorial-takeaways{background:rgba(var(--tutorial-primary-rgb),.1);border-color:rgba(var(--tutorial-primary-rgb),.3)}.tutorial-takeaways-title{font-size:1.25rem;font-weight:600;color:#1a73e8;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}[data-theme=dark] .tutorial-takeaways-title{color:#8ab4f8}.tutorial-takeaways-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.tutorial-takeaways-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.95rem;line-height:1.5;color:var(--tutorial-text-secondary)}.tutorial-takeaways-item:before{content:"✓";flex-shrink:0;color:#1a73e8;font-weight:700}[data-theme=dark] .tutorial-takeaways-item:before{color:#8ab4f8}.tutorial-try-it{background:var(--tutorial-card-bg);border:2px solid #1a73e8;border-radius:var(--tutorial-radius-md);padding:1.5rem;margin:2rem 0}[data-theme=dark] .tutorial-try-it{border-color:#8ab4f8}.tutorial-try-it-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:#1a73e8;font-weight:600;font-size:1.1rem}[data-theme=dark] .tutorial-try-it-header{color:#8ab4f8}.tutorial-try-it-header h4{margin:0;font-size:1rem;font-weight:500;color:var(--tutorial-text-primary)}.tutorial-try-icon{font-size:1.25rem;color:#1a73e8}[data-theme=dark] .tutorial-try-icon{color:#8ab4f8}.tutorial-try-it>p{margin:0 0 1rem;color:var(--tutorial-text-muted);font-size:.9375rem}.tutorial-syntax-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.tutorial-syntax-card{background:var(--tutorial-card-bg);border:1px solid var(--tutorial-card-border);border-radius:var(--tutorial-radius-md);overflow:hidden}.tutorial-syntax-header{padding:.75rem 1rem;font-weight:600;font-size:.9rem}.tutorial-syntax-header.primary{background:linear-gradient(135deg,#1a73e8,#1557b0);color:#fff}.tutorial-syntax-header.secondary{background:#f1f5f9;color:#475569}[data-theme=dark] .tutorial-syntax-header.secondary{background:#1e293b;color:#94a3b8}.tutorial-syntax-body{padding:1rem;background:#f8f9fa}[data-theme=dark] .tutorial-syntax-body{background:#1e1e1e}.tutorial-syntax-body pre{margin:0;color:#383a42;font-family:var(--tutorial-font-code);font-size:.85rem;line-height:1.6}[data-theme=dark] .tutorial-syntax-body pre{color:#d4d4d4}.tutorial-list{padding-left:0;list-style:none;margin:1rem 0}.tutorial-list li{padding:.5rem 0 .5rem 2rem;position:relative;color:var(--tutorial-text-secondary);line-height:1.6}.tutorial-list li:before{content:"▸";position:absolute;left:.5rem;color:#1a73e8;font-weight:700}[data-theme=dark] .tutorial-list li:before{color:#8ab4f8}.tutorial-list-numbered{counter-reset:tutorial-counter;padding-left:0;list-style:none;margin:1rem 0}.tutorial-list-numbered li{counter-increment:tutorial-counter;padding:.5rem 0 .5rem 3rem;position:relative;color:var(--tutorial-text-secondary);line-height:1.6}.tutorial-list-numbered li:before{content:counter(tutorial-counter);position:absolute;left:0;width:2rem;height:2rem;background:#1a73e8;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;top:.35rem}[data-theme=dark] .tutorial-list-numbered li:before{background:#8ab4f8;color:#202124}.tutorial-steps-list{list-style:none;padding:0;margin:1.5rem 0;counter-reset:step}.tutorial-steps-list li{position:relative;padding-left:3rem;margin-bottom:1.25rem;counter-increment:step;color:var(--tutorial-text-body);line-height:1.6}.tutorial-steps-list li:before{content:counter(step);position:absolute;left:0;top:0;width:2rem;height:2rem;background:#1a73e8;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}[data-theme=dark] .tutorial-steps-list li:before{background:#8ab4f8;color:#202124}.tutorial-quote{border-left:4px solid #1a73e8;padding:1rem 1.5rem;margin:1.5rem 0;background:rgba(var(--tutorial-primary-rgb),.03);font-style:italic;color:var(--tutorial-text-secondary)}[data-theme=dark] .tutorial-quote{border-left-color:#8ab4f8}.tutorial-quote-author{margin-top:.75rem;font-style:normal;font-weight:600;color:#1a73e8;font-size:.9rem}[data-theme=dark] .tutorial-quote-author{color:#8ab4f8}.tutorial-nav-buttons{display:flex;justify-content:space-between;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--tutorial-card-border);gap:1rem}.tutorial-nav-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#1a73e8;color:#fff;border:none;border-radius:var(--tutorial-radius-sm);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tutorial-nav-button:hover{background:#1557b0;transform:translateY(-1px)}.tutorial-nav-button.prev{background:transparent;color:#1a73e8;border:1px solid #1a73e8}.tutorial-nav-button.prev:hover{background:#1a73e8;color:#fff}[data-theme=dark] .tutorial-nav-button{background:#8ab4f8;color:#202124}[data-theme=dark] .tutorial-nav-button:hover{background:#aecbfa}[data-theme=dark] .tutorial-nav-button.prev{background:transparent;color:#8ab4f8;border-color:#8ab4f8}[data-theme=dark] .tutorial-nav-button.prev:hover{background:#8ab4f8;color:#202124}@media(max-width:480px){.tutorial-nav-buttons{flex-direction:column}.tutorial-nav-button{width:100%;justify-content:center}}.tutorial-external-link,.tutorial-inline-link{color:#1a73e8;text-decoration:none;font-weight:500;transition:color .2s ease}.tutorial-external-link{display:inline-flex;align-items:center;gap:.25rem}.tutorial-external-link svg{font-size:.875em;opacity:.7}.tutorial-external-link:hover,.tutorial-inline-link:hover{color:#1557b0;text-decoration:underline}[data-theme=dark] .tutorial-external-link,[data-theme=dark] .tutorial-inline-link{color:#8ab4f8}[data-theme=dark] .tutorial-external-link:hover,[data-theme=dark] .tutorial-inline-link:hover{color:#aecbfa}.tutorial-tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:1.5rem 0}.tutorial-tip{background:linear-gradient(135deg,rgba(var(--tutorial-primary-rgb),.08),rgba(var(--tutorial-primary-rgb),.02));border-left:3px solid #1a73e8;padding:1rem 1.25rem;border-radius:0 8px 8px 0}[data-theme=dark] .tutorial-tip{border-color:#8ab4f8}.tutorial-tip h4{margin:0 0 .5rem;font-size:.9375rem;color:var(--tutorial-text-primary)}.tutorial-tip p{margin:0;font-size:.875rem;color:var(--tutorial-text-muted);line-height:1.5}.tutorial-tip code{background:rgba(var(--tutorial-primary-rgb),.1);color:#1a73e8;padding:.125rem .375rem;border-radius:4px;font-size:.8125rem;font-family:var(--tutorial-font-code)}[data-theme=dark] .tutorial-tip code{background:rgba(var(--tutorial-primary-rgb),.15);color:#8ab4f8}.tutorial-workflow{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2.5rem 1rem;background:var(--tutorial-card-bg);border:1px solid var(--tutorial-card-border);border-radius:var(--tutorial-radius-lg);margin:2rem 0;overflow-x:auto}.tutorial-workflow-stage{flex:1;max-width:200px;text-align:center;padding:1.5rem 1rem}.tutorial-stage-icon{width:64px;height:64px;margin:0 auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;background:rgba(var(--tutorial-primary-rgb),.1);color:#1a73e8}[data-theme=dark] .tutorial-stage-icon{background:rgba(var(--tutorial-primary-rgb),.15);color:#8ab4f8}.tutorial-workflow-stage h4{margin:0 0 .5rem;font-size:1rem;color:var(--tutorial-text-primary)}.tutorial-workflow-stage p{margin:0;font-size:.875rem;color:var(--tutorial-text-secondary);line-height:1.5}.tutorial-workflow-arrow{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex-shrink:0;padding:0 .5rem}.tutorial-arrow-label{font-size:.7rem;font-family:var(--tutorial-font-code);color:#1a73e8;white-space:nowrap}[data-theme=dark] .tutorial-arrow-label{color:#8ab4f8}.tutorial-arrow-icon{font-size:1.25rem;color:var(--tutorial-text-subtle)}.tutorial-challenges{display:grid;gap:1rem;margin:1.5rem 0}.tutorial-challenge{position:relative;background:var(--tutorial-card-bg);border:1px solid var(--tutorial-card-border);border-radius:10px;padding:1.75rem 1.25rem 1.25rem}.tutorial-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}.tutorial-challenge-level.easy{background:#1a73e8}.tutorial-challenge-level.medium{background:#fbbc04;color:#37474f}.tutorial-challenge-level.hard{background:#ea4335}.tutorial-challenge h4{margin:0 0 .375rem;font-size:.9375rem;color:var(--tutorial-text-primary)}.tutorial-challenge p{margin:0;font-size:.875rem;color:var(--tutorial-text-muted);line-height:1.5}.tutorial-browser-preview{margin:1.5rem 0;border:1px solid var(--tutorial-border-color);border-radius:8px;overflow:hidden}.tutorial-browser-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f8f9fa;border-bottom:1px solid var(--tutorial-border-color)}[data-theme=dark] .tutorial-browser-header{background:#292d31;border-bottom-color:#3c4043}.tutorial-browser-dot{width:12px;height:12px;border-radius:50%}.tutorial-browser-dot.red{background:#ff5f57}.tutorial-browser-dot.yellow{background:#febc2e}.tutorial-browser-dot.green{background:#28c840}.tutorial-browser-content{padding:1rem;background:#fff;min-height:100px}[data-theme=dark] .tutorial-browser-content{background:#fff;color:#202124}@media(max-width:768px){.tutorial-hero-title{font-size:1.5rem}.tutorial-hero-description{font-size:.95rem}.tutorial-section h2{font-size:1.25rem}.tutorial-features-grid,.tutorial-syntax-comparison{grid-template-columns:1fr}.tutorial-workflow{flex-direction:column;gap:1rem;padding:1.5rem}.tutorial-workflow-arrow{transform:rotate(90deg);padding:.5rem 0}.tutorial-workflow-stage{max-width:100%}.tutorial-table{font-size:.85rem}.tutorial-table th,.tutorial-table td{padding:.625rem .75rem}.tutorial-callout{flex-direction:column}.tutorial-path-item{flex-direction:column;align-items:flex-start}.tutorial-tips-grid{grid-template-columns:1fr}}@media(max-width:480px){.tutorial-hero-title{font-size:1.25rem}.tutorial-section h2{font-size:1.15rem}}.php-tutorial-page,.python-tutorial-page,.sql-intro-page,.html-tutorial-page,.css-intro-page,.dsa-tutorial-page,.cpp-intro-page,.c-intro-page,.nodejs-page,.bash-page,.java-tutorial-page,.git-tutorial-page,.js-intro-page,.xml-page,.excel-intro-page,.postman-page,.powermock-page,.mockito-page,.junit-page,.maven-page,.swagger-page,.restful-page,.pattern-page,.se-page,.sd-page{max-width:100%;padding:0;line-height:1.6;color:var(--tutorial-text-primary)}.hero-section,.php-hero-minimal,.python-hero-minimal,.sql-hero-minimal,.html-hero-minimal,.css-hero-minimal,.dsa-hero-minimal,.cpp-hero-minimal,.c-hero-minimal,.nodejs-hero-minimal,.bash-hero-minimal,.java-hero-minimal,.git-hero-minimal,.js-hero-minimal,.xml-hero-minimal,.excel-hero-minimal,.postman-hero-minimal,.powermock-hero-minimal,.mockito-hero-minimal,.junit-hero-minimal,.maven-hero-minimal,.swagger-hero-minimal,.rest-hero-minimal,.restful-hero-minimal,.pattern-hero-minimal,.se-hero-minimal,.sd-hero-minimal{padding:0 0 2rem;margin-bottom:1.5rem;border-bottom:1px solid var(--tutorial-border-color, #e8eaed)}[data-theme=dark] .hero-section,[data-theme=dark] .php-hero-minimal,[data-theme=dark] .python-hero-minimal,[data-theme=dark] .sql-hero-minimal,[data-theme=dark] .html-hero-minimal,[data-theme=dark] .css-hero-minimal,[data-theme=dark] .dsa-hero-minimal,[data-theme=dark] .cpp-hero-minimal,[data-theme=dark] .c-hero-minimal,[data-theme=dark] .nodejs-hero-minimal,[data-theme=dark] .bash-hero-minimal,[data-theme=dark] .java-hero-minimal,[data-theme=dark] .git-hero-minimal,[data-theme=dark] .js-hero-minimal,[data-theme=dark] .xml-hero-minimal,[data-theme=dark] .excel-hero-minimal,[data-theme=dark] .postman-hero-minimal,[data-theme=dark] .powermock-hero-minimal,[data-theme=dark] .mockito-hero-minimal,[data-theme=dark] .junit-hero-minimal,[data-theme=dark] .maven-hero-minimal,[data-theme=dark] .swagger-hero-minimal,[data-theme=dark] .rest-hero-minimal,[data-theme=dark] .restful-hero-minimal,[data-theme=dark] .pattern-hero-minimal,[data-theme=dark] .se-hero-minimal,[data-theme=dark] .sd-hero-minimal{border-bottom-color:#3c4043}.hero-title,.hero-title-minimal,.php-hero-title,.python-hero-title,.sql-hero-title,.html-hero-title,.css-hero-title,.dsa-hero-title,.cpp-hero-title,.c-hero-title,.nodejs-hero-title,.bash-hero-title,.java-hero-title,.git-hero-title,.js-hero-title,.xml-hero-title,.excel-hero-title,.postman-hero-title,.powermock-hero-title,.mockito-hero-title,.junit-hero-title,.maven-hero-title,.swagger-hero-title,.rest-hero-title,.restful-hero-title,.pattern-hero-title,.se-hero-title,.sd-hero-title{font-size:2rem;font-weight:400;line-height:1.3;color:#202124;margin:0 0 .75rem}[data-theme=dark] .hero-title,[data-theme=dark] .hero-title-minimal,[data-theme=dark] .php-hero-title,[data-theme=dark] .python-hero-title,[data-theme=dark] .sql-hero-title,[data-theme=dark] .html-hero-title,[data-theme=dark] .css-hero-title,[data-theme=dark] .dsa-hero-title,[data-theme=dark] .cpp-hero-title,[data-theme=dark] .c-hero-title,[data-theme=dark] .nodejs-hero-title,[data-theme=dark] .bash-hero-title,[data-theme=dark] .java-hero-title,[data-theme=dark] .git-hero-title,[data-theme=dark] .js-hero-title,[data-theme=dark] .xml-hero-title,[data-theme=dark] .excel-hero-title,[data-theme=dark] .postman-hero-title,[data-theme=dark] .powermock-hero-title,[data-theme=dark] .mockito-hero-title,[data-theme=dark] .junit-hero-title,[data-theme=dark] .maven-hero-title,[data-theme=dark] .swagger-hero-title,[data-theme=dark] .rest-hero-title,[data-theme=dark] .restful-hero-title,[data-theme=dark] .pattern-hero-title,[data-theme=dark] .se-hero-title,[data-theme=dark] .sd-hero-title{color:#e8eaed}.hero-title .highlight,.hero-title-minimal .highlight,.php-hero-title .highlight,.python-hero-title .highlight,.sql-hero-title .highlight,.html-hero-title .highlight,.css-hero-title .highlight,.dsa-hero-title .highlight,.cpp-hero-title .highlight,.c-hero-title .highlight,.nodejs-hero-title .highlight,.bash-hero-title .highlight,.java-hero-title .highlight,.git-hero-title .highlight,.js-hero-title .highlight,.xml-hero-title .highlight,.excel-hero-title .highlight,.postman-hero-title .highlight,.powermock-hero-title .highlight,.mockito-hero-title .highlight,.junit-hero-title .highlight,.maven-hero-title .highlight,.swagger-hero-title .highlight,.rest-hero-title .highlight,.restful-hero-title .highlight,.pattern-hero-title .highlight,.se-hero-title .highlight,.sd-hero-title .highlight,.php-hero-title .highlight-purple,.python-hero-title .highlight-yellow{color:#1a73e8}[data-theme=dark] .hero-title .highlight,[data-theme=dark] .hero-title-minimal .highlight,[data-theme=dark] .php-hero-title .highlight,[data-theme=dark] .python-hero-title .highlight,[data-theme=dark] .sql-hero-title .highlight,[data-theme=dark] .html-hero-title .highlight,[data-theme=dark] .css-hero-title .highlight,[data-theme=dark] .dsa-hero-title .highlight,[data-theme=dark] .cpp-hero-title .highlight,[data-theme=dark] .c-hero-title .highlight,[data-theme=dark] .nodejs-hero-title .highlight,[data-theme=dark] .bash-hero-title .highlight,[data-theme=dark] .java-hero-title .highlight,[data-theme=dark] .git-hero-title .highlight,[data-theme=dark] .js-hero-title .highlight,[data-theme=dark] .xml-hero-title .highlight,[data-theme=dark] .excel-hero-title .highlight,[data-theme=dark] .postman-hero-title .highlight,[data-theme=dark] .powermock-hero-title .highlight,[data-theme=dark] .mockito-hero-title .highlight,[data-theme=dark] .junit-hero-title .highlight,[data-theme=dark] .maven-hero-title .highlight,[data-theme=dark] .swagger-hero-title .highlight,[data-theme=dark] .rest-hero-title .highlight,[data-theme=dark] .restful-hero-title .highlight,[data-theme=dark] .pattern-hero-title .highlight,[data-theme=dark] .se-hero-title .highlight,[data-theme=dark] .sd-hero-title .highlight,[data-theme=dark] .php-hero-title .highlight-purple,[data-theme=dark] .python-hero-title .highlight-yellow{color:#8ab4f8}.hero-subtitle,.hero-subtitle-minimal,.hero-section .hero-description,.php-hero-description,.python-hero-description,.sql-hero-description,.html-hero-description,.css-hero-description,.dsa-hero-description,.cpp-hero-description,.c-hero-description,.nodejs-hero-description,.bash-hero-description,.java-hero-description,.git-hero-description,.js-hero-description,.xml-hero-description,.excel-hero-description,.postman-hero-description,.powermock-hero-description,.mockito-hero-description,.junit-hero-description,.maven-hero-description,.swagger-hero-description,.rest-hero-description,.restful-hero-description,.pattern-hero-description,.se-hero-description,.sd-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-subtitle-minimal,[data-theme=dark] .hero-section .hero-description,[data-theme=dark] .php-hero-description,[data-theme=dark] .python-hero-description,[data-theme=dark] .sql-hero-description,[data-theme=dark] .html-hero-description,[data-theme=dark] .css-hero-description,[data-theme=dark] .dsa-hero-description,[data-theme=dark] .cpp-hero-description,[data-theme=dark] .c-hero-description,[data-theme=dark] .nodejs-hero-description,[data-theme=dark] .bash-hero-description,[data-theme=dark] .java-hero-description,[data-theme=dark] .git-hero-description,[data-theme=dark] .js-hero-description,[data-theme=dark] .xml-hero-description,[data-theme=dark] .excel-hero-description,[data-theme=dark] .postman-hero-description,[data-theme=dark] .powermock-hero-description,[data-theme=dark] .mockito-hero-description,[data-theme=dark] .junit-hero-description,[data-theme=dark] .maven-hero-description,[data-theme=dark] .swagger-hero-description,[data-theme=dark] .rest-hero-description,[data-theme=dark] .restful-hero-description,[data-theme=dark] .pattern-hero-description,[data-theme=dark] .se-hero-description,[data-theme=dark] .sd-hero-description{color:#9aa0a6}@media(max-width:768px){.hero-title,.hero-title-minimal,.php-hero-title,.python-hero-title,.sql-hero-title,.html-hero-title,.css-hero-title,.dsa-hero-title,.cpp-hero-title,.c-hero-title,.nodejs-hero-title,.bash-hero-title,.java-hero-title,.git-hero-title,.js-hero-title,.xml-hero-title,.excel-hero-title,.postman-hero-title,.powermock-hero-title,.mockito-hero-title,.junit-hero-title,.maven-hero-title,.swagger-hero-title,.rest-hero-title,.restful-hero-title,.pattern-hero-title,.se-hero-title,.sd-hero-title{font-size:1.5rem}.hero-subtitle,.hero-subtitle-minimal,.hero-section .hero-description{font-size:.95rem}}.content-section{margin-bottom:3rem}.content-section h2{font-size:1.5rem;font-weight:400;color:var(--tutorial-text-primary, #202124);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--tutorial-border-color, #e8eaed)}[data-theme=dark] .content-section h2{color:#e8eaed;border-bottom-color:#3c4043}.content-section h2 .section-icon{color:#1a73e8;font-size:1.5rem;vertical-align:middle;margin-right:.5rem}[data-theme=dark] .content-section h2 .section-icon{color:#8ab4f8}.content-section h3{font-size:1.25rem;font-weight:500;color:var(--tutorial-text-primary, #202124);margin:2rem 0 1rem}[data-theme=dark] .content-section h3{color:#e8eaed}.content-section p{font-size:1rem;line-height:1.7;color:var(--tutorial-text-muted, #5f6368);margin:0 0 1rem}[data-theme=dark] .content-section p{color:#9aa0a6}.content-section p strong{color:var(--tutorial-text-primary, #202124)}[data-theme=dark] .content-section p strong{color:#e8eaed}.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:var(--tutorial-text-body, #3c4043);margin-bottom:.5rem}[data-theme=dark] .content-section li{color:#bdc1c6}.content-section li strong{color:var(--tutorial-text-primary, #202124)}[data-theme=dark] .content-section li strong{color:#e8eaed}.content-section strong{color:var(--tutorial-text-primary, #202124)}[data-theme=dark] .content-section strong{color:#e8eaed}.content-section code{background:#1a73e814;color:#1a73e8;padding:.15em .4em;border-radius:4px;font-family:JetBrains Mono,Fira Code,Monaco,Menlo,Consolas,monospace;font-size:.9em}.content-section pre code{background:none;color:inherit;padding:0;border-radius:0;font-size:inherit}[data-theme=dark] .content-section code{background:#8ab4f826;color:#8ab4f8}[data-theme=dark] .content-section pre code{background:none;color:inherit}.callout-box{display:flex;gap:.875rem;padding:1rem 1.25rem;border-radius:8px;margin:1.25rem 0}.callout-box.callout-primary{background:#e8f0fe;border:1px solid #c6dafc}[data-theme=dark] .callout-box.callout-primary{background:#1a3a5c;border-color:#2d4a6f}.callout-box.callout-info{background:#e8f0fe;border:1px solid #c6dafc}[data-theme=dark] .callout-box.callout-info{background:#1a3a5c;border-color:#2d4a6f}.callout-box.callout-success{background:#e8f0fe;border:1px solid #c6dafc}[data-theme=dark] .callout-box.callout-success{background:#8ab4f81a;border-color:#8ab4f84d}.callout-box.callout-tip{background:#e8f0fe;border:1px solid #c6dafc}[data-theme=dark] .callout-box.callout-tip{background:#8ab4f81a;border-color:#8ab4f84d}.callout-box.callout-warning{background:#fef7e0;border:1px solid #f9e39c}[data-theme=dark] .callout-box.callout-warning{background:#3d3523;border-color:#5c4b2a}.callout-box.callout-error,.callout-box.callout-danger{background:#fce8e6;border:1px solid #f5c6cb}[data-theme=dark] .callout-box.callout-error,[data-theme=dark] .callout-box.callout-danger{background:#3d2323;border-color:#5c2a2a}.callout-icon{flex-shrink:0;font-size:1.25rem;color:#1a73e8}[data-theme=dark] .callout-icon{color:#8ab4f8}.callout-box.callout-info .callout-icon,.callout-box.callout-success .callout-icon,.callout-box.callout-tip .callout-icon{color:#1a73e8}.callout-box.callout-warning .callout-icon{color:#f9ab00}.callout-box.callout-error .callout-icon,.callout-box.callout-danger .callout-icon{color:#d93025}[data-theme=dark] .callout-box.callout-info .callout-icon,[data-theme=dark] .callout-box.callout-success .callout-icon,[data-theme=dark] .callout-box.callout-tip .callout-icon{color:#8ab4f8}[data-theme=dark] .callout-box.callout-warning .callout-icon{color:#fdd663}[data-theme=dark] .callout-box.callout-error .callout-icon,[data-theme=dark] .callout-box.callout-danger .callout-icon{color:#f28b82}.callout-content h4{margin:0 0 .375rem;font-size:.9375rem;font-weight:500;color:var(--tutorial-text-primary, #202124)}[data-theme=dark] .callout-content h4{color:#e8eaed}.callout-content p{margin:0;font-size:.875rem;line-height:1.6;color:var(--tutorial-text-muted, #5f6368)}[data-theme=dark] .callout-content p{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(--tutorial-card-bg, #fff);border:1px solid var(--tutorial-card-border, #E1E4E8);border-radius:10px;transition:all .2s ease}.feature-card:hover{border-color:#1a73e8;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}[data-theme=dark] .feature-card:hover{border-color:#8ab4f8}.feature-icon-wrapper{width:48px;height:48px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem;background:#1a73e81a;color:#1a73e8}[data-theme=dark] .feature-icon-wrapper{background:#8ab4f826;color:#8ab4f8}.feature-card h4{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:var(--tutorial-text-primary, #202124)}[data-theme=dark] .feature-card h4{color:#e8eaed}.feature-card p{margin:0;font-size:.9375rem;line-height:1.6;color:var(--tutorial-text-secondary, #57606A)}.commands-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.command-card{background:var(--tutorial-card-bg, #fff);border:1px solid var(--tutorial-border-color, #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 var(--tutorial-border-color, #e8eaed)}[data-theme=dark] .command-header{background:#1e1e1e;border-color:#3c4043}.command-icon{font-size:1.125rem;color:#1a73e8}[data-theme=dark] .command-icon{color:#8ab4f8}.command-header h4{margin:0;font-size:.9375rem;font-weight:500;color:var(--tutorial-text-primary, #202124)}[data-theme=dark] .command-header h4{color:#e8eaed}.command-card .code-block-wrapper{border:none;border-radius:0;margin:0}.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(--tutorial-card-bg, #fff);border:1px solid var(--tutorial-card-border, #E1E4E8);border-radius:10px;transition:all .2s ease}.path-item:hover{border-color:#1a73e8;box-shadow:0 1px 2px #0000000a}[data-theme=dark] .path-item:hover{border-color:#8ab4f8}.path-item:last-child{margin-bottom:0}.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] .path-number{background:#8ab4f8;color:#202124}.path-content li{margin-bottom:.35rem;font-size:.95rem;color:var(--tutorial-text-secondary, #57606A);line-height:1.5}.workflow-visualization{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2.5rem 1rem;background:var(--tutorial-card-bg, #fff);border:1px solid var(--tutorial-card-border, #E1E4E8);border-radius:16px;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;background:#1a73e81a;color:#1a73e8}[data-theme=dark] .stage-icon-wrapper{background:#8ab4f826;color:#8ab4f8}.stage-tag{display:inline-block;padding:.2rem .6rem;background:#1a73e814;color:#1a73e8;border-radius:4px;font-size:.75rem;font-weight:600;margin-bottom:.5rem}[data-theme=dark] .stage-tag{background:#8ab4f81f;color:#8ab4f8}.workflow-stage h4{margin:0 0 .5rem;font-size:1rem;color:var(--tutorial-text-primary, #202124)}.workflow-stage p{margin:0;font-size:.875rem;color:var(--tutorial-text-secondary, #57606A);line-height:1.5}.arrow-label{font-size:.7rem;font-family:JetBrains Mono,Fira Code,monospace;color:#1a73e8;white-space:nowrap}[data-theme=dark] .arrow-label{color:#8ab4f8}.key-takeaways{background:#e8f0fe;border:1px solid #c6dafc;border-radius:16px;padding:2rem;margin:2rem 0}[data-theme=dark] .key-takeaways{background:#8ab4f81a;border-color:#8ab4f84d}.takeaway-title{font-size:1.25rem;font-weight:600;color:#1a73e8;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}[data-theme=dark] .takeaway-title{color:#8ab4f8}.takeaway-grid,.takeaways-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.takeaway-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.95rem;line-height:1.5;color:var(--tutorial-text-secondary, #57606A)}.takeaway-item:before{content:"✓";flex-shrink:0;color:#1a73e8;font-weight:700}[data-theme=dark] .takeaway-item:before{color:#8ab4f8}.takeaway-icon{flex-shrink:0;color:#1a73e8}[data-theme=dark] .takeaway-icon{color:#8ab4f8}.nav-buttons{display:flex;justify-content:space-between;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--tutorial-card-border, #E1E4E8);gap:1rem}.nav-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#1a73e8;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.nav-button:hover{background:#1557b0;transform:translateY(-1px)}.nav-button.secondary,.nav-button.prev{background:transparent;color:#1a73e8;border:1px solid #1a73e8}.nav-button.secondary:hover,.nav-button.prev:hover{background:#1a73e8;color:#fff}[data-theme=dark] .nav-button{background:#8ab4f8;color:#202124}[data-theme=dark] .nav-button:hover{background:#aecbfa}[data-theme=dark] .nav-button.secondary,[data-theme=dark] .nav-button.prev{background:transparent;color:#8ab4f8;border-color:#8ab4f8}[data-theme=dark] .nav-button.secondary:hover,[data-theme=dark] .nav-button.prev:hover{background:#8ab4f8;color:#202124}.inline-code{background:#1a73e814;color:#1a73e8;padding:.15em .4em;border-radius:4px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.9em}[data-theme=dark] .inline-code{background:#8ab4f826;color:#8ab4f8}.dsa-content-section{margin-bottom:3rem}.dsa-content-section h2{font-size:1.5rem;font-weight:400;color:var(--tutorial-text-primary, #202124);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--tutorial-border-color, #e8eaed)}[data-theme=dark] .dsa-content-section h2{color:#e8eaed;border-bottom-color:#3c4043}.dsa-content-section h2 .section-icon{color:#1a73e8;font-size:1.5rem;vertical-align:middle;margin-right:.5rem}[data-theme=dark] .dsa-content-section h2 .section-icon{color:#8ab4f8}.dsa-content-section h3{font-size:1.25rem;font-weight:500;color:var(--tutorial-text-primary, #202124);margin:2rem 0 1rem}[data-theme=dark] .dsa-content-section h3{color:#e8eaed}.dsa-content-section code{background:#1a73e814;color:#1a73e8;padding:.15em .4em;border-radius:4px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.9em}.dsa-content-section pre code{background:none;color:inherit;padding:0;border-radius:0;font-size:inherit}[data-theme=dark] .dsa-content-section code{background:#8ab4f826;color:#8ab4f8}[data-theme=dark] .dsa-content-section pre code{background:none;color:inherit}@media(max-width:768px){.content-section h2{font-size:1.25rem}.features-grid,.commands-grid{grid-template-columns:1fr}.path-item{flex-direction:column;align-items:flex-start}.callout-box{flex-direction:column}.try-command{flex-direction:column;align-items:flex-start;gap:.5rem}.workflow-visualization{flex-direction:column;gap:1rem;padding:1.5rem}.workflow-arrow{transform:rotate(90deg);padding:.5rem 0}.workflow-stage{max-width:100%}.comparison-table th,.comparison-table td{padding:.75rem;font-size:.85rem}.nav-buttons{flex-direction:column}.nav-button{width:100%;justify-content:center}}@media(max-width:480px){.content-section h2{font-size:1.15rem}.comparison-table th,.comparison-table td{padding:.625rem;font-size:.8rem}}.php-content-section,.python-content-section,.html-content-section,.sql-content-section,.excel-content-section,.xml-content-section,.mockito-content-section,.junit-content-section,.maven-content-section,.postman-content-section,.powermock-content-section,.rest-content-section{margin-bottom:3rem}.php-content-section h2,.python-content-section h2,.html-content-section h2,.sql-content-section h2,.excel-content-section h2,.xml-content-section h2,.mockito-content-section h2,.junit-content-section h2,.maven-content-section h2,.postman-content-section h2,.powermock-content-section h2,.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] .php-content-section h2,[data-theme=dark] .python-content-section h2,[data-theme=dark] .html-content-section h2,[data-theme=dark] .sql-content-section h2,[data-theme=dark] .excel-content-section h2,[data-theme=dark] .xml-content-section h2,[data-theme=dark] .mockito-content-section h2,[data-theme=dark] .junit-content-section h2,[data-theme=dark] .maven-content-section h2,[data-theme=dark] .postman-content-section h2,[data-theme=dark] .powermock-content-section h2,[data-theme=dark] .rest-content-section h2{color:#e8eaed;border-bottom-color:#3c4043}.php-content-section h2 svg,.python-content-section h2 svg,.html-content-section h2 svg,.sql-content-section h2 svg,.excel-content-section h2 svg,.xml-content-section h2 svg,.mockito-content-section h2 svg,.junit-content-section h2 svg,.maven-content-section h2 svg,.postman-content-section h2 svg,.powermock-content-section h2 svg,.rest-content-section h2 svg{color:#1a73e8}[data-theme=dark] .php-content-section h2 svg,[data-theme=dark] .python-content-section h2 svg,[data-theme=dark] .html-content-section h2 svg,[data-theme=dark] .sql-content-section h2 svg,[data-theme=dark] .excel-content-section h2 svg,[data-theme=dark] .xml-content-section h2 svg,[data-theme=dark] .mockito-content-section h2 svg,[data-theme=dark] .junit-content-section h2 svg,[data-theme=dark] .maven-content-section h2 svg,[data-theme=dark] .postman-content-section h2 svg,[data-theme=dark] .powermock-content-section h2 svg,[data-theme=dark] .rest-content-section h2 svg{color:#8ab4f8}.php-content-section h3,.python-content-section h3,.html-content-section h3,.sql-content-section h3,.excel-content-section h3,.xml-content-section h3,.mockito-content-section h3,.junit-content-section h3,.maven-content-section h3,.postman-content-section h3,.powermock-content-section h3,.rest-content-section h3{font-size:1.125rem;font-weight:500;color:#202124;margin:1.5rem 0 .75rem}[data-theme=dark] .php-content-section h3,[data-theme=dark] .python-content-section h3,[data-theme=dark] .html-content-section h3,[data-theme=dark] .sql-content-section h3,[data-theme=dark] .excel-content-section h3,[data-theme=dark] .xml-content-section h3,[data-theme=dark] .mockito-content-section h3,[data-theme=dark] .junit-content-section h3,[data-theme=dark] .maven-content-section h3,[data-theme=dark] .postman-content-section h3,[data-theme=dark] .powermock-content-section h3,[data-theme=dark] .rest-content-section h3{color:#e8eaed}.php-content-section h4,.python-content-section h4,.html-content-section h4,.sql-content-section h4,.postman-content-section h4{font-size:1rem;font-weight:500;color:#202124;margin:1.25rem 0 .5rem}[data-theme=dark] .php-content-section h4,[data-theme=dark] .python-content-section h4,[data-theme=dark] .html-content-section h4,[data-theme=dark] .sql-content-section h4,[data-theme=dark] .postman-content-section h4{color:#e8eaed}.php-content-section p,.python-content-section p,.html-content-section p,.sql-content-section p,.excel-content-section p,.xml-content-section p,.mockito-content-section p,.junit-content-section p,.maven-content-section p,.postman-content-section p,.powermock-content-section p,.rest-content-section p{font-size:1rem;line-height:1.7;color:#5f6368;margin:0 0 1rem}[data-theme=dark] .php-content-section p,[data-theme=dark] .python-content-section p,[data-theme=dark] .html-content-section p,[data-theme=dark] .sql-content-section p,[data-theme=dark] .excel-content-section p,[data-theme=dark] .xml-content-section p,[data-theme=dark] .mockito-content-section p,[data-theme=dark] .junit-content-section p,[data-theme=dark] .maven-content-section p,[data-theme=dark] .postman-content-section p,[data-theme=dark] .powermock-content-section p,[data-theme=dark] .rest-content-section p{color:#9aa0a6}.php-content-section strong,.python-content-section strong,.html-content-section strong,.excel-content-section strong,.rest-content-section strong{color:#202124}[data-theme=dark] .php-content-section strong,[data-theme=dark] .python-content-section strong,[data-theme=dark] .html-content-section strong,[data-theme=dark] .excel-content-section strong,[data-theme=dark] .rest-content-section strong{color:#e8eaed}.php-content-section ul,.php-content-section ol,.python-content-section ul,.python-content-section ol,.html-content-section ul,.html-content-section ol,.sql-content-section ul,.sql-content-section ol,.xml-content-section ul,.xml-content-section ol,.mockito-content-section ul,.mockito-content-section ol,.junit-content-section ul,.junit-content-section ol,.maven-content-section ul,.maven-content-section ol,.postman-content-section ul,.postman-content-section ol,.powermock-content-section ul,.powermock-content-section ol,.rest-content-section ul,.rest-content-section ol{margin:.5rem 0 1rem 1.5rem;padding:0}.php-content-section li,.python-content-section li,.html-content-section li,.sql-content-section li,.xml-content-section li,.mockito-content-section li,.junit-content-section li,.maven-content-section li,.postman-content-section li,.powermock-content-section li,.rest-content-section li{font-size:1rem;line-height:1.7;color:#5f6368;margin-bottom:.5rem}[data-theme=dark] .php-content-section li,[data-theme=dark] .python-content-section li,[data-theme=dark] .html-content-section li,[data-theme=dark] .sql-content-section li,[data-theme=dark] .xml-content-section li,[data-theme=dark] .mockito-content-section li,[data-theme=dark] .junit-content-section li,[data-theme=dark] .maven-content-section li,[data-theme=dark] .postman-content-section li,[data-theme=dark] .powermock-content-section li,[data-theme=dark] .rest-content-section li{color:#9aa0a6}.php-content-section code,.python-content-section code,.html-content-section code,.sql-content-section code,.sql-content-section p code,.xml-content-section code,.xml-content-section p code,.excel-content-section code{background:#1a73e814;color:#1a73e8;padding:.15em .4em;border-radius:4px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.9em}.php-content-section pre code,.python-content-section pre code,.html-content-section pre code,.sql-content-section pre code,.xml-content-section pre code,.excel-content-section pre code{background:none;color:inherit;padding:0;border-radius:0;font-size:inherit}[data-theme=dark] .php-content-section code,[data-theme=dark] .python-content-section code,[data-theme=dark] .html-content-section code,[data-theme=dark] .sql-content-section code,[data-theme=dark] .sql-content-section p code,[data-theme=dark] .xml-content-section code,[data-theme=dark] .xml-content-section p code,[data-theme=dark] .excel-content-section code{background:#8ab4f826;color:#8ab4f8}[data-theme=dark] .php-content-section pre code,[data-theme=dark] .python-content-section pre code,[data-theme=dark] .html-content-section pre code,[data-theme=dark] .sql-content-section pre code,[data-theme=dark] .xml-content-section pre code,[data-theme=dark] .excel-content-section pre code{background:none;color:inherit}.php-callout,.python-callout,.sql-callout-box,.html-callout-box,.excel-callout-box,.xml-callout-box,.mockito-callout-box,.junit-callout-box,.maven-callout-box,.postman-callout-box,.powermock-callout-box,.rest-callout-box,.dsa-callout-box{display:flex;gap:.875rem;padding:1rem 1.25rem;border-radius:8px;margin:1.25rem 0}.sql-callout-box.callout-primary,.html-callout-box.callout-primary,.excel-callout-box.callout-primary,.xml-callout-box.callout-primary,.rest-callout-box.callout-primary,.mockito-callout-box.callout-info,.junit-callout-box.callout-info,.maven-callout-box.callout-info,.postman-callout-box.callout-info,.powermock-callout-box.callout-info,.dsa-callout-box.callout-info{background:#e8f0fe;border:1px solid #c6dafc}[data-theme=dark] .sql-callout-box.callout-primary,[data-theme=dark] .html-callout-box.callout-primary,[data-theme=dark] .excel-callout-box.callout-primary,[data-theme=dark] .xml-callout-box.callout-primary,[data-theme=dark] .rest-callout-box.callout-primary,[data-theme=dark] .mockito-callout-box.callout-info,[data-theme=dark] .junit-callout-box.callout-info,[data-theme=dark] .maven-callout-box.callout-info,[data-theme=dark] .postman-callout-box.callout-info,[data-theme=dark] .powermock-callout-box.callout-info,[data-theme=dark] .dsa-callout-box.callout-info{background:#1a3a5c;border-color:#2d4a6f}.sql-callout-box.callout-success,.html-callout-box.callout-success,.xml-callout-box.callout-success,.mockito-callout-box.callout-success,.junit-callout-box.callout-success,.maven-callout-box.callout-success,.postman-callout-box.callout-success,.powermock-callout-box.callout-success{background:#e8f0fe;border:1px solid #c6dafc}[data-theme=dark] .sql-callout-box.callout-success,[data-theme=dark] .html-callout-box.callout-success,[data-theme=dark] .xml-callout-box.callout-success,[data-theme=dark] .mockito-callout-box.callout-success,[data-theme=dark] .junit-callout-box.callout-success,[data-theme=dark] .maven-callout-box.callout-success,[data-theme=dark] .postman-callout-box.callout-success,[data-theme=dark] .powermock-callout-box.callout-success{background:#8ab4f81a;border-color:#8ab4f84d}.sql-callout-box.callout-tip,.html-callout-box.callout-tip,.xml-callout-box.callout-tip,.mockito-callout-box.callout-tip,.junit-callout-box.callout-tip,.maven-callout-box.callout-tip,.postman-callout-box.callout-tip,.powermock-callout-box.callout-tip{background:#e8f0fe;border:1px solid #c6dafc}[data-theme=dark] .sql-callout-box.callout-tip,[data-theme=dark] .html-callout-box.callout-tip,[data-theme=dark] .xml-callout-box.callout-tip,[data-theme=dark] .mockito-callout-box.callout-tip,[data-theme=dark] .junit-callout-box.callout-tip,[data-theme=dark] .maven-callout-box.callout-tip,[data-theme=dark] .postman-callout-box.callout-tip,[data-theme=dark] .powermock-callout-box.callout-tip{background:#8ab4f81a;border-color:#8ab4f84d}.sql-callout-box.callout-warning,.html-callout-box.callout-warning,.xml-callout-box.callout-warning,.mockito-callout-box.callout-warning,.junit-callout-box.callout-warning,.maven-callout-box.callout-warning,.postman-callout-box.callout-warning,.powermock-callout-box.callout-warning{background:#fef7e0;border:1px solid #f9e39c}[data-theme=dark] .sql-callout-box.callout-warning,[data-theme=dark] .html-callout-box.callout-warning,[data-theme=dark] .xml-callout-box.callout-warning,[data-theme=dark] .mockito-callout-box.callout-warning,[data-theme=dark] .junit-callout-box.callout-warning,[data-theme=dark] .maven-callout-box.callout-warning,[data-theme=dark] .postman-callout-box.callout-warning,[data-theme=dark] .powermock-callout-box.callout-warning{background:#3d3523;border-color:#5c4b2a}.html-callout-box.callout-danger,.xml-callout-box.callout-danger{background:#fce8e6;border:1px solid #f5c6cb}[data-theme=dark] .html-callout-box.callout-danger,[data-theme=dark] .xml-callout-box.callout-danger{background:#3d2323;border-color:#5c2a2a}.php-callout-icon,.python-callout-icon,.sql-callout-icon,.html-callout-icon,.excel-callout-icon,.xml-callout-icon,.mockito-callout-icon,.junit-callout-icon,.maven-callout-icon,.postman-callout-icon,.powermock-callout-icon,.rest-callout-icon,.dsa-callout-icon{flex-shrink:0;font-size:1.25rem;color:#1a73e8}[data-theme=dark] .php-callout-icon,[data-theme=dark] .python-callout-icon,[data-theme=dark] .sql-callout-icon,[data-theme=dark] .html-callout-icon,[data-theme=dark] .excel-callout-icon,[data-theme=dark] .xml-callout-icon,[data-theme=dark] .mockito-callout-icon,[data-theme=dark] .junit-callout-icon,[data-theme=dark] .maven-callout-icon,[data-theme=dark] .postman-callout-icon,[data-theme=dark] .powermock-callout-icon,[data-theme=dark] .rest-callout-icon,[data-theme=dark] .dsa-callout-icon{color:#8ab4f8}.sql-callout-box.callout-success .sql-callout-icon,.html-callout-box.callout-success .html-callout-icon,.xml-callout-box.callout-success .xml-callout-icon,.mockito-callout-box.callout-success .mockito-callout-icon,.junit-callout-box.callout-success .junit-callout-icon,.maven-callout-box.callout-success .maven-callout-icon,.postman-callout-box.callout-success .postman-callout-icon,.powermock-callout-box.callout-success .powermock-callout-icon,.sql-callout-box.callout-tip .sql-callout-icon,.html-callout-box.callout-tip .html-callout-icon,.xml-callout-box.callout-tip .xml-callout-icon,.mockito-callout-box.callout-tip .mockito-callout-icon,.junit-callout-box.callout-tip .junit-callout-icon,.maven-callout-box.callout-tip .maven-callout-icon,.postman-callout-box.callout-tip .postman-callout-icon,.powermock-callout-box.callout-tip .powermock-callout-icon{color:#1a73e8}.sql-callout-box.callout-warning .sql-callout-icon,.html-callout-box.callout-warning .html-callout-icon,.xml-callout-box.callout-warning .xml-callout-icon,.mockito-callout-box.callout-warning .mockito-callout-icon,.junit-callout-box.callout-warning .junit-callout-icon,.maven-callout-box.callout-warning .maven-callout-icon,.postman-callout-box.callout-warning .postman-callout-icon,.powermock-callout-box.callout-warning .powermock-callout-icon{color:#f9ab00}.html-callout-box.callout-danger .html-callout-icon,.xml-callout-box.callout-danger .xml-callout-icon{color:#d93025}.php-callout-title,.python-callout-title,.sql-callout-content h4,.html-callout-content h4,.excel-callout-content h4,.xml-callout-content h4,.mockito-callout-content h4,.junit-callout-content h4,.maven-callout-content h4,.postman-callout-content h4,.powermock-callout-content h4,.rest-callout-content h4,.dsa-callout-content h4,.dsa-callout-title{margin:0 0 .375rem;font-size:.9375rem;font-weight:500;color:#202124}[data-theme=dark] .php-callout-title,[data-theme=dark] .python-callout-title,[data-theme=dark] .sql-callout-content h4,[data-theme=dark] .html-callout-content h4,[data-theme=dark] .excel-callout-content h4,[data-theme=dark] .xml-callout-content h4,[data-theme=dark] .mockito-callout-content h4,[data-theme=dark] .junit-callout-content h4,[data-theme=dark] .maven-callout-content h4,[data-theme=dark] .postman-callout-content h4,[data-theme=dark] .powermock-callout-content h4,[data-theme=dark] .rest-callout-content h4,[data-theme=dark] .dsa-callout-content h4,[data-theme=dark] .dsa-callout-title{color:#e8eaed}.php-callout-content,.python-callout-content,.sql-callout-content p,.html-callout-content p,.excel-callout-content p,.xml-callout-content p,.mockito-callout-content p,.junit-callout-content p,.maven-callout-content p,.postman-callout-content p,.powermock-callout-content p,.rest-callout-content p,.dsa-callout-content p{margin:0;font-size:.875rem;line-height:1.6;color:#5f6368}[data-theme=dark] .php-callout-content,[data-theme=dark] .python-callout-content,[data-theme=dark] .sql-callout-content p,[data-theme=dark] .html-callout-content p,[data-theme=dark] .excel-callout-content p,[data-theme=dark] .xml-callout-content p,[data-theme=dark] .mockito-callout-content p,[data-theme=dark] .junit-callout-content p,[data-theme=dark] .maven-callout-content p,[data-theme=dark] .postman-callout-content p,[data-theme=dark] .powermock-callout-content p,[data-theme=dark] .rest-callout-content p,[data-theme=dark] .dsa-callout-content p{color:#9aa0a6}.php-features-grid,.python-features-grid,.html-features-grid,.sql-features-grid,.excel-features-grid,.xml-features-grid,.postman-features-grid,.rest-features-grid,.dsa-features-grid,.mockito-feature-grid,.junit-feature-grid,.maven-feature-grid,.powermock-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.php-feature-card,.python-feature-card,.html-feature-card,.sql-feature-card,.excel-feature-card,.xml-feature-card,.postman-feature-card,.rest-feature-card,.dsa-feature-card,.mockito-feature-card,.junit-feature-card,.maven-feature-card,.powermock-feature-card{padding:1.5rem;background:#fff;border:1px solid #e8eaed;border-radius:10px;transition:all .2s ease}[data-theme=dark] .php-feature-card,[data-theme=dark] .python-feature-card,[data-theme=dark] .html-feature-card,[data-theme=dark] .sql-feature-card,[data-theme=dark] .excel-feature-card,[data-theme=dark] .xml-feature-card,[data-theme=dark] .postman-feature-card,[data-theme=dark] .rest-feature-card,[data-theme=dark] .dsa-feature-card,[data-theme=dark] .mockito-feature-card,[data-theme=dark] .junit-feature-card,[data-theme=dark] .maven-feature-card,[data-theme=dark] .powermock-feature-card{background:#292d31;border-color:#3c4043}.php-feature-card:hover,.python-feature-card:hover,.html-feature-card:hover,.sql-feature-card:hover,.excel-feature-card:hover,.xml-feature-card:hover,.postman-feature-card:hover,.rest-feature-card:hover,.dsa-feature-card:hover,.mockito-feature-card:hover,.junit-feature-card:hover,.maven-feature-card:hover,.powermock-feature-card:hover{border-color:#1a73e8;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}[data-theme=dark] .php-feature-card:hover,[data-theme=dark] .python-feature-card:hover,[data-theme=dark] .html-feature-card:hover,[data-theme=dark] .sql-feature-card:hover,[data-theme=dark] .excel-feature-card:hover,[data-theme=dark] .xml-feature-card:hover,[data-theme=dark] .postman-feature-card:hover,[data-theme=dark] .rest-feature-card:hover,[data-theme=dark] .dsa-feature-card:hover,[data-theme=dark] .mockito-feature-card:hover,[data-theme=dark] .junit-feature-card:hover,[data-theme=dark] .maven-feature-card:hover,[data-theme=dark] .powermock-feature-card:hover{border-color:#8ab4f8}.php-feature-icon,.python-feature-icon,.html-feature-icon,.sql-feature-icon-wrapper,.excel-feature-icon,.xml-feature-icon,.postman-feature-icon,.rest-feature-icon,.dsa-feature-icon,.mockito-feature-icon,.junit-feature-icon,.maven-feature-icon,.powermock-feature-icon{width:48px;height:48px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem;background:#1a73e81a;color:#1a73e8}[data-theme=dark] .php-feature-icon,[data-theme=dark] .python-feature-icon,[data-theme=dark] .html-feature-icon,[data-theme=dark] .sql-feature-icon-wrapper,[data-theme=dark] .excel-feature-icon,[data-theme=dark] .xml-feature-icon,[data-theme=dark] .postman-feature-icon,[data-theme=dark] .rest-feature-icon,[data-theme=dark] .dsa-feature-icon,[data-theme=dark] .mockito-feature-icon,[data-theme=dark] .junit-feature-icon,[data-theme=dark] .maven-feature-icon,[data-theme=dark] .powermock-feature-icon{background:#8ab4f826;color:#8ab4f8}.php-feature-title,.python-feature-title,.html-feature-card h4,.sql-feature-card h4,.excel-feature-card h4,.xml-feature-card h4,.postman-feature-card h4,.rest-feature-card h3,.rest-feature-card h4,.dsa-feature-title,.mockito-feature-card h3,.mockito-feature-card h4,.junit-feature-card h3,.maven-feature-card h3,.powermock-feature-card h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#202124}[data-theme=dark] .php-feature-title,[data-theme=dark] .python-feature-title,[data-theme=dark] .html-feature-card h4,[data-theme=dark] .sql-feature-card h4,[data-theme=dark] .excel-feature-card h4,[data-theme=dark] .xml-feature-card h4,[data-theme=dark] .postman-feature-card h4,[data-theme=dark] .rest-feature-card h3,[data-theme=dark] .rest-feature-card h4,[data-theme=dark] .dsa-feature-title,[data-theme=dark] .mockito-feature-card h3,[data-theme=dark] .mockito-feature-card h4,[data-theme=dark] .junit-feature-card h3,[data-theme=dark] .maven-feature-card h3,[data-theme=dark] .powermock-feature-card h3{color:#e8eaed}.php-feature-description,.python-feature-description,.html-feature-card p,.sql-feature-card p,.excel-feature-card p,.xml-feature-card p,.postman-feature-card p,.rest-feature-card p,.dsa-feature-description,.mockito-feature-card p,.junit-feature-card p,.maven-feature-card p,.powermock-feature-card p{margin:0;font-size:.9375rem;line-height:1.6;color:#5f6368}[data-theme=dark] .php-feature-description,[data-theme=dark] .python-feature-description,[data-theme=dark] .html-feature-card p,[data-theme=dark] .sql-feature-card p,[data-theme=dark] .excel-feature-card p,[data-theme=dark] .xml-feature-card p,[data-theme=dark] .postman-feature-card p,[data-theme=dark] .rest-feature-card p,[data-theme=dark] .dsa-feature-description,[data-theme=dark] .mockito-feature-card p,[data-theme=dark] .junit-feature-card p,[data-theme=dark] .maven-feature-card p,[data-theme=dark] .powermock-feature-card p{color:#9aa0a6}.php-learning-path,.python-learning-path,.html-learning-path,.sql-learning-path,.excel-learning-path,.xml-learning-path,.rest-learning-path,.powermock-learning-path,.dsa-learning-path{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.php-learning-step,.python-learning-step,.sql-path-item,.html-path-item,.excel-path-item,.xml-path-item,.rest-path-step,.powermock-path-item,.dsa-path-item{display:flex;gap:1.5rem;padding:1.5rem;background:#fff;border:1px solid #e8eaed;border-radius:10px;transition:all .2s ease}[data-theme=dark] .php-learning-step,[data-theme=dark] .python-learning-step,[data-theme=dark] .sql-path-item,[data-theme=dark] .html-path-item,[data-theme=dark] .excel-path-item,[data-theme=dark] .xml-path-item,[data-theme=dark] .rest-path-step,[data-theme=dark] .powermock-path-item,[data-theme=dark] .dsa-path-item{background:#292d31;border-color:#3c4043}.php-learning-step:hover,.python-learning-step:hover,.sql-path-item:hover,.html-path-item:hover,.excel-path-item:hover,.xml-path-item:hover,.rest-path-step:hover,.powermock-path-item:hover,.dsa-path-item:hover{border-color:#1a73e8;box-shadow:0 1px 2px #0000000a}[data-theme=dark] .php-learning-step:hover,[data-theme=dark] .python-learning-step:hover,[data-theme=dark] .sql-path-item:hover,[data-theme=dark] .html-path-item:hover,[data-theme=dark] .excel-path-item:hover,[data-theme=dark] .xml-path-item:hover,[data-theme=dark] .rest-path-step:hover,[data-theme=dark] .powermock-path-item:hover,[data-theme=dark] .dsa-path-item:hover{border-color:#8ab4f8}.php-step-number,.python-step-number,.sql-path-number,.html-path-number,.excel-path-number,.xml-path-number,.powermock-path-number,.dsa-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] .php-step-number,[data-theme=dark] .python-step-number,[data-theme=dark] .sql-path-number,[data-theme=dark] .html-path-number,[data-theme=dark] .excel-path-number,[data-theme=dark] .xml-path-number,[data-theme=dark] .powermock-path-number,[data-theme=dark] .dsa-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:#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:#5f6368;line-height:1.5}.php-try-it,.python-try-it,.sql-try-it-box,.xml-try-it-box,.excel-try-it-box,.mockito-try-it-box,.junit-try-it-box,.maven-try-it-box,.postman-try-it-box,.powermock-try-it-box,.rest-try-it-box{background:#e8f0fe;border:1px solid #c6dafc;border-radius:8px;padding:1.5rem;margin:1.5rem 0}[data-theme=dark] .php-try-it,[data-theme=dark] .python-try-it,[data-theme=dark] .sql-try-it-box,[data-theme=dark] .xml-try-it-box,[data-theme=dark] .excel-try-it-box,[data-theme=dark] .mockito-try-it-box,[data-theme=dark] .junit-try-it-box,[data-theme=dark] .maven-try-it-box,[data-theme=dark] .postman-try-it-box,[data-theme=dark] .powermock-try-it-box,[data-theme=dark] .rest-try-it-box{background:#8ab4f81a;border-color:#8ab4f84d}.php-try-it-header,.python-try-it-header,.sql-try-it-header,.xml-try-it-header,.excel-try-it-header,.mockito-try-it-header,.junit-try-it-header,.maven-try-it-header,.postman-try-it-header,.powermock-try-it-header,.rest-try-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.php-try-it-icon,.python-try-it-icon,.sql-try-icon,.xml-try-icon,.excel-try-icon,.mockito-try-icon,.junit-try-icon,.maven-try-icon,.postman-try-icon,.powermock-try-icon,.rest-try-icon{font-size:1.25rem;color:#1a73e8}[data-theme=dark] .php-try-it-icon,[data-theme=dark] .python-try-it-icon,[data-theme=dark] .sql-try-icon,[data-theme=dark] .xml-try-icon,[data-theme=dark] .excel-try-icon,[data-theme=dark] .mockito-try-icon,[data-theme=dark] .junit-try-icon,[data-theme=dark] .maven-try-icon,[data-theme=dark] .postman-try-icon,[data-theme=dark] .powermock-try-icon,[data-theme=dark] .rest-try-icon{color:#8ab4f8}.php-try-it-header h4,.python-try-it-header h4,.sql-try-it-header h4,.xml-try-it-header h4,.excel-try-it-header h4,.mockito-try-it-header h4,.junit-try-it-header h4,.maven-try-it-header h4,.postman-try-it-header h4,.powermock-try-it-header h4,.rest-try-header h4{margin:0;font-size:1rem;font-weight:500;color:#202124}[data-theme=dark] .php-try-it-header h4,[data-theme=dark] .python-try-it-header h4,[data-theme=dark] .sql-try-it-header h4,[data-theme=dark] .xml-try-it-header h4,[data-theme=dark] .excel-try-it-header h4,[data-theme=dark] .mockito-try-it-header h4,[data-theme=dark] .junit-try-it-header h4,[data-theme=dark] .maven-try-it-header h4,[data-theme=dark] .postman-try-it-header h4,[data-theme=dark] .powermock-try-it-header h4,[data-theme=dark] .rest-try-header h4{color:#e8eaed}.php-try-commands,.python-try-commands,.mockito-try-commands,.junit-try-commands,.maven-try-commands,.powermock-try-commands,.rest-try-steps{display:flex;flex-direction:column;gap:.5rem}.php-try-command,.python-try-command,.mockito-try-command,.junit-try-command,.maven-try-command,.powermock-try-command,.rest-try-step{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.625rem .875rem;background:#fff;border:1px solid #e8eaed;border-radius:4px}[data-theme=dark] .php-try-command,[data-theme=dark] .python-try-command,[data-theme=dark] .mockito-try-command,[data-theme=dark] .junit-try-command,[data-theme=dark] .maven-try-command,[data-theme=dark] .powermock-try-command,[data-theme=dark] .rest-try-step{background:#292929;border-color:#3c4043}.php-try-command code,.python-try-command code,.mockito-try-command code,.junit-try-command code,.maven-try-command code,.powermock-try-command code,.rest-try-step code{font-family:Fira Code,Consolas,monospace;font-size:.8125rem;color:#1a73e8}[data-theme=dark] .php-try-command code,[data-theme=dark] .python-try-command code,[data-theme=dark] .mockito-try-command code,[data-theme=dark] .junit-try-command code,[data-theme=dark] .maven-try-command code,[data-theme=dark] .powermock-try-command code,[data-theme=dark] .rest-try-step code{color:#8ab4f8}.php-try-description,.python-try-description,.mockito-try-description,.junit-try-description,.maven-try-description,.powermock-try-description,.rest-try-description{font-size:.8125rem;color:#5f6368}[data-theme=dark] .php-try-description,[data-theme=dark] .python-try-description,[data-theme=dark] .mockito-try-description,[data-theme=dark] .junit-try-description,[data-theme=dark] .maven-try-description,[data-theme=dark] .powermock-try-description,[data-theme=dark] .rest-try-description{color:#9aa0a6}.comparison-card{background:var(--tutorial-card-bg, #fff);border:1px solid var(--tutorial-border-color, #e8eaed);border-radius:8px;overflow:hidden}[data-theme=dark] .comparison-card{background:#292d31;border-color:#3c4043}.comparison-card h4{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;margin:0;font-size:1rem;font-weight:600}.comparison-card ul{margin:0;padding:1rem 1rem 1rem 2rem;list-style-type:disc}.comparison-card li{margin-bottom:.5rem;color:#3c4043;font-size:.9375rem;line-height:1.5}.comparison-card.valid h4{background:#e8f0fe;color:#1a73e8}[data-theme=dark] .comparison-card.valid h4{background:#8ab4f81f;color:#8ab4f8}.comparison-card.invalid h4{background:#fce8e6;color:#d93025}[data-theme=dark] .comparison-card.invalid h4{background:#f28b821f;color:#f28b82}.try-it-box{background:#e8f0fe;border:1px solid #c6dafc;border-radius:8px;padding:1.5rem;margin:1.5rem 0}[data-theme=dark] .try-it-box{background:#8ab4f81a;border-color:#8ab4f84d}.try-it-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.try-icon{font-size:1.25rem;color:#1a73e8}[data-theme=dark] .try-icon{color:#8ab4f8}.try-it-header h4{margin:0;font-size:1rem;font-weight:500;color:var(--tutorial-text-primary, #202124)}[data-theme=dark] .try-it-header h4{color:#e8eaed}.try-it-box>p{margin:0 0 1rem;color:var(--tutorial-text-muted, #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:var(--tutorial-card-bg, #fff);border:1px solid var(--tutorial-border-color, #e8eaed);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:#1a73e8}[data-theme=dark] .try-command code{color:#8ab4f8}.try-description{font-size:.8125rem;color:var(--tutorial-text-muted, #5f6368)}[data-theme=dark] .try-description{color:#9aa0a6}.comparison-table-wrapper{overflow-x:auto;margin:2rem 0;border-radius:10px;border:1px solid var(--tutorial-card-border, #E1E4E8)}.comparison-table{width:100%;border-collapse:collapse;background:var(--tutorial-card-bg, #fff)}.comparison-table th,.comparison-table td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid var(--tutorial-card-border, #E1E4E8)}.comparison-table th{background:#f8f9fa;font-weight:600;color:var(--tutorial-text-primary, #202124);font-size:.95rem}[data-theme=dark] .comparison-table th{background:#1e1e1e;color:#e8eaed}.comparison-table .highlight-col{background:#1a73e80d}.comparison-table th.highlight-col{background:#1a73e81a;color:#1a73e8}[data-theme=dark] .comparison-table th.highlight-col{background:#8ab4f81a;color:#8ab4f8}.comparison-table td{color:var(--tutorial-text-secondary, #57606A);font-size:.95rem}.comparison-table .table-icon{margin-right:.5rem;vertical-align:middle}.comparison-table .check-icon{color:#1a73e8;margin-right:.5rem}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tr:hover td{background:#1a73e805}.comparison-table code{background:#1a73e814;padding:.125rem .375rem;border-radius:4px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.85em;color:#1a73e8}[data-theme=dark] .comparison-table code{background:#8ab4f826;color:#8ab4f8}.php-table-container,.sql-table-container,.excel-comparison-wrapper,.xml-comparison-table-wrapper,.rest-comparison-wrapper,.postman-comparison-table-wrapper,.dsa-table-container{overflow-x:auto;margin:2rem 0;border-radius:10px;border:1px solid #e8eaed}[data-theme=dark] .php-table-container,[data-theme=dark] .sql-table-container,[data-theme=dark] .excel-comparison-wrapper,[data-theme=dark] .xml-comparison-table-wrapper,[data-theme=dark] .rest-comparison-wrapper,[data-theme=dark] .postman-comparison-table-wrapper,[data-theme=dark] .dsa-table-container{border-color:#3c4043}.php-table,.sql-table,.excel-comparison-table,.xml-comparison-table,.mockito-comparison-table,.postman-comparison-table,.rest-comparison-table,.dsa-table,.dsa-complexity-table{width:100%;border-collapse:collapse;background:#fff}[data-theme=dark] .php-table,[data-theme=dark] .sql-table,[data-theme=dark] .excel-comparison-table,[data-theme=dark] .xml-comparison-table,[data-theme=dark] .mockito-comparison-table,[data-theme=dark] .postman-comparison-table,[data-theme=dark] .rest-comparison-table,[data-theme=dark] .dsa-table,[data-theme=dark] .dsa-complexity-table{background:#1e1e1e}.php-table th,.sql-table th,.excel-comparison-table th,.xml-comparison-table th,.mockito-comparison-table th,.postman-comparison-table th,.rest-comparison-table th,.dsa-table th,.dsa-complexity-table th{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid #e8eaed;background:#f8f9fa;font-weight:600;color:#202124;font-size:.95rem}[data-theme=dark] .php-table th,[data-theme=dark] .sql-table th,[data-theme=dark] .excel-comparison-table th,[data-theme=dark] .xml-comparison-table th,[data-theme=dark] .mockito-comparison-table th,[data-theme=dark] .postman-comparison-table th,[data-theme=dark] .rest-comparison-table th,[data-theme=dark] .dsa-table th,[data-theme=dark] .dsa-complexity-table th{background:#292d31;color:#e8eaed;border-bottom-color:#3c4043}.php-table td,.sql-table td,.excel-comparison-table td,.xml-comparison-table td,.mockito-comparison-table td,.postman-comparison-table td,.rest-comparison-table td,.dsa-table td,.dsa-complexity-table td{padding:.75rem 1.25rem;text-align:left;border-bottom:1px solid #e8eaed;color:#5f6368;font-size:.95rem}[data-theme=dark] .php-table td,[data-theme=dark] .sql-table td,[data-theme=dark] .excel-comparison-table td,[data-theme=dark] .xml-comparison-table td,[data-theme=dark] .mockito-comparison-table td,[data-theme=dark] .postman-comparison-table td,[data-theme=dark] .rest-comparison-table td,[data-theme=dark] .dsa-table td,[data-theme=dark] .dsa-complexity-table td{color:#9aa0a6;border-bottom-color:#3c4043}.php-table tbody tr:hover,.sql-table tbody tr:hover,.excel-comparison-table tbody tr:hover,.xml-comparison-table tbody tr:hover,.mockito-comparison-table tbody tr:hover,.postman-comparison-table tbody tr:hover,.rest-comparison-table tbody tr:hover,.dsa-table tbody tr:hover,.dsa-complexity-table tbody tr:hover{background:#1a73e805}[data-theme=dark] .php-table tbody tr:hover,[data-theme=dark] .sql-table tbody tr:hover,[data-theme=dark] .excel-comparison-table tbody tr:hover,[data-theme=dark] .xml-comparison-table tbody tr:hover,[data-theme=dark] .mockito-comparison-table tbody tr:hover,[data-theme=dark] .postman-comparison-table tbody tr:hover,[data-theme=dark] .rest-comparison-table tbody tr:hover,[data-theme=dark] .dsa-table tbody tr:hover,[data-theme=dark] .dsa-complexity-table tbody tr:hover{background:#8ab4f80d}.php-table code,.sql-table code,.excel-comparison-table code,.xml-comparison-table code,.mockito-comparison-table code,.postman-comparison-table code,.rest-comparison-table code,.dsa-table code,.dsa-complexity-table code{background:#1a73e814;padding:.125rem .375rem;border-radius:4px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.85em;color:#1a73e8}[data-theme=dark] .php-table code,[data-theme=dark] .sql-table code,[data-theme=dark] .excel-comparison-table code,[data-theme=dark] .xml-comparison-table code,[data-theme=dark] .mockito-comparison-table code,[data-theme=dark] .postman-comparison-table code,[data-theme=dark] .rest-comparison-table code,[data-theme=dark] .dsa-table code,[data-theme=dark] .dsa-complexity-table code{background:#8ab4f826;color:#8ab4f8}.php-takeaways,.python-takeaways,.html-takeaways-box,.excel-takeaways-box,.xml-takeaways-box,.dsa-takeaways{background:#e8f0fe;border:1px solid #c6dafc;border-radius:16px;padding:2rem;margin:2rem 0}[data-theme=dark] .php-takeaways,[data-theme=dark] .python-takeaways,[data-theme=dark] .html-takeaways-box,[data-theme=dark] .excel-takeaways-box,[data-theme=dark] .xml-takeaways-box,[data-theme=dark] .dsa-takeaways{background:#8ab4f81a;border-color:#8ab4f84d}.php-takeaways-title,.python-takeaways-title,.html-takeaways-header h4,.excel-takeaways-header h4,.xml-takeaways-header h4,.dsa-takeaways-title{font-size:1.25rem;font-weight:600;color:#1a73e8;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}[data-theme=dark] .php-takeaways-title,[data-theme=dark] .python-takeaways-title,[data-theme=dark] .html-takeaways-header h4,[data-theme=dark] .excel-takeaways-header h4,[data-theme=dark] .xml-takeaways-header h4,[data-theme=dark] .dsa-takeaways-title{color:#8ab4f8}.php-takeaways-list,.python-takeaways-list,.html-takeaways-list,.excel-takeaways-list,.xml-takeaways-list,.dsa-takeaways-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.php-takeaways-item,.python-takeaways-item,.html-takeaway-item,.excel-takeaway-item,.xml-takeaway-item,.dsa-takeaways-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.95rem;line-height:1.5;color:#5f6368}[data-theme=dark] .php-takeaways-item,[data-theme=dark] .python-takeaways-item,[data-theme=dark] .html-takeaway-item,[data-theme=dark] .excel-takeaway-item,[data-theme=dark] .xml-takeaway-item,[data-theme=dark] .dsa-takeaways-item{color:#9aa0a6}.sql-workflow-visualization,.xml-workflow-visualization,.rest-workflow,.powermock-workflow-visualization{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2.5rem 1rem;background:#fff;border:1px solid #e8eaed;border-radius:16px;margin:2rem 0;overflow-x:auto}[data-theme=dark] .sql-workflow-visualization,[data-theme=dark] .xml-workflow-visualization,[data-theme=dark] .rest-workflow,[data-theme=dark] .powermock-workflow-visualization{background:#292d31;border-color:#3c4043}.sql-workflow-stage,.xml-workflow-stage,.rest-workflow-step,.powermock-workflow-stage{flex:1;max-width:200px;text-align:center;padding:1.5rem 1rem}.sql-stage-icon-wrapper,.xml-stage-icon-wrapper,.powermock-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:#1a73e8}[data-theme=dark] .sql-stage-icon-wrapper,[data-theme=dark] .xml-stage-icon-wrapper,[data-theme=dark] .powermock-stage-icon-wrapper{background:#8ab4f826;color:#8ab4f8}.sql-workflow-stage h4,.xml-workflow-stage h4,.rest-workflow-step h4,.powermock-workflow-stage h4{margin:0 0 .5rem;font-size:1rem;color:#202124}[data-theme=dark] .sql-workflow-stage h4,[data-theme=dark] .xml-workflow-stage h4,[data-theme=dark] .rest-workflow-step h4,[data-theme=dark] .powermock-workflow-stage h4{color:#e8eaed}.sql-workflow-stage p,.xml-workflow-stage p,.rest-workflow-step p,.powermock-workflow-stage p{margin:0;font-size:.875rem;color:#5f6368;line-height:1.5}.workflow-arrow{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex-shrink:0;padding:0 .5rem}.sql-arrow-label,.xml-arrow-label,.powermock-arrow-label{font-size:.7rem;font-family:JetBrains Mono,Fira Code,monospace;color:#1a73e8;white-space:nowrap}[data-theme=dark] .sql-arrow-label,[data-theme=dark] .xml-arrow-label,[data-theme=dark] .powermock-arrow-label{color:#8ab4f8}.arrow-icon{font-size:1.25rem;color:var(--tutorial-text-subtle, #8B949E)}.php-nav-buttons,.python-nav-buttons,.dsa-nav-buttons{display:flex;justify-content:space-between;margin-top:3rem;padding-top:2rem;border-top:1px solid #e8eaed;gap:1rem}[data-theme=dark] .php-nav-buttons,[data-theme=dark] .python-nav-buttons,[data-theme=dark] .dsa-nav-buttons{border-top-color:#3c4043}.php-nav-button,.python-nav-button,.dsa-nav-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#1a73e8;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.php-nav-button:hover,.python-nav-button:hover,.dsa-nav-button:hover{background:#1557b0;transform:translateY(-1px)}.php-nav-button.prev,.python-nav-button.prev,.dsa-nav-button.prev{background:transparent;color:#1a73e8;border:1px solid #1a73e8}.php-nav-button.prev:hover,.python-nav-button.prev:hover,.dsa-nav-button.prev:hover{background:#1a73e8;color:#fff}[data-theme=dark] .php-nav-button,[data-theme=dark] .python-nav-button,[data-theme=dark] .dsa-nav-button{background:#8ab4f8;color:#202124}[data-theme=dark] .php-nav-button:hover,[data-theme=dark] .python-nav-button:hover,[data-theme=dark] .dsa-nav-button:hover{background:#aecbfa}[data-theme=dark] .php-nav-button.prev,[data-theme=dark] .python-nav-button.prev,[data-theme=dark] .dsa-nav-button.prev{background:transparent;color:#8ab4f8;border-color:#8ab4f8}[data-theme=dark] .php-nav-button.prev:hover,[data-theme=dark] .python-nav-button.prev:hover,[data-theme=dark] .dsa-nav-button.prev:hover{background:#8ab4f8;color:#202124}.mockito-pros-cons-grid,.junit-pros-cons-grid,.maven-pros-cons-grid,.powermock-pros-cons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.mockito-pros-section,.junit-pros-section,.maven-pros-section,.powermock-pros-section{padding:1.5rem;border-radius:8px;background:#34a85314;border:1px solid rgba(52,168,83,.2)}[data-theme=dark] .mockito-pros-section,[data-theme=dark] .junit-pros-section,[data-theme=dark] .maven-pros-section,[data-theme=dark] .powermock-pros-section{background:#34a8531a;border-color:#34a8534d}.mockito-cons-section,.junit-cons-section,.maven-cons-section,.powermock-cons-section{padding:1.5rem;border-radius:8px;background:#ea433514;border:1px solid rgba(234,67,53,.2)}[data-theme=dark] .mockito-cons-section,[data-theme=dark] .junit-cons-section,[data-theme=dark] .maven-cons-section,[data-theme=dark] .powermock-cons-section{background:#ea43351a;border-color:#ea43354d}.mockito-pros-section h4,.junit-pros-section h4,.maven-pros-section h4,.powermock-pros-section h4{margin:0 0 1rem;font-size:1rem;font-weight:500;display:flex;align-items:center;gap:.5rem;color:#1a73e8}[data-theme=dark] .mockito-pros-section h4,[data-theme=dark] .junit-pros-section h4,[data-theme=dark] .maven-pros-section h4,[data-theme=dark] .powermock-pros-section h4{color:#8ab4f8}.mockito-cons-section h4,.junit-cons-section h4,.maven-cons-section h4,.powermock-cons-section h4{margin:0 0 1rem;font-size:1rem;font-weight:500;display:flex;align-items:center;gap:.5rem;color:#ea4335}[data-theme=dark] .mockito-cons-section h4,[data-theme=dark] .junit-cons-section h4,[data-theme=dark] .maven-cons-section h4,[data-theme=dark] .powermock-cons-section h4{color:#f28b82}.mockito-pros-section li,.junit-pros-section li,.maven-pros-section li,.powermock-pros-section li{color:#1a73e8;margin-bottom:.5rem;font-size:.95rem;line-height:1.5}[data-theme=dark] .mockito-pros-section li,[data-theme=dark] .junit-pros-section li,[data-theme=dark] .maven-pros-section li,[data-theme=dark] .powermock-pros-section li{color:#8ab4f8}.mockito-cons-section li,.junit-cons-section li,.maven-cons-section li,.powermock-cons-section li{color:#c5221f;margin-bottom:.5rem;font-size:.95rem;line-height:1.5}[data-theme=dark] .mockito-cons-section li,[data-theme=dark] .junit-cons-section li,[data-theme=dark] .maven-cons-section li,[data-theme=dark] .powermock-cons-section li{color:#f28b82}@media(max-width:768px){.php-content-section h2,.python-content-section h2,.html-content-section h2,.sql-content-section h2,.excel-content-section h2,.xml-content-section h2,.mockito-content-section h2,.junit-content-section h2,.maven-content-section h2,.postman-content-section h2,.powermock-content-section h2,.rest-content-section h2{font-size:1.25rem}.php-features-grid,.python-features-grid,.html-features-grid,.sql-features-grid,.excel-features-grid,.xml-features-grid,.postman-features-grid,.rest-features-grid,.dsa-features-grid,.mockito-feature-grid,.junit-feature-grid,.maven-feature-grid,.powermock-feature-grid{grid-template-columns:1fr}.php-learning-step,.python-learning-step,.sql-path-item,.html-path-item,.excel-path-item,.xml-path-item,.rest-path-step,.powermock-path-item,.dsa-path-item{flex-direction:column;align-items:flex-start}.sql-callout-box,.html-callout-box,.excel-callout-box,.xml-callout-box,.mockito-callout-box,.junit-callout-box,.maven-callout-box,.postman-callout-box,.powermock-callout-box,.rest-callout-box{flex-direction:column}.sql-workflow-visualization,.xml-workflow-visualization,.rest-workflow,.powermock-workflow-visualization{flex-direction:column;gap:1rem;padding:1.5rem}.sql-workflow-arrow,.xml-workflow-arrow,.rest-workflow-arrow,.powermock-workflow-arrow{transform:rotate(90deg);padding:.5rem 0}.sql-workflow-stage,.xml-workflow-stage,.rest-workflow-step,.powermock-workflow-stage{max-width:100%}.mockito-pros-cons-grid,.junit-pros-cons-grid,.maven-pros-cons-grid,.powermock-pros-cons-grid{grid-template-columns:1fr}.php-table th,.php-table td,.sql-table th,.sql-table td,.excel-comparison-table th,.excel-comparison-table td,.xml-comparison-table th,.xml-comparison-table td,.mockito-comparison-table th,.mockito-comparison-table td,.postman-comparison-table th,.postman-comparison-table td,.rest-comparison-table th,.rest-comparison-table td,.dsa-table th,.dsa-table td{padding:.75rem;font-size:.85rem}.php-nav-buttons,.python-nav-buttons,.dsa-nav-buttons{flex-direction:column}.php-nav-button,.python-nav-button,.dsa-nav-button{width:100%;justify-content:center}}@media(max-width:480px){.php-content-section h2,.python-content-section h2,.html-content-section h2,.sql-content-section h2,.excel-content-section h2,.xml-content-section h2,.mockito-content-section h2,.junit-content-section h2,.maven-content-section h2,.postman-content-section h2,.powermock-content-section h2,.rest-content-section h2{font-size:1.15rem}}.code-block-wrapper{background:#f8f9fa;border:1px solid #e0e3e7;border-radius:12px;margin:1.25rem 0;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;transition:box-shadow .2s ease}.code-block-wrapper:hover{box-shadow:0 2px 6px #00000014,0 1px 3px #0000000f}[data-theme=dark] .code-block-wrapper{background:#1e1e1e;border-color:#2d2d2d;box-shadow:0 1px 3px #0003,0 1px 2px #00000026}[data-theme=dark] .code-block-wrapper:hover{box-shadow:0 2px 8px #0000004d,0 1px 4px #0003}.code-block-title{padding:.625rem 1rem;background:transparent;border-bottom:none;font-size:.8125rem;font-weight:600;color:#1a73e8;letter-spacing:.01em}[data-theme=dark] .code-block-title{background:transparent;color:#8ab4f8}.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:6px;background:#0000000a;color:#5f6368;cursor:pointer;opacity:1;transition:all .2s ease;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.copy-btn:hover{background:#1a73e81f;color:#1a73e8;transform:scale(1.05)}[data-theme=dark] .copy-btn{background:#ffffff0f;color:#9aa0a6}[data-theme=dark] .copy-btn:hover{background:#8ab4f82e;color:#8ab4f8;transform:scale(1.05)}.copy-btn.copied{color:#1a73e8;background:#1a73e81a}[data-theme=dark] .copy-btn.copied{color:#8ab4f8;background:#8ab4f826}.code-pre{margin:0;padding:1rem 1.25rem;background:transparent;color:#383a42;overflow-x:auto;font-family:Fira Code,Roboto Mono,Monaco,Menlo,Consolas,monospace;font-size:.875rem;line-height:1.7;-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;margin:0 8px}.code-pre::-webkit-scrollbar-thumb{background:#c8ccd0;border-radius:3px}.code-pre::-webkit-scrollbar-thumb:hover{background:#a8acb0}[data-theme=dark] .code-pre::-webkit-scrollbar-thumb{background:#4a4e52}[data-theme=dark] .code-pre::-webkit-scrollbar-thumb:hover{background:#5f6368}.code-pre code{background:none;padding:0;font-family:inherit;font-size:inherit;white-space:pre-wrap;word-break:break-word}.code-block{background:#f8f9fa;border-radius:12px;overflow:hidden}[data-theme=dark] .code-block{background:#1e1e1e}.code-block-title+.code-block{border-radius:0 0 12px 12px}.code-content{position:relative;display:flex;overflow-x:auto}.code-content>.copy-btn{position:absolute;top:8px;right:8px;flex-shrink:0}.code-line-numbers{display:flex;flex-direction:column;padding:1rem 0;background:#00000005;border-right:1px solid #e0e3e7;-webkit-user-select:none;user-select:none}[data-theme=dark] .code-line-numbers{background:#ffffff05;border-right-color:#333}.code-line-numbers span{padding:0 .75rem;font-family:Fira Code,Consolas,monospace;font-size:.875rem;line-height:1.65;color:#9aa0a6;text-align:right}[data-theme=dark] .code-line-numbers span{color:#606060}.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:.875rem;line-height:1.65;color:#383a42;white-space:pre;background:transparent!important;padding:0!important;border-radius:0!important}[data-theme=dark] .code-block code{color:#d4d4d4}.code-actions{display:flex;gap:.5rem;align-items:center}.code-action-btn{padding:.25rem .625rem;background:transparent;border:1px solid #4a4a4a;border-radius:4px;font-size:.75rem;color:#a0a0a0;cursor:pointer;transition:all .15s ease}.code-action-btn:hover{background:#3c3c3c;border-color:#5a5a5a;color:#e0e0e0}.code-action-btn.run-btn:hover{border-color:#1a73e8;color:#8ab4f8}.code-action-btn:disabled{opacity:.5;cursor:not-allowed}.code-output{border-top:1px solid #e0e3e7;background:#f3f4f6}[data-theme=dark] .code-output{border-color:#2d2d2d;background:#252525}.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:#8ab4f8}.output-header{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#eaecef;font-size:.75rem;font-weight:600;color:#5f6368;letter-spacing:.02em}[data-theme=dark] .output-header{background:#2a2d31;color:#9aa0a6}.output-icon{color:#1a73e8}[data-theme=dark] .output-icon{color:#8ab4f8}.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}.output-label{padding:.5rem 1rem 0;font-size:.75rem;font-weight:600;color:#5f6368;text-transform:uppercase;letter-spacing:.5px}[data-theme=dark] .output-label{color:#9aa0a6}.code-pre code[class*=language-],.code-block code[class*=language-],pre[class*=language-]{background:transparent!important;text-shadow:none!important}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#6a737d!important;font-style:italic}.token.punctuation{color:#393a34!important}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#005cc5!important}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#22863a!important}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.atrule,.token.attr-value,.token.keyword{color:#d73a49!important}.token.key{color:#0451a5!important;font-weight:600}.token.function,.token.class-name{color:#6f42c1!important}.token.regex,.token.important,.token.variable{color:#e36209!important}.token.parameter{color:#24292e!important}.token.interpolation{color:#005cc5!important}.token.important,.token.bold{font-weight:600}.token.italic{font-style:italic}.token.entity{cursor:help}.token.namespace{opacity:.8}[data-theme=dark] .token.comment,[data-theme=dark] .token.prolog,[data-theme=dark] .token.doctype,[data-theme=dark] .token.cdata{color:#6a9955!important;font-style:italic}[data-theme=dark] .token.punctuation{color:#d4d4d4!important}[data-theme=dark] .token.property,[data-theme=dark] .token.tag,[data-theme=dark] .token.boolean,[data-theme=dark] .token.number,[data-theme=dark] .token.constant,[data-theme=dark] .token.symbol,[data-theme=dark] .token.deleted{color:#b5cea8!important}[data-theme=dark] .token.selector,[data-theme=dark] .token.attr-name,[data-theme=dark] .token.string,[data-theme=dark] .token.char,[data-theme=dark] .token.builtin,[data-theme=dark] .token.inserted{color:#ce9178!important}[data-theme=dark] .token.operator,[data-theme=dark] .token.entity,[data-theme=dark] .token.url,[data-theme=dark] .language-css .token.string,[data-theme=dark] .style .token.string{color:#d7ba7d!important}[data-theme=dark] .token.atrule,[data-theme=dark] .token.attr-value,[data-theme=dark] .token.keyword{color:#569cd6!important}[data-theme=dark] .token.key{color:#9cdcfe!important;font-weight:600}[data-theme=dark] .token.function{color:#dcdcaa!important}[data-theme=dark] .token.class-name{color:#4ec9b0!important}[data-theme=dark] .token.regex,[data-theme=dark] .token.important,[data-theme=dark] .token.variable{color:#d16969!important}[data-theme=dark] .token.parameter,[data-theme=dark] .token.interpolation{color:#9cdcfe!important}[data-theme=dark] .token.namespace{opacity:.8}@media(max-width:768px){.code-block-wrapper{margin:1rem 0;border-radius:10px}.code-pre{padding:.875rem 1rem;font-size:.8125rem}.output-pre{padding:.75rem 1rem;font-size:.75rem}.copy-btn{top:6px;right:6px;width:28px;height:28px}.code-block code{font-size:.75rem}}@media(max-width:480px){.code-pre{padding:.75rem;font-size:.75rem}.output-pre{padding:.625rem .75rem;font-size:.7rem}}.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, #292929)}[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}}.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,#1a73e8,#1557b0);color:#fff;font-size:1.1rem;border-radius:50%;box-shadow:0 2px 8px #1a73e840;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, #202124);margin:0 0 .5rem;padding-top:.35rem;line-height:1.4}.step-body{font-size:.95rem;color:var(--color-textSecondary, #5f6368);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, #202124)}.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, #202124);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,#8ab4f8,#6b9cf8);color:#202124;box-shadow:0 2px 8px #8ab4f840}[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}}.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;transition:height var(--icb-transition)}.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}}.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}}.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;scroll-behavior:smooth;touch-action:pan-x pan-y;position:relative}.mermaid-diagram-content::-webkit-scrollbar{height:6px}.mermaid-diagram-content::-webkit-scrollbar-track{background:transparent}.mermaid-diagram-content::-webkit-scrollbar-thumb{background:#dadce0;border-radius:3px}.mermaid-diagram-content::-webkit-scrollbar-thumb:hover{background:#bdc1c6}[data-theme=dark] .mermaid-diagram-content::-webkit-scrollbar-thumb{background:#5f6368}[data-theme=dark] .mermaid-diagram-content::-webkit-scrollbar-thumb:hover{background:#80868b}.mermaid-diagram-content{scrollbar-width:thin;scrollbar-color:#dadce0 transparent}[data-theme=dark] .mermaid-diagram-content{scrollbar-color:#5f6368 transparent}.mermaid-diagram-content svg{max-width:100%;height:auto;display:block}.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}.mermaid-diagram-content .branch-label-bkg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));rx:4;ry:4}[data-theme=dark] .mermaid-diagram-content .branch-label-bkg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.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;line-height:1.4}[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}.mermaid-diagram-content.has-overflow:after{content:"";position:absolute;right:0;top:0;bottom:0;width:24px;background:linear-gradient(to right,transparent,rgba(255,255,255,.8));pointer-events:none}[data-theme=dark] .mermaid-diagram-content.has-overflow:after{background:linear-gradient(to right,transparent,rgba(41,45,49,.8))}@media(max-width:1024px){.mermaid-diagram{margin:1.25rem 0}.mermaid-diagram-content{padding:1.25rem}}@media(max-width:768px){.mermaid-diagram{margin:1rem 0;border-radius:6px}.mermaid-diagram-content{padding:1rem}.mermaid-diagram-caption{padding:.625rem 1rem;font-size:.75rem}.mermaid-diagram-content svg[id*=mermaid]{min-width:360px}.mermaid-diagram-content .noteText,.mermaid-diagram-content g.note text{font-size:11px!important}.mermaid-diagram-content g.note foreignObject div{padding:8px 10px!important;font-size:11px!important}}@media(max-width:480px){.mermaid-diagram{margin:.75rem -.5rem;border-radius:0;border-left:none;border-right:none}.mermaid-diagram-content{padding:.75rem}.mermaid-diagram-caption{padding:.5rem .75rem;font-size:.6875rem}.mermaid-diagram-content svg[id*=mermaid]{min-width:300px}.mermaid-diagram-content .commit-label{font-size:.6rem!important}.mermaid-diagram-content .branch-label{font-size:.65rem!important}}@media(prefers-reduced-motion:reduce){.mermaid-diagram-content svg *{animation:none!important;transition:none!important}.mermaid-diagram-content{scroll-behavior:auto}}@media(forced-colors:active){.mermaid-diagram{border:2px solid CanvasText}.mermaid-diagram-caption{border-top:1px solid CanvasText}}@media print{.mermaid-diagram{break-inside:avoid;border:1px solid #ccc;page-break-inside:avoid}.mermaid-diagram-content{overflow:visible;padding:.5rem}.mermaid-diagram-content svg{max-width:100%!important;min-width:0!important}}.timeline-figure{margin:1.5rem 0;padding:0;border:1px solid #e8eaed;border-radius:8px;background:#fff;overflow:hidden}[data-theme=dark] .timeline-figure{border-color:#3c4043;background:#292d31}.timeline-title{text-align:center;font-size:1.35rem;font-weight:800;letter-spacing:.01em;margin:0;padding:1.5rem 1.5rem 0;color:#202124}[data-theme=dark] .timeline-title{color:#e8eaed}.timeline-scroll-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding:1.5rem 2rem;scrollbar-width:thin;scrollbar-color:#dadce0 transparent}[data-theme=dark] .timeline-scroll-container{scrollbar-color:#5f6368 transparent}.timeline-scroll-container::-webkit-scrollbar{height:6px}.timeline-scroll-container::-webkit-scrollbar-track{background:transparent}.timeline-scroll-container::-webkit-scrollbar-thumb{background:#dadce0;border-radius:3px}[data-theme=dark] .timeline-scroll-container::-webkit-scrollbar-thumb{background:#5f6368}.timeline-track{position:relative;min-width:900px;height:340px}.timeline-line{position:absolute;top:50%;left:0;right:0;height:3px;background:#bdc1c6;transform:translateY(-50%);z-index:0}[data-theme=dark] .timeline-line{background:#5f6368}.timeline-line:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #bdc1c6}[data-theme=dark] .timeline-line:after{border-left-color:#5f6368}.timeline-entries{display:flex;justify-content:space-between;align-items:center;height:100%;position:relative;z-index:1;padding:0 1rem}.timeline-entry{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;min-width:0;height:100%;justify-content:center}.timeline-marker{width:52px;height:52px;border-radius:50%;border:3px solid;display:flex;align-items:center;justify-content:center;background:#1a73e8;position:absolute;top:50%;transform:translateY(-50%);z-index:3;box-shadow:0 2px 8px #00000026}.timeline-year{font-size:.7rem;font-weight:800;color:#fff;letter-spacing:.02em;line-height:1}.timeline-connector{width:2px;height:40px;background:repeating-linear-gradient(to bottom,#9aa0a6 0px,#9aa0a6 4px,transparent 4px,transparent 8px);position:absolute;left:50%;transform:translate(-50%);z-index:1}[data-theme=dark] .timeline-connector{background:repeating-linear-gradient(to bottom,#80868b 0px,#80868b 4px,transparent 4px,transparent 8px)}.timeline-entry--above .timeline-connector{bottom:calc(50% + 26px);top:auto}.timeline-entry--below .timeline-connector{top:calc(50% + 26px);bottom:auto}.timeline-card{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:130px;position:absolute;left:50%;transform:translate(-50%);z-index:2}.timeline-entry--above .timeline-card{bottom:calc(50% + 68px);top:auto}.timeline-entry--below .timeline-card{top:calc(50% + 68px);bottom:auto}.timeline-card-title{font-size:.82rem;font-weight:700;color:#202124;line-height:1.3}[data-theme=dark] .timeline-card-title{color:#e8eaed}.timeline-card-desc{font-size:.72rem;color:#5f6368;line-height:1.3;margin-top:2px}[data-theme=dark] .timeline-card-desc{color:#9aa0a6}.timeline-caption{padding:.75rem 1.25rem;border-top:1px solid #e8eaed;background:#f8f9fa;font-size:.8125rem;color:#5f6368;text-align:center;font-style:italic;line-height:1.4}[data-theme=dark] .timeline-caption{border-top-color:#3c4043;background:#21262d;color:#9aa0a6}@media(max-width:1024px){.timeline-figure{margin:1.25rem 0}.timeline-scroll-container{padding:1.25rem 1.5rem}.timeline-track{min-width:800px}}@media(max-width:768px){.timeline-figure{margin:1rem 0;border-radius:6px}.timeline-title{font-size:1.15rem;padding:1rem 1rem 0}.timeline-scroll-container{padding:1rem}.timeline-track{min-width:750px;height:320px}.timeline-marker{width:46px;height:46px}.timeline-year{font-size:.65rem}.timeline-card-title{font-size:.75rem}.timeline-caption{padding:.625rem 1rem;font-size:.75rem}}@media(max-width:480px){.timeline-figure{border-radius:0;border-left:none;border-right:none;margin:.75rem -.5rem}.timeline-title{font-size:1rem}.timeline-track{min-width:700px;height:300px}.timeline-marker{width:42px;height:42px}.timeline-year{font-size:.6rem}.timeline-card-title{font-size:.7rem}.timeline-caption{padding:.5rem .75rem;font-size:.6875rem}}@media(prefers-reduced-motion:reduce){.timeline-scroll-container{scroll-behavior:auto}}@media(forced-colors:active){.timeline-figure{border:2px solid CanvasText}.timeline-caption{border-top:1px solid CanvasText}.timeline-marker{forced-color-adjust:none}}@media print{.timeline-figure{break-inside:avoid;page-break-inside:avoid;border:1px solid #ccc}.timeline-scroll-container{overflow:visible}.timeline-track{min-width:0}}.steps-figure{margin:2rem 0;padding:0;width:100%}.steps-container{background:linear-gradient(145deg,#f0f4ff,#e8ecf4);border-radius:16px;padding:2rem 1.5rem 1.5rem;border:1px solid #dde3ef;width:100%;box-sizing:border-box}.steps-staircase{display:flex;align-items:flex-end;gap:clamp(4px,1%,10px);height:clamp(140px,22vw,240px);width:100%}.steps-column{flex:1 1 0;display:flex;flex-direction:column;justify-content:flex-end;height:100%;min-width:0}.steps-block{height:var(--step-height, 50%);min-height:36px;border-radius:10px 10px 4px 4px;padding:clamp(.5rem,1.2vw,1rem) clamp(.4rem,1vw,.8rem);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(2px,.5vw,6px);box-shadow:0 4px 14px #00000026,inset 0 1px #ffffff4d;transition:transform .25s ease,box-shadow .25s ease;position:relative;overflow:hidden;cursor:default}.steps-block:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ffffff80,#ffffff26);border-radius:10px 10px 0 0}.steps-block:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(to top,rgba(0,0,0,.08),transparent);pointer-events:none}.steps-block:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 24px #0003,inset 0 1px #ffffff4d}.steps-label{display:flex;flex-direction:column;align-items:center;gap:clamp(2px,.4vw,6px);position:relative;z-index:1}.steps-number{display:flex;align-items:center;justify-content:center;width:clamp(18px,2.5vw,26px);height:clamp(18px,2.5vw,26px);border-radius:50%;background:#ffffff4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:clamp(.55rem,.9vw,.75rem);font-weight:800;line-height:1;flex-shrink:0;border:1.5px solid rgba(255,255,255,.35)}.steps-title{font-size:clamp(.6rem,1.3vw,.92rem);font-weight:700;text-align:center;line-height:1.15;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.15);white-space:nowrap;position:relative;z-index:1}.steps-description{font-size:clamp(.5rem,.85vw,.7rem);opacity:.9;text-align:center;line-height:1.25;margin-top:2px;position:relative;z-index:1}.steps-arrow{display:flex;align-items:center;gap:0;margin-top:1rem;padding:0 2px}.steps-arrow-line{flex:1;height:3px;background:linear-gradient(90deg,#b0bec5,#546e7a);border-radius:2px}.steps-arrow-head{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:12px solid #546e7a;flex-shrink:0}.steps-caption{text-align:center;font-style:italic;color:#5f6b7a;font-size:clamp(.8rem,1.2vw,.95rem);margin-top:.75rem;padding:.6rem 1rem;background:#ebeef4;border-radius:0 0 12px 12px}.steps-container--descending{background:linear-gradient(160deg,#eef3ff,#e4e9f5,#dce3f0)}.steps-staircase--descending{align-items:flex-start}.steps-staircase--descending .steps-column{justify-content:flex-start}.steps-staircase--descending .steps-block{border-radius:4px 4px 10px 10px}.steps-staircase--descending .steps-block:before{top:auto;bottom:0;height:4px;border-radius:0 0 10px 10px;background:linear-gradient(90deg,#0000000f,#00000005)}.steps-staircase--descending .steps-block:after{top:0;bottom:auto;height:30%;background:linear-gradient(to bottom,rgba(255,255,255,.12),transparent)}[data-theme=dark] .steps-container,.dark .steps-container{background:linear-gradient(145deg,#1a1d2e,#141620);border-color:#2d3148}[data-theme=dark] .steps-container--descending,.dark .steps-container--descending{background:linear-gradient(160deg,#1a1d2e,#151828,#121424)}[data-theme=dark] .steps-block,.dark .steps-block{box-shadow:0 4px 14px #0006,inset 0 1px #ffffff1a}[data-theme=dark] .steps-block:hover,.dark .steps-block:hover{box-shadow:0 10px 24px #00000080,inset 0 1px #ffffff1a}[data-theme=dark] .steps-arrow-line,.dark .steps-arrow-line{background:linear-gradient(90deg,#4a5568,#718096)}[data-theme=dark] .steps-arrow-head,.dark .steps-arrow-head{border-left-color:#718096}[data-theme=dark] .steps-caption,.dark .steps-caption{color:#94a3b8;background:#1c1f30}@media(max-width:768px){.steps-container{padding:1.25rem 1rem 1rem;border-radius:12px}.steps-staircase{height:clamp(120px,28vw,200px)}.steps-block{border-radius:8px 8px 3px 3px}.steps-description{display:none}.steps-caption{border-radius:0 0 10px 10px}}@media(max-width:480px){.steps-container{padding:1rem .5rem .75rem;border-radius:10px}.steps-staircase{height:clamp(100px,34vw,170px);gap:2px}.steps-block{padding:.3rem .2rem;gap:1px;border-radius:6px 6px 2px 2px}.steps-number{width:16px;height:16px;font-size:.5rem}.steps-title{font-size:.5rem}.steps-arrow{margin-top:.5rem}.steps-caption{font-size:.75rem;padding:.4rem .5rem;border-radius:0 0 8px 8px}}.iter-figure{margin:2rem 0;padding:0;width:100%}.iter-container{background:linear-gradient(145deg,#f5f7fb,#edf0f7);border-radius:16px;padding:clamp(1.25rem,2.5vw,2rem);border:1px solid #dde3ef;display:flex;flex-direction:column;align-items:center;gap:0}.iter-row{display:flex;align-items:center;gap:clamp(.75rem,1.5vw,1.25rem);background:var(--iter-bg);border:2px solid var(--iter-color);border-radius:14px;padding:clamp(.75rem,1.5vw,1rem) clamp(.75rem,2vw,1.5rem);width:100%;max-width:720px;transition:transform .25s ease,box-shadow .25s ease;position:relative;box-shadow:0 2px 10px #0000000f}.iter-row:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a,0 0 0 1px var(--iter-color)}.iter-badge{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;min-width:clamp(50px,7vw,72px)}.iter-badge-number{display:flex;align-items:center;justify-content:center;width:clamp(28px,3.5vw,38px);height:clamp(28px,3.5vw,38px);border-radius:50%;background:var(--iter-color);color:#fff;font-weight:800;font-size:clamp(.7rem,1.2vw,.95rem);box-shadow:0 2px 8px #00000026}.iter-badge-label{font-size:clamp(.55rem,.9vw,.7rem);font-weight:700;color:var(--iter-color);text-transform:uppercase;letter-spacing:.06em;text-align:center;white-space:nowrap}.iter-phases{display:flex;align-items:center;gap:clamp(4px,.6vw,8px);flex:1;min-width:0;justify-content:center}.iter-phase{background:var(--iter-color);color:#fff;border-radius:8px;padding:clamp(.4rem,.8vw,.6rem) clamp(.6rem,1.4vw,1.1rem);font-size:clamp(.65rem,1.1vw,.85rem);font-weight:600;letter-spacing:.01em;text-align:center;white-space:nowrap;box-shadow:0 2px 6px #0000001f,inset 0 1px #ffffff40;transition:transform .2s ease,box-shadow .2s ease;cursor:default;position:relative;overflow:hidden}.iter-phase:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.15),transparent);border-radius:8px 8px 0 0;pointer-events:none}.iter-phase:hover{transform:scale(1.06);box-shadow:0 4px 12px #0000002e,inset 0 1px #ffffff40}.iter-phase-arrow{flex-shrink:0;width:clamp(14px,1.8vw,22px);height:14px;color:var(--iter-color);opacity:.6;display:flex;align-items:center}.iter-phase-arrow svg{width:100%;height:100%}.iter-connector{display:flex;align-items:center;justify-content:center;height:clamp(24px,3vw,36px);width:60px}.iter-connector-svg{width:60px;height:100%}.iter-caption{text-align:center;font-style:italic;color:#5f6b7a;font-size:clamp(.8rem,1.2vw,.95rem);margin-top:.75rem;padding:.6rem 1rem;background:#ebeef4;border-radius:0 0 12px 12px}[data-theme=dark] .iter-container,.dark .iter-container{background:linear-gradient(145deg,#1a1d2e,#141620);border-color:#2d3148}[data-theme=dark] .iter-row,.dark .iter-row{box-shadow:0 2px 10px #0000004d}[data-theme=dark] .iter-row:hover,.dark .iter-row:hover{box-shadow:0 8px 24px #0006,0 0 0 1px var(--iter-color)}[data-theme=dark] .iter-badge-label,.dark .iter-badge-label{opacity:.9}[data-theme=dark] .iter-phase,.dark .iter-phase{box-shadow:0 2px 6px #0000004d,inset 0 1px #ffffff1f}[data-theme=dark] .iter-phase:hover,.dark .iter-phase:hover{box-shadow:0 4px 12px #0006,inset 0 1px #ffffff1f}[data-theme=dark] .iter-connector-svg path:first-child,.dark .iter-connector-svg path:first-child{stroke:#5f6b7a}[data-theme=dark] .iter-connector-svg path:last-child,.dark .iter-connector-svg path:last-child{fill:#5f6b7a}[data-theme=dark] .iter-caption,.dark .iter-caption{color:#94a3b8;background:#1c1f30}@media(max-width:768px){.iter-container{padding:clamp(1rem,2vw,1.5rem);border-radius:12px}.iter-row{border-radius:10px;padding:.6rem .75rem;gap:.6rem}.iter-badge{min-width:44px}.iter-phase{border-radius:6px;padding:.35rem .5rem}.iter-caption{border-radius:0 0 10px 10px}}@media(max-width:480px){.iter-container{padding:.75rem .5rem;border-radius:10px}.iter-row{flex-direction:column;align-items:stretch;padding:.6rem;gap:.4rem;border-radius:8px}.iter-badge{flex-direction:row;gap:8px;min-width:0;justify-content:center}.iter-badge-number{width:24px;height:24px;font-size:.65rem}.iter-badge-label{font-size:.6rem}.iter-phases{flex-wrap:wrap;gap:4px;justify-content:center}.iter-phase{padding:.3rem .5rem;font-size:.6rem;border-radius:5px}.iter-phase-arrow{width:12px}.iter-connector{height:20px}.iter-caption{font-size:.75rem;padding:.4rem .5rem;border-radius:0 0 8px 8px}}@media(prefers-reduced-motion:reduce){.iter-row,.iter-phase{transition:none}.iter-row:hover,.iter-phase:hover{transform:none}}.cflow-figure{margin:2rem 0;padding:0;width:100%}.cflow-container{background:linear-gradient(145deg,#f5f7fb,#edf0f7);border-radius:16px;padding:clamp(1.25rem,2.5vw,2rem);border:1px solid #dde3ef}.cflow-lanes{display:flex;flex-direction:column;gap:clamp(.75rem,1.5vw,1.25rem);width:100%}.cflow-lane{flex:1;border:2px solid var(--lane-color);border-radius:12px;background:var(--lane-bg);transition:transform .25s ease,box-shadow .25s ease}.cflow-lane:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.cflow-lane-header{background:var(--lane-color);padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1.25rem);text-align:center;border-radius:10px 10px 0 0}.cflow-lane-title{font-size:clamp(.7rem,1.2vw,.95rem);font-weight:800;color:#fff;letter-spacing:.03em;text-transform:uppercase}.cflow-lane-phases{display:flex;align-items:center;gap:clamp(4px,.8vw,10px);padding:clamp(.75rem,1.5vw,1.25rem) clamp(.75rem,1.5vw,1.25rem)}.cflow-phase{flex:1 1 0;min-width:0;background:#fff;border:1.5px solid var(--lane-color);border-radius:10px;padding:clamp(.5rem,.9vw,.7rem) clamp(.3rem,.5vw,.5rem);transition:transform .2s ease,box-shadow .2s ease;cursor:default;box-shadow:0 2px 6px #00000012;text-align:center;overflow:hidden}.cflow-phase:hover{transform:scale(1.04);box-shadow:0 4px 14px #00000021}.cflow-phase-label{font-size:clamp(.6rem,1vw,.85rem);font-weight:600;color:#333;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:block}.cflow-phase-arrow{flex-shrink:0;width:clamp(14px,1.8vw,22px);height:14px;color:var(--lane-color);opacity:.5;display:flex;align-items:center}.cflow-phase-arrow svg{width:100%;height:100%}.cflow-caption{text-align:center;font-style:italic;color:#5f6b7a;font-size:clamp(.8rem,1.2vw,.95rem);margin-top:.75rem;padding:.6rem 1rem;background:#ebeef4;border-radius:0 0 12px 12px}[data-theme=dark] .cflow-container,.dark .cflow-container{background:linear-gradient(145deg,#1a1d2e,#141620);border-color:#2d3148}[data-theme=dark] .cflow-lane,.dark .cflow-lane{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .cflow-lane:hover,.dark .cflow-lane:hover{box-shadow:0 6px 20px #0006}[data-theme=dark] .cflow-phase,.dark .cflow-phase{background:#ffffff14;border-color:var(--lane-color)}[data-theme=dark] .cflow-phase-label,.dark .cflow-phase-label{color:#e0e0e0}[data-theme=dark] .cflow-caption,.dark .cflow-caption{color:#94a3b8;background:#1c1f30}@media(max-width:768px){.cflow-container{padding:1rem;border-radius:12px}.cflow-lanes{gap:.75rem}.cflow-lane{border-radius:10px}.cflow-lane-phases{padding:.6rem .5rem}.cflow-phase{border-radius:7px}.cflow-caption{border-radius:0 0 10px 10px}}@media(max-width:480px){.cflow-container{padding:.75rem .5rem;border-radius:10px}.cflow-lane-header{padding:.4rem .5rem}.cflow-lane-title{font-size:.65rem}.cflow-lane-phases{padding:.5rem .4rem;gap:3px}.cflow-phase{padding:.3rem .45rem;border-radius:5px}.cflow-phase-label{font-size:.55rem}.cflow-phase-arrow{width:10px}.cflow-caption{font-size:.75rem;padding:.4rem .5rem;border-radius:0 0 8px 8px}}@media(prefers-reduced-motion:reduce){.cflow-lane,.cflow-phase{transition:none}}.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}}.breadcrumbs-v2{margin-bottom:1rem;padding:.625rem 0}.breadcrumbs-v2-list{display:flex;align-items:center;list-style:none;margin:0;padding:0;flex-wrap:wrap;gap:.125rem}.breadcrumbs-v2-item{display:flex;align-items:center;gap:.125rem}.breadcrumbs-v2-separator{color:var(--color-textSecondary);font-size:.75rem;margin:0 .25rem;flex-shrink:0;opacity:.6}.breadcrumbs-v2-link{display:inline-flex;align-items:center;gap:.375rem;background:none;border:none;color:#1a73e8;font-size:.8125rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease;white-space:nowrap}.breadcrumbs-v2-link:hover{background:#1a73e814;color:#1557b0;text-decoration:none}.breadcrumbs-v2-link:focus-visible{outline:2px solid #1a73e8;outline-offset:2px}.breadcrumbs-v2-current{font-size:.8125rem;font-weight:500;color:var(--color-textSecondary);padding:.25rem .5rem;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.breadcrumbs-v2-current.is-active{color:var(--color-text);font-weight:600}[data-theme=dark] .breadcrumbs-v2-link{color:#8ab4f8}[data-theme=dark] .breadcrumbs-v2-link:hover{background:#8ab4f81f;color:#aecbfa}[data-theme=dark] .breadcrumbs-v2-link:focus-visible{outline-color:#8ab4f8}@media(max-width:768px){.breadcrumbs-v2{margin-bottom:.75rem}.breadcrumbs-v2-link,.breadcrumbs-v2-current{font-size:.75rem}.breadcrumbs-v2-current{max-width:140px}}@media(max-width:480px){.breadcrumbs-v2-item:nth-child(3){display:none}}.toc-widget{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;overflow:hidden;transition:all .3s ease}.toc-header{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;cursor:pointer;color:var(--color-text);font-size:.8125rem;font-weight:600;transition:background .2s ease}.toc-header:hover{background:#1a73e80f}.toc-icon{font-size:1rem;color:#1a73e8;flex-shrink:0}.toc-title{flex:1;text-align:left}.toc-toggle-icon{font-size:.875rem;color:var(--color-textSecondary);transition:transform .3s ease}.toc-toggle-icon.rotated{transform:rotate(180deg)}.toc-nav{padding:0 .75rem .75rem;max-height:50vh;overflow-y:auto}.toc-list{list-style:none;margin:0;padding:0}.toc-item{margin:0}.toc-level-3{padding-left:.75rem}.toc-link{display:block;width:100%;padding:.375rem .625rem;background:transparent;border:none;border-left:2px solid transparent;color:var(--color-textSecondary);font-size:.8125rem;line-height:1.4;text-align:left;cursor:pointer;transition:all .2s ease;border-radius:0 4px 4px 0}.toc-link:hover{color:#1a73e8;background:#1a73e80f;border-left-color:#1a73e84d}.toc-link.toc-active{color:#1a73e8;background:#1a73e814;border-left-color:#1a73e8;font-weight:600}.toc-nav::-webkit-scrollbar{width:4px}.toc-nav::-webkit-scrollbar-track{background:transparent}.toc-nav::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}[data-theme=dark] .toc-icon{color:#8ab4f8}[data-theme=dark] .toc-link:hover{color:#8ab4f8;background:#8ab4f814;border-left-color:#8ab4f84d}[data-theme=dark] .toc-link.toc-active{color:#8ab4f8;background:#8ab4f81f;border-left-color:#8ab4f8}@media(max-width:1024px){.toc-widget{display:none}}.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:var(--header-height, 57px);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 - var(--header-height, 57px));overflow-y:auto;overflow-x:hidden;position:sticky;top:var(--header-height, 57px);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:.25rem;max-height:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease;opacity:0}.section-list.collapsed{max-height:0;opacity:0;margin-bottom:0;overflow:hidden}.section-list.expanded{max-height:none;opacity:1;overflow:visible}.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-link-wrapper{display:flex;align-items:center;gap:0}.section-link-wrapper .section-link{flex:1;border-top-right-radius:0;border-bottom-right-radius:0}.sub-toggle-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:auto;min-height:2.5rem;background:transparent;border:1px solid transparent;border-left:none;border-radius:0 .5rem .5rem 0;cursor:pointer;color:var(--color-textSecondary);transition:all .2s ease;padding:0;flex-shrink:0}.sub-toggle-btn:hover{background:#1a73e81a;color:#1a73e8}.section-link-wrapper .section-link.active+.sub-toggle-btn,.sub-toggle-btn.expanded{color:#1a73e8}.section-children{list-style:none;margin:0;padding:.125rem 0 .125rem 1rem;max-height:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease;opacity:0;border-left:2px solid rgba(26,115,232,.2);margin-left:.75rem}.section-children.collapsed{max-height:0;opacity:0;padding-top:0;padding-bottom:0;overflow:hidden}.section-children.expanded{max-height:none;opacity:1;overflow:visible}.section-child-item{margin-bottom:.125rem}.section-child-link{display:block;width:100%;padding:.4rem .6rem;background:transparent;border:1px solid transparent;border-radius:.375rem;text-align:left;cursor:pointer;transition:all .2s ease;color:var(--color-textSecondary);font-size:.8125rem;line-height:1.4;text-transform:capitalize}.section-child-link:hover{background:#1a73e814;color:#1a73e8;border-color:#1a73e833}.section-child-link.active{background:#1a73e8;color:#fff;font-weight:600;border-color:#1a73e8}.section-child-link.active:hover{background:#1557b0}[data-theme=dark] .section-children{border-left-color:#8ab4f833}[data-theme=dark] .sub-toggle-btn:hover{background:#8ab4f81a;color:#8ab4f8}[data-theme=dark] .section-child-link:hover{background:#8ab4f814;color:#8ab4f8;border-color:#8ab4f833}[data-theme=dark] .section-child-link.active{background:#8ab4f8;color:#1a1a2e}[data-theme=dark] .section-child-link.active:hover{background:#aecbfa}.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 - var(--header-height, 57px));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:1.5rem;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:1.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 - var(--header-height, 57px));overflow-y:auto;position:sticky;top:var(--header-height, 57px)}.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:var(--header-height, 57px);left:0;z-index:999;width:85%;max-width:380px;height:calc(100vh - var(--header-height, 57px));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:var(--header-height, 57px)}.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 h4{font-size:1.0625rem;font-weight:500;color:#202124;margin:1rem 0 .5rem}[data-theme=dark] .content-section h4{color:#e8eaed}.content-section pre code,.code-pre code,.output-pre code{background:none!important;padding:0!important;border-radius:0!important;color:inherit}.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}.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{background:#e8f0fe;border:1px solid #d2e3fc;border-radius:8px;padding:1.5rem;margin:1.5rem 0}[data-theme=dark] .try-it-section{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}.try-it-section pre code{background:none;color:inherit}[data-theme=dark] .try-it-section code{background:#8ab4f826;color:#8ab4f8}[data-theme=dark] .try-it-section pre code{background:none;color:inherit}.try-it-section>p{margin:0 0 1rem;color:#5f6368;font-size:.9375rem}[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}.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}.path-stage{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{border-color:#3c4043}.path-stage:hover{border-color:#1a73e8}[data-theme=dark] .path-stage:hover{border-color:#8ab4f8}.stage-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.stage-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{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}.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-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:768px){.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,.env-step,.highlight-box{flex-direction:column}.stats-banner{grid-template-columns:repeat(2,1fr)}.info-box,.tips-box,.try-it-section,.os-section,.troubleshooting-box{padding:1rem}.code-block-wrapper{margin:.75rem 0}}@media(max-width:480px){.stats-banner{grid-template-columns:1fr}.stat-number{font-size:1.5rem}.step-number,.stage-number{width:32px;height:32px;font-size:.875rem}}.hero-breadcrumb{margin-bottom:.5rem}.hero-breadcrumb a{color:var(--color-primary, #1a73e8);text-decoration:none;font-size:.9375rem;font-weight:500;transition:color .2s ease}.hero-breadcrumb a:hover{color:var(--color-primary-dark, #1557b0);text-decoration:underline}[data-theme=dark] .hero-breadcrumb a{color:#8ab4f8}[data-theme=dark] .hero-breadcrumb a:hover{color:#aecbfa}.info-badge{display:inline-block;padding:.2rem .6rem;border-radius:4px;font-size:.75rem;font-weight:600;letter-spacing:.02em;vertical-align:middle;margin-left:.5rem;background:#e8f0fe;color:#1a73e8}.info-badge.warning-badge{background:#fef3e0;color:#e37400}[data-theme=dark] .info-badge{background:#8ab4f826;color:#8ab4f8}[data-theme=dark] .info-badge.warning-badge{background:#f9ab0026;color:#fdd663}.keyword-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.keyword-chip{display:inline-flex;align-items:center;padding:.4rem .85rem;background:#f1f3f4;border:1px solid #dadce0;border-radius:20px;color:#202124;text-decoration:none;font-size:.875rem;transition:all .2s ease}.keyword-chip:hover{background:#e8f0fe;border-color:#1a73e8;color:#1a73e8;text-decoration:none}.keyword-chip code{background:none;padding:0;color:inherit;font-size:.875rem}[data-theme=dark] .keyword-chip{background:#2d2d2d;border-color:#5f6368;color:#e8eaed}[data-theme=dark] .keyword-chip:hover{background:#8ab4f826;border-color:#8ab4f8;color:#8ab4f8}.keyword-detail-nav{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #dadce0}.keyword-nav-links{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.keyword-nav-link{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border:1px solid #dadce0;border-radius:8px;text-decoration:none;color:#1a73e8;font-size:.9375rem;font-weight:500;transition:all .2s ease}.keyword-nav-link:hover{background:#e8f0fe;border-color:#1a73e8;text-decoration:none}.keyword-nav-link code{background:none;padding:0;color:inherit}.keyword-nav-all{background:#1a73e8;color:#fff;border-color:#1a73e8}.keyword-nav-all:hover{background:#1557b0;color:#fff}[data-theme=dark] .keyword-detail-nav{border-color:#5f6368}[data-theme=dark] .keyword-nav-link{border-color:#5f6368;color:#8ab4f8}[data-theme=dark] .keyword-nav-link:hover{background:#8ab4f81a;border-color:#8ab4f8}[data-theme=dark] .keyword-nav-all{background:#8ab4f8;color:#202124;border-color:#8ab4f8}[data-theme=dark] .keyword-nav-all:hover{background:#aecbfa}.keyword-link{color:#1a73e8;text-decoration:none;font-weight:500;transition:color .2s ease}.keyword-link:hover{color:#1557b0;text-decoration:underline}[data-theme=dark] .keyword-link{color:#8ab4f8}[data-theme=dark] .keyword-link:hover{color:#aecbfa}@media(max-width:600px){.keyword-nav-links{flex-direction:column;align-items:stretch}.keyword-nav-link{justify-content:center;text-align:center}.keyword-chips{gap:.375rem}.keyword-chip{padding:.3rem .65rem;font-size:.8125rem}}.python-tutorial-page{max-width:100%;padding:0}.python-callout{padding:1.25rem 1.5rem;border-radius:10px;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 #0969DA}[data-theme=dark] .python-callout-info{background:linear-gradient(135deg,#0969da26,#0969da14)}.python-callout-info .python-callout-title{color:#0969da}.python-callout-tip{background:linear-gradient(135deg,#e6f9ed,#d3f4e0);border-left:4px solid #2DA44E}[data-theme=dark] .python-callout-tip{background:linear-gradient(135deg,#2da44e26,#2da44e14)}.python-callout-tip .python-callout-title{color:#2da44e}.python-callout-warning{background:linear-gradient(135deg,#fff8e6,#fff3cd);border-left:4px solid #BF8700}[data-theme=dark] .python-callout-warning{background:linear-gradient(135deg,#bf870026,#bf870014)}.python-callout-warning .python-callout-title{color:#bf8700}.python-callout-danger{background:linear-gradient(135deg,#fde8e8,#f8d0d0);border-left:4px solid #CF222E}[data-theme=dark] .python-callout-danger{background:linear-gradient(135deg,#cf222e26,#cf222e14)}.python-callout-danger .python-callout-title{color:#cf222e}.python-callout-python{background:linear-gradient(135deg,#e8f0f7,#d5e5f2);border-left:4px solid #3776AB}[data-theme=dark] .python-callout-python{background:linear-gradient(135deg,#3776ab26,#3776ab14)}.python-callout-python .python-callout-title{color:#3776ab}.python-code-example{margin:1.5rem 0;border-radius:10px;overflow:hidden;border:1px solid #e8eaed}[data-theme=dark] .python-code-example{border-color:#3c4043}.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:#f8f9fa;padding:1rem}[data-theme=dark] .python-code-body{background:#1e1e1e}.python-code-body pre{margin:0;color:#383a42;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.875rem;line-height:1.6;overflow-x:auto}[data-theme=dark] .python-code-body pre{color:#d4d4d4}.python-code-body .keyword{color:#d73a49}.python-code-body .string{color:#22863a}.python-code-body .comment{color:#6a737d}.python-code-body .function{color:#6f42c1}.python-code-body .number{color:#005cc5}[data-theme=dark] .python-code-body .keyword{color:#569cd6}[data-theme=dark] .python-code-body .string{color:#ce9178}[data-theme=dark] .python-code-body .comment{color:#6a9955}[data-theme=dark] .python-code-body .function{color:#dcdcaa}[data-theme=dark] .python-code-body .number{color:#b5cea8}.python-code-output{background:#f1f3f4;border-top:1px solid #e8eaed;padding:1rem}[data-theme=dark] .python-code-output{background:#0d1117;border-top-color:#30363d}.python-code-output-label{font-size:.75rem;color:#5f6368;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}[data-theme=dark] .python-code-output-label{color:#8b949e}.python-code-output pre{margin:0;color:#188038;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.875rem}[data-theme=dark] .python-code-output pre{color:#4ec9b0}.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 #e8eaed;color:#5f6368}[data-theme=dark] .python-table td{border-bottom-color:#3c4043;color:#9aa0a6}.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:#3776ab}[data-theme=dark] .python-table code{background:#3776ab33;color:#4b8bbe}.python-syntax-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.python-syntax-card{background:#fff;border:1px solid #e8eaed;border-radius:10px;overflow:hidden}[data-theme=dark] .python-syntax-card{border-color:#3c4043}.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:#f8f9fa}[data-theme=dark] .python-syntax-body{background:#1e1e1e}.python-syntax-body pre{margin:0;color:#383a42;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.85rem;line-height:1.6}[data-theme=dark] .python-syntax-body pre{color:#d4d4d4}.python-list{padding-left:0;list-style:none;margin:1rem 0}.python-list li{padding:.5rem 0 .5rem 2rem;position:relative;color:#5f6368;line-height:1.6}.python-list li:before{content:"▸";position:absolute;left:.5rem;color:#3776ab;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:#5f6368;line-height:1.6}.python-list-numbered li:before{content:counter(python-counter);position:absolute;left:0;width:2rem;height:2rem;background:#3776ab;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:#3776ab;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:#4b8bbe}.python-quote{border-left:4px solid #3776AB;padding:1rem 1.5rem;margin:1.5rem 0;background:#3776ab0d;font-style:italic;color:#5f6368}.python-quote-author{margin-top:.75rem;font-style:normal;font-weight:600;color:#3776ab;font-size:.9rem}@keyframes pythonPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.python-animated-icon{animation:pythonPulse 2s ease-in-out infinite}@media(max-width:768px){.python-syntax-comparison{grid-template-columns:1fr}.python-table{font-size:.8rem}.python-table th,.python-table td{padding:.5rem .75rem}}@media(max-width:480px){.python-nav-buttons{flex-direction:column}.python-nav-button{width:100%;justify-content:center}}.sql-code-block-wrapper{border-radius:12px;overflow:hidden;margin:1.25rem 0;border:1px solid #e0e3e7;background:#fff;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;transition:box-shadow .2s ease}.sql-code-block-wrapper:hover{box-shadow:0 2px 6px #00000014,0 1px 3px #0000000f}[data-theme=dark] .sql-code-block-wrapper{border-color:#2d2d2d;background:#1e1e1e;box-shadow:0 1px 3px #0003,0 1px 2px #00000026}[data-theme=dark] .sql-code-block-wrapper:hover{box-shadow:0 2px 8px #0000004d,0 1px 4px #0003}.sql-code-block-content{position:relative}.sql-code-copy-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;font-size:.875rem;color:#5f6368;background:#0000000a;border:none;border-radius:6px;cursor:pointer;opacity:1;transition:all .2s ease;z-index:2}.sql-code-copy-btn:hover{background:#1a73e81f;color:#1a73e8;transform:scale(1.05)}.sql-code-copy-btn.copied{color:#1a73e8;background:#1a73e81a}[data-theme=dark] .sql-code-copy-btn{color:#9aa0a6;background:#ffffff0f}[data-theme=dark] .sql-code-copy-btn:hover{background:#8ab4f82e;color:#8ab4f8;transform:scale(1.05)}[data-theme=dark] .sql-code-copy-btn.copied{color:#8ab4f8;background:#8ab4f826}.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 #e0e3e7}[data-theme=dark] .sql-code-output{border-color:#2d2d2d}.sql-code-output-header{padding:.5rem 1rem;font-size:.75rem;font-weight:600;color:#34a853;background:#34a8530f;text-transform:uppercase;letter-spacing:.5px}[data-theme=dark] .sql-code-output-header{background:#81c99514;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}}.sql-intro-page{max-width:100%;padding:0}.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-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 #e8eaed;border-radius:10px;transition:all .2s ease}[data-theme=dark] .sql-database-card{border-color:#3c4043}.sql-database-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.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:#5f6368;line-height:1.5}[data-theme=dark] .sql-database-card 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-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-article{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.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}@media(max-width:768px){.sql-databases-grid,.sql-table-overview,.sql-tips-grid{grid-template-columns:1fr}.sql-page-title{font-size:1.5rem}.sql-article{padding:1.5rem 1rem}}.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:#f8f9fa;border-radius:12px;overflow:hidden;margin:1.25rem 0;border:1px solid #e0e3e7;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;transition:box-shadow .2s ease}.xml-code-block-wrapper:hover{box-shadow:0 2px 6px #00000014,0 1px 3px #0000000f}[data-theme=dark] .xml-code-block-wrapper{background:#1e1e1e;border-color:#2d2d2d;box-shadow:0 1px 3px #0003,0 1px 2px #00000026}[data-theme=dark] .xml-code-block-wrapper:hover{box-shadow:0 2px 8px #0000004d,0 1px 4px #0003}.xml-code-block-content{position:relative}.xml-code-copy-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;background:#0000000a;border:none;border-radius:6px;color:#5f6368;font-size:.875rem;cursor:pointer;opacity:1;transition:all .2s ease;z-index:2}.xml-code-copy-btn:hover{background:#e651001a;color:#e65100;transform:scale(1.05)}.xml-code-copy-btn.copied{color:#e65100;background:#e6510014}[data-theme=dark] .xml-code-copy-btn{color:#aaa;background:#ffffff0f}[data-theme=dark] .xml-code-copy-btn:hover{background:#ff8f0026;color:#ff8f00;transform:scale(1.05)}[data-theme=dark] .xml-code-copy-btn.copied{color:#ff8f00;background:#ff8f001f}.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:#383a42;tab-size:2}[data-theme=dark] .xml-code-pre{color:#d4d4d4}.xml-code-pre code{font-family:inherit}.xml-tag{color:#005cc5}.xml-tag-name{color:#6f42c1}.xml-attribute{color:#e36209}.xml-attribute-value{color:#22863a}.xml-text{color:#383a42}.xml-comment{color:#6a737d;font-style:italic}.xml-prolog,.xml-cdata{color:#5f6368}.xml-entity,.xml-namespace{color:#d73a49}[data-theme=dark] .xml-tag{color:#569cd6}[data-theme=dark] .xml-tag-name{color:#4ec9b0}[data-theme=dark] .xml-attribute{color:#9cdcfe}[data-theme=dark] .xml-attribute-value{color:#ce9178}[data-theme=dark] .xml-text{color:#d4d4d4}[data-theme=dark] .xml-comment{color:#6a9955;font-style:italic}[data-theme=dark] .xml-prolog,[data-theme=dark] .xml-cdata{color:gray}[data-theme=dark] .xml-entity{color:#d7ba7d}[data-theme=dark] .xml-namespace{color:#c586c0}.xml-code-output{border-top:1px solid #e0e3e7;background:#f3f4f6}[data-theme=dark] .xml-code-output{border-top-color:#2d2d2d;background:#1a1a1a}.xml-code-output-header{padding:.5rem 1rem;background:#eaecef;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#5f6368;border-bottom:1px solid #e0e3e7}[data-theme=dark] .xml-code-output-header{background:#252525;color:#888;border-bottom-color:#333}.xml-code-output-content{margin:0;padding:1rem;font-family:Fira Code,monospace;font-size:.8125rem;line-height:1.6;color:#188038;overflow-x:auto;white-space:pre-wrap}[data-theme=dark] .xml-code-output-content{color:#6aab73}.xml-intro-page{max-width:100%;padding:0}.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-brain-power{background:#fef7e0;border:1px solid #f9e39c;border-radius:8px;padding:1.25rem;margin:1.5rem 0;position:relative}[data-theme=dark] .xml-brain-power{background:#3d3523;border-color:#5c4b2a}.xml-brain-power:before{display:none}.xml-brain-power h4{margin:0 0 .5rem;color:#202124;font-size:.9375rem;font-weight:500}[data-theme=dark] .xml-brain-power h4{color:#e8eaed}.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-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-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 #e8eaed;border-radius:16px;margin:2rem 0;overflow-x:auto}[data-theme=dark] .xml-structure-visualization{border-color:#3c4043}.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:#e65100}.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:#5f6368;line-height:1.5}[data-theme=dark] .xml-structure-stage p{color:#9aa0a6}.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:#e65100;white-space:nowrap}.xml-arrow-icon{font-size:1.25rem;color:#9aa0a6}.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:768px){.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-fireside-participants{grid-template-columns:1fr}}.postman-page-container,.postman-intro-page{max-width:900px;padding:0 1rem 2rem}.postman-page-header{padding:0 0 2rem;margin-bottom:1.5rem;border-bottom:1px solid var(--tutorial-border-color, #e8eaed)}[data-theme=dark] .postman-page-header{border-bottom-color:#3c4043}.postman-page-header h1{display:flex;align-items:center;gap:.5rem;font-size:2rem;font-weight:400;color:#202124;margin:0 0 .75rem;line-height:1.3}[data-theme=dark] .postman-page-header h1{color:#e8eaed}.postman-page-header-icon{color:#1a73e8;font-size:1.5rem;flex-shrink:0}[data-theme=dark] .postman-page-header-icon{color:#8ab4f8}.postman-page-header h1 .highlight{color:#1a73e8}[data-theme=dark] .postman-page-header h1 .highlight{color:#8ab4f8}.postman-page-subtitle{font-size:1rem;line-height:1.6;color:#5f6368;margin:0;max-width:600px}[data-theme=dark] .postman-page-subtitle{color:#9aa0a6}.postman-brain-teaser{display:flex;flex-direction:column;gap:.375rem;padding:1rem 1.25rem;border-radius:8px;margin:1.25rem 0;background:#fef7e0;border:1px solid #f9e39c}[data-theme=dark] .postman-brain-teaser{background:#3d3523;border-color:#5c4b2a}.postman-brain-teaser h3{color:#202124;font-size:.9375rem;font-weight:600;margin:0}[data-theme=dark] .postman-brain-teaser h3{color:#e8eaed}.postman-brain-teaser p{color:#5f6368;margin:0;font-size:.875rem;line-height:1.6}[data-theme=dark] .postman-brain-teaser p{color:#9aa0a6}.postman-brain-power{display:flex;gap:.875rem;padding:1rem 1.25rem;border-radius:8px;margin:1.25rem 0;background:#fef7e0;border:1px solid #f9e39c}[data-theme=dark] .postman-brain-power{background:#3d3523;border-color:#5c4b2a}.postman-brain-power h4{color:#202124;font-size:.9375rem;font-weight:500;margin:0 0 .375rem}[data-theme=dark] .postman-brain-power h4{color:#e8eaed}.postman-brain-power p{color:#5f6368;margin:0;font-size:.875rem;line-height:1.6}[data-theme=dark] .postman-brain-power p{color:#9aa0a6}.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:#1a73e8;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:#1a73e8;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}[data-theme=dark] .postman-key{background:#1e293b;border-color:#475569}.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:#1a73e8;font-weight:700}@media(max-width:768px){.postman-interface-item,.postman-step{flex-direction:column}}.postman-styled-list{list-style:none;padding:0;margin:1rem 0;display:flex;flex-direction:column;gap:.5rem}.postman-styled-list li{display:flex;align-items:baseline;gap:.5rem;padding:.5rem .75rem;border-radius:6px;font-size:.9375rem;color:var(--color-text, #202124);line-height:1.6;background:var(--color-surface, #f8f9fa);border:1px solid transparent;transition:all .15s ease}[data-theme=dark] .postman-styled-list li{background:#292d31;color:#e8eaed}.postman-styled-list li:hover{border-color:#1a73e8;background:#1a73e80a}[data-theme=dark] .postman-styled-list li:hover{border-color:#8ab4f8;background:#8ab4f80f}.postman-list-icon{color:#1a73e8;flex-shrink:0;font-size:.875rem;margin-top:.15rem}[data-theme=dark] .postman-list-icon{color:#8ab4f8}.postman-steps-visual{display:flex;flex-direction:column;gap:0;margin:1.5rem 0}.postman-step-item{display:flex;gap:1rem;position:relative;padding-bottom:1.5rem}.postman-step-item:last-child{padding-bottom:0}.postman-step-item:not(:last-child):before{content:"";position:absolute;left:16px;top:36px;bottom:0;width:2px;background:linear-gradient(180deg,#1a73e8,#1a73e833)}[data-theme=dark] .postman-step-item:not(:last-child):before{background:linear-gradient(180deg,#8ab4f8,#8ab4f833)}.postman-step-item>.postman-step-number{counter-increment:none;background:linear-gradient(135deg,#1a73e8,#1557b0);color:#fff;width:32px;height:32px;min-width:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex-shrink:0;box-shadow:0 2px 8px #1a73e840;position:relative;z-index:1}.postman-step-item>.postman-step-number:before{content:none}[data-theme=dark] .postman-step-item>.postman-step-number{background:linear-gradient(135deg,#8ab4f8,#669df6);color:#202124;box-shadow:0 2px 8px #8ab4f840}.postman-step-item>.postman-step-content{flex:1}.postman-step-item>.postman-step-content h4{margin:0 0 .375rem;font-size:1rem;font-weight:600;color:var(--color-text, #202124);padding-top:.25rem}[data-theme=dark] .postman-step-item>.postman-step-content h4{color:#e8eaed}.postman-step-item>.postman-step-content p{margin:0;color:var(--color-text-secondary, #5f6368);font-size:.9375rem;line-height:1.6}[data-theme=dark] .postman-step-item>.postman-step-content p{color:#9aa0a6}.postman-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin:1.5rem 0}.postman-feature-item{padding:1.25rem;background:#fff;border:1px solid #e8eaed;border-radius:10px;transition:all .2s ease;text-align:center}[data-theme=dark] .postman-feature-item{background:#292d31;border-color:#3c4043}.postman-feature-item:hover{border-color:#1a73e8;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}[data-theme=dark] .postman-feature-item:hover{border-color:#8ab4f8;box-shadow:0 4px 12px #0000004d}.postman-feature-item h4{margin:.75rem 0 .375rem;font-size:.9375rem;font-weight:600;color:var(--color-text, #202124)}[data-theme=dark] .postman-feature-item h4{color:#e8eaed}.postman-feature-item p{margin:0;font-size:.875rem;color:var(--color-text-secondary, #5f6368);line-height:1.5}[data-theme=dark] .postman-feature-item p{color:#9aa0a6}.postman-highlight-cell{background:#1a73e80f;font-weight:500;color:var(--color-text, #202124)}[data-theme=dark] .postman-highlight-cell{background:#8ab4f814;color:#e8eaed}.postman-highlight-row{background:#1a73e80f}[data-theme=dark] .postman-highlight-row{background:#8ab4f814}.postman-highlight-row:hover{background:#1a73e81a}[data-theme=dark] .postman-highlight-row:hover{background:#8ab4f81f}@media(max-width:768px){.postman-page-header h1{font-size:1.5rem}.postman-step-item{gap:.75rem}.postman-step-item>.postman-step-number{width:28px;height:28px;min-width:28px;font-size:.8rem}.postman-step-item:not(:last-child):before{left:14px;top:32px}.postman-feature-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.postman-feature-item{padding:1rem}}.postman-code-block{background:#f8fafc;border-radius:12px;margin:1.25rem 0;overflow:hidden;border:1px solid #e0e3e7;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;transition:box-shadow .2s ease}.postman-code-block:hover{box-shadow:0 2px 6px #00000014,0 1px 3px #0000000f}[data-theme=dark] .postman-code-block{background:#1e1e1e;border-color:#2d2d2d;box-shadow:0 1px 3px #0003,0 1px 2px #00000026}[data-theme=dark] .postman-code-block:hover{box-shadow:0 2px 8px #0000004d,0 1px 4px #0003}.postman-code-content{position:relative;padding:1rem;overflow-x:auto;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.6;color:#1e293b}[data-theme=dark] .postman-code-content{color:#e2e8f0}.postman-code-content pre{margin:0;white-space:pre}.postman-code-copy{position:absolute;top:8px;right:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;background:#0000000a;border:none;border-radius:6px;color:#5f6368;font-size:.875rem;cursor:pointer;opacity:1;transition:all .2s ease;z-index:2}.postman-code-copy:hover{background:#1a73e81f;color:#1a73e8;transform:scale(1.05)}.postman-code-copy.copied{color:#1a73e8;background:#1a73e81a}[data-theme=dark] .postman-code-copy{background:#ffffff0f;color:#94a3b8}[data-theme=dark] .postman-code-copy:hover{background:#8ab4f82e;color:#8ab4f8;transform:scale(1.05)}[data-theme=dark] .postman-code-copy.copied{color:#8ab4f8;background:#8ab4f826}.postman-json-key{color:#0550ae}.postman-json-string{color:#a31515}.postman-json-number{color:#098658}.postman-json-boolean,.postman-json-null{color:#00f}.postman-json-bracket{color:#795e26}[data-theme=dark] .postman-json-key{color:#9cdcfe}[data-theme=dark] .postman-json-string{color:#ce9178}[data-theme=dark] .postman-json-number{color:#b5cea8}[data-theme=dark] .postman-json-boolean,[data-theme=dark] .postman-json-null{color:#569cd6}[data-theme=dark] .postman-json-bracket{color:gold}.postman-js-keyword{color:#af00db}.postman-js-function{color:#795e26}.postman-js-string{color:#a31515}.postman-js-comment{color:green;font-style:italic}.postman-js-variable{color:#001080}.postman-js-property{color:#0550ae}.postman-js-method{color:#795e26}[data-theme=dark] .postman-js-keyword{color:#c586c0}[data-theme=dark] .postman-js-function{color:#dcdcaa}[data-theme=dark] .postman-js-string{color:#ce9178}[data-theme=dark] .postman-js-comment{color:#6a9955;font-style:italic}[data-theme=dark] .postman-js-variable{color:#9cdcfe}[data-theme=dark] .postman-js-property{color:#4fc1ff}[data-theme=dark] .postman-js-method{color:#dcdcaa}.postman-http-method{color:#e55a2b;font-weight:600}.postman-http-url{color:#164}.postman-http-header-name{color:#0550ae}.postman-http-header-value{color:#a31515}.postman-http-status{color:#005cc5}[data-theme=dark] .postman-http-method{color:#ff6c37;font-weight:600}[data-theme=dark] .postman-http-url{color:#4ec9b0}[data-theme=dark] .postman-http-header-name{color:#9cdcfe}[data-theme=dark] .postman-http-header-value{color:#ce9178}[data-theme=dark] .postman-http-status{color:#4fc1ff}.c-intro-page{max-width:100%;padding:0}.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:#e8f0fe;color:#1a73e8}.comparison-card.invalid .comparison-header{background:#fce8e6;color:#d93025}[data-theme=dark] .comparison-card.valid .comparison-header{background:#8ab4f81f;color:#8ab4f8}[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}.stage-icon-wrapper.compile{background:#e8f0fe;color:#1a73e8}[data-theme=dark] .stage-icon-wrapper.compile{background:#8ab4f81f}.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:#e0f2f1;color:#00695c}.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:#1a3d3d;color:#80cbc4}[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){.comparison-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}}.cpp-intro-page{max-width:100%;padding:0}.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}.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)}.workflow-visualization{flex-direction:column}.workflow-arrow{transform:rotate(90deg)}.anatomy-line{flex-direction:column;gap:.5rem}.anatomy-code{min-width:auto}}.git-intro-page{max-width:100%;padding:0}.section-icon{font-size:1.5rem;color:#1a73e8}.lead-text{font-size:1.2rem;line-height:1.8;color:var(--color-text);margin-bottom:2rem}.lead-text strong{color:#1a73e8}[data-theme=dark] .lead-text strong{color:#8ab4f8}.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}.stage-icon-wrapper.working{background:#0969da1a;color:#0969da}.stage-icon-wrapper.staging{background:#bf87001a;color:#bf8700}.stage-icon-wrapper.repository{background:#2da44e1a;color:#2da44e}.feature-icon-wrapper.distributed{background:#0969da1a;color:#0969da}.feature-icon-wrapper.fast{background:#1a73e81a;color:#1a73e8}.feature-icon-wrapper.branching{background:#2da44e1a;color:#2da44e}.feature-icon-wrapper.secure{background:#8250df1a;color:#8250df}.feature-icon-wrapper.staging-feature{background:#bf87001a;color:#bf8700}.feature-icon-wrapper.free{background:#db3d731a;color:#db3d73}.path-content h4 svg{color:#1a73e8}[data-theme=dark] .path-content h4 svg{color:#8ab4f8}.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}@media(max-width:768px){.platforms-grid{grid-template-columns:1fr}.creator-card{flex-direction:column;text-align:center}.creator-avatar{margin:0 auto}.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{margin-bottom:.875rem}.status-example-header{padding:.75rem}.status-example-content{padding:.875rem}.status-example-output{font-size:.8rem;padding:.75rem}}.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}}.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}}.bash-page{max-width:100%;padding:0}.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:768px){.shells-grid{grid-template-columns:1fr}}.pattern-intro-page{max-width:100%;padding:0}.content-section pre code{background:none;padding:0;border-radius:0;color:inherit}.code-example-pair{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.code-example{border-radius:8px;overflow:hidden;border:1px solid #dadce0}[data-theme=dark] .code-example{border-color:#5f6368}.code-example-label{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;letter-spacing:.02em}.code-example-label svg{flex-shrink:0;width:1rem;height:1rem}.code-example-label.violation{background:#fce8e6;color:#c5221f}[data-theme=dark] .code-example-label.violation{background:#3c2020;color:#f28b82}.code-example-label.correct{background:#e8f0fe;color:#1a73e8}[data-theme=dark] .code-example-label.correct{background:#8ab4f81f;color:#8ab4f8}.code-example pre{margin:0;padding:.875rem 1rem;background:#f8f9fa;overflow-x:auto;font-family:Fira Code,Consolas,monospace;font-size:.8125rem;line-height:1.6;color:#202124}[data-theme=dark] .code-example pre{background:#1e1e1e;color:#e8eaed}.classification-sub-diagrams{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.classification-sub-diagrams .mermaid-diagram{margin:0}.classification-sub-diagrams .mermaid-diagram-content{display:flex;align-items:center;justify-content:center;overflow-x:auto}.classification-sub-diagrams .mermaid-diagram-content svg{max-width:100%;height:auto}.mermaid-compact{max-width:360px;margin:1.5rem auto}.mermaid-compact .mermaid-diagram-content{padding:1rem}.mermaid-compact .mermaid-diagram-content svg{max-width:100%;height:auto;max-height:320px}@media(max-width:480px){.mermaid-compact{max-width:100%;margin:.75rem auto}}.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}@media(max-width:768px){.benefits-grid,.real-world-examples{grid-template-columns:1fr}.anatomy-item{flex-direction:column;gap:.75rem}.solid-card{flex-direction:column;text-align:center}}.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:#e0f2f1;color:#00695c}.pattern-badge.behavioral{background:#fff3e0;color:#ef6c00}[data-theme=dark] .pattern-badge.creational{background:#1a3352;color:#8ab4f8}[data-theme=dark] .pattern-badge.structural{background:#1a3d3d;color:#80cbc4}[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;table-layout:fixed}.comparison-table th,.comparison-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e8eaed;word-wrap:break-word;overflow-wrap:break-word}[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}[data-theme=dark] .comparison-table th{background:#21262d;color:#e8eaed}.comparison-table td:first-child{text-align:left;font-weight:500}.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:#e8f0fe}[data-theme=dark] .comparison-table .highlight-row{background:#8ab4f81a}.comparison-table .highlight-row:hover{background:#d6e4fd}[data-theme=dark] .comparison-table .highlight-row:hover{background:#8ab4f826}.cell-yes{color:#1a73e8;font-weight:600}[data-theme=dark] .cell-yes{color:#8ab4f8}.cell-no{color:#c62828;font-weight:600}[data-theme=dark] .cell-no{color:#ef9a9a}.comparison-table-dense{table-layout:auto}.comparison-table-dense th,.comparison-table-dense td{padding:.625rem .5rem;font-size:.8125rem;text-align:center}.comparison-table-dense th{font-size:.7rem;letter-spacing:.5px}.comparison-table-dense td:first-child,.comparison-table-dense th:first-child{text-align:left;padding-left:.75rem}.comparison-table-dense .cell-yes,.comparison-table-dense .cell-no{font-size:1rem}.usage-checklist{display:flex;flex-direction:column;gap:.625rem;margin-top:1.5rem}.checklist-item{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;border-radius:8px;font-size:.9375rem;line-height:1.5;border-left:3px solid transparent;transition:background .2s ease,transform .15s ease}.checklist-item:hover{transform:translate(2px)}.checklist-icon{flex-shrink:0;font-size:1.125rem;margin-top:1px}.checklist-item.use{background:#e8f0fe;border-left-color:#1a73e8;color:#1a3d6e}.checklist-item.use .checklist-icon{color:#1a73e8}[data-theme=dark] .checklist-item.use{background:#8ab4f81a;border-left-color:#8ab4f8;color:#a8c8f8}[data-theme=dark] .checklist-item.use .checklist-icon{color:#8ab4f8}.checklist-item.avoid{background:#fce8e6;border-left-color:#d93025;color:#611a15}.checklist-item.avoid .checklist-icon{color:#d93025}[data-theme=dark] .checklist-item.avoid{background:#d930251a;border-left-color:#f28b82;color:#f5b7b1}[data-theme=dark] .checklist-item.avoid .checklist-icon{color:#f28b82}.checklist-item span{flex:1}.checklist-section-title{font-size:.9375rem;font-weight:600;margin:1.25rem 0 .5rem;letter-spacing:.3px}.checklist-section-title.use-title{color:#1a73e8}[data-theme=dark] .checklist-section-title.use-title{color:#8ab4f8}.checklist-section-title.avoid-title{color:#d93025}[data-theme=dark] .checklist-section-title.avoid-title{color:#f28b82}@media(max-width:480px){.checklist-item{padding:.75rem;font-size:.875rem;gap:.5rem}.checklist-icon{font-size:1rem}}.junit-intro-page{padding-bottom:2rem}.junit-content-section h2{display:flex;align-items:center;gap:.5rem}.junit-code-example{margin:1.5rem 0;border-radius:8px;overflow:hidden;border:1px solid #e8eaed}[data-theme=dark] .junit-code-example{border-color:#3c4043}.junit-code-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f1f3f4;border-bottom:1px solid #e8eaed}[data-theme=dark] .junit-code-header{background:#292d31;border-color:#3c4043}.junit-code-header span{font-size:.8125rem;font-weight:500;color:#202124}[data-theme=dark] .junit-code-header span{color:#e8eaed}.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 #e8eaed}[data-theme=dark] .junit-annotation-table th,[data-theme=dark] .junit-annotation-table td{border-bottom-color:#3c4043}.junit-annotation-table th{background:#f1f3f4;font-weight:600;color:#202124}[data-theme=dark] .junit-annotation-table th{background:#292d31;color:#e8eaed}.junit-annotation-table td{color:#5f6368}[data-theme=dark] .junit-annotation-table td{color:#9aa0a6}.junit-annotation-table code{background:#1a73e81a;color:#1a73e8;padding:.125rem .375rem;border-radius:4px;font-family:Fira Code,Consolas,monospace;font-size:.875rem}[data-theme=dark] .junit-annotation-table code{background:#8ab4f826;color:#8ab4f8}.mockito-intro-page{max-width:100%;padding:0;padding-bottom:2rem}.mockito-content-section h2{display:flex;align-items:center;gap:.5rem}.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:#1a73e8;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}[data-theme=dark] .mockito-ordered-list li:before{background:#8ab4f8;color:#202124}.mockito-callout-content ul{margin:.5rem 0 0;padding-left:1.25rem}.mockito-callout-content li{font-size:.875rem;margin-bottom:.25rem}.mockito-code-example{margin:1.5rem 0;border-radius:8px;overflow:hidden;border:1px solid #e8eaed}[data-theme=dark] .mockito-code-example{border-color:#3c4043}.mockito-code-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f1f3f4;border-bottom:1px solid #e8eaed}[data-theme=dark] .mockito-code-header{background:#292d31;border-color:#3c4043}.mockito-code-header span{font-size:.8125rem;font-weight:500;color:#202124}[data-theme=dark] .mockito-code-header span{color:#e8eaed}.mockito-code-badge{font-size:.6875rem;padding:.25rem .5rem;background:#1a73e8;color:#fff;border-radius:4px;font-weight:600;text-transform:uppercase}.mockito-syntax-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;margin:2rem 0}.mockito-syntax-card{background:#fff;border:1px solid #e8eaed;border-radius:8px;padding:1.25rem;transition:border-color .2s ease}[data-theme=dark] .mockito-syntax-card{background:#292d31;border-color:#3c4043}.mockito-syntax-card:hover{border-color:#1a73e8}[data-theme=dark] .mockito-syntax-card:hover{border-color:#8ab4f8}.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:#f8f9fa;padding:.875rem;border-radius:6px;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-syntax-grid{grid-template-columns:1fr}}.js-intro-page{max-width:100%;padding:0}.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 #e1e4e8;border-radius:10px;transition:all .2s ease}.js-feature-card:hover{border-color:#1a73e8;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.js-feature-icon{width:48px;height:48px;border-radius:6px;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:#57606a}.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 #e1e4e8;border-radius:10px;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 #e1e4e8}[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 #e1e4e8;border-radius:10px;transition:all .2s ease}.js-workflow-step:hover{border-color:#1a73e8;box-shadow:0 1px 2px #0000000a}[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:#57606a}.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 #e1e4e8;border-radius:10px;cursor:pointer;transition:all .2s ease}.js-path-card:hover{border-color:#1a73e8;box-shadow:0 4px 12px #00000014;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:10px}[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:#8b949e}.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 #e1e4e8;border-radius:10px;transition:all .2s ease}.js-capability-card:hover{border-color:#1a73e8;box-shadow:0 1px 2px #0000000a}[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:6px;background:#0969da1a;color:#0969da}[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:#57606a}.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 #e1e4e8;border-radius:10px;transition:all .2s ease}.js-stat-card:hover{border-color:#1a73e8;box-shadow:0 1px 2px #0000000a}.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:#8b949e}.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:0 4px 12px #00000014}[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:768px){.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-learning-path,.js-stats-grid{grid-template-columns:1fr}}.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}.html-tutorial-page{max-width:100%;padding:0}.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-anatomy-line{flex-direction:column;gap:.5rem}.html-anatomy-code{min-width:auto}}.css-intro-page{max-width:100%;padding:0}.stage-icon-wrapper.html{background:#e34c261a;color:#e34c26}.stage-icon-wrapper.css{background:#1a73e81a;color:#1a73e8}.stage-icon-wrapper.browser{background:#2da44e1a;color:#2da44e}.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 #e1e4e8;border-radius:6px}.anatomy-label{font-weight:600;font-size:.875rem;color:#1a73e8;min-width:80px}.anatomy-desc{font-size:.875rem;color:#57606a}.anatomy-desc code{background:#1a73e81a;color:#1a73e8;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 #e1e4e8;border-radius:10px;overflow:hidden}.method-card.recommended{border-color:#2da44e;box-shadow:0 0 0 1px #2da44e}.method-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--color-background);border-bottom:1px solid #e1e4e8}.method-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#1a73e8;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:#2da44e;color:#fff;border-radius:4px}.method-card>p{margin:0;padding:1rem 1.25rem 0;font-size:.875rem;color:#57606a}.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 #e1e4e8;border-radius:10px;transition:all .2s ease}.concept-card:hover{border-color:#1a73e8;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.concept-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#1a73e81a;color:#1a73e8;border-radius:6px;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:#57606a}.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 #e1e4e8;border-radius:10px;transition:all .2s ease}.platform-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.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:#57606a;line-height:1.5}@media(max-width:768px){.concepts-grid,.methods-grid,.platforms-grid{grid-template-columns:1fr}.anatomy-item{flex-direction:column;align-items:flex-start;gap:.5rem}}.dsa-tutorial-page{--dsa-primary: #1a73e8;--dsa-secondary: #1e8e3e;--dsa-accent: #a142f4;--dsa-dark: #202124;--dsa-light: #f8f9fa;--dsa-code-bg: #f8f9fa;--dsa-warning: #f9ab00;--dsa-success: #1e8e3e;--dsa-danger: #d93025;--dsa-info: #1a73e8}.dsa-tutorial-page[data-theme=dark]{--dsa-primary: #8ab4f8;--dsa-secondary: #81c995;--dsa-accent: #c58af9;--dsa-dark: #e8eaed;--dsa-light: #292a2d;--dsa-code-bg: #1e1e1e;--dsa-warning: #fdd663;--dsa-success: #81c995;--dsa-danger: #f28b82;--dsa-info: #8ab4f8}.dsa-tutorial-page{max-width:100%;padding:0;line-height:1.6;color:#202124}[data-theme=dark] .dsa-tutorial-page{color:#e8eaed}.dsa-content-section h2 .section-icon{color:var(--dsa-primary);font-size:1.5rem}.dsa-code-example{background:var(--dsa-code-bg);border-radius:8px;overflow:hidden;margin:1.5rem 0;border:1px solid #e8eaed}[data-theme=dark] .dsa-code-example{border-color:#3c4043}.dsa-code-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f8f9fa;border-bottom:1px solid #e8eaed}[data-theme=dark] .dsa-code-header{background:#1e1e1e;border-bottom-color:#3c4043}.dsa-code-title{color:#202124;font-weight:500;font-size:.9375rem}[data-theme=dark] .dsa-code-title{color:#e8eaed}.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:#383a42;font-family:Roboto Mono,Monaco,Menlo,Consolas,monospace;font-size:.875rem;line-height:1.6;overflow-x:auto}[data-theme=dark] .dsa-code-body pre{color:#e2e8f0}.dsa-code-output{background:#1e8e3e14;padding:1rem 1.25rem;border-top:1px solid rgba(30,142,62,.2)}.dsa-code-output-label{color:var(--dsa-success);font-weight:500;margin-bottom:.5rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.dsa-code-output pre{margin:0;color:#1e8e3e;font-family:Roboto Mono,Monaco,Menlo,Consolas,monospace;font-size:.875rem}[data-theme=dark] .dsa-code-output pre{color:#81c995}.dsa-complexity-table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem;background:var(--color-surface, #fff);border:1px solid #e8eaed;border-radius:8px;overflow:hidden}[data-theme=dark] .dsa-complexity-table{border-color:#3c4043}.dsa-complexity-table th,.dsa-complexity-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e8eaed}[data-theme=dark] .dsa-complexity-table th,[data-theme=dark] .dsa-complexity-table td{border-bottom-color:#3c4043}.dsa-complexity-table th{background:#f8f9fa;font-weight:600;color:#202124;font-size:.95rem}[data-theme=dark] .dsa-complexity-table th{background:#292a2d;color:#e8eaed}.dsa-complexity-table tr:last-child td{border-bottom:none}.dsa-complexity-table tr:hover td{background:#1a73e805}.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-callout{display:flex;gap:.875rem;padding:1rem 1.25rem;border-radius:8px;margin:1.25rem 0}.dsa-callout-tip{background:#e6f4ea;border:1px solid #ceead6}[data-theme=dark] .dsa-callout-tip{background:#1b3d2e;border-color:#2d5a3e}.dsa-callout-warning{background:#fef7e0;border:1px solid #f9e39c}[data-theme=dark] .dsa-callout-warning{background:#3d3523;border-color:#5c4b2a}.dsa-callout-info{background:#e8f0fe;border:1px solid #d2e3fc}[data-theme=dark] .dsa-callout-info{background:#1a3a5c;border-color:#2d4a6f}.dsa-callout-danger{background:#fce8e6;border:1px solid #f5c6c2}[data-theme=dark] .dsa-callout-danger{background:#3d1f1f;border-color:#5c2f2f}.dsa-callout-title{display:flex;align-items:center;gap:.5rem;font-weight:500;font-size:.9375rem;margin-bottom:.375rem;color:#202124}[data-theme=dark] .dsa-callout-title{color:#e8eaed}.dsa-callout-icon{flex-shrink:0;font-size:1.25rem}.dsa-callout-tip .dsa-callout-icon{color:#1e8e3e}.dsa-callout-warning .dsa-callout-icon{color:#f9ab00}.dsa-callout-info .dsa-callout-icon{color:#1a73e8}.dsa-callout-danger .dsa-callout-icon{color:#d93025}[data-theme=dark] .dsa-callout-tip .dsa-callout-icon{color:#81c995}[data-theme=dark] .dsa-callout-warning .dsa-callout-icon{color:#fdd663}[data-theme=dark] .dsa-callout-info .dsa-callout-icon{color:#8ab4f8}[data-theme=dark] .dsa-callout-danger .dsa-callout-icon{color:#f28b82}.dsa-callout-content{color:#5f6368;font-size:.875rem;line-height:1.6}[data-theme=dark] .dsa-callout-content{color:#9aa0a6}.dsa-visualization{background:var(--color-surface, #fff);border:1px solid #e8eaed;border-radius:8px;padding:1.5rem;margin:1.5rem 0;text-align:center}[data-theme=dark] .dsa-visualization{background:#21262d;border-color:#3c4043}.dsa-array-viz{display:flex;justify-content:center;gap:.5rem;margin:1rem 0;flex-wrap:wrap}.dsa-array-cell{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--dsa-primary);color:#fff;font-weight:600;border-radius:6px;font-size:1rem}.dsa-array-cell.highlight{background:var(--dsa-success);transform:scale(1.05)}.dsa-array-cell.comparing{background:var(--dsa-warning)}.dsa-array-cell.sorted{background:var(--dsa-secondary)}.dsa-array-indices{display:flex;justify-content:center;gap:.5rem}.dsa-array-indices span{width:48px;text-align:center;font-size:.75rem;color:#5f6368}[data-theme=dark] .dsa-array-indices span{color:#9aa0a6}.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;color:#3c4043;line-height:1.6}[data-theme=dark] .dsa-steps-list li{color:#bdc1c6}.dsa-steps-list li:before{content:counter(step);position:absolute;left:0;top:0;width:2rem;height:2rem;background:#1a73e8;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}[data-theme=dark] .dsa-steps-list li:before{background:#8ab4f8;color:#202124}.dsa-table-container{overflow-x:auto;margin:1.5rem 0;border-radius:8px;border:1px solid #e8eaed}[data-theme=dark] .dsa-table-container{border-color:#3c4043}.dsa-table{width:100%;border-collapse:collapse;font-size:.95rem;background:var(--color-surface, #fff)}[data-theme=dark] .dsa-table{background:#21262d}.dsa-table th,.dsa-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e8eaed}[data-theme=dark] .dsa-table th,[data-theme=dark] .dsa-table td{border-bottom-color:#3c4043}.dsa-table th{background:#f8f9fa;font-weight:600;color:#202124;font-size:.95rem}[data-theme=dark] .dsa-table th{background:#292a2d;color:#e8eaed}.dsa-table td{color:#3c4043}[data-theme=dark] .dsa-table td{color:#bdc1c6}.dsa-table tr:last-child td{border-bottom:none}.dsa-table tr:hover td{background:#1a73e805}.dsa-table code{background:#1a73e81a;color:#1a73e8;padding:.15em .4em;border-radius:4px;font-size:.85em}[data-theme=dark] .dsa-table code{background:#8ab4f826;color:#8ab4f8}.inline-icon{vertical-align:middle;margin-right:.25rem}@media(max-width:768px){.dsa-array-cell{width:40px;height:40px;font-size:.875rem}.dsa-array-indices span{width:40px}.dsa-callout{flex-direction:column}.dsa-complexity-table th,.dsa-complexity-table td,.dsa-table th,.dsa-table td{padding:.625rem .75rem;font-size:.875rem}}@media(max-width:480px){.dsa-hero-title{font-size:1.5rem}.dsa-content-section h2{font-size:1.15rem}}.nodejs-page{max-width:100%;padding:0}.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:768px){.modules-grid{grid-template-columns:1fr}}.swagger-page{max-width:100%;padding:0}.swagger-page .code-block-wrapper{margin:1.5rem 0}.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){.feature-grid{grid-template-columns:1fr}}.excel-intro-page{max-width:100%;padding:0}.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-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 #e8eaed;border-radius:10px;transition:all .2s ease}[data-theme=dark] .excel-version-card{border-color:#3c4043}.excel-version-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.excel-version-icon{font-size:3rem;margin-bottom:1rem;color:#217346}.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:#5f6368;line-height:1.5}[data-theme=dark] .excel-version-card p{color:#9aa0a6}.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:768px){.excel-formulas-grid,.excel-versions-grid{grid-template-columns:1fr}}.rest-intro-page{max-width:100%;padding:0}.rest-feature-card ul{margin:.5rem 0 0;padding-left:1.25rem}.rest-feature-card li{font-size:.9rem;line-height:1.6;color:#5f6368;margin-bottom:.25rem}[data-theme=dark] .rest-feature-card li{color:#9aa0a6}.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 #e8eaed;border-radius:10px;overflow-x:auto}[data-theme=dark] .rest-workflow{border-color:#3c4043}.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:#5f6368}[data-theme=dark] .rest-workflow-step p{color:#9aa0a6}.rest-workflow-arrow{font-size:1.25rem;color:#9aa0a6;flex-shrink:0}.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}@media(max-width:768px){.rest-workflow{flex-direction:column;gap:.5rem}.rest-workflow-arrow{transform:rotate(90deg)}}.maven-intro-page{padding-bottom:2rem}.maven-content-section h2{display:flex;align-items:center;gap:.5rem}.maven-table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9375rem}.maven-table th,.maven-table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid #e8eaed}[data-theme=dark] .maven-table th,[data-theme=dark] .maven-table td{border-bottom-color:#3c4043}.maven-table th{background:#f1f3f4;font-weight:600;color:#202124}[data-theme=dark] .maven-table th{background:#292d31;color:#e8eaed}.maven-table td{color:#5f6368}[data-theme=dark] .maven-table td{color:#9aa0a6}.maven-table code{background:#1a73e81a;color:#1a73e8;padding:.125rem .375rem;border-radius:4px;font-family:Fira Code,Consolas,monospace;font-size:.875rem}[data-theme=dark] .maven-table code{background:#8ab4f826;color:#8ab4f8}.maven-anatomy{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.maven-anatomy-item{display:flex;gap:1rem;align-items:flex-start;padding:1rem;background:#fff;border:1px solid #e8eaed;border-radius:8px}[data-theme=dark] .maven-anatomy-item{background:#292d31;border-color:#3c4043}.maven-anatomy-number{width:36px;height:36px;min-width:36px;background:#1a73e8;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}[data-theme=dark] .maven-anatomy-number{background:#8ab4f8;color:#202124}.maven-anatomy-content h4{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#202124}[data-theme=dark] .maven-anatomy-content h4{color:#e8eaed}.maven-anatomy-content p{margin:0;font-size:.9375rem;color:#5f6368;line-height:1.5}[data-theme=dark] .maven-anatomy-content p{color:#9aa0a6}.powermock-intro-page{max-width:100%;padding:0;padding-bottom:2rem}.powermock-ordered-list{counter-reset:item;list-style:none;padding-left:0}.powermock-ordered-list li{counter-increment:item;display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.powermock-ordered-list li:before{content:counter(item);flex-shrink:0;width:24px;height:24px;background:#1a73e8;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.powermock-callout-content ul{margin:.5rem 0 0;padding-left:1.25rem}.powermock-callout-content li{font-size:.875rem;margin-bottom:.25rem}.powermock-code-example{margin:1.5rem 0;border-radius:8px;overflow:hidden;border:1px solid var(--color-border)}.powermock-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] .powermock-code-header{background:#292d31}.powermock-code-header span{font-size:.8125rem;font-weight:500;color:var(--color-text)}.powermock-code-badge{font-size:.6875rem;padding:.25rem .5rem;background:#1a73e8;color:#fff;border-radius:4px;font-weight:600;text-transform:uppercase}.powermock-syntax-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;margin:2rem 0}.powermock-syntax-card{background:var(--color-surface);border:1px solid #e8eaed;border-radius:8px;padding:1.25rem;transition:border-color .2s ease}[data-theme=dark] .powermock-syntax-card{border-color:#3c4043}.powermock-syntax-card:hover{border-color:#1a73e8}[data-theme=dark] .powermock-syntax-card:hover{border-color:#8ab4f8}.powermock-syntax-card h4{margin:0 0 .75rem;font-size:.95rem;font-weight:500;color:#202124}[data-theme=dark] .powermock-syntax-card h4{color:#e8eaed}.powermock-syntax-card code{display:block;background:#f8f9fa;padding:.875rem;border-radius:6px;font-family:Fira Code,Consolas,monospace;font-size:.85rem;color:#1a73e8;white-space:pre-wrap;line-height:1.5}[data-theme=dark] .powermock-syntax-card code{background:#1e1e1e;color:#8ab4f8}.powermock-commands-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.powermock-command-card{background:#fff;border:1px solid #e8eaed;border-radius:8px;overflow:hidden}[data-theme=dark] .powermock-command-card{background:#292929;border-color:#3c4043}.powermock-command-header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#f8f9fa;border-bottom:1px solid #e8eaed}[data-theme=dark] .powermock-command-header{background:#1e1e1e;border-color:#3c4043}.powermock-command-icon{font-size:1.125rem;color:#5f6368}[data-theme=dark] .powermock-command-icon{color:#9aa0a6}.powermock-command-header h4{margin:0;font-size:.9375rem;font-weight:500;color:#202124}[data-theme=dark] .powermock-command-header h4{color:#e8eaed}.powermock-stage-tag{display:inline-block;padding:.25rem .75rem;background:var(--color-background);border-radius:100px;font-size:.75rem;font-weight:600;color:#9aa0a6}@media(max-width:768px){.powermock-syntax-grid,.powermock-commands-grid{grid-template-columns:1fr}}.php-tutorial-page{max-width:100%;padding:0}.php-callout{padding:1.25rem 1.5rem;border-radius:10px;margin:1.5rem 0;position:relative}.php-callout-icon{font-size:1.5rem;margin-right:.75rem;flex-shrink:0}.php-callout-title{font-weight:600;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.php-callout-content{font-size:.95rem;line-height:1.6}.php-callout-info{background:linear-gradient(135deg,#e8f4fd,#d5ebf9);border-left:4px solid #0969DA}[data-theme=dark] .php-callout-info{background:linear-gradient(135deg,#0969da26,#0969da14)}.php-callout-info .php-callout-title{color:#0969da}.php-callout-tip{background:linear-gradient(135deg,#e6f9ed,#d3f4e0);border-left:4px solid #2DA44E}[data-theme=dark] .php-callout-tip{background:linear-gradient(135deg,#2da44e26,#2da44e14)}.php-callout-tip .php-callout-title{color:#2da44e}.php-callout-warning{background:linear-gradient(135deg,#fff8e6,#fff3cd);border-left:4px solid #BF8700}[data-theme=dark] .php-callout-warning{background:linear-gradient(135deg,#bf870026,#bf870014)}.php-callout-warning .php-callout-title{color:#bf8700}.php-callout-danger{background:linear-gradient(135deg,#fde8e8,#f8d0d0);border-left:4px solid #CF222E}[data-theme=dark] .php-callout-danger{background:linear-gradient(135deg,#cf222e26,#cf222e14)}.php-callout-danger .php-callout-title{color:#cf222e}.php-callout-php{background:linear-gradient(135deg,#e8f0fe,#d5ebf9);border-left:4px solid #1a73e8}[data-theme=dark] .php-callout-php{background:linear-gradient(135deg,#1a73e826,#1a73e814)}.php-callout-php .php-callout-title{color:#1a73e8}.php-code-example{margin:1.5rem 0;border-radius:10px;overflow:hidden;border:1px solid #e8eaed}[data-theme=dark] .php-code-example{border-color:#3c4043}.php-code-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:linear-gradient(135deg,#1a73e8,#1557b0);color:#fff}.php-code-title{font-size:.9rem;font-weight:500}.php-code-badge{background:#fff3;padding:.25rem .75rem;border-radius:100px;font-size:.75rem}.php-code-body{background:#f8f9fa;padding:1rem}[data-theme=dark] .php-code-body{background:#1e1e1e}.php-code-body pre{margin:0;color:#383a42;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.875rem;line-height:1.6;overflow-x:auto}[data-theme=dark] .php-code-body pre{color:#d4d4d4}.php-code-output{background:#f1f3f4;border-top:1px solid #e8eaed;padding:1rem}[data-theme=dark] .php-code-output{background:#0d1117;border-top-color:#30363d}.php-code-output-label{font-size:.75rem;color:#5f6368;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}[data-theme=dark] .php-code-output-label{color:#8b949e}.php-code-output pre{margin:0;color:#188038;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.875rem}[data-theme=dark] .php-code-output pre{color:#4ec9b0}.php-table-container{overflow-x:auto;margin:1.5rem 0}.php-table{width:100%;border-collapse:collapse;font-size:.9rem}.php-table th{background:linear-gradient(135deg,#1a73e8,#1557b0);color:#fff;padding:.875rem 1rem;text-align:left;font-weight:600}.php-table td{padding:.75rem 1rem;border-bottom:1px solid #e8eaed;color:#5f6368}[data-theme=dark] .php-table td{border-bottom-color:#3c4043;color:#9aa0a6}.php-table tbody tr:hover{background:#1a73e80d}[data-theme=dark] .php-table tbody tr:hover{background:#1a73e81a}.php-table code{background:#1a73e81a;padding:.125rem .375rem;border-radius:4px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.85em;color:#1a73e8}[data-theme=dark] .php-table code{background:#8ab4f833;color:#8ab4f8}.php-syntax-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.php-syntax-card{background:#fff;border:1px solid #e8eaed;border-radius:10px;overflow:hidden}[data-theme=dark] .php-syntax-card{border-color:#3c4043}.php-syntax-header{padding:.75rem 1rem;font-weight:600;font-size:.9rem}.php-syntax-header.php{background:linear-gradient(135deg,#1a73e8,#1557b0);color:#fff}.php-syntax-header.other{background:#f1f5f9;color:#475569}[data-theme=dark] .php-syntax-header.other{background:#1e293b;color:#94a3b8}.php-syntax-body{padding:1rem;background:#f8f9fa}[data-theme=dark] .php-syntax-body{background:#1e1e1e}.php-syntax-body pre{margin:0;color:#383a42;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.85rem;line-height:1.6}[data-theme=dark] .php-syntax-body pre{color:#d4d4d4}.php-list{padding-left:0;list-style:none;margin:1rem 0}.php-list li{padding:.5rem 0 .5rem 2rem;position:relative;color:#5f6368;line-height:1.6}.php-list li:before{content:"▸";position:absolute;left:.5rem;color:#1a73e8;font-weight:700}.php-list-numbered{counter-reset:php-counter;padding-left:0;list-style:none;margin:1rem 0}.php-list-numbered li{counter-increment:php-counter;padding:.5rem 0 .5rem 3rem;position:relative;color:#5f6368;line-height:1.6}.php-list-numbered li:before{content:counter(php-counter);position:absolute;left:0;width:2rem;height:2rem;background:#1a73e8;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;top:.35rem}.php-quote{border-left:4px solid #1a73e8;padding:1rem 1.5rem;margin:1.5rem 0;background:#1a73e80d;font-style:italic;color:#5f6368}.php-quote-author{margin-top:.75rem;font-style:normal;font-weight:600;color:#1a73e8;font-size:.9rem}@media(max-width:768px){.php-syntax-comparison{grid-template-columns:1fr}.php-table{font-size:.8rem}.php-table th,.php-table td{padding:.5rem .75rem}}@media(max-width:480px){.php-nav-buttons{flex-direction:column}.php-nav-button{width:100%;justify-content:center}}.tp{min-height:100vh;background-color:var(--color-background)}.tp-header{max-width:1000px;margin:0 auto;padding:2.75rem 2rem 1.75rem;border-bottom:1px solid var(--color-border)}.tp-title{font-size:1.75rem;font-weight:700;color:var(--color-text);line-height:1.25;margin:0 0 .375rem}.tp-subtitle{font-size:.95rem;color:var(--color-textSecondary);line-height:1.5;margin:0}.tp-body{max-width:1000px;margin:0 auto;padding:2rem 2rem 4rem}.tp-section{margin-bottom:2.5rem}.tp-section:last-child{margin-bottom:0}.tp-section-title{font-size:.8125rem;font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .875rem}.tp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.875rem}.tp-card{position:relative;display:block;background-color:var(--color-background);border:1px solid var(--color-border);border-left:3px solid var(--color-border);border-radius:6px;padding:1.125rem 2.5rem 1.125rem 1.125rem;text-decoration:none;color:inherit;transition:border-color .2s ease,box-shadow .2s ease}.tp-card:hover{border-color:var(--color-primary);border-left-color:var(--color-primary);box-shadow:0 2px 8px #0000000f}.tp-card-name{font-size:.9375rem;font-weight:600;color:var(--color-text);margin:0 0 .25rem;line-height:1.3;transition:color .2s ease}.tp-card:hover .tp-card-name{color:var(--color-primary)}.tp-card-desc{font-size:.8125rem;color:var(--color-textSecondary);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tp-card-arrow{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);color:var(--color-border);opacity:0;transition:opacity .2s ease,color .2s ease;display:flex;align-items:center}.tp-card:hover .tp-card-arrow{opacity:1;color:var(--color-primary)}@media(max-width:640px){.tp-header{padding:2rem 1.25rem 1.25rem}.tp-title{font-size:1.5rem}.tp-body{padding:1.5rem 1.25rem 3rem}.tp-grid{grid-template-columns:1fr;gap:.625rem}.tp-card{padding:1rem 2.25rem 1rem 1rem}.tp-card-arrow{opacity:.3}}@media(min-width:641px)and (max-width:919px){.tp-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:920px){.tp-grid{grid-template-columns:repeat(3,1fr)}}[data-theme=dark] .tp-card{background-color:var(--color-surface);border-color:var(--color-border);border-left-color:var(--color-border)}[data-theme=dark] .tp-card:hover{border-color:var(--color-primary);border-left-color:var(--color-primary);box-shadow:0 2px 8px #00000040}.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}}