.article-page .browser-support{display:grid;grid-gap:var(--cf-space-200);gap:var(--cf-space-200);margin-block:var(--cf-space-400);border:1px solid var(--cf-color-border);-webkit-border-start:var(--cf-space-100) solid var(--cf-color-primary-solid);border-inline-start:var(--cf-space-100) solid var(--cf-color-primary-solid);border-radius:var(--cf-radius-300);background:var(--cf-color-surface-raised);padding:var(--cf-space-300) var(--cf-space-400)}.article-page .browser-support p{margin:0}.article-page .browser-support-title{color:var(--cf-color-text);font-size:var(--cf-font-size-325)}.article-page .browser-support-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--cf-space-200);gap:var(--cf-space-200);margin:0;padding:0;list-style:none}.article-page .browser-support-list li{display:grid;grid-gap:var(--cf-space-050);gap:var(--cf-space-050);border-radius:var(--cf-radius-200);background:var(--cf-color-success-subtle);padding:var(--cf-space-200) var(--cf-space-250);font-size:var(--cf-font-size-300)}.article-page .browser-support-list li span{color:var(--cf-color-text-secondary)}.article-page .browser-support-list li.is-missing{background:var(--cf-color-warning-subtle)}.article-page .browser-support-source{color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-275)}.article-page .page-load-filmstrip{margin:var(--cf-space-500) 0}.article-page .page-load-filmstrip ol{display:flex;gap:var(--cf-space-300);margin:0;padding:0 0 var(--cf-space-200);overflow-x:auto;list-style:none}.article-page .page-load-filmstrip li{display:grid;flex:0 1 calc(var(--cf-space-2000)*2);grid-template-columns:minmax(0,1fr);align-content:start;grid-gap:var(--cf-space-200);gap:var(--cf-space-200);min-inline-size:calc(var(--cf-space-1600) + var(--cf-space-200))}.article-page .page-load-blank,.article-page .page-load-filmstrip img{display:block;inline-size:100%;block-size:auto;border:1px solid var(--cf-color-border-strong);border-radius:var(--cf-radius-200);background:var(--cf-color-surface)}.article-page .page-load-blank{display:grid;place-items:center;color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-275)}.article-page .page-load-filmstrip li p{display:grid;grid-gap:var(--cf-space-050);gap:var(--cf-space-050);margin:0;font-size:var(--cf-font-size-300)}.article-page .page-load-filmstrip li p span{color:var(--cf-color-text-secondary)}.article-page .page-load-filmstrip figcaption{-webkit-margin-before:var(--cf-space-300);margin-block-start:var(--cf-space-300);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}.article-page .environment-list.wp-stack{flex-direction:column}.article-page .environment-list.wp-stack>div{flex:none}.article-page .wp-explorer{display:grid;grid-gap:var(--cf-space-300);gap:var(--cf-space-300)}.article-page .wp-explorer-bars{position:relative;display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:end;grid-gap:var(--cf-space-050);gap:var(--cf-space-050);block-size:calc(var(--cf-space-2000)*2);-webkit-border-after:1px solid var(--cf-color-border);border-block-end:1px solid var(--cf-color-border)}.article-page .wp-explorer-bar{display:block;min-block-size:1px;border-radius:var(--cf-radius-050) var(--cf-radius-050) 0 0;background:var(--cf-color-success);opacity:.75}.article-page .wp-explorer-bar.is-over{background:var(--cf-color-text-tertiary)}.article-page .wp-explorer-limit,.article-page .wp-explorer-marker{position:absolute;inset-block:0;inline-size:var(--cf-space-050);transform:translateX(-50%)}.article-page .wp-explorer-limit{inline-size:0;-webkit-border-start:1px dashed var(--cf-color-text-secondary);border-inline-start:1px dashed var(--cf-color-text-secondary)}.article-page .wp-explorer-marker.is-mean,.article-page .wp-explorer-numbers .is-mean:before{background:var(--cf-color-warning)}.article-page .wp-explorer-marker.is-median,.article-page .wp-explorer-numbers .is-median:before{background:var(--cf-color-text-secondary)}.article-page .wp-explorer-marker.is-p75,.article-page .wp-explorer-numbers .is-p75:before{background:var(--cf-color-primary-solid)}.article-page .wp-explorer-marker.is-p95,.article-page .wp-explorer-numbers .is-p95:before{background:var(--cf-color-danger)}.article-page .wp-explorer-axis{position:relative;block-size:var(--cf-space-600);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-275)}.article-page .wp-explorer-axis span{position:absolute;inset-block-start:var(--cf-space-100);white-space:nowrap}.article-page .wp-explorer-axis .is-limit{transform:translateX(-50%)}.article-page .wp-explorer-axis .is-end{inset-inline-end:0}.article-page .wp-explorer-numbers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--cf-space-200);gap:var(--cf-space-200);margin:0}.article-page .wp-explorer-numbers div{position:relative;display:grid;grid-gap:var(--cf-space-050);gap:var(--cf-space-050);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-200);background:var(--cf-color-surface-raised);padding:var(--cf-space-150) var(--cf-space-200) var(--cf-space-150) var(--cf-space-500)}.article-page .wp-explorer-numbers div:before{content:"";position:absolute;inset-block:var(--cf-space-200);inset-inline-start:var(--cf-space-200);inline-size:var(--cf-space-100);border-radius:var(--cf-radius-050)}.article-page .wp-explorer-numbers dt{color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-275)}.article-page .wp-explorer-numbers dd{margin:0;color:var(--cf-color-text);font-weight:var(--cf-font-weight-semibold)}@media(max-width:560px){.article-page .browser-support-list{grid-template-columns:minmax(0,1fr)}}