.article-page{overflow-x:clip}.article-header{width:min(1120px,calc(100% - 48px));margin:auto;padding:clamp(56px,8vw,120px) 0 clamp(24px,3vw,32px);text-align:center}.article-category{margin:0 0 8px;color:var(--c-orange);font-size:1rem;font-weight:500}.article-title{margin:0;color:var(--c-text);font-size:clamp(2.5rem,4.25vw,4.25rem);font-weight:500;line-height:1.08;letter-spacing:-0.025em;overflow-wrap:anywhere}.article-share{display:flex;justify-content:center;gap:12px;margin-top:16px}.article-share a{display:grid;place-items:center;width:28px;height:28px}.article-share img{display:block;max-width:100%;max-height:100%}.article-prose{width:min(65ch,calc(100% - 48px));margin:0 auto;padding-bottom:32px;color:var(--c-text);font-size:1rem;line-height:1.7;overflow-wrap:anywhere}.article-prose :is(h1,h2,h3,h4){margin:1.8em 0 0.5em;font-weight:500;line-height:1.18;scroll-margin-top:90px}.article-prose h1{font-size:2.5rem}.article-prose h2{font-size:clamp(1.75rem,3vw,2rem)}.article-prose h3{font-size:1.7rem}.article-prose h4{font-size:1.25rem}.article-prose p{margin:0 0 1.35em;font-size:inherit;line-height:inherit}.article-prose a{color:var(--c-orange);text-decoration:underline}.article-prose :is(ul,ol){font-size:inherit;line-height:inherit;padding-left:1.5rem}.article-prose li{padding-left:0.25rem;font-size:inherit;line-height:inherit}.article-prose li::marker{color:rgb(113 113 113 / 55%)}.article-prose img{max-width:100%;height:auto}.article-prose p:has(>img){margin:2.5rem 0 0.75rem}.article-prose p>img{display:block;width:100%;border:1px solid #dfe1e3;border-radius:12px;box-shadow:0 2px 10px rgb(51 51 51 / 8%)}.article-prose p:has(>img)+p{margin:0.75rem 0 1.5rem;color:var(--c-muted);font-size:0.88rem;line-height:1.55;text-align:center}.article-prose blockquote{margin:clamp(2rem,5vw,3rem) 0;padding:clamp(1.75rem,4vw,3rem);border:0;border-radius:16px;background:#f7f7f8;font-size:1.25em;font-weight:500;font-style:normal;line-height:1.45;text-align:center;text-wrap:pretty}.article-prose blockquote p{margin:0;font:inherit}.article-prose blockquote p+p{margin-top:1em}.article-prose blockquote :is(cite,p:last-child:not(:first-child):has(>em:only-child)){color:var(--c-muted);font-size:0.75em;font-weight:400;font-style:normal}.article-prose blockquote em{font-style:normal}.article-prose table{display:block;width:min(97.5ch,calc(100vw - 48px));max-width:none;margin:2.5rem 0 2.5rem 50%;transform:translateX(-50%);border-collapse:collapse;overflow-x:auto;font-size:0.8em;line-height:1.5}.article-prose :is(th,td){padding:12px 16px;border:0;text-align:left;vertical-align:top}.article-prose th{font-weight:700;background:transparent}.article-prose tr+tr>:is(th,td),.article-prose thead+tbody>tr:first-child>:is(th,td){border-top:1px solid var(--c-border)}.article-prose :is(th,td):first-child{padding-left:0}.article-prose :is(th,td):last-child{padding-right:0}.article-prose .article-figure{width:min(78ch,calc(100vw - 48px));max-width:none;margin:2.5rem 0 2.5rem 50%;transform:translateX(-50%)}.article-prose .article-figure img{display:block;width:100%;border-radius:16px}.article-prose figcaption{margin-top:0.75rem;color:var(--c-muted);font-size:0.85rem;line-height:1.5;text-align:center}.article-prose iframe{display:block;width:100%;height:auto;border:0;aspect-ratio:16/9}.related-articles{width:min(1280px,calc(100% - 48px));margin:0 auto 80px}.related-articles>h2{margin:0 0 48px;text-align:center;font-size:2rem}.related-articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}@media(max-width:767px){.article-header,.article-prose,.related-articles{width:calc(100% - 40px)}.article-title{font-size:clamp(2rem,9vw,2.5rem)}.article-prose blockquote{padding:1.75rem 1.25rem}.related-articles-grid{grid-template-columns:1fr}}.article-banner{width:min(78ch,calc(100vw - 48px));max-width:none;margin:2.5rem 0 2.5rem 50%;padding:clamp(1.5rem,4vw,2.5rem);transform:translateX(-50%);border-radius:16px;background:var(--c-surface-soft);color:var(--c-text)}.article-banner h3{margin-top:0}.article-banner p{margin-bottom:1.25rem}.article-banner a{display:inline-block;margin:4px 8px 4px 0;padding:12px 24px;border-radius:28px;background:var(--c-orange);color:white;text-decoration:none}.video-article{padding-bottom:64px}@media(max-width:767px){.video-article .article-title{font-size:2.4rem}}.article-banner[data-tone=dark]{background:#252525;color:white}
