.article-illustrations{container-type:inline-size;max-width:100%;min-width:0;margin:36px 0 44px;padding:24px 0;border-top:1px solid var(--cu-a20,rgba(6,182,212,.2));border-bottom:1px solid var(--cu-a20,rgba(6,182,212,.2))}
.article-illustrations *{box-sizing:border-box;min-width:0}
.article-illustrations .article-illustrations__note,.article-illustrations .article-illustrations__context{font-size:14px;line-height:1.7;color:#cbd5e1;margin:0 0 24px;max-width:70ch}
.article-illustrations__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
.article-illustrations .article-illustration{margin:0;min-width:0}
.article-illustration__crop{display:block;position:relative;overflow:hidden;width:100%;margin:0 auto 20px;background:var(--studio-base,#020617);border-radius:12px;isolation:isolate}
.article-illustration__crop:focus-visible{outline:2px solid #67e8f9;outline-offset:5px}
.article-illustrations .article-illustration__crop img{position:absolute;display:block;max-width:none;height:auto;margin:0;border:0;border-radius:0;object-fit:initial}
.article-illustrations .article-illustration figcaption{color:#e2e8f0;font-size:15px;line-height:1.8;margin:0;max-width:42ch}
@container(max-width:560px){.article-illustrations__grid{grid-template-columns:1fr;gap:32px}.article-illustrations .article-illustration figcaption{max-width:100%}}
.illustrated-article-static{max-width:816px;padding:32px 24px 64px;margin:auto;font-family:var(--font-google-sans-flex);font-size:16px;line-height:1.8;color:#e2e8f0}
.illustrated-article-static h1,.illustrated-article-static h2,.illustrated-article-static h3{font-family:'Michroma',sans-serif;font-weight:400;color:#f9fafb;line-height:1.5;text-wrap:balance;overflow-wrap:break-word}
.illustrated-article-static h1{font-size:clamp(26px,3vw,36px);margin:28px 0 24px}
.illustrated-article-static h2{font-size:22px;margin:48px 0 24px}
.illustrated-article-static h3{font-size:18px;margin:32px 0 18px}
.illustrated-article-static p{margin:0 0 22px}
.illustrated-article-static a{color:#a5f3fc;text-underline-offset:5px}
.illustrated-article-static table{display:block;max-width:100%;overflow-x:auto}
.illustrated-article-static img:not(.article-illustration__crop img){max-width:100%;height:auto}
.article-photo{max-width:680px;min-width:0;margin:36px auto 48px}
.article-photo a{display:block;border-radius:12px;overflow:hidden}
.article-photo a:focus-visible{outline:2px solid #67e8f9;outline-offset:5px}
.article-photo img{display:block;width:100%;max-width:100%;height:auto;max-height:640px;object-fit:contain;margin:0;border-radius:12px}
.article-photo figcaption{margin:18px 0 0;color:#cbd5e1;font-size:15px;line-height:1.8;overflow-wrap:anywhere}
.blog-editorial{min-width:0;overflow-wrap:anywhere}
.blog-editorial .article-answer{font-family:var(--font-google-sans-flex);color:var(--text-primary,#f9fafb);font-size:16px;line-height:1.8;margin:0 0 24px}
.blog-editorial section,.blog-editorial aside,.blog-editorial figure{min-width:0;max-width:100%}
.blog-editorial .article-table-scroll{max-width:100%;min-width:0;overflow-x:auto;margin:28px 0;overscroll-behavior-inline:contain}
.blog-editorial .article-table-scroll:focus-visible{outline:2px solid var(--accent-cyan-bright,#67e8f9);outline-offset:4px}
.blog-editorial table{display:table;border-collapse:collapse;width:100%;margin:0;font-size:14px;line-height:1.65;color:var(--text-body,#e2e8f0)}
.blog-editorial th,.blog-editorial td{padding:14px 16px;text-align:left;vertical-align:top;min-width:120px;border-bottom:1px solid var(--cu-a20,rgba(6,182,212,.2));overflow-wrap:normal}
.blog-editorial th{color:var(--text-primary,#f9fafb);font-weight:600}
.blog-editorial caption{text-align:left;color:var(--text-muted,#cbd5e1);padding-bottom:16px}
.blog-editorial pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere}
.blog-editorial video{display:block;width:100%;height:auto;max-height:640px;margin:24px 0}
.blog-editorial figure{margin:32px 0}
.blog-editorial figure img{display:block;width:100%;height:auto;object-fit:contain;max-height:720px}
.blog-editorial figcaption{font-size:14px;line-height:1.7;color:var(--text-muted,#cbd5e1);margin-top:16px}

.blog-editorial .article-summary{margin:0 0 32px;color:var(--text-primary,#f9fafb);font-size:16px;line-height:1.8}
.blog-editorial .article-summary p{margin:0;font-size:16px;line-height:1.8}
.blog-editorial h2[id],.blog-editorial h3[id]{scroll-margin-top:110px}
