.source-instruction-html{overflow-wrap:anywhere;min-width:0}.source-instruction-html>*{max-width:100%}.source-instruction-html img{object-fit:contain;width:auto;max-width:100%;height:auto;margin:18px auto;display:block}.source-instruction-html table{-webkit-overflow-scrolling:touch;max-width:100%;margin:28px 0;display:block;overflow-x:auto;border-collapse:collapse!important;border-spacing:0!important;background:var(--surface)!important;width:100%!important;color:var(--text)!important;font-family:var(--font-onest), "Segoe UI Variable Text", "SF Pro Text", system-ui, sans-serif!important;border:0!important;font-size:15px!important;line-height:1.55!important}.source-instruction-html th,.source-instruction-html td{min-width:110px;color:var(--text)!important;font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;border:1px solid #d9e1e8!important;padding:14px 16px!important}.source-instruction-html thead,.source-instruction-html tbody,.source-instruction-html tr{background:0 0!important}.source-instruction-html th{text-align:center!important;vertical-align:middle!important;background:#f3f5f7!important;font-weight:700!important}.source-instruction-html td{text-align:left!important;vertical-align:top!important;background:#fff!important;font-weight:400!important}.source-instruction-html th *,.source-instruction-html td *{color:inherit!important;font-family:inherit!important;font-size:inherit!important;line-height:inherit!important}.source-instruction-html th p,.source-instruction-html td p{margin:0!important}.source-instruction-html td:has(img){text-align:center!important;vertical-align:middle!important}.source-instruction-html td img{mix-blend-mode:multiply;isolation:auto;max-width:180px;max-height:140px;background:0 0!important;margin:0 auto!important}.source-instruction-html a{color:var(--accent)}.source-instruction-html th a,.source-instruction-html td a{text-underline-offset:3px;text-decoration:none;color:var(--accent)!important;font-weight:500!important}.source-instruction-html th a:hover,.source-instruction-html td a:hover{text-decoration:underline}.source-instruction-html th a:focus,.source-instruction-html td a:focus{outline:2px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:3px;border-radius:2px}.parts-sidebar{min-width:0;max-height:calc(100vh - 116px);overflow:hidden}.parts-panel{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:calc(100vh - 116px);overflow:hidden auto}.part-links,.verified-part-card,.verified-part-card>span{min-width:0}.verified-part-card>img{background:0 0!important}@media (max-width:820px){.parts-sidebar,.parts-panel{max-height:none;overflow:visible}}@media (max-width:640px){.source-instruction-html table{margin:22px 0;font-size:14px!important}.source-instruction-html th,.source-instruction-html td{min-width:96px;padding:11px 12px!important}}.component-overview{border-radius:var(--radius);background:var(--surface);border:1px solid #bfd7e9;margin:46px 0 56px;overflow:hidden;box-shadow:0 18px 46px #284b6c14}.component-overview-header{background:var(--accent-soft);grid-template-columns:48px minmax(0,1fr);align-items:start;gap:18px;padding:28px 30px 26px;display:grid}.component-overview-mark{background:var(--surface);width:48px;height:48px;color:var(--accent);border:1px solid #afd2eb;border-radius:12px;place-items:center;display:grid}.component-overview-header p{color:var(--accent-dark);letter-spacing:.09em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:760}.article-content .component-overview h2{margin:0;font-size:clamp(25px,4vw,34px);line-height:1.12}.component-overview-intro{max-width:650px;color:var(--muted);margin-top:12px;font-size:14px;line-height:1.6}.component-overview-groups{padding:0 30px}.component-overview-group{border-bottom:1px solid var(--line);grid-template-columns:minmax(185px,.75fr) minmax(0,1.65fr);gap:28px;padding:26px 0;display:grid}.component-overview-group:last-child{border-bottom:0}.component-overview-group-title{grid-template-columns:28px minmax(0,1fr);align-items:start;gap:10px;display:grid}.component-overview-group-title>span{color:var(--accent);letter-spacing:.06em;font-size:11px;font-weight:760}.article-content .component-overview-group h3{margin:-3px 0 6px;font-size:17px;line-height:1.3}.component-overview-group-title p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.article-content .component-overview-group ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:0;padding:0;list-style:none;display:grid}.article-content .component-overview-group li{margin:0;padding-left:15px;font-size:13px;line-height:1.45;position:relative}.component-overview-group li:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:.62em;left:0}.component-overview-footer{border-top:1px solid var(--line);gap:15px;padding:22px 30px 25px;display:grid}
.component-overview-footer{border-top:1px solid var(--line);background:#f7f9fb;gap:15px;padding:22px 30px 25px;display:grid}.component-overview-footer strong,.component-overview-footer summary{font-size:13px;font-weight:700}.component-overview-footer p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.55}.component-overview-footer summary{width:max-content;color:var(--accent-dark);cursor:pointer}.article-content .component-overview-footer ul{margin:10px 0 0;padding-left:20px;font-size:12px}@media (max-width:640px){.component-overview{margin:34px 0 42px}.component-overview-header{grid-template-columns:40px minmax(0,1fr);gap:13px;padding:22px 18px}.component-overview-mark{width:40px;height:40px}.component-overview-groups{padding:0 18px}.component-overview-group{grid-template-columns:1fr;gap:17px;padding:22px 0}.article-content .component-overview-group ul{grid-template-columns:1fr;gap:9px}.component-overview-footer{padding:19px 18px 22px}}
.component-overview-action{justify-content:space-between;align-items:center;gap:24px;padding:0 30px 28px;display:flex}.component-overview-action>div{color:#586679;align-items:flex-start;gap:9px;max-width:560px;font-size:14px;line-height:1.5;display:flex}.component-overview-action>div svg{color:#18804b;flex:none;margin-top:1px}.component-overview-action>a{color:#fff;white-space:nowrap;background:#0b67c8;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:12px 17px;font-weight:800;text-decoration:none;display:inline-flex}.component-overview-action>a:active{transform:translateY(1px)}.component-overview-source{color:#6c7888;width:max-content;margin:0 30px 24px;font-size:12px;display:block}.component-overview-groups,.component-overview-footer{display:none!important}@media (max-width:680px){.component-overview-action{flex-direction:column;align-items:stretch;gap:16px;padding:0 20px 22px}.component-overview-action>a{white-space:normal;text-align:center;width:100%}.component-overview-source{margin:0 20px 20px}}