.article-visuals .case-inline-visual{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 12%, var(--surface)), color-mix(in srgb, var(--accent-cool) 10%, var(--surface)));border:1px solid var(--line);border-radius:8px;gap:14px;min-height:220px;margin:8px 0;padding:18px;display:grid;position:relative;overflow:hidden}.article-visuals .lcp-before-after{grid-template-columns:minmax(0,1fr)}.article-visuals .lcp-candidate-toolbar span,.article-visuals .lcp-marker span,.article-visuals .cls-demo-column>span,.article-visuals .cls-browser em{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:850}.article-visuals .lcp-marker strong{color:var(--text);line-height:1.1}.article-visuals .galaxus-lcp-split{background:linear-gradient(135deg, #14181ff0, #21242beb), radial-gradient(circle at 18% 16%, color-mix(in srgb, var(--accent-warm) 24%, transparent), transparent 28%), radial-gradient(circle at 82% 14%, color-mix(in srgb, var(--accent) 26%, transparent), transparent 30%);min-height:480px;padding-top:48px}.article-visuals .lcp-running-timer{color:var(--text);font-variant-numeric:tabular-nums;z-index:3;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:8px;padding:8px 10px;font-size:1.1rem;font-weight:900;line-height:1;position:absolute;top:16px;right:18px}.article-visuals .galaxus-split-labels{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.article-visuals .galaxus-split-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-height:340px;display:grid}.article-visuals .galaxus-split-stage .galaxus-page-layer{position:relative}.article-visuals .galaxus-page-layer.is-before{background:linear-gradient(90deg, #5a362acc, #241e1ed6), color-mix(in srgb, var(--surface-strong) 82%, transparent)}.article-visuals .galaxus-page-layer.is-after{background:linear-gradient(90deg, #1c2c28d1, #172324db), color-mix(in srgb, var(--surface-strong) 82%, transparent)}.article-visuals .galaxus-panel-badge{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2px;min-width:0;padding-right:88px;display:grid}.article-visuals .galaxus-panel-badge span,.article-visuals .galaxus-panel-badge em{color:#ffffffad;text-transform:uppercase;font-size:.62rem;font-style:normal;font-weight:850}.article-visuals .galaxus-panel-badge strong{color:var(--text);font-size:clamp(1.12rem,2.6vw,1.55rem);line-height:1}.article-visuals .galaxus-panel-badge em{justify-self:end}.article-visuals .galaxus-panel-badge.is-before strong{color:var(--accent-warm)}.article-visuals .galaxus-panel-badge.is-after strong{color:var(--accent)}.article-visuals .lcp-animation-timeline{--timeline-progress:0;--timeline-progress-pct:0%;background:linear-gradient(90deg, var(--accent-warm) 0 var(--timeline-progress-pct), #ffffff29 var(--timeline-progress-pct) 100%);cursor:ew-resize;touch-action:none;border:1px solid #ffffff2e;border-radius:8px;outline:none;min-height:48px;padding:10px 12px;display:block;position:relative}.article-visuals .lcp-animation-timeline:before{content:"";height:14px;bottom:0;left:var(--timeline-progress-pct);background:#ffffffb3;border-radius:999px;width:14px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #ffffff24}.article-visuals .lcp-animation-timeline:focus-visible{border-color:#ffffff70;box-shadow:0 0 0 3px #ffffff24}.article-visuals .lcp-animation-timeline span{color:#ffffffb8;left:var(--tick-left);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.62rem;font-weight:850;position:absolute;top:28px;overflow:hidden;transform:translate(-50%)}.article-visuals .lcp-animation-timeline .is-zero{--tick-left:0%;transform:translate(0)}.article-visuals .lcp-animation-timeline .is-after-content{--tick-left:26%;top:12px}.article-visuals .lcp-animation-timeline .is-after-lcp{--tick-left:28%}.article-visuals .lcp-animation-timeline .is-before-content{--tick-left:40%;top:12px}.article-visuals .lcp-animation-timeline .is-before-lcp{--tick-left:56%}.article-visuals .lcp-animation-timeline .is-end{--tick-left:100%;transform:translate(-100%)}.article-visuals .timeline-event{bottom:0;left:var(--event-left);pointer-events:none;width:2px;display:block;position:absolute;top:0;transform:translate(-50%)}.article-visuals .timeline-event:before{content:"";background:currentColor;width:2px;position:absolute;top:8px;bottom:8px;left:0}.article-visuals .timeline-event b{color:currentColor;text-transform:uppercase;white-space:nowrap;background:#12161ce0;border:1px solid;border-radius:6px;padding:3px 5px;font-size:.56rem;font-style:normal;font-weight:900;line-height:1;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.article-visuals .timeline-event.is-after-lcp{--event-left:28%;color:var(--accent)}.article-visuals .timeline-event.is-before-lcp{--event-left:56%;color:var(--accent-warm)}.article-visuals .timeline-event.is-cls{--event-left:64.4%;color:#fbbf24}.article-visuals .component-attribution-visual{background:linear-gradient(135deg, #14181ff0, #21242beb), radial-gradient(circle at 16% 20%, color-mix(in srgb, var(--accent-warm) 20%, transparent), transparent 28%), radial-gradient(circle at 86% 18%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 30%);grid-template-rows:minmax(190px,auto) minmax(150px,auto);grid-template-columns:repeat(4,minmax(0,1fr));min-height:420px}.article-visuals .galaxus-skeleton-page,.article-visuals .lcp-candidate-grid,.article-visuals .cls-browser{background:color-mix(in srgb, var(--surface-strong) 82%, transparent);border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));border-radius:8px}.article-visuals .galaxus-skeleton-page{gap:9px;min-height:100%;padding:14px;display:grid;position:relative;overflow:hidden}.article-visuals .galaxus-skeleton-header{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.article-visuals .galaxus-wordmark{color:var(--text);letter-spacing:0;font-size:.74rem;font-weight:950}.article-visuals .galaxus-search,.article-visuals .galaxus-side-nav span,.article-visuals .galaxus-hero-image,.article-visuals .galaxus-hero-copy strong,.article-visuals .galaxus-hero-copy span,.article-visuals .galaxus-feed-tile i,.article-visuals .galaxus-feed-tile strong,.article-visuals .galaxus-feed-tile span,.article-visuals .lcp-tile i,.article-visuals .cls-header,.article-visuals .cls-lazy-slot,.article-visuals .cls-reserved-slot,.article-visuals .cls-copy strong,.article-visuals .cls-copy p{background:color-mix(in srgb, var(--accent) 16%, var(--surface));border-radius:6px;display:block}.article-visuals .galaxus-search{height:18px}.article-visuals .galaxus-home-layout{grid-template-columns:minmax(62px,.45fr) minmax(0,1.55fr);gap:8px;min-height:244px;display:grid}.article-visuals .galaxus-side-nav,.article-visuals .galaxus-article-hero,.article-visuals .galaxus-feed-tile{border:1px solid color-mix(in srgb, var(--line) 84%, transparent);border-radius:8px;gap:7px;min-width:0;padding:8px;display:grid}.article-visuals .galaxus-side-nav{align-content:start;gap:6px}.article-visuals .galaxus-side-nav span{color:#0000;border-radius:999px;width:min(100%,58px);height:8px;overflow:hidden}.article-visuals .galaxus-side-nav span:nth-child(2n){width:min(82%,48px)}.article-visuals .galaxus-main-feed{gap:8px;min-width:0;display:grid}.article-visuals .galaxus-article-hero{gap:8px;min-height:112px}.article-visuals .galaxus-hero-image{min-height:78px;position:relative}.article-visuals .galaxus-hero-copy{gap:7px;display:grid}.article-visuals .galaxus-hero-copy strong{width:78%;height:11px}.article-visuals .galaxus-hero-copy span{width:52%;height:9px}.article-visuals .galaxus-page-layer.is-after .galaxus-hero-image{outline:2px solid color-mix(in srgb, var(--accent) 72%, transparent);outline-offset:2px}.article-visuals .galaxus-page-layer.is-before .galaxus-hero-image{background:#40464a}.article-visuals .galaxus-content-mix{grid-auto-columns:minmax(72px,1fr);grid-auto-flow:column;gap:8px;display:grid;overflow:hidden}.article-visuals .galaxus-feed-tile{min-height:66px;position:relative}.article-visuals .galaxus-feed-tile i{min-height:28px}.article-visuals .galaxus-feed-tile strong{width:72%;height:10px}.article-visuals .galaxus-feed-tile span{width:48%;height:9px}.article-visuals .lcp-candidate-visual,.article-visuals .cls-contract-demo{grid-template-columns:minmax(0,1fr)}.article-visuals .lcp-candidate-toolbar{flex-wrap:wrap;gap:7px;display:flex}.article-visuals .lcp-candidate-toolbar span{border:1px solid var(--line);border-radius:999px;padding:6px 9px}.article-visuals .lcp-candidate-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px;display:grid;position:relative}.article-visuals .lcp-banner{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 22%, var(--surface)), color-mix(in srgb, var(--accent-warm) 18%, var(--surface)));border-radius:8px;grid-column:1/-1;align-items:end;min-height:58px;padding:10px;display:flex}.article-visuals .lcp-banner span,.article-visuals .lcp-tile strong{color:var(--text);font-size:.8rem;font-weight:850}.article-visuals .lcp-tile{border:1px solid var(--line);border-radius:8px;gap:8px;min-height:104px;padding:9px;display:grid}.article-visuals .lcp-tile i{min-height:46px}.article-visuals .lcp-tile.tile-2{animation:3.6s ease-in-out infinite lcp-candidate-highlight}.article-visuals .lcp-marker{background:var(--text);color:var(--bg);border-radius:8px;gap:2px;padding:9px 10px;display:grid;position:absolute;top:42%;left:35%}.article-visuals .lcp-marker strong,.article-visuals .lcp-marker span{color:inherit}.article-visuals .cls-contract-demo{grid-template-columns:repeat(2,minmax(0,1fr))}.article-visuals .cls-demo-column{gap:9px;display:grid}.article-visuals .cls-browser{gap:10px;min-height:205px;padding:14px;display:grid;position:relative}.article-visuals .cls-header{width:68%;height:24px}.article-visuals .cls-lazy-slot{opacity:0;height:0;animation:2.6s ease-in-out infinite cls-slot-load}.article-visuals .cls-reserved-slot{outline:2px solid color-mix(in srgb, var(--accent-warm) 48%, transparent);outline-offset:3px;height:58px;animation:2.6s ease-in-out infinite cls-reserved-load}.article-visuals .cls-copy{gap:9px;display:grid}.article-visuals .is-unstable .cls-copy{animation:2.6s ease-in-out infinite cls-copy-shift}.article-visuals .cls-copy strong{width:76%;height:20px}.article-visuals .cls-copy p{height:14px;margin:0}.article-visuals .cls-copy p:last-child{width:58%}.article-visuals .cls-browser em{color:var(--accent-warm);font-style:normal;position:absolute;bottom:10px;right:12px}@keyframes lcp-candidate-highlight{0%,28%,to{outline:0 solid #0000;transform:translateY(0)}45%,76%{outline:2px solid var(--accent-warm);outline-offset:2px;transform:translateY(-2px)}}@keyframes cls-slot-load{0%,34%,to{opacity:0;height:0}48%,78%{opacity:1;height:58px}}@keyframes cls-reserved-load{0%,34%,to{opacity:.38}48%,78%{opacity:1}}@keyframes cls-copy-shift{0%,34%,to{transform:translateY(0)}48%,78%{transform:translateY(58px)}}@media (width<=640px){.article-visuals .lcp-before-after,.article-visuals .cls-contract-demo{grid-template-columns:minmax(0,1fr)}.article-visuals .galaxus-lcp-split{min-height:0;padding:46px 10px 12px}.article-visuals .lcp-running-timer{font-size:.92rem;top:12px;right:12px}.article-visuals .galaxus-split-labels{gap:10px}.article-visuals .galaxus-panel-badge{grid-template-columns:minmax(0,1fr);align-items:start;padding-right:0}.article-visuals .galaxus-panel-badge em{justify-self:start}.article-visuals .galaxus-panel-badge strong{font-size:clamp(1rem,6vw,1.22rem)}.article-visuals .galaxus-split-stage{gap:10px;min-height:242px}.article-visuals .galaxus-skeleton-page{gap:8px;padding:10px}.article-visuals .galaxus-wordmark{font-size:.62rem}.article-visuals .galaxus-search{height:15px}.article-visuals .galaxus-home-layout{grid-template-columns:minmax(0,1fr);min-height:178px}.article-visuals .galaxus-side-nav{display:none}.article-visuals .galaxus-article-hero{min-height:104px}.article-visuals .galaxus-hero-image{min-height:72px}.article-visuals .galaxus-content-mix{grid-auto-columns:minmax(42px,1fr)}.article-visuals .galaxus-feed-tile{min-height:52px;padding:6px}.article-visuals .galaxus-feed-tile i{min-height:22px}.article-visuals .galaxus-feed-tile:nth-child(n+4){display:none}.article-visuals .lcp-animation-timeline{min-height:74px;padding:18px 8px 8px}.article-visuals .lcp-animation-timeline span{font-size:.52rem;top:48px}.article-visuals .lcp-animation-timeline .is-after-content,.article-visuals .lcp-animation-timeline .is-before-content,.article-visuals .lcp-animation-timeline .is-end,.article-visuals .timeline-event b{display:none}.article-visuals .lcp-candidate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-visuals .component-attribution-visual{grid-template-rows:174px 128px 168px 128px;grid-template-columns:96px minmax(0,1fr);min-height:692px}.article-visuals .lcp-banner,.article-visuals .lcp-marker{grid-column:1/-1}.article-visuals .lcp-marker{position:static;top:auto;left:auto}}.article-visuals .filter-flow-visual{grid-template-columns:minmax(0,1fr)}.article-visuals .filter-bar{flex-wrap:wrap;gap:8px;display:flex}.article-visuals .filter-bar span{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));color:var(--muted);border-radius:999px;padding:8px 11px;font-size:.78rem;font-weight:850}.article-visuals .filter-bar .active{background:var(--accent);color:var(--accent-contrast)}.article-visuals .filter-dialog{background:color-mix(in srgb, var(--surface-strong) 76%, transparent);border:1px solid var(--line);border-radius:8px;gap:8px;padding:12px;display:grid}.article-visuals .filter-dialog div,.article-visuals .product-grid-preview span{background:color-mix(in srgb, var(--accent) 14%, var(--surface));border-radius:6px;min-height:24px}.article-visuals .filter-dialog .wide{min-height:46px}.article-visuals .product-grid-preview{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.article-visuals .product-grid-preview span{min-height:54px}.article-visuals .histogram-visual{align-content:end}.article-visuals .histogram-bars{grid-template-columns:repeat(9,minmax(0,1fr));align-items:end;gap:7px;height:150px;display:grid}.article-visuals .histogram-bars span{background:linear-gradient(180deg, color-mix(in srgb, var(--accent-warm) 76%, var(--accent)), var(--accent-cool));border-radius:7px 7px 2px 2px}.article-visuals .histogram-track{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.article-visuals .histogram-track span{background:color-mix(in srgb, var(--accent) 24%, var(--line));height:4px}.article-visuals .histogram-track strong{background:var(--text);border-radius:999px;width:18px;height:18px}.article-visuals .component-attribution-visual{border-color:color-mix(in srgb, var(--accent-warm) 30%, var(--line));background:#f8f3e8;min-height:0;padding:12px;display:block;overflow:hidden}.article-visuals .component-attribution-sketch{color:#1f2933;width:100%;max-width:100%;height:auto;display:block}.article-visuals .component-attribution-sketch.is-mobile{display:none}.article-visuals .component-attribution-sketch text{fill:currentColor;letter-spacing:0;font-family:Comic Sans MS,Bradley Hand,Segoe Print,system-ui,sans-serif;font-weight:800}.article-visuals .sketch-box rect,.article-visuals .sketch-event rect{fill:#fffaf0;stroke:#1f2933;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px}.article-visuals .sketch-box path{fill:none;opacity:.5;stroke:#1f2933;stroke-linecap:round;stroke-width:1.7px}.article-visuals .sketch-label{fill:#5b6472;text-transform:uppercase;font-size:16px}.article-visuals .sketch-title{font-size:18px}.article-visuals .sketch-code{fill:#0f766e;font-family:SFMono-Regular,Consolas,monospace;font-size:14px;font-weight:900}.article-visuals .sketch-muted{fill:#64748b;font-size:14px}.article-visuals .sketch-event rect{fill:#fff3bf;stroke:#b7791f}.article-visuals .sketch-event.is-enriched rect{fill:#dff7ef;stroke:#0f766e}.article-visuals .sketch-event text{font-size:14px}.article-visuals .sketch-event.is-compact text{font-size:12px}.article-visuals .sketch-redis ellipse,.article-visuals .sketch-redis path{fill:#eef2ff;stroke:#4f46e5;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px}.article-visuals .sketch-redis path{fill:none}.article-visuals .sketch-redis text{fill:#4338ca;text-anchor:middle;font-size:18px}.article-visuals .sketch-redis .sketch-muted{fill:#64748b;font-size:13px}.article-visuals .sketch-arrow{fill:none;marker-end:url(#sketch-arrow);stroke:#1f2933;stroke-dasharray:8 7;stroke-linecap:round;stroke-width:2.4px}.article-visuals .component-attribution-sketch.is-mobile .sketch-arrow{marker-end:url(#sketch-arrow-mobile)}.article-visuals .sketch-arrow.is-soft{stroke:#b7791f}.article-visuals .sketch-arrow+.sketch-arrow{opacity:.92}@media (width<=640px){.article-visuals .component-attribution-visual{padding:10px}.article-visuals .component-attribution-sketch.is-desktop{display:none}.article-visuals .component-attribution-sketch.is-mobile{display:block}.article-visuals .component-attribution-sketch text{font-family:Comic Sans MS,Bradley Hand,Segoe Print,system-ui,sans-serif}.article-visuals .sketch-title{font-size:17px}.article-visuals .sketch-code,.article-visuals .sketch-muted{font-size:13px}}.article-visuals{--surface:#192630;--surface-strong:#304651;--accent:#9bbdd2;--accent-contrast:#111a21;--text:#f0f1ed;--muted:#a8b1b7;--line:#42515a;--accent-warm:#ef7b46;--accent-cool:#9bbdd2;--accent-strong:#164e63}@media (prefers-reduced-motion:reduce){.article-visuals *,.article-visuals :before,.article-visuals :after{transition:none!important;animation:none!important}.article-visuals .cls-lazy-slot{height:54px}}.article-visuals [role=slider]:focus-visible{outline-offset:4px;outline:2px solid #ef7b46}