@layer components{.post-grid[data-s-z7xolria]{--w:min(100% - 2 * var(--gutter), var(--wide));grid-template-columns:[full-start wide-start] minmax(var(--gutter), 1fr) [content-start] min(var(--measure), 100% - 2 * var(--gutter)) [content-end] minmax(var(--gutter), 1fr) [wide-end full-end];display:grid}.post-grid[data-s-z7xolria]>[data-s-z7xolria]{grid-column:content;min-inline-size:0}.hero[data-s-z7xolria]{padding-block:calc(var(--header-h) + 32px) 48px;color:var(--white);background:#232323;row-gap:24px;overflow:clip}.hero-text[data-s-z7xolria]{inline-size:100%}.hero-art[data-s-z7xolria]{pointer-events:none;justify-self:end;block-size:220px;inline-size:min(100%,340px)}.hero-art[data-s-z7xolria] img{object-fit:contain;object-position:right bottom;block-size:100%;inline-size:100%}.crumbs[data-s-z7xolria] ol[data-s-z7xolria]{flex-wrap:wrap;gap:8px;font-size:14px;line-height:21px;display:flex}.crumbs[data-s-z7xolria] li[data-s-z7xolria]+li[data-s-z7xolria]:before{content:"/";margin-inline-end:8px}.crumbs[data-s-z7xolria] a[data-s-z7xolria]{color:var(--white);text-decoration:none;&:hover{text-decoration:underline}}h1[data-s-z7xolria]{font-size:var(--fs-post);color:var(--white);margin-block:20px;line-height:1.15}.standfirst[data-s-z7xolria]{font-size:var(--fs-body);line-height:var(--lh-body)}.meta[data-s-z7xolria]{font-size:var(--fs-body);line-height:var(--lh-body);flex-wrap:wrap;gap:4px 12px;margin-block-start:24px;display:flex}.meta[data-s-z7xolria]>[data-s-z7xolria]+[data-s-z7xolria]:before{content:"·";margin-inline-end:12px}.note[data-s-z7xolria]{border-inline-start:3px solid var(--red);margin-block-start:12px;padding-inline-start:12px;font-size:14px;line-height:21px}.layout[data-s-z7xolria]{padding-block:var(--section);row-gap:32px}.post-body[data-s-z7xolria]{--measure:100%;inline-size:100%;min-inline-size:0;font-size:var(--fs-body);line-height:var(--lh-body);overflow-wrap:break-word}.post-body[data-s-z7xolria]>*+*{margin-block-start:20px}.post-body[data-s-z7xolria] h2{font-size:var(--fs-h3);line-height:var(--lh-h3);margin-block:40px 20px}.post-body[data-s-z7xolria] h3{font-size:var(--fs-h4);margin-block:30px 10px;line-height:1.15}.post-body[data-s-z7xolria] :is(h2,h3)+*,.post-body[data-s-z7xolria]>:first-child{margin-block-start:0}.post-body[data-s-z7xolria] img{block-size:auto;inline-size:auto;max-inline-size:100%}.post-body[data-s-z7xolria] figure img{margin-inline:auto}.post-body[data-s-z7xolria] figcaption{text-align:start;font-size:14px;line-height:21px}.post-body[data-s-z7xolria] a{color:var(--red-ink);text-decoration:underline}.post-body[data-s-z7xolria] table{font-variant-numeric:tabular-nums}.post-body[data-s-z7xolria] [role=region],.post-body[data-s-z7xolria] pre{max-inline-size:100%;overflow-x:auto}.toc[data-s-z7xolria]{border-inline-start:5px solid var(--red);background:var(--surface);inline-size:100%;padding:16px 20px}.toc[data-s-z7xolria] summary[data-s-z7xolria]{font:700 22px / 28px var(--font-heading);color:var(--ink);cursor:pointer}.toc[data-s-z7xolria] summary[data-s-z7xolria] span[data-s-z7xolria]{font:400 14px / 21px var(--font-body);color:var(--text)}.toc[data-s-z7xolria] ol[data-s-z7xolria]{gap:12px;margin-block-start:20px;display:grid}.toc[data-s-z7xolria] a[data-s-z7xolria]{color:var(--text);font-size:var(--fs-body);padding-inline-start:18px;line-height:1.4;text-decoration:none;transition:color .15s;display:block;position:relative}.toc[data-s-z7xolria] a[data-s-z7xolria]:before{content:"";background:var(--red);block-size:8px;inline-size:8px;position:absolute;inset-block-start:.5em;inset-inline-start:0}.toc[data-s-z7xolria] a[data-s-z7xolria]:is(:hover,[aria-current]){color:var(--red-ink)}.toc[data-s-z7xolria] a[data-s-z7xolria][aria-current]{font-weight:700}.end[data-s-z7xolria]{padding-block-end:var(--section)}.related[data-s-z7xolria]{padding-block:var(--section);background:var(--surface)}.related[data-s-z7xolria] h2[data-s-z7xolria]{font-size:var(--fs-h4);margin-block-end:32px;line-height:1.15}.related-list[data-s-z7xolria]{display:grid}.related-list[data-s-z7xolria]>li[data-s-z7xolria]{border-block-start:1px solid var(--line)}.related-list[data-s-z7xolria]>li[data-s-z7xolria]:last-child{border-block-end:1px solid var(--line)}.related-post[data-s-z7xolria]{color:var(--ink);grid-template-columns:96px minmax(0,1fr);align-items:center;gap:16px;padding-block:24px;text-decoration:none;display:grid}.related-post[data-s-z7xolria]:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.related-post[data-s-z7xolria] img{aspect-ratio:270/203;object-fit:contain;background:var(--white);block-size:auto;inline-size:100%}.related-topic[data-s-z7xolria]{color:var(--red-ink);margin-block-end:6px;font-size:14px;font-weight:700;line-height:20px}.related-post[data-s-z7xolria] h3[data-s-z7xolria]{font-size:20px;line-height:26px}.related-post[data-s-z7xolria]:hover h3[data-s-z7xolria]{text-underline-offset:4px;text-decoration:underline}.related-meta[data-s-z7xolria]{color:var(--text);flex-wrap:wrap;gap:4px 12px;margin-block-start:10px;font-size:14px;line-height:21px;display:flex}.related-meta[data-s-z7xolria] span[data-s-z7xolria]:before{content:"·";margin-inline-end:12px}.all[data-s-z7xolria]{margin-block-start:24px;& a{padding-block:12px;font-weight:700;display:inline-block}}@media (width>=48rem){.related-post[data-s-z7xolria]{grid-template-columns:160px minmax(0,1fr);gap:24px}.related-post[data-s-z7xolria] h3[data-s-z7xolria]{font-size:24px;line-height:30px}}@media (width>=1025px){.related-list[data-s-z7xolria]{gap:var(--gap-l);grid-template-columns:repeat(4,minmax(0,1fr))}.related-list[data-s-z7xolria]>li[data-s-z7xolria],.related-list[data-s-z7xolria]>li[data-s-z7xolria]:last-child{border:0}.related-post[data-s-z7xolria]{background:var(--white);grid-template-columns:1fr;align-items:start;gap:0;block-size:100%;padding:0}.related-post[data-s-z7xolria]>div[data-s-z7xolria]{padding:20px}.related-post[data-s-z7xolria] h3[data-s-z7xolria]{font-size:var(--fs-h4);line-height:1.15}}@media (width>=75rem){.post-grid[data-s-z7xolria]{grid-template-columns:[full-start] minmax(0, 1fr) [wide-start] calc(var(--w) * 268 / 1260) [rail-end] calc(var(--w) * 62 / 1260) [content-start] calc(var(--w) * 930 / 1260) [content-end wide-end] minmax(0, 1fr) [full-end]}.related[data-s-z7xolria]>[data-s-z7xolria]{grid-column:wide}.hero[data-s-z7xolria]{grid-template-columns:[full-start] minmax(0, 1fr) [wide-start text-start] calc(var(--w) / 2 - 30px) [text-end] 60px [art-start] calc(var(--w) / 2 - 30px) [art-end wide-end] minmax(0, 1fr) [full-end];padding-block:calc(var(--header-h) + 40px) 40px;min-block-size:var(--post-hero);align-content:center;row-gap:0}.hero[data-s-z7xolria] .hero-text[data-s-z7xolria]{grid-area:1/text;align-self:center}.hero[data-s-z7xolria] .hero-art[data-s-z7xolria]{aspect-ratio:600/350;grid-area:1/art;place-self:center stretch;block-size:auto;inline-size:100%}.hero-art[data-s-z7xolria] img{object-position:center}.post-body[data-s-z7xolria]{grid-row:1}.layout[data-s-z7xolria].no-toc .post-body[data-s-z7xolria]{inline-size:100%;max-inline-size:calc(var(--w) * 930 / 1260);grid-column:wide;justify-self:center}.layout[data-s-z7xolria] .toc[data-s-z7xolria]{background:0 0;border:0;grid-area:1/wide-start/auto/rail-end;align-self:start;max-block-size:calc(100svh - 120px);padding:0;position:sticky;inset-block-start:96px;overflow-y:auto}.toc[data-s-z7xolria] summary[data-s-z7xolria]{font-size:var(--fs-toc);line-height:1.11;list-style:none}.toc[data-s-z7xolria] summary[data-s-z7xolria] span[data-s-z7xolria]{display:none}.toc[data-s-z7xolria] summary[data-s-z7xolria]::-webkit-details-marker{display:none}.toc[data-s-z7xolria] ol[data-s-z7xolria]{margin-block-start:24px}.toc[data-s-z7xolria] a[data-s-z7xolria]{font-size:21px;line-height:28px}}@media (prefers-reduced-motion:reduce){.toc[data-s-z7xolria] a[data-s-z7xolria]{transition:none}}}
