@layer components{.article{padding-block:var(--spacing-6) var(--spacing-8)}.article-header{gap:var(--spacing-4);display:grid}.article-header__sponsored{padding:var(--spacing-1) var(--spacing-2);color:var(--color-text);background:var(--color-surface-strong);border:var(--border-width) solid var(--color-border);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;justify-self:start}.article-header__categories{gap:var(--spacing-2) var(--spacing-3);flex-wrap:wrap;display:flex}.article-header__categories a{color:var(--color-accent-red);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--leading-normal);letter-spacing:var(--tracking-wider);text-transform:uppercase;text-decoration:none}.article-header__categories a:hover{color:var(--color-text);text-decoration:underline}.article-header h1{font-size:var(--font-size-3xl);overflow-wrap:anywhere}.article-header__excerpt{max-inline-size:var(--content-width);color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--leading-relaxed)}.article-header__meta{align-items:baseline;gap:var(--spacing-2) var(--spacing-4);color:var(--color-muted);font-size:var(--font-size-sm);line-height:var(--leading-normal);flex-wrap:wrap;display:flex}.article-header__bylines{display:inline}.article-header__meta a{color:var(--color-text-secondary);font-weight:var(--font-weight-medium);text-decoration:none}.article-header__tags{gap:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;flex-wrap:wrap;margin-block-start:var(--spacing-3);padding:0;list-style:none;display:flex}.article-header__tags a{color:var(--color-text-secondary);text-decoration:none}.article-header__tags a:before{content:"#";opacity:.5}.article-header__tags a:hover{color:var(--paint-blue)}.article-header__meta a:hover{color:var(--color-brand);text-decoration:underline}.article-hero{background:var(--color-surface-strong);border-radius:var(--radius-lg);max-inline-size:none;box-shadow:var(--shadow-lg);margin-block-start:var(--spacing-6);overflow:hidden}.article-hero img{inline-size:100%}.article-body :is(h2,h3,h4)[id]{scroll-margin-block-start:calc(var(--nav-height) + var(--spacing-6))}.article-body--lead>p:first-of-type{font-size:var(--font-size-xl);line-height:var(--leading-relaxed);color:var(--color-text)}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.article-progress{z-index:60;transform-origin:0;background:linear-gradient(90deg, var(--paint-blue), var(--paint-jade));block-size:.1875rem;animation:linear article-progress;animation-timeline:scroll(root);position:fixed;inset-block-start:0;inset-inline:0;scale:0 1}}}@keyframes article-progress{to{scale:1}}.article-body>:is(p,ul,ol,.toc,.article-html){max-inline-size:44rem}.article{counter-reset:section}.article-body h2{counter-increment:section;padding-block-end:var(--spacing-2);position:relative}@media (width>=64rem){.article-body h2[data-self-numbered]:before{content:none}.article-body h2:before{content:counter(section, decimal-leading-zero);color:color-mix(in srgb, var(--paint-blue) 45%, transparent);font-size:var(--font-size-sm);font-weight:var(--font-weight-display);font-variant-numeric:tabular-nums;position:absolute;inset-block-start:.15em;inset-inline-end:calc(100% + var(--spacing-4))}}.article-body h2:after{content:"";background:linear-gradient(90deg, var(--paint-blue) 0%, color-mix(in srgb, var(--paint-blue) 35%, transparent) 38%, transparent 100%);block-size:.125rem;position:absolute;inset-block-end:0;inset-inline:0}.article-body h3{color:color-mix(in srgb, var(--paint-ink) 88%, var(--paint-blue))}.article-body{max-inline-size:var(--content-width);font-size:var(--font-size-lg);line-height:var(--leading-relaxed);overflow-wrap:break-word;margin-block-start:var(--spacing-8)}.article-body>*+*{margin-block-start:var(--spacing-5)}.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{color:var(--color-text);margin-block-start:var(--spacing-8)}.article-body h2{font-size:clamp(1.65rem,3.2vw,2.15rem)}.article-body h3{font-size:clamp(1.35rem,2.4vw,1.6rem)}.article-body h4,.article-body h5,.article-body h6{font-size:var(--font-size-xl)}.article-body .article-list{gap:var(--spacing-2);padding-inline-start:var(--spacing-6);display:grid}.article-body .article-list .article-list{margin-block-start:var(--spacing-2)}.article-body blockquote{margin-block:var(--spacing-10);padding:var(--spacing-1) 0 var(--spacing-1) var(--spacing-8);color:var(--color-text);border-inline-start:.25rem solid #0000;border-image:linear-gradient(180deg, var(--paint-blue) 0%, color-mix(in srgb, var(--paint-blue) 25%, transparent) 100%) 1;font-family:var(--font-heading);font-size:clamp(1.5rem,1.1rem + 1.5vw,2.05rem);font-weight:var(--font-weight-medium);line-height:var(--leading-tight);letter-spacing:-.015em;text-wrap:balance;background:0 0;position:relative}.article-body blockquote:before{content:"“";color:color-mix(in srgb, var(--paint-blue) 16%, transparent);font-family:var(--font-heading);pointer-events:none;font-size:3.4em;line-height:1;position:absolute;inset-block-start:-.28em;inset-inline-start:-1.25rem}.article-body blockquote p{margin:0}.article-body blockquote p+p{margin-block-start:var(--spacing-4)}.article-body pre{overscroll-behavior-inline:contain;max-inline-size:100%;padding:var(--spacing-4);color:var(--color-text);background:var(--color-surface-strong);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);overflow-x:auto}.article-body code{font-size:var(--font-size-sm)}.article-body .emdash-code-filename{padding:var(--spacing-2) var(--spacing-4);color:var(--color-text-secondary);font-size:var(--font-size-xs);background:var(--color-bg-subtle);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-block-end:0}.article-body .emdash-code-filename+pre{border-start-start-radius:0;border-start-end-radius:0}.article-body>.emdash-image,.article-body>.article-image,.article-body>.article-gallery,.article-body>.article-columns,.article-body>.article-embed,.article-body>.article-html{margin-block:var(--spacing-6)}.article-body>.article-gallery,.article-body>.article-columns,.article-body>.article-embed,.article-body>.article-html{clear:both}.article-body .emdash-image img,.article-body .article-image img,.article-html img{border-radius:var(--radius-lg);max-inline-size:100%}.article-image{max-inline-size:100%}.article-image[style]{inline-size:var(--article-image-width)}.article-image--left,.article-image--right{float:none;margin-inline:0}.article-image--center{margin-inline:auto}.article-image--center:not([style]){inline-size:fit-content}.article-image--wide,.article-image--full{inline-size:100%}.article-body figcaption{color:var(--color-muted);font-size:var(--font-size-sm);line-height:var(--leading-normal);text-align:start;margin-block-start:var(--spacing-2)}.article-gallery{gap:var(--spacing-3);grid-template-columns:minmax(0,1fr);display:grid}.article-gallery .article-image,.article-gallery .emdash-image,.article-gallery .article-image img,.article-gallery .emdash-image img{inline-size:100%;max-inline-size:100%}.article-gallery .article-image,.article-gallery .emdash-image{margin:0}.article-columns{gap:var(--spacing-4);padding-block:var(--spacing-5);grid-template-columns:minmax(0,1fr);max-inline-size:100%;display:grid}.article-columns__column>*+*{margin-block-start:var(--spacing-4)}.article-embed__frame,.article-html iframe{aspect-ratio:16/9;background:var(--color-surface-strong);inline-size:100%;overflow:hidden}.article-embed__frame iframe,.article-html iframe{border:0;block-size:100%;inline-size:100%}.article-embed__fallback{padding:var(--spacing-4);color:var(--color-text-secondary);background:var(--color-bg-subtle);border-block:var(--border-width) solid var(--color-border-subtle)}.article-html>*+*{margin-block-start:var(--spacing-4)}.article-html table{border-collapse:collapse;inline-size:100%}.article-html th,.article-html td{padding:var(--spacing-2) var(--spacing-3);text-align:start;border:var(--border-width) solid var(--color-border)}.author-card{max-inline-size:var(--content-width);padding-block:var(--spacing-6);border-block:var(--border-width) solid var(--color-border);margin-block-start:var(--spacing-10)}.author-card>h2,.article-comments>h2,.related-grid__header h2{font-size:var(--font-size-2xl)}.author-card__list{gap:var(--spacing-5);margin-block-start:var(--spacing-5);list-style:none;display:grid}.author-card__person{grid-template-columns:var(--control-size) minmax(0, 1fr);gap:var(--spacing-4);align-items:start;display:grid}.author-card__initial{inline-size:var(--control-size);block-size:var(--control-size);color:var(--color-text-secondary);font-family:var(--font-heading);font-weight:var(--font-weight-display);background:var(--color-surface-strong);border-radius:50%;place-items:center;display:grid}.author-card__copy{gap:var(--spacing-2);display:grid}.author-card__name{gap:var(--spacing-2);flex-wrap:wrap;align-items:baseline;display:flex}.author-card__name>a{color:var(--color-text);font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-heading);text-decoration:none}.author-card__name>a:hover{color:var(--color-brand);text-decoration:underline}.author-card__name>span,.author-card__website{color:var(--color-muted);font-size:var(--font-size-sm)}.author-card__bio{color:var(--color-text-secondary);line-height:var(--leading-normal)}.article-comments{gap:var(--spacing-5);max-inline-size:var(--content-width);border-block-start:var(--border-width) solid var(--color-border);margin-block-start:var(--spacing-10);padding-block-start:var(--spacing-6);display:grid}.related-grid{margin-block:var(--spacing-4) var(--spacing-10);padding-block-start:var(--spacing-6)}.related-grid__stories{gap:var(--spacing-5);grid-template-columns:minmax(0,1fr);margin-block-start:var(--spacing-5);list-style:none;display:grid}.related-grid__stories>li{display:grid}.related-grid__stories>li>*{block-size:100%}.article-sidebar{gap:var(--spacing-5);max-block-size:calc(100dvh - var(--nav-height) - var(--spacing-8));padding-block:var(--spacing-6);scrollbar-gutter:stable;display:grid;position:sticky;inset-block-start:calc(var(--nav-height) + var(--spacing-4));overflow-y:auto}.article-sidebar h2{color:var(--color-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase}.article-sidebar dl,.article-sidebar dl>div{gap:var(--spacing-1);display:grid}.article-sidebar dt{color:var(--color-muted);font-size:var(--font-size-xs)}.article-sidebar dd,.article-sidebar ul{gap:var(--spacing-2);list-style:none;display:grid}.article-sidebar a{color:var(--color-text-secondary);text-decoration:none}.article-sidebar a:hover{color:var(--color-brand);text-decoration:underline}.site-main__sidebar:has(.article-sidebar){display:none}@media (width>=48rem){.article{padding-block:var(--spacing-8) var(--spacing-10)}.article-header h1{font-size:var(--font-size-4xl)}.article-hero,.article-body{margin-block-start:var(--spacing-10)}.article-image--left,.article-image--right{margin-block-start:0;margin-block-end:var(--spacing-4)}.article-image--left{float:left;margin-inline-end:var(--spacing-6)}.article-image--right{float:right;margin-inline-start:var(--spacing-6)}.article-image--left:not([style]),.article-image--right:not([style]){inline-size:50%}.article-gallery{grid-template-columns:repeat(var(--article-gallery-columns), minmax(0, 1fr))}.article-columns{gap:var(--spacing-6);flex-wrap:wrap;max-inline-size:100%;display:flex}.article-columns__column{overflow-wrap:break-word;flex:1 1 0;min-inline-size:min(14rem,100%);max-inline-size:100%}.related-grid__stories{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.site-main__sidebar:has(.article-sidebar){display:block}.related-grid__stories{gap:var(--spacing-6);grid-template-columns:repeat(4,minmax(0,1fr))}}}.article-body .article-steam-widget{block-size:200px;inline-size:100%;max-inline-size:100%;margin-block:var(--spacing-6);border:0;display:block}.widget{margin-block:var(--spacing-8)}.widget__title{padding:.25rem var(--spacing-3);background:var(--paint-ink);color:var(--color-on-brand);font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-display);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin-block-end:var(--spacing-4);display:inline-block}.widget__content ul,.widget__content ol{gap:var(--spacing-3);margin:0;padding:0;list-style:none;display:grid}.widget__content li{border-block-end:var(--keyline) solid var(--color-border-subtle);padding-block-end:var(--spacing-3)}.widget__content li:last-child{border-block-end:0}.widget__content a{color:var(--color-text);font-family:var(--font-heading);font-weight:var(--font-weight-medium);text-decoration:none}.widget__content a:hover{color:var(--paint-blue)}.widget__content img{border:var(--panel-edge) solid var(--panel-edge-color);block-size:auto;inline-size:100%}.widget-area:empty{display:none}.article-body .has-text-align-center{text-align:center}.article-body .has-text-align-right{text-align:right}.article-body .has-text-align-justify{text-align:justify}