.fyve-web-root .article-layout{background:var(--base-300);grid-template-columns:13rem minmax(0,44rem) 16rem;justify-content:center;align-items:start;gap:3.5rem;max-width:84rem;margin:0 auto;padding:11rem 2rem 5rem;display:grid}.fyve-web-root .article-toc{align-self:start;position:sticky;top:7.5rem}.fyve-web-root .article-toc-title{opacity:.5;margin-bottom:1.25rem}.fyve-web-root .article-toc-list{border-left:1px solid #f7f5f026;flex-direction:column;gap:.85rem;list-style:none;display:flex}.fyve-web-root .article-toc-item a{font-family:var(--type-2);letter-spacing:.01em;text-transform:none;opacity:.55;border-left:1px solid #0000;margin-left:-1px;padding-left:1rem;font-size:.82rem;line-height:1.5;transition:opacity .25s,color .25s,border-color .25s;display:block}.fyve-web-root .article-toc-item.is-h3 a{opacity:.4;padding-left:1.75rem;font-size:.78rem}.fyve-web-root .article-toc-item a:hover{opacity:.85}.fyve-web-root .article-toc-item.is-active a{opacity:1;color:#7fd4c5;border-left-color:#2f9e8c}.fyve-web-root .article{min-width:0}.fyve-web-root .article-head{margin-bottom:2.5rem}.fyve-web-root .article-meta{opacity:.6;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.fyve-web-root .article-cat{color:#7fd4c5;opacity:.9}.fyve-web-root .article-title{font-family:var(--type-2);letter-spacing:.01em;text-transform:none;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.45}.fyve-web-root .article-eyecatch{aspect-ratio:16/9;border-radius:.5rem;width:100%;margin-bottom:3.5rem;overflow:hidden}.fyve-web-root .article-eyecatch img{object-fit:cover;width:100%;height:100%}.fyve-web-root .article-content,.fyve-web-root .article-content *{text-transform:none;-webkit-user-select:text;user-select:text}.fyve-web-root .article-content{font-family:var(--type-2);color:var(--base-100)}.fyve-web-root .article-content>*+*{margin-top:1.5rem}.fyve-web-root .article-content h2{border-bottom:1px solid #f7f5f026;margin-top:3.5rem;padding-bottom:.75rem;scroll-margin-top:6rem;font-size:1.55rem;font-weight:600;line-height:1.5}.fyve-web-root .article-content h3{margin-top:2.5rem;scroll-margin-top:6rem;font-size:1.25rem;font-weight:600;line-height:1.5}.fyve-web-root .article-content h4{margin-top:2rem;font-size:1.05rem;font-weight:600}.fyve-web-root .article-content p{opacity:.88;font-size:1rem;line-height:1.95}.fyve-web-root .article-content a{font-size:inherit;color:#7fd4c5;text-underline-offset:3px;text-decoration:underline}.fyve-web-root .article-content ul,.fyve-web-root .article-content ol{flex-direction:column;gap:.6rem;padding-left:1.4rem;display:flex}.fyve-web-root .article-content li{opacity:.88;font-size:1rem;line-height:1.85}.fyve-web-root .article-content img{border-radius:.4rem;width:100%;height:auto;margin:2rem 0}.fyve-web-root .article-content blockquote{opacity:.8;border-left:2px solid #2f9e8c;padding:.5rem 0 .5rem 1.5rem;font-style:italic}.fyve-web-root .article-content pre{font-family:var(--type-3);background:#f7f5f00f;border:1px solid #f7f5f01f;border-radius:.4rem;padding:1.25rem;font-size:.85rem;line-height:1.7;overflow-x:auto}.fyve-web-root .article-content code{font-family:var(--type-3);background:#f7f5f014;border-radius:.25rem;padding:.1rem .35rem;font-size:.85em}.fyve-web-root .article-content pre code{background:0 0;padding:0}.fyve-web-root .article-content table{border-collapse:collapse;width:100%;font-size:.9rem}.fyve-web-root .article-content th,.fyve-web-root .article-content td{text-align:left;border:1px solid #f7f5f026;padding:.6rem .85rem}.fyve-web-root .article-content th{background:#f7f5f00d}.fyve-web-root .article-back{margin-top:4rem}.fyve-web-root .article-back a{opacity:.7;transition:opacity .3s}.fyve-web-root .article-back a:hover{opacity:1}.fyve-web-root .article-aside{align-self:start;position:sticky;top:7.5rem}.fyve-web-root .article-aside-title{opacity:.5;margin-bottom:1.25rem}.fyve-web-root .article-aside-list{flex-direction:column;gap:1.5rem;list-style:none;display:flex}.fyve-web-root .article-aside-card{flex-direction:column;gap:.6rem;display:flex}.fyve-web-root .article-aside-thumb{aspect-ratio:16/9;background:#f7f5f00d;border-radius:.35rem;width:100%;overflow:hidden}.fyve-web-root .article-aside-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.fyve-web-root .article-aside-card:hover .article-aside-thumb img{transform:scale(1.05)}.fyve-web-root .article-aside-cardtitle{font-family:var(--type-2);letter-spacing:.01em;text-transform:none;opacity:.8;font-size:.82rem;line-height:1.55}.fyve-web-root .article-cta-banner{aspect-ratio:1828/860;border-radius:.6rem;width:100%;margin:4rem 0 0;display:block;overflow:hidden;box-shadow:0 12px 44px #00000047}.fyve-web-root .article-cta-banner img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.fyve-web-root .article-cta-banner:hover img{transform:scale(1.03)}@media (max-width:1200px){.fyve-web-root .article-layout{grid-template-columns:minmax(0,46rem) 15rem;justify-content:center}.fyve-web-root .article-toc{display:none}}@media (max-width:900px){.fyve-web-root .article-layout{grid-template-columns:1fr;gap:3rem;padding:8rem 1.25rem 3rem}.fyve-web-root .article-aside{position:static}.fyve-web-root .article-aside-list{flex-direction:column;gap:2rem}.fyve-web-root .article-aside-card{width:100%}.fyve-web-root .article-aside-cardtitle{font-size:1rem}}@media (max-width:760px){.fyve-web-root .article-cta-banner{margin-top:3rem}}