.article{inline-size:100%;padding-block:var(--section-space-m);gap:var(--section-space-m);flex-direction:column;display:flex}.article__header,.article-body{inline-size:100%;max-inline-size:var(--content-width-narrow);padding-inline:var(--gutter);box-sizing:border-box;margin-inline:auto}.article__title{font-size:var(--h1);color:var(--color-foreground);margin:0;font-weight:800;line-height:1.1}.article-body{font-size:var(--text-l);color:var(--color-foreground);line-height:1.75}.article-body>:first-child{margin-block-start:0}.article-body>:last-child{margin-block-end:0}.article-body p{margin-block:var(--space-m)}.article-body h2{font-size:var(--text-xxl);margin-block:var(--space-l)var(--space-s);font-weight:800;line-height:1.2}.article-body h3{font-size:var(--text-xl);margin-block:var(--space-l)var(--space-s);font-weight:800;line-height:1.25}.article-body strong{font-weight:800}.article-body em{font-style:normal;font-weight:700}.article-body a{color:var(--fg-green-dark);text-underline-offset:.25em;text-decoration:underline}.article-body ul,.article-body ol{margin-block:var(--space-m);padding-inline-start:1.5em}.article-body li{margin-block:var(--space-xs)}.article-body img{border-radius:var(--radius-l);block-size:auto;inline-size:100%;margin-block:var(--space-l);display:block}.article-body blockquote{margin-block:var(--space-l);border-inline-start:4px solid var(--color-secondary);color:color-mix(in oklch,var(--color-foreground)80%,transparent);padding-inline-start:var(--space-m);font-style:italic}.article-callout{margin-block:var(--space-xl);padding:var(--space-l)var(--space-xl);border-radius:var(--radius-l)}.article-callout[data-variant=yellow]{background:var(--fg-yellow);color:var(--fg-dark-brown)}.article-callout[data-variant=blue]{background:var(--fg-blue);color:var(--fg-light-brown)}.article-callout :where(h2,h3,strong,em,a){color:inherit}.article-callout[data-variant=blue] a{color:var(--fg-light-brown)}.article-callout>:first-child{margin-block-start:0}.article-callout>:last-child{margin-block-end:0}@media (max-width:720px){.article-callout{padding:var(--space-l);border-radius:var(--radius-m)}}