.opal-article-publication{max-width:76ch;margin:0 auto;padding:clamp(2rem,5vw,5rem) 1.25rem}.opal-article-publication h1{letter-spacing:-.025em;text-wrap:balance;margin:1rem 0 1.5rem;font-size:clamp(2rem,4vw,3.5rem);line-height:1.12}.opal-article-publication a{text-underline-offset:.2em;text-decoration:underline}.opal-article-dates{color:var(--muted-foreground);margin-bottom:1rem}.opal-article-body{overflow-wrap:anywhere;font-size:1.0625rem;line-height:1.7}.opal-article-publication>article>.product-demo{width:min(1100px,100vw - 2.5rem);max-width:none;margin-block:2rem;margin-inline:calc(50% + min(1100px,100vw - 2.5rem)/-2)}.opal-article-body p,.opal-article-body ul,.opal-article-body ol,.opal-article-body figure{margin-block:1.5rem}.opal-article-body h2{margin:3rem 0 1rem;font-size:1.65rem;line-height:1.25}.opal-article-body h3{margin:2rem 0 .75rem;font-size:1.3rem}.opal-article-body ul,.opal-article-body ol{list-style:revert;padding-inline-start:1.5rem}.opal-article-body img,.opal-article-body video{max-width:100%;height:auto}.opal-article-body pre{color:#e6edf3;white-space:pre;overflow-wrap:normal;background:#171b20;border-radius:.75rem;max-width:100%;padding:1.25rem;overflow:auto}.opal-article-body code{font-family:ui-monospace,Consolas,monospace;font-size:.92em}.opal-article-body pre code{white-space:pre;color:inherit;background:0 0}.opal-article-body table{border-collapse:collapse;max-width:100%;display:block;overflow:auto}.opal-article-body th,.opal-article-body td{border:1px solid var(--border);padding:.75rem}.opal-article-index{padding:0;list-style:none}.opal-article-index li{border-bottom:1px solid var(--border);padding:1.75rem 0}.opal-article-index h3{text-wrap:pretty;font-size:1.3rem;font-weight:600;line-height:1.4}.opal-article-index h3 a{text-decoration:none}.opal-article-index h3 a:hover{text-decoration:underline}.opal-article-index-meta{color:var(--muted-foreground);flex-wrap:wrap;gap:.5rem 1rem;margin-block:.75rem;font-size:.875rem;display:flex}.opal-article-index-meta span{border-inline-start:1px solid var(--border);padding-inline-start:1rem}.opal-article-hub{max-width:72rem}.opal-article-hub-heading{max-width:68ch;margin-bottom:3rem}.opal-article-hub-heading h1{margin-top:0}.opal-article-hub-intro{margin-bottom:.75rem;font-size:1.3rem}.opal-article-browse{grid-template-columns:16rem minmax(0,1fr);align-items:start;gap:4rem;display:grid}.opal-article-topics{position:sticky;top:11rem}.opal-article-topics h2{margin-bottom:1rem;scroll-margin-top:14rem;font-size:1rem;font-weight:600}.opal-article-topics ul{padding:0;list-style:none}.opal-article-topics a{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:1rem;padding-block:.75rem;text-decoration:none;display:flex}.opal-article-topics a:hover{text-decoration:underline}.opal-article-topics span,.opal-article-group-heading p{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:.875rem}.opal-article-groups section{margin-bottom:4rem;scroll-margin-top:12rem}.opal-article-group-heading{border-bottom:1px solid var(--border);padding-bottom:1rem}.opal-article-group-heading h2,.opal-article-related h2{text-wrap:balance;margin-bottom:.5rem;font-size:1.65rem;line-height:1.25}.opal-article-back{align-items:center;min-height:44px;margin-top:.75rem;font-size:.875rem;display:inline-flex}.opal-article-publication a:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.opal-public .opal-article-browse :target{scroll-margin-top:15rem}@media (width<=900px){.opal-article-browse{grid-template-columns:1fr;gap:2.5rem}.opal-article-topics{position:static}.opal-article-topics ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem;display:grid}.opal-article-groups section{scroll-margin-top:15rem}}@media (width<=500px){.opal-article-topics ul{grid-template-columns:1fr}}.opal-article-related{border-top:1px solid var(--border);margin-top:3rem;padding-top:1rem}.opal-article-related-list{padding-inline-start:1.25rem;list-style:outside}.opal-article-related-list li{margin-block:.75rem}