.article-page-wrapper{display:flex;flex-direction:column;gap:var(--space-md);max-width:800px;margin:0 auto;--accent: var(--clr-ai)}.article-actions{margin-block-end:var(--space-xs)}.back-link{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-heading);font-weight:500;color:var(--text-muted);font-size:.9rem}.back-link:hover{color:var(--accent)}.article-body-container{position:relative;padding:var(--space-xl)!important;overflow:hidden}.article-body-container:before{content:"";position:absolute;inset:0 0 auto;height:180px;background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent) 11%,white),transparent 60%),linear-gradient(180deg,hsl(0 0% 100% / .68),transparent);pointer-events:none}.article-header{border-bottom:1px solid var(--border-color);padding-block-end:calc(var(--space-lg) + .15rem);margin-block-end:var(--space-xl);display:flex;flex-direction:column;gap:.9rem;position:relative}.article-header:after{content:"";width:68px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 25%,white))}.article-title{font-size:clamp(2rem,1.8rem + 3vw,2.75rem);font-weight:800;letter-spacing:-.03em;color:var(--text-primary);line-height:1.2}.article-dek{max-width:62ch;margin:0;font-size:1.08rem;line-height:1.8;color:color-mix(in srgb,var(--text-primary) 82%,white)}.article-metadata{display:flex;gap:var(--space-lg);font-size:.9rem;color:var(--text-muted);flex-wrap:wrap}.article-cover-image{width:100%;border-radius:var(--radius-sm);border:1px solid var(--border-color);margin-block-end:var(--space-lg);box-shadow:0 20px 40px -34px #242b3866}.article-markdown-content{font-size:1.05rem;line-height:1.9;color:var(--text-secondary);text-wrap:pretty}.article-markdown-content>*+*{margin-top:1.05rem}.article-markdown-content>p,.article-markdown-content>ul,.article-markdown-content>ol,.article-markdown-content>blockquote,.article-markdown-content>pre,.article-markdown-content>.diagram-wrap,.article-markdown-content>img,.article-markdown-content>figure{max-width:68ch}.article-markdown-content>:is(.diagram-wrap,pre,img,figure,.waf-diagram){max-width:none}.article-markdown-content p{margin:0}.article-markdown-content p+p{margin-top:1.15rem}.article-markdown-content figure{margin-block:1.5rem}.article-markdown-content figure img{width:100%;border-radius:16px;border:1px solid var(--border-color);box-shadow:0 24px 44px -34px #242b3859}.article-markdown-content figcaption{margin-top:.75rem;font-size:.9rem;color:var(--text-muted)}.article-markdown-content h1,.article-markdown-content h2,.article-markdown-content h3{color:var(--text-primary);margin-top:2.6rem;margin-bottom:.7rem;letter-spacing:-.02em}.article-markdown-content h1{font-size:1.8rem}.article-markdown-content h2{font-size:1.45rem;padding-top:1rem;border-top:1px solid color-mix(in srgb,var(--border-color) 75%,white)}.article-markdown-content h3{font-size:1.2rem}.article-markdown-content a{color:var(--accent);text-decoration:underline;font-weight:500;text-underline-offset:.16em}.article-markdown-content code{font-family:monospace;background:#eaedf0;border:1px solid var(--border-color);padding:.18rem .42rem;border-radius:6px;font-size:.85rem;color:var(--accent)}.article-markdown-content pre{background:#212631;color:#fafafa;border:1px solid hsl(220 16% 24%);border-radius:var(--radius-sm);padding:1rem 1.05rem;overflow-x:auto;box-shadow:inset 0 1px #ffffff0a}.article-markdown-content pre code{background:transparent;border:none;color:inherit;padding:0}.article-markdown-content ul,.article-markdown-content ol{margin-inline-start:1.25rem;padding-left:.35rem}.article-markdown-content li+li{margin-top:.55rem}.article-markdown-content hr{width:min(100%,68ch);margin:2.4rem 0;border:none;border-top:1px solid color-mix(in srgb,var(--border-color) 80%,white)}.article-markdown-content blockquote{margin:1.8rem 0;padding:1rem 1.2rem 1rem 1.05rem;border-left:3px solid var(--accent);border-radius:0 18px 18px 0;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 8%,white),#ffffff7a);color:var(--text-primary)}.article-markdown-content img{display:block;width:100%;margin:1.6rem 0;padding:.65rem;border-radius:calc(var(--radius-sm) + 6px);border:1px solid var(--border-color);background:#ffffffb8;box-shadow:0 20px 40px -34px #242b3859}.article-markdown-content .lede{font-size:1.14rem;color:var(--text-primary);line-height:1.85}.article-markdown-content .pullquote{margin:var(--space-lg) 0;padding:var(--space-md) var(--space-lg);border-left:3px solid var(--accent);border-radius:0 20px 20px 0;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 8%,white),#ffffffc7);color:var(--text-primary);font-family:var(--font-heading);font-size:1.1rem;line-height:1.7}.article-markdown-content .diagram-wrap{display:grid;gap:var(--space-sm);margin:1.9rem 0;padding:1rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#ffffffb8;box-shadow:0 18px 36px -32px #242b3852}.article-markdown-content .diagram-label{font-family:var(--font-heading);font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.article-markdown-content .diagram-wrap svg{width:100%;height:auto}.article-markdown-content .section{margin:var(--space-xl) 0;border:none;border-top:1px solid var(--border-color)}.article-markdown-content .callout{margin:var(--space-lg) 0;padding:1rem 1.1rem 1rem 1.15rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#ffffffb8;color:var(--text-primary);box-shadow:0 16px 34px -30px #242b3847}.article-markdown-content .callout.danger{border-color:#e09690;background:#fdf2f1}.article-markdown-content .callout.info{border-color:#a0c9e4;background:#f2f8fd}.article-markdown-content .callout-title{margin-bottom:.45rem;font-family:var(--font-heading);font-size:.95rem;font-weight:700;color:var(--text-primary)}.article-markdown-content .tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md);margin:var(--space-md) 0 var(--space-lg)}.article-markdown-content .tool-card{display:grid;gap:.55rem;padding:var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#ffffffc7}.article-markdown-content .tool-card-header{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.article-markdown-content .tool-tag{display:inline-flex;align-items:center;padding:.22rem .5rem;border-radius:var(--radius-full);font-family:var(--font-heading);font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;border:1px solid var(--border-color);color:var(--text-muted);background:#f0f2f5}.article-markdown-content .tag-oss{background:#e9f7ef;color:#2c6d46;border-color:#b4dac4}.article-markdown-content .tag-commercial{background:#fcf2e8;color:#954618;border-color:#e5c6a9}.article-markdown-content .tag-standard{background:#eaf1fb;color:#2c558c;border-color:#b4c9e4}.article-markdown-content .tool-name{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--text-primary)}.article-markdown-content .tool-desc{font-size:.96rem;line-height:1.65;color:var(--text-secondary)}.article-markdown-content .checklist{display:grid;gap:.5rem;margin:var(--space-md) 0 var(--space-lg);padding-left:1.2rem}.article-markdown-content .waf-diagram{margin:var(--space-lg) 0;padding:clamp(1rem,2vw,1.4rem);border-radius:var(--radius-md);border:1px solid var(--border-color);background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 12%,white),transparent 30%),linear-gradient(180deg,#ffffffeb,#f6f3eff5);box-shadow:0 24px 48px -38px #232a3959}.article-markdown-content .waf-diagram__entry,.article-markdown-content .waf-diagram__exit{display:flex;justify-content:center}.article-markdown-content .waf-diagram__entry-label,.article-markdown-content .waf-diagram__exit-label{display:inline-flex;align-items:center;justify-content:center;padding:.55rem .95rem;border-radius:var(--radius-full);font-family:var(--font-heading);font-size:.82rem;font-weight:700;letter-spacing:.03em;background:#29303d;color:#fafafa}.article-markdown-content .waf-diagram__exit-label{background:linear-gradient(135deg,var(--clr-cdn),var(--clr-ai))}.article-markdown-content .waf-diagram__flow{position:relative;display:grid;gap:.95rem;margin:1rem 0;padding:1.1rem 0}.article-markdown-content .waf-diagram__flow:before{content:"";position:absolute;top:0;bottom:0;left:2rem;width:2px;background:linear-gradient(180deg,var(--clr-ai),var(--clr-cdn),var(--clr-security));opacity:.35}.article-markdown-content .waf-diagram__step{position:relative;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(180px,.9fr);gap:.85rem;align-items:center}.article-markdown-content .waf-diagram__step:before{content:"";position:absolute;left:1.46rem;top:50%;width:1rem;height:1rem;border-radius:999px;background:var(--bg-surface-elevated);border:3px solid var(--accent);transform:translateY(-50%);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 10%,transparent)}.article-markdown-content .waf-diagram__card{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:start;margin-left:3.1rem;padding:1rem 1rem 1rem 1.1rem;border-radius:18px;border:1px solid color-mix(in srgb,var(--accent) 18%,white);background:#ffffffe0}.article-markdown-content .waf-diagram__number{display:inline-flex;align-items:center;justify-content:center;min-width:2.2rem;height:2.2rem;border-radius:14px;font-family:var(--font-heading);font-size:.8rem;font-weight:800;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,white)}.article-markdown-content .waf-diagram__card strong{display:block;color:var(--text-primary);font-family:var(--font-heading);font-size:.98rem;line-height:1.2;margin-bottom:.18rem}.article-markdown-content .waf-diagram__card p{margin:0;font-size:.9rem;line-height:1.5;color:var(--text-secondary)}.article-markdown-content .waf-diagram__outcome{display:grid;gap:.15rem;padding:.8rem .95rem;border-radius:16px;border:1px solid var(--border-color);background:#fffc;text-align:left}.article-markdown-content .waf-diagram__outcome span{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.article-markdown-content .waf-diagram__outcome strong{color:var(--text-primary);font-family:var(--font-heading);font-size:.92rem;line-height:1.25}.article-markdown-content .waf-diagram__outcome-danger{border-color:#eaada4;background:#fef2f0}.article-markdown-content .waf-diagram__outcome-warn{border-color:#ebcd98;background:#fff9eb}@media(max-width:720px){.article-dek{font-size:1rem}.article-markdown-content{font-size:1rem;line-height:1.82}.article-markdown-content .tool-grid{grid-template-columns:1fr}.article-markdown-content .waf-diagram__flow:before{left:1.35rem}.article-markdown-content .waf-diagram__step{grid-template-columns:1fr}.article-markdown-content .waf-diagram__step:before{left:.82rem;top:1.3rem;transform:none}.article-markdown-content .waf-diagram__card,.article-markdown-content .waf-diagram__outcome{margin-left:2.3rem}.article-markdown-content>p,.article-markdown-content>ul,.article-markdown-content>ol,.article-markdown-content>blockquote,.article-markdown-content>pre,.article-markdown-content>.diagram-wrap,.article-markdown-content>img{max-width:100%}}.article-footer{display:flex;flex-direction:column;gap:var(--space-md);align-items:flex-start;border-top:1px solid var(--border-color);padding-block-start:var(--space-lg);margin-block-start:var(--space-xl)}.share-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.share-label{font-family:var(--font-heading);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.share-buttons{display:flex;flex-wrap:wrap;gap:.65rem}.share-button{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .9rem;border-radius:var(--radius-full);border:1px solid var(--border-color);background:#ffffffc2;color:var(--text-secondary);font-family:var(--font-heading);font-size:.82rem;font-weight:600;line-height:1;transition:border-color .14s ease,color .14s ease,transform .14s ease}.share-button:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--border-color));transform:translateY(-1px)}.share-copy-button{cursor:pointer}.tags-container{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-muted);font-size:.9rem;flex-wrap:wrap}.tags-label{font-weight:600}.tags-list{display:flex;gap:var(--space-xs);flex-wrap:wrap}@media(max-width:720px){.share-actions{flex-direction:column;align-items:flex-start}}