.cc-article :not(pre)>code{font-family:var(--font-mono,"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);color:#2563eb;overflow-wrap:anywhere;vertical-align:.03em;letter-spacing:-.01em;background:#eff6ffd9;border:1px solid #bfdbfee6;border-radius:.375rem;padding:.16rem .44rem;font-size:.84em;font-weight:500;box-shadow:0 1px 2px #0000000a}.dark .cc-article :not(pre)>code,:root:not(.light) .cc-article :not(pre)>code{color:#93c5fd;background:#0f172ab3;border:1px solid #3b82f647;box-shadow:0 0 0 1px #3b82f614,0 1px 2px #00000040}.cc-article td code{font-size:.82em}.cc-article td:first-child code{overflow-wrap:normal;white-space:nowrap;color:#60a5fa;background:#1e293ba6;border:1px solid #94a3b833;font-weight:600}.cc-article a :not(pre)>code{color:inherit;text-underline-offset:3px;border-color:#3b82f659;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.cc-article a:hover :not(pre)>code{background:#3b82f626;border-color:#3b82f68c}.cc-article .takeaways{border:1px solid hsl(var(--border));background:hsl(var(--muted) / .4);border-radius:.75rem;margin:0 0 2rem;padding:1.4rem 1.55rem}.cc-article .takeaways h2{margin-bottom:.75rem;font-size:1.15rem;line-height:1.5rem}.cc-article .takeaways>:last-child{margin-bottom:0}.cc-article .takeaways code{font-family:var(--font-mono,monospace);color:inherit;font-size:.9em;font-weight:500;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.cc-article .usecase-box{background:hsl(var(--muted) / .3);border:1px solid hsl(var(--border));border-left:3px solid hsl(var(--primary));border-radius:.5rem;margin:1.5rem 0;padding:1.25rem 1.4rem}.cc-article .usecase-box .usecase-label{color:hsl(var(--primary));letter-spacing:.1em;text-transform:uppercase;margin-bottom:.45rem;font-size:.72rem;font-weight:800;display:block}.cc-article .usecase-box p{font-size:.95rem;margin:0!important}.cc-article figure figcaption{color:hsl(var(--muted-foreground));text-align:center;margin-top:.8rem;font-size:.81rem;line-height:1.55}.cc-article figure figcaption b{color:hsl(var(--foreground));font-weight:650}.cc-article .fig-frame{border:1px solid hsl(var(--border));background:radial-gradient(circle at 1px 1px, hsl(var(--border)) 1px, transparent 0) 0 0 / 22px 22px, hsl(var(--card));border-radius:.75rem;padding:1.65rem 1.45rem;position:relative;overflow:hidden}.cc-article .fig-title{color:hsl(var(--muted-foreground));text-align:center;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.15rem;font-size:.7rem;font-weight:700}.cc-article .band{border:1px solid hsl(var(--border));background:hsl(var(--muted) / .35);border-radius:.5rem;padding:.85rem}.cc-article .band-label{color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.1em;flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.55rem;font-size:.64rem;font-weight:700;display:flex}.cc-article .band-label .pill{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:999px;padding:.08rem .4rem;font-size:.58rem}.cc-article .grid-3,.cc-article .grid-4{gap:.55rem;display:grid}.cc-article .grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cc-article .grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cc-article .node{border:1px solid hsl(var(--border));background:hsl(var(--card));box-shadow:0 1px 2px 0 hsl(var(--foreground) / .05);text-align:center;overflow-wrap:anywhere;border-radius:.375rem;padding:.58rem .7rem;font-size:.77rem;font-weight:600;line-height:1.3}.cc-article .node .sub{color:hsl(var(--muted-foreground));margin-top:.18rem;font-size:.67rem;font-weight:400;display:block}.cc-article .node.mono{font-family:var(--font-mono,monospace);font-size:.72rem;font-weight:500}.cc-article .node.mono .sub{font-family:var(--font-sans,sans-serif)}.cc-article .node.pri{border-color:hsl(var(--primary) / .45);background:hsl(var(--primary) / .09);color:hsl(var(--primary))}.cc-article .node.ok{color:#10b77f;background:#10b77f17;border-color:#10b77f73}.cc-article .node.bad{color:#dc2828;background:#dc282814;border-color:#dc282873}.cc-article .node.warnn{color:#db7706;background:#db770617;border-color:#db770673}.cc-article .node.ghost{box-shadow:none;color:hsl(var(--muted-foreground));background:0 0;border-style:dashed}.cc-article .flow{height:2.6rem;margin:.15rem 0;position:relative}.cc-article .flow:before{content:"";background:linear-gradient(180deg, hsl(var(--border) / .2), hsl(var(--border)) 22%, hsl(var(--border)) 78%, hsl(var(--border) / .2));border-radius:2px;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.cc-article .flow:after{content:"";background:linear-gradient(180deg, hsl(var(--primary) / 0), hsl(var(--primary) / .95) 55%, hsl(var(--primary) / 0));width:3px;height:46%;box-shadow:0 0 7px hsl(var(--primary) / .5);border-radius:3px;margin-left:-1.5px;animation:2.3s cubic-bezier(.4,0,.6,1) infinite cc-stream;position:absolute;top:0;left:50%}@keyframes cc-stream{0%{opacity:0;transform:translateY(-105%)}14%{opacity:1}86%{opacity:1}to{opacity:0;transform:translateY(222%)}}.cc-article .flow .tip{border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid hsl(var(--border));width:0;height:0;margin-left:-4px;position:absolute;bottom:-1px;left:50%}.cc-article .flow .lbl{border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--muted-foreground));font-family:var(--font-mono,monospace);white-space:nowrap;border-radius:999px;margin-left:.8rem;padding:.06rem .45rem;font-size:.62rem;position:absolute;top:50%;left:50%;transform:translateY(-50%)}.cc-article .legend{border-top:1px dashed hsl(var(--border));color:hsl(var(--muted-foreground));flex-wrap:wrap;justify-content:center;gap:.9rem;margin-top:1rem;padding-top:.85rem;font-size:.71rem;display:flex}.cc-article .legend i{vertical-align:-1px;border-radius:2px;width:.68rem;height:.68rem;margin-right:.3rem;display:inline-block}.cc-article .panes{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.cc-article .pane{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:.5rem;padding:.95rem}.cc-article .pane h4{text-align:center;text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--foreground));margin:0 0 .75rem;font-size:.72rem;font-weight:700}.cc-article .tree,.cc-article .kids{flex-direction:column;gap:.35rem;display:flex}.cc-article .tree .node{text-align:left;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.1rem .75rem;padding:.4rem .65rem;display:flex}.cc-article .tree .node .sub{margin-top:0}.cc-article .kids{border-left:1px dashed hsl(var(--border));margin-left:.9rem;padding-left:.8rem}.cc-article .faq details{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:.5rem;margin:.55rem 0;transition:border-color .25s;overflow:hidden}.cc-article .faq details[open]{border-color:hsl(var(--primary) / .35)}.cc-article .faq summary{cursor:pointer;color:hsl(var(--foreground));justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1.15rem;font-size:.96rem;font-weight:650;list-style:none;display:flex}.cc-article .faq summary::-webkit-details-marker{display:none}.cc-article .faq summary:after{content:"";border-right:2px solid hsl(var(--muted-foreground));border-bottom:2px solid hsl(var(--muted-foreground));flex:none;width:.5rem;height:.5rem;margin-right:.2rem;transition:transform .25s;transform:translateY(-.15rem)rotate(45deg)}.cc-article .faq details[open] summary:after{transform:translateY(.1rem)rotate(-135deg)}.cc-article .faq summary:hover{background:hsl(var(--muted) / .4)}.cc-article .faq .a{padding:0 1.15rem 1rem}.cc-article .faq .a p{font-size:.92rem}@media (max-width:780px){.cc-article .panes{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.cc-article .fig-frame{padding:1.15rem .9rem}.cc-article .grid-3,.cc-article .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.cc-article .flow:after{opacity:0;animation:none}}.cc-article .shot{aspect-ratio:1536/674}.cc-article .warn-box{border-left-color:#db7706}.cc-article .warn-box .usecase-label{color:#db7706}