.gc-source-page{--gcb-bg-primary:#0a0a0f;--gcb-bg-secondary:#12121a;--gcb-bg-tertiary:#1a1a25;--gcb-bg-card:#1a1a25b3;--gcb-accent-primary:#3b82f6;--gcb-accent-secondary:#2563eb;--gcb-accent-tertiary:#60a5fa;--gcb-accent-green:#10b981;--gcb-accent-warning:#f59e0b;--gcb-accent-error:#ef4444;--gcb-text-primary:#fff;--gcb-text-secondary:#a1a1aa;--gcb-text-muted:#71717a;--gcb-gradient-primary:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--gcb-font-display:"Space Grotesk", sans-serif;--gcb-font-body:"Instrument Sans", sans-serif;--gcb-font-mono:"JetBrains Mono", monospace;--gcb-border-radius:16px;--gcb-border-radius-sm:8px;--gcb-transition:all .3s cubic-bezier(.4, 0, .2, 1)}.gcb-article{background:var(--gcb-bg-primary);color:var(--gcb-text-secondary);font-family:var(--gcb-font-body);line-height:1.8}.gcb-container{max-width:1000px;margin:0 auto;padding:0 2rem}.gcb-header{background:var(--gcb-bg-secondary);border-bottom:1px solid #ffffff0d;padding:6rem 0 3rem}.gcb-meta{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.gcb-category{font-family:var(--gcb-font-mono);color:var(--gcb-accent-primary);transition:var(--gcb-transition);background:#3b82f61a;border-radius:50px;padding:.35rem .85rem;font-size:.8rem;text-decoration:none}.gcb-category:hover{background:#3b82f633}.gcb-meta time,.gcb-reading-time{font-family:var(--gcb-font-body);color:var(--gcb-text-muted);font-size:.9rem}.gcb-meta-divider{color:var(--gcb-text-muted);opacity:.5}.gcb-title{font-family:var(--gcb-font-display);color:var(--gcb-text-primary);margin-bottom:1rem;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2}.gcb-subtitle{font-family:var(--gcb-font-body);color:var(--gcb-text-secondary);margin-bottom:1.5rem;font-size:1.25rem;line-height:1.6}.gcb-author{font-family:var(--gcb-font-body);color:var(--gcb-text-muted);font-size:.95rem}.gcb-author a{color:var(--gcb-accent-primary);text-decoration:none}.gcb-author a:hover{text-decoration:underline}.gcb-takeaways{border-radius:var(--gcb-border-radius);background:linear-gradient(135deg,#3b82f61a 0%,#8b5cf60d 100%);border:1px solid #3b82f633;margin:3rem 0;padding:2rem}.gcb-takeaways h2{font-family:var(--gcb-font-display);color:var(--gcb-text-primary);margin-bottom:1rem;font-size:1.25rem;font-weight:600}.gcb-takeaways ul{margin:0;padding:0;list-style:none}.gcb-takeaways li{color:var(--gcb-text-secondary);padding:.5rem 0 .5rem 1.5rem;font-size:.95rem;position:relative}.gcb-takeaways li:before{content:"✓";color:var(--gcb-accent-green);font-weight:600;position:absolute;left:0}.gcb-toc{background:var(--gcb-bg-card);border-radius:var(--gcb-border-radius);border:1px solid #ffffff14;margin:2rem 0 3rem;padding:2rem}.gcb-toc h2{font-family:var(--gcb-font-display);color:var(--gcb-text-primary);margin-bottom:1rem;font-size:1.1rem;font-weight:600}.gcb-toc ol{counter-reset:toc-counter;margin:0;padding:0;list-style:none}.gcb-toc li{counter-increment:toc-counter;padding:.4rem 0}.gcb-toc li a{font-family:var(--gcb-font-body);color:var(--gcb-text-secondary);transition:var(--gcb-transition);align-items:baseline;gap:.75rem;font-size:.95rem;text-decoration:none;display:flex}.gcb-toc li a:before{content:counter(toc-counter) ".";font-family:var(--gcb-font-mono);color:var(--gcb-accent-primary);min-width:1.5rem;font-size:.8rem}.gcb-toc li a:hover{color:var(--gcb-accent-primary)}.gcb-content{padding:3rem 0}.gcb-content section{margin-bottom:4rem}.gcb-content h2{font-family:var(--gcb-font-display);color:var(--gcb-text-primary);margin-bottom:1.5rem;padding-top:1rem;font-size:1.75rem;font-weight:700}.gcb-content h3{font-family:var(--gcb-font-display);color:var(--gcb-text-primary);margin-top:2rem;margin-bottom:1rem;font-size:1.35rem;font-weight:600}.gcb-content h4{font-family:var(--gcb-font-display);color:var(--gcb-text-primary);margin-top:1.5rem;margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.gcb-content p{margin-bottom:1.25rem;font-size:1.05rem}.gcb-content a{color:var(--gcb-accent-primary);transition:var(--gcb-transition);border-bottom:1px solid #0000;text-decoration:none}.gcb-content a:hover{border-bottom-color:var(--gcb-accent-primary)}.gcb-content ul,.gcb-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.gcb-content li{margin-bottom:.5rem;font-size:1.05rem}.gcb-content code{font-family:var(--gcb-font-mono);color:var(--gcb-accent-tertiary);background:#3b82f61a;border-radius:4px;padding:.15rem .4rem;font-size:.9em}.gcb-content strong{color:var(--gcb-text-primary);font-weight:600}.gcb-info-box{background:var(--gcb-bg-card);border:1px solid #ffffff14;border-left:3px solid var(--gcb-accent-primary);border-radius:var(--gcb-border-radius-sm);margin:1.5rem 0;padding:1.5rem}.gcb-info-box h4{font-family:var(--gcb-font-display);color:var(--gcb-text-primary);margin:0 0 .5rem;font-size:1rem;font-weight:600}.gcb-info-box p{margin:0;font-size:.95rem}.gcb-callout{background:var(--gcb-bg-card);border-radius:var(--gcb-border-radius);border:1px solid #10b98133;margin:1.5rem 0;padding:1.5rem}.gcb-callout.warning{background:linear-gradient(135deg,#f59e0b0d 0%,#0000 100%);border-color:#f59e0b4d}.gcb-callout.featured{background:linear-gradient(135deg,#3b82f61a 0%,#0000 100%);border-color:#3b82f64d}.gcb-callout h4{font-family:var(--gcb-font-display);color:var(--gcb-text-primary);margin:0 0 .75rem;font-size:1.05rem;font-weight:600}.gcb-callout p{margin:0;font-size:.95rem}.gcb-comparison-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:2rem 0;display:grid}.gcb-comparison-card{background:var(--gcb-bg-card);border-radius:var(--gcb-border-radius);border:1px solid #ffffff14;padding:1.75rem;position:relative}.gcb-comparison-card.featured{border-color:var(--gcb-accent-green);background:linear-gradient(135deg,#10b98114 0%,#0000 100%)}.comparison-badge{background:var(--gcb-accent-green);color:#fff;font-family:var(--gcb-font-mono);border-radius:50px;padding:.25rem .6rem;font-size:.7rem;font-weight:600;position:absolute;top:-10px;right:1rem}.gcb-comparison-card h4{font-family:var(--gcb-font-display);color:var(--gcb-text-primary);margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.comparison-approach{font-family:var(--gcb-font-mono);color:var(--gcb-text-muted);margin-bottom:1rem;font-size:.8rem}.gcb-comparison-card ul{margin:0 0 1rem;padding:0;list-style:none}.gcb-comparison-card li{padding:.35rem 0 .35rem 1.25rem;font-size:.9rem;position:relative}.gcb-comparison-card li:before{content:"•";color:var(--gcb-text-muted);position:absolute;left:0}.gcb-comparison-card.featured li:before{color:var(--gcb-accent-green)}.comparison-result{font-family:var(--gcb-font-body);color:var(--gcb-text-muted);border-top:1px solid #ffffff0d;margin:0;padding-top:.75rem;font-size:.85rem;font-weight:600}.gcb-comparison-card.featured .comparison-result{color:var(--gcb-accent-green)}.gcb-code-block{background:var(--gcb-bg-tertiary);border-radius:var(--gcb-border-radius-sm);border:1px solid #ffffff14;margin:1.5rem 0;overflow:hidden}.gcb-code-block.featured{border-color:#10b9814d}.code-header{background:#ffffff08;border-bottom:1px solid #ffffff0d;padding:.75rem 1rem}.code-header span{font-family:var(--gcb-font-mono);color:var(--gcb-text-muted);font-size:.8rem}.gcb-code-block.featured .code-header span{color:var(--gcb-accent-green)}.gcb-code-block pre{margin:0;padding:1rem;overflow-x:auto}.gcb-code-block code{font-family:var(--gcb-font-mono);color:var(--gcb-text-secondary);background:0 0;padding:0;font-size:.85rem}.gcb-stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin:2rem 0;display:grid}.gcb-stat-item{background:var(--gcb-bg-card);border-radius:var(--gcb-border-radius);text-align:center;border:1px solid #ffffff14;padding:1.5rem}.gcb-stat-item .stat-number{font-family:var(--gcb-font-display);color:var(--gcb-accent-primary);margin-bottom:.5rem;font-size:2rem;font-weight:700;display:block}.gcb-stat-item .stat-label{font-family:var(--gcb-font-body);color:var(--gcb-text-muted);font-size:.85rem;line-height:1.4}.gcb-issues-list{margin:1.5rem 0}.issue-item{background:var(--gcb-bg-card);border-radius:var(--gcb-border-radius-sm);border:1px solid #ffffff14;margin-bottom:1rem;padding:1.25rem}.issue-item h4{font-family:var(--gcb-font-display);color:var(--gcb-accent-error);margin:0 0 .5rem;font-size:1rem;font-weight:600}.issue-item p{margin:0;font-size:.9rem}.gcb-steps{counter-reset:step-counter;margin:1.5rem 0;padding:0;list-style:none}.gcb-steps li{counter-increment:step-counter;padding:.75rem 0 .75rem 2.5rem;position:relative}.gcb-steps li:before{content:counter(step-counter);width:28px;height:28px;font-family:var(--gcb-font-mono);color:var(--gcb-accent-primary);background:#3b82f626;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:flex;position:absolute;left:0}.gcb-table-wrapper{margin:1.5rem 0;overflow-x:auto}.gcb-table{border-collapse:collapse;width:100%;font-size:.9rem}.gcb-table th,.gcb-table td{text-align:left;border-bottom:1px solid #ffffff14;padding:.875rem 1rem}.gcb-table th{font-family:var(--gcb-font-display);color:var(--gcb-text-primary);background:var(--gcb-bg-tertiary);font-weight:600}.gcb-table td{color:var(--gcb-text-secondary)}.gcb-table td strong{color:var(--gcb-accent-primary)}.table-note{color:var(--gcb-text-muted);margin-top:.5rem;font-size:.8rem;font-style:italic}.gcb-specs-box,.gcb-principle-box{background:var(--gcb-bg-card);border-radius:var(--gcb-border-radius);border:1px solid #ffffff14;margin:1.5rem 0;padding:1.5rem}.gcb-specs-box h4,.gcb-principle-box h4{font-family:var(--gcb-font-display);color:var(--gcb-text-primary);margin:0 0 1rem;font-size:1rem;font-weight:600}.gcb-specs-box ul,.gcb-principle-box ul{margin:0}.gcb-specs-box li,.gcb-principle-box li{font-size:.95rem}.gcb-specs-box p,.gcb-principle-box p{color:var(--gcb-text-muted);margin:.75rem 0 0;font-size:.9rem}.gcb-ux-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.5rem 0;display:grid}.ux-item{background:var(--gcb-bg-card);border-radius:var(--gcb-border-radius-sm);border:1px solid #ffffff14;padding:1.25rem}.ux-item h4{font-family:var(--gcb-font-display);color:var(--gcb-text-primary);margin:0 0 .5rem;font-size:1rem;font-weight:600}.ux-item p{margin:0;font-size:.9rem}.gcb-mistakes-list{margin:1.5rem 0}.mistake-item{background:var(--gcb-bg-card);border-radius:var(--gcb-border-radius);border:1px solid #ffffff14;margin-bottom:1rem;padding:1.5rem}.mistake-item.critical{border-left:3px solid var(--gcb-accent-error)}.mistake-item.performance{border-left:3px solid var(--gcb-accent-warning)}.mistake-item.ux{border-left:3px solid var(--gcb-accent-primary)}.mistake-item h4{font-family:var(--gcb-font-display);color:var(--gcb-text-primary);margin:0 0 .75rem;font-size:1.05rem;font-weight:600}.mistake-item p{margin-bottom:.5rem;font-size:.9rem}.mistake-item p:last-child{margin-bottom:0}.gcb-implementation-steps{counter-reset:impl-counter;margin:1.5rem 0;padding:0;list-style:none}.gcb-implementation-steps li{counter-increment:impl-counter;background:var(--gcb-bg-card);border-radius:var(--gcb-border-radius-sm);border:1px solid #ffffff14;margin-bottom:1rem;padding:1.25rem 1.25rem 1.25rem 3.5rem;position:relative}.gcb-implementation-steps li:before{content:counter(impl-counter);background:var(--gcb-gradient-primary);width:28px;height:28px;font-family:var(--gcb-font-mono);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex;position:absolute;top:1.25rem;left:1.25rem}.gcb-implementation-steps li strong{color:var(--gcb-text-primary);margin-bottom:.35rem;font-size:1.05rem;display:block}.gcb-implementation-steps li p{margin:0;font-size:.9rem}.gcb-cta-inline{border-radius:var(--gcb-border-radius);text-align:center;background:linear-gradient(135deg,#3b82f61a 0%,#8b5cf60d 100%);border:1px solid #3b82f640;margin:2rem 0;padding:2rem}.gcb-cta-inline h4{font-family:var(--gcb-font-display);color:var(--gcb-text-primary);margin:0 0 .75rem;font-size:1.25rem;font-weight:600}.gcb-cta-inline p{margin-bottom:1.25rem;font-size:1rem}.gcb-tools-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.5rem 0;display:grid}.tool-card{background:var(--gcb-bg-card);border-radius:var(--gcb-border-radius);border:1px solid #ffffff14;padding:1.5rem}.tool-card h4{font-family:var(--gcb-font-display);color:var(--gcb-text-primary);margin:0 0 .25rem;font-size:1rem;font-weight:600}.tool-card .tool-url{font-family:var(--gcb-font-mono);color:var(--gcb-accent-primary);margin-bottom:.75rem;font-size:.75rem}.tool-card p{margin-bottom:.5rem;font-size:.9rem}.tool-card .tool-cost{font-family:var(--gcb-font-mono);color:var(--gcb-accent-green);background:#10b9811a;border-radius:4px;padding:.2rem .5rem;font-size:.75rem;display:inline-block}.gcb-checklist{background:var(--gcb-bg-card);border-radius:var(--gcb-border-radius);border:1px solid #ffffff14;margin:1.5rem 0;padding:1.5rem}.gcb-checklist h4{font-family:var(--gcb-font-display);color:var(--gcb-text-primary);margin:0 0 1rem;font-size:1.1rem;font-weight:600}.gcb-checklist ul{columns:2;column-gap:2rem;margin:0;padding:0;list-style:none}.gcb-checklist li{break-inside:avoid;padding:.35rem 0 .35rem 1.5rem;font-size:.9rem;position:relative}.gcb-checklist li:before{content:"☐";color:var(--gcb-accent-primary);position:absolute;left:0}.gcb-case-study{background:var(--gcb-bg-card);border-radius:var(--gcb-border-radius);border:1px solid #ffffff14;margin:2rem 0;padding:2rem}.gcb-case-study h3{font-family:var(--gcb-font-display);color:var(--gcb-text-primary);margin:0 0 1.5rem;font-size:1.25rem;font-weight:600}.case-comparison{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem;display:grid}.case-before,.case-after{border-radius:var(--gcb-border-radius-sm);padding:1.25rem}.case-before{background:#ef44440d;border:1px solid #ef444433}.case-after{background:#10b9810d;border:1px solid #10b98133}.case-before h4,.case-after h4{font-family:var(--gcb-font-display);margin:0 0 .75rem;font-size:.9rem;font-weight:600}.case-before h4{color:var(--gcb-accent-error)}.case-after h4{color:var(--gcb-accent-green)}.case-before ul,.case-after ul{margin:0;padding:0;list-style:none}.case-before li,.case-after li{padding:.25rem 0;font-size:.85rem}.case-outcome{color:var(--gcb-text-secondary);border-radius:var(--gcb-border-radius-sm);background:#ffffff08;margin:0;padding:1rem;font-size:.95rem}.gcb-faq{margin:1.5rem 0}.faq-item{background:var(--gcb-bg-card);border-radius:var(--gcb-border-radius-sm);border:1px solid #ffffff14;margin-bottom:1rem;padding:1.5rem}.faq-item h3{font-family:var(--gcb-font-display);color:var(--gcb-text-primary);margin:0 0 .75rem;font-size:1.05rem;font-weight:600}.faq-item p{margin:0;font-size:.95rem}.gcb-cta-box{border-radius:var(--gcb-border-radius);text-align:center;background:linear-gradient(135deg,#3b82f626 0%,#8b5cf61a 100%);border:1px solid #3b82f640;margin:2.5rem 0;padding:2.5rem}.gcb-cta-box h3{font-family:var(--gcb-font-display);color:var(--gcb-text-primary);margin:0 0 1rem;font-size:1.5rem;font-weight:700}.gcb-cta-box p{margin-bottom:1.5rem;font-size:1.05rem}.gcb-btn{font-family:var(--gcb-font-display);transition:var(--gcb-transition);border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.gcb-btn-primary{background:var(--gcb-gradient-primary);color:#fff;border:none}.gcb-btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 40px #3b82f666}.gcb-footer{background:var(--gcb-bg-secondary);border-top:1px solid #ffffff0d;padding:3rem 0}.gcb-tags,.gcb-related{margin-bottom:2rem}.gcb-tags h4,.gcb-related h4{font-family:var(--gcb-font-display);color:var(--gcb-text-primary);margin-bottom:1rem;font-size:1rem;font-weight:600}.tag-list{flex-wrap:wrap;gap:.5rem;display:flex}.tag-list a{font-family:var(--gcb-font-body);color:var(--gcb-text-muted);background:var(--gcb-bg-tertiary);transition:var(--gcb-transition);border-radius:50px;padding:.35rem .75rem;font-size:.85rem;text-decoration:none}.tag-list a:hover{color:var(--gcb-accent-primary);background:#3b82f61a}.gcb-related ul{margin:0;padding:0;list-style:none}.gcb-related li{padding:.35rem 0}.gcb-related a{font-family:var(--gcb-font-body);color:var(--gcb-accent-primary);font-size:.95rem;text-decoration:none}.gcb-related a:hover{text-decoration:underline}@media (max-width:900px){.gcb-comparison-grid,.gcb-stats-grid,.gcb-ux-grid,.gcb-tools-grid,.case-comparison{grid-template-columns:1fr}.gcb-checklist ul{columns:1}}@media (max-width:768px){.gcb-header{padding:5rem 0 2rem}.gcb-title{font-size:1.75rem}.gcb-subtitle{font-size:1.1rem}.gcb-content h2{font-size:1.5rem}.gcb-content h3{font-size:1.2rem}.gcb-cta-box{padding:1.5rem}.gcb-case-study{padding:1.25rem}}@media (max-width:480px){.gcb-container{padding:0 1rem}.gcb-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.gcb-meta-divider{display:none}.gcb-takeaways,.gcb-toc,.gcb-info-box,.gcb-callout,.gcb-specs-box{padding:1.25rem}}