.article-content{box-sizing:border-box;background-color:#f4f6f8;justify-content:center;width:100vw;margin-left:-50vw;margin-right:-50vw;padding:32px clamp(24px,6vw,240px) 64px;display:flex;position:relative;left:50%;right:50%}.article-content-inner{max-width:var(--main-max-width);flex-direction:column;gap:20px;width:100%;margin:0 auto;display:flex}.article-breadcrumbs{color:var(--color-dark-blue);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:400;line-height:1.4;display:flex}.article-breadcrumbs a{color:var(--color-light-blue)}.article-title{color:var(--color-dark-blue);margin:0;font-size:clamp(22px,3vw,32px);font-weight:600;line-height:1.3}.article-pills{flex-wrap:wrap;gap:10px;display:flex}.article-pill{color:var(--color-dark-blue);background:#dff2fd;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.article-pill-copy{cursor:pointer;border:none;font-family:Montserrat,sans-serif;transition:background .2s}.article-pill-copy:hover{background:#c8e6f8}.article-layout{grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:start;gap:32px;margin-top:12px;display:grid}.article-toc{z-index:4;background:#dff2fd;border-radius:16px;align-self:start;padding:22px 24px;position:sticky;top:168px}.article-toc h2{color:var(--color-dark-blue);margin:0 0 16px;font-size:18px;font-weight:600}.article-toc ol{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.article-toc a{color:var(--color-dark-blue);align-items:flex-start;gap:8px;font-size:14px;font-weight:600;line-height:1.35;display:flex}.article-toc-index{min-width:1ch;color:var(--color-light-blue);flex-shrink:0}.article-toc a.is-active,.article-toc a:hover{color:var(--color-light-blue)}.article-body{flex-direction:column;gap:20px;min-width:0;display:flex}.article-heading{color:var(--color-dark-blue);margin:8px 0 0;scroll-margin-top:168px;font-size:clamp(18px,2vw,24px);font-weight:600;line-height:1.3}.article-paragraph{color:var(--color-dark-blue);margin:0;font-size:clamp(14px,1.3vw,16px);font-weight:400;line-height:1.7}.article-link{color:var(--color-light-blue);text-underline-offset:3px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;transition:color .2s}.article-link:hover{color:#0999d4}.article-quote{background:#f4e2c6;border-radius:16px;flex-direction:column;align-items:flex-start;gap:12px;margin:0;padding:24px 28px;display:flex}.article-quote p{color:var(--color-dark-blue);margin:0;font-size:clamp(14px,1.3vw,16px);font-weight:400;line-height:1.6}.article-figure{margin:0}.article-figure img,.article-video-frame img{object-fit:cover;border-radius:16px;width:100%;display:block}.article-figure img{aspect-ratio:16/9}.article-figure figcaption{color:var(--color-dark-blue);text-align:left;margin-top:10px;font-size:13px;font-weight:600}.article-list-block{flex-direction:column;gap:12px;display:flex}.article-checklist{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.article-checklist li{color:var(--color-dark-blue);align-items:flex-start;gap:10px;font-size:clamp(14px,1.3vw,16px);font-weight:400;line-height:1.5;display:flex}.article-checklist img{flex-shrink:0;width:20px;height:20px;margin-top:2px}.article-video-frame{position:relative}.article-video-play{background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0c2d522e}.article-video-play svg{margin-left:4px}.article-video-play svg path{fill:var(--color-light-blue)}.article-file{background:#dff2fd;border-radius:16px;align-items:flex-start;gap:18px;padding:22px 24px;display:flex}.article-file-copy{flex-direction:column;gap:8px;min-width:0;display:flex}.article-file h3{color:var(--color-dark-blue);margin:0;font-size:18px;font-weight:600}.article-file p{color:var(--color-dark-blue);margin:0;font-size:14px;font-weight:400;line-height:1.5}.article-file a{color:var(--color-light-blue);font-size:15px;font-weight:600;text-decoration:underline}@media (max-width:1023px){.article-content{padding:24px 16px 48px}.article-breadcrumbs,.article-title,.article-pills,.article-body,.article-heading,.article-paragraph,.article-quote,.article-quote p,.article-figure figcaption,.article-list-block,.article-file{text-align:left}.article-breadcrumbs,.article-pills{justify-content:flex-start}.article-layout{grid-template-columns:1fr;gap:24px}.article-toc{display:none}.article-quote{align-items:flex-start}.article-checklist{width:100%;margin:0}.article-checklist li{text-align:left;justify-content:flex-start}.article-file{flex-direction:column;align-items:flex-start}.article-file-copy{align-items:flex-start}}.article-footer{border-top:1px solid #d5dce3;flex-wrap:wrap;align-items:center;gap:16px;margin-top:32px;padding-top:24px;display:flex}.article-copy-link{background:var(--color-white);color:var(--color-dark-blue);cursor:pointer;border:1px solid #d5dce3;border-radius:9999px;align-items:center;gap:8px;padding:10px 18px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;transition:border-color .2s,background .2s;display:inline-flex}.article-copy-link:hover{border-color:var(--color-light-blue);background:#dff2fd}.article-copy-link svg{color:var(--color-light-blue);flex-shrink:0}.article-back-link{background:var(--color-light-blue);color:var(--color-white);border-radius:9999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.article-back-link:hover{background:#0999d4}.article-back-link svg{flex-shrink:0}@media (max-width:1023px){.article-footer{flex-direction:column;align-items:stretch}.article-copy-link,.article-back-link{justify-content:center}}@media (min-width:1440px){.article-content{padding:40px max(clamp(180px,10vw,240px),50vw - 700px) 72px}.article-content-inner{gap:24px;max-width:1400px}.article-layout{gap:48px}}@media (min-width:2500px){.article-toc{top:120px}.article-heading{scroll-margin-top:120px}.article-content{padding:48px calc(50vw - 700px) 80px}.article-breadcrumbs,.article-paragraph,.article-quote p,.article-checklist li,.article-file p{font-size:18px}.article-title{font-size:36px}.article-toc h2,.article-file h3{font-size:22px}}
