.article-page{--article-gutter:clamp(20px,5vw,80px)}.article-hero{max-width:1280px;margin:auto;padding:144px 40px 64px}.article-breadcrumb{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:14px;color:var(--on-surface-variant);margin-bottom:40px}.article-breadcrumb a{color:inherit;text-decoration:none}.article-category{color:var(--on-surface-variant);font-size:14px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 20px}.article-hero h1{font-size:clamp(40px,5.1vw,72px);font-weight:450;line-height:1.04;letter-spacing:-.035em;max-width:1120px;text-wrap:balance;margin:0}.article-intro{max-width:850px;margin:28px 0;font-size:clamp(18px,1.7vw,23px);line-height:1.5;color:var(--on-surface-variant)}.article-byline{display:flex;align-items:center;gap:14px;font-size:15px}.article-byline img{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:50% 20%}.article-byline a{color:var(--on-surface);text-decoration:none;font-weight:500}.article-byline p{color:var(--on-surface-variant);margin:5px 0 0;font-size:14px}.article-cover{margin-top:40px;border-radius:28px;overflow:hidden;background:var(--surface-container)}.article-cover img{display:block;width:100%;height:auto;max-height:620px;object-fit:cover}.article-layout{max-width:1280px;padding:0 40px;margin:auto;display:grid;grid-template-columns:250px minmax(0,1fr);gap:64px;align-items:start}.article-sidebar{position:sticky;top:110px;max-height:calc(100dvh - 140px);overflow:auto;font-size:14px;scrollbar-width:thin}.article-sidebar nav>p{font-weight:500;font-size:16px;margin:0 0 16px}.article-mobile-toc ol,.article-sidebar ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.article-mobile-toc li a,.article-sidebar li a{display:block;padding:8px 0;color:var(--on-surface-variant);text-decoration:none;line-height:1.4}.article-mobile-toc a:hover,.article-sidebar a:hover{color:var(--on-surface);text-decoration:underline;text-underline-offset:4px}.article-sidebar .article-back{display:inline-flex;align-items:center;gap:8px;margin-top:24px;min-height:44px;color:var(--on-surface)}.article-mobile-toc{display:none}.article-main{min-width:0}.article-prose{font-size:18px;line-height:1.7;overflow-wrap:anywhere}.article-prose>:first-child{margin-top:0}.article-prose :is(h2,h3,h4){line-height:1.18;font-weight:500;color:var(--on-surface);letter-spacing:-.02em;text-wrap:balance;scroll-margin-top:120px}.article-prose h2{margin:64px 0 24px;font-size:clamp(29px,3vw,40px)}.article-prose h3{margin:36px 0 16px;font-size:25px}.article-prose h4{font-size:21px}.article-prose p{margin:0 0 24px}.article-prose :is(ul,ol){margin:24px 0 32px;padding-left:24px}.article-prose li{padding-left:4px;margin-bottom:10px}.article-prose a{color:inherit;text-decoration-color:var(--accent-strong);text-underline-offset:4px;text-decoration-thickness:1px}.article-prose a:hover{text-decoration-thickness:2px}.article-prose strong{font-weight:600}.article-prose figure{margin:32px 0}.article-prose img{display:block;max-width:100%;height:auto;border-radius:16px;margin:24px auto}.article-prose figcaption{font-size:14px;color:var(--on-surface-variant);margin-top:12px;text-align:center}.article-prose blockquote{margin:32px 0;border-left:3px solid var(--accent-strong);padding:16px 24px;background:var(--surface-container)}.article-prose code{font-size:.9em;background:var(--surface-container);padding:2px 5px;border-radius:4px}.article-prose pre{padding:24px;background:var(--surface-container);overflow:auto;white-space:pre}.article-table{overflow:auto;max-width:100%;margin:32px 0;border:1px solid var(--outline);border-radius:16px}.article-table table{border-collapse:collapse;min-width:600px;width:100%;font-size:15px;line-height:1.5}.article-table :is(td,th){padding:16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--outline);border-right:1px solid var(--outline)}.article-table th{background:var(--surface-container);font-weight:600}.article-table tr:last-child td{border-bottom:0}.article-table caption{padding:16px;font-size:15px;text-align:left}.article-video{display:block;aspect-ratio:16/9;overflow:hidden;border-radius:20px;background:var(--surface-container);margin:28px 0}.article-preview{display:block}.article-video iframe{width:100%;height:100%;border:0}.article-video button{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:16px;border:1px solid var(--outline);border-radius:20px;padding:24px;background:linear-gradient(135deg,#ffe5ed,#cde8ff);color:#121317;cursor:pointer}.article-video button>.wg-icon{font-size:40px}.article-video button strong{font-size:clamp(16px,2vw,22px);max-width:480px;line-height:1.3}.article-video button>span:last-child{font-size:14px;text-decoration:underline;text-underline-offset:4px}.article-source{display:flex;gap:12px 32px;flex-wrap:wrap;border-top:1px solid var(--outline);padding-top:24px;margin-top:48px;font-size:14px;color:var(--on-surface-variant)}.article-source p{margin:0}.article-related{max-width:1280px;margin:100px auto 0;padding:0 40px}.article-related-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.article-related-head p{margin:0 0 12px;font-size:17px}.article-related-head h2{margin:0;font-size:clamp(32px,3vw,48px);font-weight:450;letter-spacing:-.025em}.article-related-head>a{display:inline-flex;align-items:center;gap:8px;min-height:44px}.article-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.article-related-card{text-decoration:none;color:inherit}.article-related-card>img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:20px}.article-related-card>p{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant);margin:20px 0 12px}.article-related-card h3{margin:0 0 20px;font-size:23px;line-height:1.2;font-weight:500}.article-related-card>span{display:inline-flex;align-items:center;gap:8px}@media (max-width:1023px){.article-hero{padding:128px var(--article-gutter) 48px}.article-layout{grid-template-columns:minmax(0,1fr);padding:0 var(--article-gutter)}.article-sidebar{display:none}.article-mobile-toc{display:block;background:var(--surface-container);border-radius:16px;padding:20px 24px;margin-bottom:40px;font-size:15px}.article-mobile-toc summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;min-height:32px;font-weight:500}.article-mobile-toc nav{margin-top:12px}.article-related{padding:0 var(--article-gutter)}}@media (max-width:767px){.article-hero{padding-top:112px}.article-breadcrumb{margin-bottom:28px}.article-hero h1{font-size:clamp(34px,8vw,52px)}.article-cover{margin-top:32px;border-radius:18px}.article-prose{font-size:17px;line-height:1.65}.article-prose h2{margin-top:48px}.article-related{margin-top:64px}.article-related-head{align-items:start;flex-direction:column}.article-related-grid{grid-template-columns:minmax(0,1fr);gap:40px}.article-related-card>img{aspect-ratio:16/9}}