.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-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 li>a{font-size:1.3rem;font-weight:600}.opal-article-index time{color:var(--muted-foreground);margin-top:.5rem;display:block}
