*,:before,:after{box-sizing:border-box}html{color:#18181b;background:#fff;font-family:Inter,ui-sans-serif,system-ui,sans-serif}body{background:#fff;min-width:0;margin:0}button,code{font:inherit}.fixture-page{background:#fafafa;min-height:260px;padding:14px}.fixture-header{background:#f4f4f5;border:1px solid #e4e4e7;border-bottom:0;align-items:center;gap:5px;height:34px;padding-inline:10px;display:flex}.fixture-header span{background:#a1a1aa;border-radius:50%;width:7px;height:7px}.fixture-header code{color:#71717a;margin-inline-start:6px;font-size:10px}.fixture-body{background:#fff;border:1px solid #e4e4e7;padding:18px 12px}.build-row{border:1px solid #e4e4e7;border-radius:4px;align-items:start;gap:10px;width:100%;padding:12px;display:flex}.file-icon{color:#9a6700;background:#fffaeb;flex:none;place-items:center;width:40px;height:40px;font-size:12px;font-weight:800;display:grid}.build-copy{flex:auto}.is-fixed .build-copy{min-width:0}.build-copy strong,.build-copy span{display:block}.build-copy strong{font-size:13px}.build-copy span{color:#71717a;font-size:11px}.build-copy pre,.result-output pre{color:#fff;white-space:nowrap;background:#18181b;border-radius:4px;margin:8px 0 0;padding:7px;font-size:11px;line-height:1.4}.is-fixed .build-copy pre,.is-fixed .result-output{min-width:0;overflow-x:auto}.build-copy pre:focus-visible,.result-output pre:focus-visible{outline-offset:2px;outline:2px solid #0891b2}.build-row>button{background:#fff;border:1px solid #d4d4d8;border-radius:4px;flex:none;min-width:48px;min-height:36px;padding-inline:8px;font-size:11px;font-weight:700}.case-rl-001 body{min-height:420px;overflow-y:scroll}.vw-page{width:100%;padding:18px 16px;overflow:visible}.fixture-kicker{color:#71717a;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:700}.vw-band{color:#11663e;background:#ecfdf3;border-block:1px solid #d1fadf;width:100vw;padding:14px}.is-fixed .vw-band{width:100%}.vw-band strong,.vw-band span{display:block}.vw-band strong{font-size:13px}.vw-band span,.fixture-copyline{color:#3f3f46;font-size:11px}.fixture-copyline{max-width:38ch;margin-block:14px 0}.result-grid{border:1px solid #e4e4e7;border-radius:4px;grid-template-columns:88px 1fr;gap:10px;width:100%;padding:12px;display:grid}.is-fixed .result-grid{grid-template-columns:88px minmax(0,1fr)}.result-label,.result-output{min-width:0}.result-label strong,.result-label span,.result-output strong{display:block}.result-label strong,.result-output strong{font-size:12px}.result-label span{color:#16784a;font-size:10px}.prose-card,.article-card,.media-card,.embed-card{border:1px solid #e4e4e7;border-radius:4px;min-width:0;margin:0;padding:12px}.sample-label{color:#52525b;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:750}.sample-note,.media-card figcaption{color:#71717a;margin:10px 0 0;font-size:10px;line-height:1.45}.log-value{color:#713f12;overflow-wrap:normal;background:#fffbeb;border:1px solid #fde68a;border-radius:4px;padding:9px;font-size:11px;line-height:1.5;display:block}.is-fixed .log-value{overflow-wrap:anywhere}.code-sample{color:#f4f4f5;white-space:pre;background:#18181b;max-width:none;margin:0;padding:10px;font-size:11px;line-height:1.5}.is-fixed .code-sample{max-inline-size:100%;overflow-x:auto}.code-sample:focus-visible{outline-offset:2px;outline:2px solid #0891b2}.test-image{width:640px;height:auto;display:block}.is-fixed .test-image{block-size:auto;max-inline-size:100%}.demo-frame{background:#f4f4f5;border:0;width:640px;height:360px;display:block}.is-fixed .demo-frame{aspect-ratio:16/9;block-size:auto;inline-size:100%;max-inline-size:640px}.embed-card figcaption{color:#71717a;margin:10px 0 0;font-size:10px;line-height:1.45}.table-region{border:1px solid #d4d4d8;border-radius:4px;max-inline-size:100%;overflow-x:visible}.is-fixed .table-region{overflow-x:auto}.table-region:focus-visible{outline-offset:2px;outline:2px solid #0891b2}.comparison-table{border-collapse:collapse;width:640px;min-width:640px;font-size:11px}.comparison-table caption{color:#52525b;text-align:left;background:#fafafa;padding:9px;font-weight:750}.comparison-table th,.comparison-table td{text-align:left;white-space:nowrap;border-top:1px solid #e4e4e7;height:34px;padding-inline:10px}.comparison-table thead th{color:#52525b;background:#f4f4f5}.comparison-table tbody th{color:#18181b;font-weight:700}.anchor-page{background:#fff;min-height:700px}.sticky-fixture-header{z-index:2;color:#fff;background:#18181b;border-bottom:1px solid #d4d4d8;justify-content:space-between;align-items:center;gap:12px;height:56px;padding-inline:14px;display:flex;position:sticky;inset-block-start:0}.sticky-fixture-header strong{font-size:13px}.sticky-fixture-header a{color:#a5f3fc;font-size:11px;font-weight:700}.anchor-intro{border-bottom:1px solid #e4e4e7;min-height:300px;padding:22px 16px}.anchor-intro h1{max-width:18ch;margin:0;font-size:22px}.anchor-intro p:last-child{color:#52525b;max-width:40ch;font-size:12px;line-height:1.5}.anchor-section{min-height:190px;padding:0 16px 24px}.anchor-section h2{margin:0 0 12px;font-size:18px}.release-action{color:#fff;background:#0e7490;border:1px solid #0e7490;border-radius:4px;align-items:center;min-height:40px;padding-inline:14px;scroll-margin-block-start:0;font-size:12px;font-weight:750;display:inline-flex}.is-fixed .release-action{scroll-margin-block-start:64px}.release-action:focus-visible{outline-offset:2px;outline:3px solid #f59e0b}.anchor-tail{background:#fafafa;border-top:1px solid #e4e4e7;height:620px}.bottom-overlay-page{background:#fff}.bottom-overlay-content{flex-direction:column;min-height:680px;display:flex}.is-fixed .bottom-overlay-content{padding-block-end:80px}.bottom-intro{border-bottom:1px solid #e4e4e7;flex:auto;min-height:430px;padding:24px 16px}.bottom-intro h1{max-width:20ch;margin:0;font-size:22px;line-height:1.2}.bottom-intro p:last-child{color:#52525b;max-width:42ch;font-size:12px;line-height:1.5}.bottom-final{padding:24px 16px 0}.bottom-final h2{margin:0 0 14px;font-size:18px}.final-action{color:#fff;background:#0e7490;border:1px solid #0e7490;border-radius:4px;align-items:center;min-height:44px;padding-inline:14px;scroll-margin-block-end:0;font-size:12px;font-weight:750;display:inline-flex}.is-fixed .final-action{scroll-margin-block-end:80px}.final-action:focus-visible{outline-offset:2px;outline:3px solid #f59e0b}.bottom-banner{z-index:2;color:#fff;background:#18181b;border-top:1px solid #27272a;justify-content:space-between;align-items:center;gap:12px;height:72px;padding-inline:16px;display:flex;position:fixed;inset-block-end:0;inset-inline:0}.bottom-banner strong{font-size:13px}.bottom-banner span{color:#d4d4d8;font-size:11px}.viewport-unit-fixture{background:#fafafa;min-height:260px;padding:14px}.simulated-browser-bar,.simulated-browser-ui{color:#52525b;background:#f4f4f5;border:1px solid #d4d4d8;justify-content:space-between;align-items:center;gap:12px;padding-inline:12px;font-size:10px;display:flex}.simulated-browser-bar{border-bottom:0;height:34px}.simulated-browser-bar strong,.simulated-browser-ui strong{color:#18181b}.visual-viewport{background:#fff;border-inline:1px solid #d4d4d8;height:176px;position:relative;overflow:hidden}.viewport-shell{color:#18181b;background:#ecfeff;flex-direction:column;justify-content:space-between;height:232px;padding:14px;display:flex}.is-fixed .viewport-shell{height:176px}.viewport-shell h1{margin:0;font-size:18px;line-height:1.2}.viewport-shell p:not(.sample-label){color:#3f3f46;max-width:38ch;margin:8px 0 0;font-size:11px;line-height:1.4}.viewport-shell button{color:#fff;background:#0e7490;border:1px solid #0e7490;border-radius:4px;align-self:flex-start;min-height:34px;padding-inline:12px;font-size:11px;font-weight:750}.simulated-browser-ui{border-top:1px solid #a1a1aa;height:36px}.shift-page .fixture-body{padding:14px 12px}.shift-article{border:1px solid #e4e4e7;min-width:0}.shift-article>.sample-label{padding:10px 12px 0}.shift-image{background:#f4f4f5;width:100%;height:auto;display:block}.shift-image:not([src]){visibility:hidden}.is-failing .shift-image:not([src]){height:0}.shift-copy{border-top:1px solid #e4e4e7;padding:12px}.shift-copy h1{margin:0;font-size:17px}.shift-copy p{color:#52525b;margin:7px 0 12px;font-size:11px;line-height:1.45}.shift-copy button{background:#fff;border:1px solid #d4d4d8;border-radius:4px;min-height:34px;padding-inline:11px;font-size:11px;font-weight:700}.font-shift-card,.deferred-card{border:1px solid #e4e4e7;min-width:0}.font-shift-card>.sample-label,.deferred-card>.sample-label{padding:10px 12px 0}.font-sample{margin:0;padding:4px 12px 12px;font-family:Courier New,monospace;font-size:24px;font-weight:700;line-height:1.2}.is-fixed .font-sample,.is-mutated .font-sample{font-family:Georgia,serif}.font-result{background:#ecfdf3;border-top:1px solid #e4e4e7;padding:12px}.font-result strong,.font-result span{display:block}.font-result strong{color:#11663e;font-size:12px}.font-result span{color:#3f3f46;margin-top:4px;font-size:10px;line-height:1.4}.deferred-slot{background:#f4f4f5;min-height:0}.is-fixed .deferred-slot{min-height:160px}.deferred-panel{color:#164e63;text-align:center;background:#ecfeff;border-block:1px solid #a5f3fc;align-content:center;gap:5px;height:160px;padding:18px;display:grid}.deferred-panel span{text-transform:uppercase;font-size:10px;font-weight:750}.deferred-panel strong{font-size:18px}.deferred-panel small{color:#52525b;font-size:10px}.deferred-copy{border-top:1px solid #e4e4e7;padding:12px}.deferred-copy h1{margin:0;font-size:17px}.deferred-copy p{color:#52525b;margin:7px 0 0;font-size:11px;line-height:1.45}.consent-page{background:#fff;min-height:420px}.consent-slot{background:#f4f4f5;min-height:0}.is-fixed .consent-slot{min-height:128px}.consent-slot.is-dismissed{min-height:0}.consent-notice{color:#fff;background:#18181b;border-bottom:1px solid #27272a;flex-direction:column;justify-content:space-between;gap:8px;height:128px;padding:12px;display:flex}.consent-notice strong,.consent-notice span{display:block}.consent-notice strong{font-size:13px}.consent-notice span{color:#d4d4d8;margin-top:3px;font-size:10px}.consent-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.consent-actions button{color:#fff;background:#27272a;border:1px solid #71717a;border-radius:4px;min-height:44px;font-size:11px;font-weight:750}.consent-actions button:last-child{color:#083344;background:#a5f3fc;border-color:#22d3ee}.consent-actions button:focus-visible,.consent-return-target:focus-visible{outline-offset:2px;outline:3px solid #f59e0b}.consent-task{padding:18px 16px}.consent-task h1{margin:0;font-size:20px}.consent-task>p:not(.sample-label){color:#52525b;max-width:40ch;font-size:11px;line-height:1.5}.consent-return-target{color:#fff;background:#0e7490;border:1px solid #0e7490;border-radius:4px;min-height:44px;padding-inline:14px;font-size:12px;font-weight:750}