.article-shell{max-width:1280px;margin-inline:auto;padding:44px 64px 0}.guide-home{color:var(--color-ink);text-underline-offset:5px;text-decoration:underline;text-decoration-color:var(--color-accent);margin-bottom:32px;padding-block:8px;font-size:14px;font-weight:500;display:inline-block}.article-header{align-items:center;gap:64px;margin-bottom:88px;display:grid}.article-header.has-visual{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.article-heading{min-width:0}.article-header h1{font-family:var(--font-family-sans);letter-spacing:-.055em;color:var(--color-ink);text-wrap:balance;max-width:20ch;margin:0 0 28px;font-size:clamp(44px,4.8vw,64px);font-weight:600;line-height:1.035}.article-header:not(.has-visual) h1{max-width:24ch}.article-deck{font-family:var(--font-family-serif);color:var(--color-ink-muted);max-width:42ch;margin:0;font-size:21px;font-weight:400;line-height:1.5}.article-meta{color:var(--color-ink-muted);flex-direction:column;gap:4px;margin:28px 0 0;font-size:12px;line-height:1.5;display:flex}.article-meta>span{color:var(--color-ink);font-weight:500}.article-hero{min-width:0;margin:0}.article-hero img{aspect-ratio:1;object-fit:contain;width:100%;display:block}.article-reading-layout{grid-template-columns:230px minmax(0,720px);gap:72px;display:grid}.article-rail{min-width:0}.article-contents{scrollbar-width:thin;max-height:calc(100vh - 148px);position:sticky;top:116px;overflow-y:auto}.article-contents>p{margin:0 0 20px;font-size:14px;font-weight:600}.article-contents ul,.article-contents-mobile ul{margin:0;padding:0;list-style:none}.article-contents a{color:var(--color-ink-muted);max-width:27ch;padding:10px 0;font-size:13px;line-height:1.5;text-decoration:none;display:block}.article-contents a:hover{color:var(--color-ink);text-underline-offset:4px;text-decoration:underline}.article-contents-mobile{display:none}.article-reading-column{min-width:0}.article-body{font-family:var(--font-family-serif);color:var(--color-ink);overflow-wrap:break-word;font-size:20px;line-height:1.65}.article-body p{margin:0 0 24px}.article-body>p:first-child{letter-spacing:-.012em;margin-bottom:28px;font-size:24px;line-height:1.45}.article-body>p:first-child strong{font-weight:400}.article-body h2{font-family:var(--font-family-sans);letter-spacing:-.035em;text-wrap:balance;margin:72px 0 24px;scroll-margin-top:112px;font-size:30px;font-weight:600;line-height:1.18}.article-body h3{font-family:var(--font-family-sans);letter-spacing:-.025em;margin:40px 0 20px;scroll-margin-top:112px;font-size:22px;font-weight:600;line-height:1.3}.article-body ul,.article-body ol{margin:0 0 28px;padding-left:24px}.article-body li{margin:0 0 10px;padding-left:5px}.article-body li::marker{color:var(--color-ink-muted)}.article-body blockquote{background:var(--color-bg-subtle);border-left:3px solid var(--color-accent);margin:40px 0;padding:28px 32px;font-size:21px;line-height:1.55}.article-body blockquote p:last-child{margin-bottom:0}.article-body a{color:var(--color-ink);text-underline-offset:4px;transition:text-decoration-color var(--duration-fast) var(--ease-standard);text-decoration:underline 1px}.article-body a:hover{text-decoration-color:var(--color-accent)}.article-body :is(h2,h3) a{text-decoration:none}.article-body :is(h2,h3) a:hover{text-decoration:underline}.article-body code{font-family:var(--font-family-mono);background:var(--color-bg-subtle);padding:2px 4px;font-size:.85em}.article-body pre{background:var(--color-bg-subtle);margin:28px 0;padding:24px;overflow-x:auto}.article-body pre code{padding:0}.article-body figure{margin:32px 0}.article-body img{max-width:100%;height:auto;display:block}.article-body figcaption{font-family:var(--font-family-sans);color:var(--color-ink-muted);margin-top:12px;font-size:13px}.article-body hr{border:0;margin:64px 0}.article-table-scroll{scrollbar-width:thin;scrollbar-color:var(--color-ink-muted) var(--color-bg-subtle);max-width:100%;margin:32px 0;overflow-x:auto}.article-body table{border-collapse:collapse;width:100%;font-family:var(--font-family-sans);text-align:left;font-variant-numeric:tabular-nums;font-size:15px;line-height:1.55}.article-body th{color:var(--color-ink-inverse);background:var(--color-bg-inverse);vertical-align:bottom;padding:14px 18px;font-size:12px;font-weight:500;line-height:1.4}.article-body td{border-bottom:1px solid var(--color-divider-strong);vertical-align:top;padding:18px}.article-body tbody tr:nth-child(2n){background:var(--color-bg-subtle)}.article-body td:first-child{font-weight:500}.related-posts{max-width:720px;margin:80px 0 0 302px}.related-posts h2{color:var(--color-ink-muted);margin:0 0 24px;font-size:15px;font-weight:500}.related-posts ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin:0;padding:0;list-style:none;display:grid}.related-posts a{border-top:2px solid var(--color-ink);color:var(--color-ink);padding-top:20px;text-decoration:none;display:block}.related-posts a:hover .related-title{text-underline-offset:5px;text-decoration:underline}.related-posts time{color:var(--color-ink-muted);margin-bottom:12px;font-size:12px;display:block}.related-title{letter-spacing:-.035em;font-size:23px;font-weight:500;line-height:1.2}.article-finale{background:var(--color-bg-inverse);color:var(--color-ink-inverse);grid-template-columns:1fr 1.2fr;gap:16px 48px;margin:80px 0;padding:48px 56px;display:grid}.article-finale h2{letter-spacing:-.04em;margin:0;font-size:36px;font-weight:500;line-height:1.1}.article-finale p{font-family:var(--font-family-serif);color:var(--color-ink-inverse-82);margin:0;font-size:18px;line-height:1.5}.finale-actions{flex-wrap:wrap;grid-column:2;gap:12px;margin-top:8px;display:flex}.article-finale .btn-secondary{border:1px solid var(--color-ink-inverse);color:var(--color-ink-inverse);border-radius:var(--radius-sm);align-items:center;padding:12px 20px;font-size:15px;text-decoration:none;display:inline-flex}.article-finale .btn-secondary:hover{background:var(--color-surface-inverse-hover)}@media (width<=1100px){.article-shell{padding-inline:40px}.article-header{gap:40px}.article-header h1{font-size:50px}.article-reading-layout{grid-template-columns:190px minmax(0,1fr);gap:48px}.related-posts{margin-left:238px}}@media (width<=900px){.article-reading-layout{max-width:720px;margin-inline:auto;display:block}.article-rail{display:none}.article-contents-mobile{font-family:var(--font-family-sans);border-block:1px solid var(--color-divider-strong);margin:0 0 36px;display:block}.article-contents-mobile summary{cursor:pointer;padding:16px 0;font-size:14px;font-weight:500}.article-contents-mobile ul{padding-bottom:16px}.article-contents-mobile a{color:var(--color-ink);text-underline-offset:4px;padding:10px 0;font-size:14px;line-height:1.5;text-decoration:underline;display:block}.related-posts{margin-left:auto;margin-right:auto}}@media (width<=760px){.article-shell{padding:24px 24px 0}.guide-home{margin-bottom:24px;font-size:13px}.article-header,.article-header.has-visual{grid-template-columns:1fr;gap:32px;margin-bottom:40px}.article-header h1{text-wrap:pretty;margin-bottom:24px;font-size:clamp(40px,8vw,56px);line-height:1.05}.article-deck{font-size:20px}.article-meta{margin-top:24px}.article-hero img{aspect-ratio:16/9}.article-body{font-size:19px;line-height:1.6}.article-body>p:first-child{font-size:22px;line-height:1.45}.article-body h2{text-wrap:pretty;margin-top:56px;font-size:28px}.article-body blockquote{margin-inline:0;padding:24px;font-size:20px}.article-body table{font-size:14px}.article-body table:has(th:nth-child(3)){min-width:570px}.article-body td,.article-body th{padding:14px}.related-posts{margin-top:64px}.related-posts ul{grid-template-columns:1fr;gap:28px}.related-title{font-size:24px}.article-finale{margin:56px -24px 0;padding:40px 24px;display:block}.article-finale h2{margin-bottom:20px}.finale-actions{margin-top:28px}}.blog-main[data-astro-cid-4ee7rn3o]{background:var(--color-bg);min-height:100vh;color:var(--color-ink);padding-top:88px}@media (width<=760px){.blog-main[data-astro-cid-4ee7rn3o]{padding-top:72px}}