.feature-main{max-width:1180px;padding-block:22px 56px}.feature-breadcrumb{color:var(--muted);font-size:11px;margin-bottom:28px}.feature-intro{max-width:900px;padding-block:20px 36px}.feature-intro h1{font-size:clamp(30px,4vw,52px);line-height:1.25;letter-spacing:-1px;overflow-wrap:anywhere}.feature-lead{font-size:16px;line-height:1.9;color:var(--text-2);margin:22px 0 26px}.feature-guide-link{margin-inline-start:24px;font-size:12px}.feature-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:center}.feature-capture{margin:0;min-width:0}.feature-capture img{width:100%;height:auto;display:block;border:1px solid var(--line-2)}.feature-capture figcaption{font-size:11px;line-height:1.8;color:var(--muted);margin-top:12px}.feature-example{border-inline-start:2px solid var(--green);padding:24px;background:var(--panel)}.feature-page h2{font-size:21px;line-height:1.45;margin-bottom:18px;letter-spacing:0}.feature-example p,.feature-section p,.feature-section li{font-size:14px;color:var(--text-2);line-height:1.95}.feature-section{padding-block:34px;border-bottom:1px solid var(--line);max-width:1050px}.feature-section li{padding-inline-start:8px;margin-bottom:15px}.feature-section ol{padding-inline-start:28px}.feature-scope p{margin-bottom:18px}.feature-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-related{padding:20px;border:1px solid var(--line);background:var(--panel)}.feature-related strong{display:block;font-size:14px}.feature-related span{display:block;color:var(--muted);font-size:12px;line-height:1.9;margin-top:12px}.feature-language{display:flex;align-items:center;gap:10px;margin-inline-start:auto}.feature-language>span{font-size:10px;color:var(--muted)}html[dir=rtl] .feature-intro h1{letter-spacing:0}.feature-page .header-nav a{white-space:normal}.feature-page .footer{max-width:1180px}
@media(max-width:800px){.feature-layout{grid-template-columns:1fr}.feature-example{padding:20px}.feature-related-grid{grid-template-columns:1fr}.feature-page .header-top{gap:14px;flex-wrap:wrap;padding-block:12px}.feature-language>span{display:none}.feature-page .header-top>a:not(.brand):not(.btn){font-size:10px}.feature-page .header-nav{align-items:stretch}.feature-page .header-nav a{flex:1;min-width:90px;padding:10px;font-size:10px}.feature-lead{font-size:14px}.feature-section p,.feature-section li{font-size:13px}.feature-main{padding-block:16px 36px}.feature-intro{padding-block:10px 26px}}