.page-module__uTcAqW__supportBadges{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}.page-module__uTcAqW__supportBadge{background:var(--surface-alt);border-radius:var(--radius-md);border:1px solid var(--border);color:var(--foreground);transition:transform var(--transition-fast);align-items:center;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}.page-module__uTcAqW__supportBadge:hover{transform:translateY(-1px)}.page-module__uTcAqW__chrome{color:#4285f4;border-color:#4285f4}.page-module__uTcAqW__firefox{color:#c77800;border-color:#ff9a00}.page-module__uTcAqW__safari{color:#08c;border-color:#0af}.page-module__uTcAqW__edge{color:#0078d4;border-color:#0078d4}.dark .page-module__uTcAqW__chrome{color:#6ea8ff}.dark .page-module__uTcAqW__firefox{color:#ffb84d}.dark .page-module__uTcAqW__safari{color:#4dc4ff}.dark .page-module__uTcAqW__edge{color:#47a3e8}.page-module__uTcAqW__comparison{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.page-module__uTcAqW__comparisonCard{background:var(--background);border:2px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;position:relative;overflow:hidden}.page-module__uTcAqW__comparisonCard:before{content:"";pointer-events:none;position:absolute;inset:0}.page-module__uTcAqW__oldWay{border-color:#ef4444}.page-module__uTcAqW__oldWay:before{background:#ef44440a}.page-module__uTcAqW__newWay{border-color:#10b981}.page-module__uTcAqW__newWay:before{background:#10b9810a}.dark .page-module__uTcAqW__oldWay:before{background:#ef444414}.dark .page-module__uTcAqW__newWay:before{background:#10b98114}.page-module__uTcAqW__comparisonTitle{color:var(--foreground);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.125rem;font-weight:700;display:flex}.page-module__uTcAqW__iconCross{color:#ef4444;font-weight:700}.page-module__uTcAqW__iconCheck{color:#10b981;font-weight:700}.page-module__uTcAqW__comparisonCode{background:var(--surface-alt);border-radius:var(--radius-md);font-family:var(--font-mono);color:var(--foreground);margin:0;padding:1rem;font-size:.8125rem;line-height:1.6;overflow-x:auto}.page-module__uTcAqW__containerDemoGrid{grid-template-columns:1fr;gap:1.5rem;display:grid}.page-module__uTcAqW__resizableContainer{resize:horizontal;background:var(--surface-alt);border:2px dashed var(--border);border-radius:var(--radius-lg);min-width:250px;padding:2.5rem 1.25rem 1.25rem;position:relative;overflow:auto}.page-module__uTcAqW__resizeHandle{color:var(--text-muted);background:var(--background);border-radius:var(--radius-sm);pointer-events:none;border:1px solid var(--border);padding:.25rem .5rem;font-size:.75rem;position:absolute;top:.5rem;right:.5rem}.page-module__uTcAqW__fixedContainer{background:var(--surface-alt);border:2px solid var(--border);border-radius:var(--radius-lg);width:300px;padding:1.25rem}.page-module__uTcAqW__containerLabel{color:var(--text-muted);margin-bottom:.75rem;font-size:.8125rem;font-weight:500}.page-module__uTcAqW__productCardContainer{container:card/inline-size}.page-module__uTcAqW__productCardCq{background:var(--background);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base);border:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.page-module__uTcAqW__productImage{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-shrink:0;justify-content:center;align-items:center;width:100%;height:150px;display:flex}.page-module__uTcAqW__productImageText{color:#fff;font-size:1.25rem;font-weight:700}.page-module__uTcAqW__productContent{flex-direction:column;gap:.5rem;padding:1rem;display:flex}.page-module__uTcAqW__productCategory{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:600}.page-module__uTcAqW__productTitle{color:var(--foreground);margin:0;font-size:1.125rem;font-weight:700}.page-module__uTcAqW__productDescription{color:var(--text-muted);font-size:.8125rem;line-height:1.5}.page-module__uTcAqW__productMeta{justify-content:space-between;align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.page-module__uTcAqW__productPrice{color:var(--primary);font-size:1.375rem;font-weight:700}.page-module__uTcAqW__productButton{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.page-module__uTcAqW__productButton:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}@container card (max-width:399px){.page-module__uTcAqW__productImage{height:120px}.page-module__uTcAqW__productDescription{display:none}.page-module__uTcAqW__productMeta{flex-direction:column;align-items:flex-start}.page-module__uTcAqW__productButton{width:100%}}@container card (min-width:400px){.page-module__uTcAqW__productCardCq{flex-direction:row}.page-module__uTcAqW__productImage{width:200px;height:auto;min-height:150px}.page-module__uTcAqW__productButton{padding:.625rem 1.25rem}}@container card (min-width:600px){.page-module__uTcAqW__productContent{padding:1.5rem}.page-module__uTcAqW__productTitle{font-size:1.375rem}.page-module__uTcAqW__productDescription{font-size:.875rem}}.page-module__uTcAqW__unitsContainer{background:var(--surface-alt);border-radius:var(--radius-lg);border:1px solid var(--border);height:280px;padding:1.25rem;container-type:size}.page-module__uTcAqW__unitDemo{margin-bottom:1.25rem}.page-module__uTcAqW__unitDemoTitle{color:var(--text-muted);margin-bottom:.5rem;font-size:.8125rem;font-weight:500}.page-module__uTcAqW__cqwText{color:var(--primary);transition:font-size var(--transition-base);font-size:clamp(1rem,5cqw,2rem);font-weight:700}.page-module__uTcAqW__cqhBox{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);place-items:center;height:30cqh;min-height:50px;font-size:.875rem;font-weight:500;display:grid}.page-module__uTcAqW__namedDemo{background:var(--surface-alt);border-radius:var(--radius-lg);border:1px solid var(--border);padding:1.25rem}.page-module__uTcAqW__outerContainer{background:var(--background);border-radius:var(--radius-lg);border:2px dashed var(--border);padding:1.5rem;container:outer/inline-size}.page-module__uTcAqW__innerContainer{background:var(--surface);border-radius:var(--radius-md);border:2px dashed var(--primary);margin-top:1rem;padding:1.25rem;container:inner/inline-size}.page-module__uTcAqW__containerTitle{color:var(--text-muted);margin-bottom:.75rem;font-size:.8125rem;font-weight:600}.page-module__uTcAqW__responsiveBox{background:var(--surface-alt);border-radius:var(--radius-md);text-align:center;transition:all var(--transition-base);color:var(--foreground);padding:1rem;font-size:.875rem}@container inner (min-width:300px){.page-module__uTcAqW__responsiveBox{background:var(--primary);color:#fff;font-weight:600}}.page-module__uTcAqW__styleQueryDemo{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.page-module__uTcAqW__themeContainer{border-radius:var(--radius-lg);border:1px solid var(--border);padding:1.25rem}.page-module__uTcAqW__themeDark{background:#1e293b}.page-module__uTcAqW__themeLight{background:#f8fafc}.dark .page-module__uTcAqW__themeLight{background:#334155}.page-module__uTcAqW__themeCard{border-radius:var(--radius-md);padding:1.25rem}.page-module__uTcAqW__themeDark .page-module__uTcAqW__themeCard{background:#0f172a;border:1px solid #334155}.page-module__uTcAqW__themeLight .page-module__uTcAqW__themeCard{background:#fff;border:1px solid #e2e8f0}.dark .page-module__uTcAqW__themeLight .page-module__uTcAqW__themeCard{background:#1e293b;border-color:#475569}.page-module__uTcAqW__themeCardTitle{margin-bottom:.375rem;font-size:.9375rem;font-weight:600}.page-module__uTcAqW__themeDark .page-module__uTcAqW__themeCardTitle{color:#f1f5f9}.page-module__uTcAqW__themeLight .page-module__uTcAqW__themeCardTitle{color:#1e293b}.dark .page-module__uTcAqW__themeLight .page-module__uTcAqW__themeCardTitle{color:#e2e8f0}.page-module__uTcAqW__themeCardText{font-size:.8125rem;line-height:1.5}.page-module__uTcAqW__themeDark .page-module__uTcAqW__themeCardText{color:#94a3b8}.page-module__uTcAqW__themeLight .page-module__uTcAqW__themeCardText{color:#64748b}.dark .page-module__uTcAqW__themeLight .page-module__uTcAqW__themeCardText{color:#94a3b8}.page-module__uTcAqW__comparisonTable{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.page-module__uTcAqW__comparisonRow{border-bottom:1px solid var(--border);color:var(--foreground);grid-template-columns:1fr 1fr 1fr;align-items:center;padding:.875rem 1.25rem;font-size:.875rem;display:grid}.page-module__uTcAqW__comparisonRow:last-child{border-bottom:none}.page-module__uTcAqW__comparisonHeader{background:var(--surface-alt);font-weight:600}.page-module__uTcAqW__featureLabel{color:var(--foreground);font-weight:500}.page-module__uTcAqW__highlight{color:var(--primary);font-weight:500}.page-module__uTcAqW__practiceGrid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.page-module__uTcAqW__practiceCard{border-radius:var(--radius-lg);border:1px solid var(--border);padding:1.5rem}.page-module__uTcAqW__mediaCard{background:var(--surface-alt)}.page-module__uTcAqW__containerCard{border-color:var(--primary);background:linear-gradient(135deg,#357a3a0f 0%,#0000 70%);background:linear-gradient(135deg,lab(45.7706% -33.6758 28.0119/.06) 0%,#0000 70%)}.dark .page-module__uTcAqW__containerCard{background:linear-gradient(135deg,#60a5fa1a 0%,#0000 70%)}.page-module__uTcAqW__practiceTitle{color:var(--foreground);margin-bottom:.75rem;font-size:1rem;font-weight:700}.page-module__uTcAqW__practiceList{margin:0;padding:0;list-style:none}.page-module__uTcAqW__practiceList li{color:var(--text-muted);padding:.375rem 0 .375rem 1.5rem;font-size:.875rem;position:relative}.page-module__uTcAqW__practiceList li:before{content:"✓";color:#10b981;font-weight:700;position:absolute;left:0}.dark .page-module__uTcAqW__practiceList li:before{color:#34d399}.page-module__uTcAqW__articleLayoutDemo{background:var(--surface-alt);border-radius:var(--radius-lg);border:1px solid var(--border);grid-template-columns:1fr 300px;gap:1.25rem;padding:1.25rem;display:grid}.page-module__uTcAqW__articleMain,.page-module__uTcAqW__articleSidebar{min-width:0}.page-module__uTcAqW__articleContainer{container:article/inline-size}.page-module__uTcAqW__articleCq{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.page-module__uTcAqW__articleHeader{margin-bottom:1rem}.page-module__uTcAqW__articleCategory{color:#7c3aed;text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:600}.dark .page-module__uTcAqW__articleCategory{color:#a78bfa}.page-module__uTcAqW__articleTitle{color:var(--foreground);margin:.375rem 0;font-size:1.25rem;font-weight:700}.page-module__uTcAqW__articleMeta{color:var(--text-muted);gap:1rem;font-size:.8125rem;display:flex}.page-module__uTcAqW__articleContent{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.page-module__uTcAqW__articleContent p{margin-bottom:.75rem}.page-module__uTcAqW__articleBlockquote{background:var(--surface-alt);border-left:3px solid var(--primary);border-radius:0 var(--radius-md)var(--radius-md)0;color:var(--foreground);margin:1rem 0;padding:1rem;font-size:.875rem;font-style:italic}@container article (max-width:400px){.page-module__uTcAqW__articleCq{padding:1rem}.page-module__uTcAqW__articleHeader{text-align:center}.page-module__uTcAqW__articleTitle{font-size:1.0625rem}.page-module__uTcAqW__articleMeta{display:none}.page-module__uTcAqW__articleBlockquote{margin:.75rem 0;padding:.75rem;font-size:.8125rem}}@container article (min-width:500px){.page-module__uTcAqW__articleCq{padding:2rem}.page-module__uTcAqW__articleTitle{font-size:1.75rem}.page-module__uTcAqW__articleContent{font-size:1rem;line-height:1.7}.page-module__uTcAqW__articleBlockquote{margin:1.5rem -.5rem;padding:1.25rem 1.5rem;font-size:1.0625rem}}.page-module__uTcAqW__tipsGrid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.page-module__uTcAqW__tipCard{background:var(--surface-alt);border-radius:var(--radius-lg);border:1px solid var(--border);text-align:center;transition:transform var(--transition-fast);padding:1.5rem}.page-module__uTcAqW__tipCard:hover{transform:translateY(-2px)}.page-module__uTcAqW__tipIcon{margin-bottom:.75rem;font-size:1.75rem;display:inline-block}.page-module__uTcAqW__tipTitle{color:var(--foreground);margin-bottom:.5rem;font-size:1rem;font-weight:700}.page-module__uTcAqW__tipText{color:var(--text-muted);font-size:.8125rem;line-height:1.6}.page-module__uTcAqW__tipText code{font-family:var(--font-mono);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--primary);padding:.125rem .375rem;font-size:.75rem}@media (max-width:768px){.page-module__uTcAqW__comparison,.page-module__uTcAqW__styleQueryDemo,.page-module__uTcAqW__practiceGrid,.page-module__uTcAqW__articleLayoutDemo{grid-template-columns:1fr}.page-module__uTcAqW__fixedContainer{width:100%}.page-module__uTcAqW__tipsGrid{grid-template-columns:1fr}.page-module__uTcAqW__comparisonRow{grid-template-columns:1fr;gap:.25rem}.page-module__uTcAqW__comparisonHeader{display:none}}@media (max-width:480px){.page-module__uTcAqW__comparisonCode{font-size:.75rem}}@media (prefers-reduced-motion:reduce){.page-module__uTcAqW__supportBadge:hover,.page-module__uTcAqW__tipCard:hover,.page-module__uTcAqW__productButton:hover{transform:none}}