.ogp{--ogp-nav:64px;--ogp-offset:calc(var(--ogp-nav) + var(--promo-banner-height, 0px));max-width:984px;margin:0 auto;padding:32px 0 96px;color:var(--og-text);font:var(--og-weight-regular) var(--og-body-size) /var(--og-body-leading) var(--og-sans)}.ogp a{color:inherit;text-decoration:none}.ogp :is(h1,h2,h3,h4){font-family:var(--og-display-font);font-weight:var(--og-weight-semibold);margin:0}.ogp :is(a,button,summary,[tabindex="0"]):focus-visible{outline:1px solid var(--og-focus);outline-offset:2px}.ogp-head{display:block}.ogp-crumb{display:flex;align-items:center;gap:8px;min-width:0;margin-bottom:24px;color:var(--og-text-secondary)}.ogp-crumb a{flex:none}.ogp-crumb a:hover{color:var(--og-text);text-decoration:underline;text-underline-offset:3px}.ogp-crumb [aria-current]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--og-text)}a.ogp-cat{display:inline-block;color:var(--og-text-secondary);font-size:var(--og-small-size);line-height:var(--og-small-leading);font-weight:var(--og-weight-medium)}a.ogp-cat:hover{color:var(--og-text);text-decoration:underline;text-underline-offset:3px}.ogp-head h1{margin:8px 0 16px;font-size:var(--og-h1-size);line-height:var(--og-h1-leading);text-wrap:balance}.ogp-by{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}.ogp-head:not([data-cover=poster]) .ogp-by{max-width:880px}.ogp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;color:var(--og-text-secondary)}.ogp-meta b{color:var(--og-text);font-weight:var(--og-weight-medium)}.ogp-dot{width:2px;height:2px;border-radius:50%;background:var(--og-text-disabled)}.ogp-cover{margin:0}.ogp-cover img{display:block;width:auto;height:auto;max-width:100%;border-radius:var(--og-radius-card);background:var(--og-surface)}.ogp-hero{max-width:880px;margin-top:32px}.ogp-hero img{max-height:560px}.ogp-poster{margin-top:24px}.ogp-poster img{max-width:min(100%,320px);max-height:280px}.ogp-body{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:40px}.ogp-aside{min-width:0}.ogp-toc-m{border:1px solid var(--og-border);border-radius:var(--og-radius-control);background:var(--og-surface)}.ogp-toc-m summary{display:flex;align-items:center;justify-content:space-between;min-height:var(--og-target-touch);padding:0 16px;cursor:pointer;list-style:none;font-weight:var(--og-weight-medium)}.ogp-toc-m summary::-webkit-details-marker{display:none}.ogp-toc-m summary svg{width:var(--og-icon);height:var(--og-icon);color:var(--og-text-secondary);transition:transform .2s cubic-bezier(.2,.8,.2,1)}.ogp-toc-m[open] summary svg{transform:rotate(180deg)}.ogp-toc-m .ogp-toc-list{padding:0 8px 8px}.ogp-toc-d{display:none}.ogp-toc-title{font:var(--og-weight-medium) var(--og-small-size) /var(--og-small-leading) var(--og-sans);color:var(--og-text-secondary);letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px}.ogp-toc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.ogp-toc-list a{display:block;padding:8px 12px;border-radius:var(--og-radius-control);color:var(--og-text-secondary);line-height:20px;transition:background .14s,color .14s}.ogp-toc-list a[data-depth="3"]{padding-left:24px}.ogp-toc-list a:hover{background:var(--og-surface);color:var(--og-text)}.ogp-toc-list a[aria-current]{background:var(--og-blue-soft);color:var(--og-info);font-weight:var(--og-weight-medium)}.ogp-prose{min-width:0;font:var(--og-weight-regular) var(--og-body-large-size) /28px var(--og-sans);color:var(--og-text)}.ogp-prose>*{margin:0}.ogp-prose>*+*{margin-top:20px}.ogp-prose :is(h2,h3,h4){scroll-margin-top:calc(var(--ogp-offset) + 16px)}.ogp-prose>h2{margin-top:48px;font-size:var(--og-h2-size);line-height:var(--og-h2-leading)}.ogp-prose>h3{margin-top:32px;font-size:var(--og-h3-size);line-height:var(--og-h3-leading)}.ogp-prose>h4{margin-top:24px;font:var(--og-weight-semibold) var(--og-title-size) /var(--og-title-leading) var(--og-sans)}.ogp-prose>:is(h2,h3,h4)+*{margin-top:16px}.ogp-prose a:not(.not-prose *){color:var(--og-link);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--og-border-hover)}.ogp-prose a:not(.not-prose *):hover{text-decoration-color:currentColor}.ogp-prose strong{font-weight:var(--og-weight-semibold)}.ogp-prose :is(ul,ol){padding-left:24px}.ogp-prose li{margin:0;padding-left:4px}.ogp-prose li+li{margin-top:8px}.ogp-prose li::marker{color:var(--og-text-secondary)}.ogp-prose blockquote{margin-left:0;padding-left:20px;border-left:2px solid var(--og-border-hover)}.ogp-prose blockquote>*{margin:0}.ogp-prose blockquote>*+*{margin-top:12px}.ogp-prose :not(pre)>code{padding:2px 6px;border-radius:var(--og-radius-badge);background:var(--og-surface-raised);font:var(--og-weight-regular) .9em var(--og-mono)}.ogp-prose pre{overflow-x:auto;padding:16px;border:1px solid var(--og-border);border-radius:var(--og-radius-control);background:var(--og-surface);font:var(--og-weight-regular) 13px /20px var(--og-mono)}.ogp-prose pre code{padding:0;background:none;font:inherit}.ogp-prose hr{margin-block:40px;border:0;border-top:1px solid var(--og-border)}.ogp-prose img{display:block;width:auto;height:auto;max-width:100%;max-height:560px;border-radius:var(--og-radius-control);background:var(--og-surface)}.ogp-prose p:has(>img:only-child)+p:has(>em:only-child){margin-top:8px;color:var(--og-text-secondary);font-size:var(--og-small-size);line-height:var(--og-small-leading)}.ogp-prose figcaption{color:var(--og-text-secondary)}.ogp-prose [data-blog-table-scroll]{border:1px solid var(--og-border);border-radius:var(--og-radius-control)}.ogp-prose [data-blog-table-scroll]:focus-visible{outline:1px solid var(--og-focus);outline-offset:2px}.ogp-prose table{font-size:var(--og-body-size);line-height:var(--og-body-leading)}.ogp-prose :is(th,td){min-width:120px;max-width:360px;padding:10px 14px;text-align:left;vertical-align:top;border-top:1px solid var(--og-border)}.ogp-prose thead :is(th,td){border-top:0}.ogp-prose th{background:var(--og-surface-raised);font-weight:var(--og-weight-semibold)}.ogp-prose td,.ogp-prose th{color:var(--og-text)}.ogp-end{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:48px;padding-top:24px}.ogp-end,.ogp-related{border-top:1px solid var(--og-border)}.ogp-related{margin-top:64px;padding-top:48px}.ogp-related h2{margin-bottom:24px;font-size:var(--og-h2-size);line-height:var(--og-h2-leading)}.ogp-related-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px 24px}.ogp-share{display:flex;align-items:center;gap:8px;color:var(--og-text-secondary);font-size:var(--og-small-size);line-height:var(--og-small-leading);font-weight:var(--og-weight-medium)}:is(a,button).ogp-share-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--og-control);height:var(--og-control);border:1px solid var(--og-border);border-radius:var(--og-radius-control);background:transparent;color:var(--og-text-secondary);cursor:pointer;transition:background .14s,border-color .14s,color .14s}:is(a,button).ogp-share-btn:hover{background:var(--og-surface);border-color:var(--og-border-hover);color:var(--og-text)}.ogp-share-btn svg{width:var(--og-icon);height:var(--og-icon)}@media (min-width:1024px){.ogp{--ogp-nav:80px}.ogp-head[data-cover=poster] .ogp-head-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:center}.ogp-head[data-cover=poster] .ogp-poster{margin-top:0}.ogp-poster img{max-width:320px;max-height:320px}.ogp-body{grid-template-columns:minmax(0,600px) 280px;gap:72px}.ogp-aside{grid-column:2;grid-row:1}.ogp-body>.ogp-article{grid-column:1;grid-row:1}.ogp-aside-sticky{position:sticky;top:calc(var(--ogp-offset) + 24px);max-height:calc(100vh - var(--ogp-offset) - 48px);overflow-y:auto}.ogp-toc-m{display:none}.ogp-toc-d{display:block}}@media (max-width:1023px){.ogp-related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.ogp{padding-top:16px}.ogp-head h1{font-size:28px;line-height:36px}:is(a,button).ogp-share-btn{width:var(--og-target-touch);height:var(--og-target-touch)}.ogp-toc-list a{padding-block:12px}.ogp-prose>h2{font-size:24px;line-height:32px}.ogp-related-grid{grid-template-columns:1fr}}@media (max-width:639px){.ogp{padding-inline:4px}}@media (prefers-reduced-motion:reduce){.ogp-share-btn,.ogp-toc-list a,.ogp-toc-m summary svg{transition:none}}
/*# sourceMappingURL=899db3421358c8b4.css.map*/