.article-page[data-v-d53ec4bc]{background:radial-gradient(ellipse at top,color-mix(in srgb,var(--brand-600) 7%,var(--paper)) 0,transparent 35%)}.article-artwork[data-v-d53ec4bc]{max-width:1120px;margin:2.5rem auto 3rem;padding:0 1.25rem}.article-artwork img[data-v-d53ec4bc]{border-radius:1.25rem;width:100%;height:auto;display:block;box-shadow:0 20px 50px #092b2317}.article-reading-layout[data-v-d53ec4bc]{grid-template-columns:230px minmax(0,760px);align-items:start;gap:3.25rem;max-width:1120px;margin:auto;padding:0 1.25rem;display:grid}.article-outline[data-v-d53ec4bc]{position:sticky;top:7rem}.article-contents[data-v-d53ec4bc]{border-top:2px solid #12806b;flex-direction:column;gap:.8rem;padding:1.25rem 0;font-size:.84rem;line-height:1.55;display:flex}.article-contents strong[data-v-d53ec4bc]{text-transform:uppercase;letter-spacing:.08em;color:var(--brand-700);margin-bottom:.5rem;font-size:.72rem}.article-contents a[data-v-d53ec4bc]{color:var(--ink-700);overflow-wrap:anywhere;text-decoration:none}.article-contents a[data-v-d53ec4bc]:hover{color:var(--brand-700);text-underline-offset:.25em;text-decoration:underline}.article-reading-layout[data-v-d53ec4bc] .article-body{width:100%;min-width:0;padding-top:0;font-size:1.05rem;line-height:1.85}.article-reading-layout[data-v-d53ec4bc] .article-body>h2:first-child{margin-top:0}.article-page[data-v-d53ec4bc] h2[id]{scroll-margin-top:7rem}.article-reading-layout[data-v-d53ec4bc] table{border-collapse:collapse;max-width:100%;margin:1.5rem 0;font-size:.88rem;display:block;overflow:auto}.article-reading-layout[data-v-d53ec4bc] td,.article-reading-layout[data-v-d53ec4bc] th{border:1px solid var(--ink-150);text-align:left;min-width:130px;padding:.85rem 1rem}.article-reading-layout[data-v-d53ec4bc] th{background:var(--surface-soft);font-weight:700}.article-reading-layout[data-v-d53ec4bc] code{overflow-wrap:anywhere;white-space:normal;background:var(--surface-soft);border-radius:.25rem;padding:.15rem .3rem;font-size:.9em}.article-reading-layout[data-v-d53ec4bc] pre{max-width:100%;overflow:auto}.article-reading-layout[data-v-d53ec4bc] a{text-underline-offset:.2em;overflow-wrap:anywhere}.article-reading-layout[data-v-d53ec4bc] img{max-width:100%;height:auto}.article-reading-layout[data-v-d53ec4bc] li{margin-bottom:.5rem}.article-byline[data-v-d53ec4bc]{flex-wrap:wrap;align-items:center}.article-reading-time[data-v-d53ec4bc]{background:var(--surface-soft);color:var(--brand-700);border-radius:2rem;padding:.4rem .75rem;font-weight:650}.article-related__grid img[data-v-d53ec4bc]{aspect-ratio:1200/630;-o-object-fit:cover;object-fit:cover;border-radius:.7rem;width:100%;height:auto;margin-bottom:1rem}@media (width>=901px){.article-reading-layout[data-v-d53ec4bc]:not(:has(.article-outline)){max-width:800px;display:block}}@media (width<=900px){.article-reading-layout[data-v-d53ec4bc]{max-width:800px;display:block}.article-outline[data-v-d53ec4bc]{margin-bottom:2rem;position:static}.article-contents[data-v-d53ec4bc]{-moz-column-gap:1.5rem;background:var(--surface-soft);border-radius:.75rem;grid-template-columns:1fr 1fr;column-gap:1.5rem;padding:1.25rem;display:grid}.article-contents strong[data-v-d53ec4bc]{grid-column:1/-1}.article-header h1[data-v-d53ec4bc]{font-size:clamp(2.2rem,6vw,3.5rem);line-height:1.1}}@media (width<=540px){.article-contents[data-v-d53ec4bc]{display:flex}.article-artwork[data-v-d53ec4bc]{margin-top:1.75rem;margin-bottom:2rem}.article-byline[data-v-d53ec4bc]{gap:.5rem}.article-reading-layout[data-v-d53ec4bc] .article-body{font-size:1rem}.article-header h1[data-v-d53ec4bc]{letter-spacing:-.045em}}
