.article-detail-page{background:var(--color-surface-tint)}.article-section{background:var(--color-surface-tint);min-height:730px}.article-section__inner{width:min(1200px,100% - 48px);padding:var(--section-y) 0 66px;margin:auto}.article-card{border:1px solid var(--color-line);border-radius:var(--radius-xl);background:var(--surface-card);grid-template-columns:minmax(0,760px) 316px;column-gap:40px;min-height:600px;padding:40px;display:grid;box-shadow:0 14px 14px #0f2e6612}.article-card__body{min-width:0}.article-tags{flex-wrap:wrap;align-items:flex-start;gap:6px;min-height:30px;display:flex}.article-tag{border-radius:var(--radius-lg);min-height:28px;font-size:var(--text-sm);white-space:nowrap;place-items:center;padding:4px 12px;font-weight:700;line-height:20px;display:inline-grid}.article-tag:first-child{min-width:84px;margin-right:3px}.article-tag:not(:first-child){min-height:30px;padding-top:5px;padding-bottom:5px}.article-tag--violet{background:var(--color-line);color:#5a42d6}.article-tag--blue{background:var(--color-brand-50);color:var(--color-brand-600)}.article-tag--cyan{background:var(--color-surface-page);color:#0a7482}.article-card__intro{color:var(--color-ink-600);font-size:var(--text-md);margin:17px 0 0;line-height:27px}.article-card__body h2{color:var(--color-ink-900);font-size:var(--text-3xl);margin:40px 0 0;scroll-margin-top:96px;font-weight:700;line-height:34px}.article-card__recommendations{gap:18px;margin:22px 0 0;padding:0 0 0 16px;list-style:none;display:grid}.article-card__recommendations li{color:var(--color-ink-600);font-size:var(--text-md);line-height:26px;position:relative}.article-card__recommendations li:before{content:"•";position:absolute;left:-16px}.article-tags+h2{margin-top:22px}.article-card__intro{margin-top:12px}.article-card__body h2+.article-cta{margin-top:16px}.article-cta{border:1px solid var(--color-brand-100);border-radius:var(--radius-lg);background:linear-gradient(166deg,var(--color-brand-50) 14%,var(--color-surface-page) 85%);min-height:166px;margin-top:55px;padding:19px 23px 18px}.article-cta h3{color:var(--color-ink-900);font-size:var(--text-2xl);margin:0;font-weight:700;line-height:28px}.article-cta p{color:var(--color-ink-600);font-size:var(--text-md);margin:9px 0 0;line-height:24px}.article-cta__actions{align-items:center;gap:14px;margin-top:23px;display:flex}.article-cta__actions>:is(a,button){border-radius:var(--radius-control);background:var(--color-brand-600);color:#fff;min-width:126px;height:42px;font-size:var(--text-sm);cursor:pointer;border:0;place-items:center;padding:0 14px;font-weight:700;line-height:18px;text-decoration:none;display:inline-grid}.article-cta__actions>a:hover{background:var(--color-brand-500)}.article-cta__actions>:is(a,button)+:is(a,button){border:1px solid var(--color-brand-200);min-width:110px;color:var(--color-brand-600);background:#fff}.article-cta__actions>a+a:hover{background:var(--color-surface-tint)}.article-cta__actions>a+button:disabled{border-color:var(--color-line);color:var(--color-ink-500);cursor:not-allowed}.article-aside{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface-page);align-self:start;min-height:499px;padding:24px}.article-aside h2{color:var(--color-night-800);font-size:var(--text-lg);margin:0;font-weight:700;line-height:28px}.article-aside__toc{gap:16px;margin:16px 0 0;padding:0;list-style:none;display:grid}.article-aside__toc li{color:var(--color-ink-600);font-size:var(--text-sm);white-space:nowrap;gap:8px;line-height:24px;display:flex}.article-aside__toc li.article-aside__toc-current{color:var(--color-brand-600);font-weight:700}.article-aside__toc a{color:inherit;gap:8px;text-decoration:none;display:flex}.article-aside__toc a:hover{color:var(--color-brand-600)}.article-aside__divider{background:var(--color-line);height:1px;margin:16px 0}.article-aside h3{color:var(--color-night-800);font-size:var(--text-md);margin:0;font-weight:700;line-height:26px}.article-aside__related{color:var(--color-ink-600);font-size:var(--text-sm);margin:16px 0 0;line-height:24px}@media (width<=1180px){.article-card{grid-template-columns:minmax(0,1fr) 316px;gap:28px}.article-card__intro,.article-cta p{max-width:100%}}@media (width<=900px){.article-section__inner{padding:var(--section-y) 0}.article-card{grid-template-columns:1fr;gap:36px;min-height:0}.article-aside{min-height:0}.article-cta{margin-top:40px}}@media (width<=600px){.article-card{padding:24px}.article-card__body h2{font-size:var(--text-2xl)}.article-card__intro,.article-card__recommendations li{font-size:var(--text-md)}.article-cta{padding:19px}.article-cta h3{font-size:var(--text-xl)}.article-cta__actions{flex-wrap:wrap}.article-aside__toc li{white-space:normal}}