.shell.editorial-article{max-width:calc(76ch + (2 * var(--side-padding)));padding-block:1rem 3rem}.editorial-article .crumbs{font-family:var(--font-body);letter-spacing:0;font-size:.95rem}.editorial-article :is(h1,h2){color:var(--menu-ink);text-transform:none;text-shadow:none;letter-spacing:0;text-wrap:balance}.editorial-article h1{margin-block:.7rem 1.5rem;font-size:2.4rem;line-height:1.2}.editorial-article .guide-published{color:var(--menu-muted);font:1rem var(--font-condensed);font-variant-numeric:tabular-nums;margin-block-end:1.5rem}.editorial-article .guide-body{max-width:76ch;color:var(--menu-ink);line-height:1.75}.editorial-article .guide-body h2{margin-block-start:2.4rem;font-size:1.65rem;line-height:1.3}.editorial-article .guide-body a{color:var(--menu-gold)}@media (hover:hover) and (pointer:fine){.editorial-article .guide-body a:hover{color:var(--menu-ink)}}.editorial-article a:focus-visible{outline:2px solid var(--menu-gold);outline-offset:3px}.editorial-article .article-byline{flex-wrap:wrap;align-items:baseline;gap:.5rem 1.25rem;display:flex}.editorial-article .article-byline a{color:var(--menu-gold)}.editorial-article .guide-body .article-section-anchor{color:inherit;text-decoration:none}@media (hover:hover) and (pointer:fine){.editorial-article .guide-body .article-section-anchor:hover{color:var(--menu-gold)}}.editorial-article .article-figure{margin-block:1.75rem;margin-inline:0}.editorial-article .article-figure img{width:100%;height:auto;display:block}.editorial-article .article-figure figcaption{font:1rem/1.6 var(--font-body);color:var(--menu-muted);margin-block-start:.65rem}.guide-directory-link img,.release-entry img{max-width:100%;height:auto;display:block}.editorial-links{margin-block-start:2rem}.editorial-links ul{margin:0;padding:0;list-style:none}.editorial-links li{border-block-end:1px solid var(--menu-line);flex-wrap:wrap;align-items:baseline;gap:.5rem 1.25rem;padding-block:.65rem;display:flex}.editorial-links a{color:var(--menu-gold);font:1rem/1.5 var(--font-body)}@media (hover:hover) and (pointer:fine){.editorial-links a:hover{color:var(--menu-ink)}}.editorial-links time{color:var(--menu-muted);font:1rem/1.5 var(--font-condensed);font-variant-numeric:tabular-nums}.editorial-links a:focus-visible{outline:2px solid var(--menu-gold);outline-offset:3px}.article-image-trigger{inline-size:100%;color:var(--menu-gold);cursor:zoom-in;background:0 0;border:0;padding:0;display:grid}.article-image-trigger>img,.article-image-trigger>span{grid-area:1/1}.article-image-trigger>span{background:var(--menu-bg);border:1px solid var(--menu-line);min-block-size:2.75rem;font:1rem var(--font-condensed);place-self:end;align-items:center;padding-inline:.8rem;display:inline-flex}.article-image-trigger:focus-visible{outline:2px solid var(--menu-gold);outline-offset:3px}.article-image-trigger:active>span{background:var(--menu-gold);color:var(--menu-bg)}@media (hover:hover) and (pointer:fine){.article-image-trigger:hover>span{border-color:var(--menu-gold)}}.article-image-overlay{z-index:220;background:oklch(0% 0 none/.82);position:fixed;inset:0}.article-image-dialog{z-index:221;background:var(--menu-bg);block-size:calc(100dvh - 2rem);color:var(--menu-ink);border:2px solid var(--menu-gold);flex-direction:column;gap:1rem;padding:1rem;display:flex;position:fixed;inset:1rem}.article-image-heading{flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:.6rem 1rem;display:flex}.article-image-heading h2{font:700 1.5rem var(--font-condensed);text-transform:none;letter-spacing:0;margin:0}.article-image-actions{flex-wrap:wrap;gap:.5rem;display:flex}.article-image-dialog button{min-block-size:2.75rem;font:1rem var(--font-condensed);color:var(--menu-gold);background:var(--menu-raised);border:1px solid var(--menu-line);cursor:pointer;padding:.5rem .8rem}.article-image-dialog button[aria-pressed=true],.article-image-dialog button:active{color:var(--menu-bg);background:var(--menu-gold);border-color:var(--menu-gold)}.article-image-dialog :is(button,[tabindex]):focus-visible{outline:2px solid var(--menu-gold);outline-offset:2px}@media (hover:hover) and (pointer:fine){.article-image-dialog button:hover{border-color:var(--menu-gold)}}.article-image-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:var(--menu-line) var(--menu-bg);flex:1;min-block-size:0;overflow:auto}.article-image-scroll img{inline-size:auto;max-inline-size:none;max-width:none;block-size:auto;margin-inline:auto;display:block}.article-image-scroll[data-fit=true] img{object-fit:contain;max-block-size:100%;max-inline-size:100%}.article-image-error{padding:1rem}
