.experiments-page{max-width:1360px}.experiments-page .site-header{flex-wrap:wrap}.experiments-page nav{gap:22px}
.experiments-intro{padding:28px 0 22px;border-bottom:1px solid var(--line)}.experiment-date{font-size:11px;color:var(--muted);margin:0 0 6px}.experiments-intro h1{font-size:27px;margin:0 0 8px}.experiments-intro>p:last-of-type{margin:0;font-size:14px;color:var(--muted)}.experiment-jumps{display:flex;gap:24px;flex-wrap:wrap;margin-top:14px;font-size:12px}
.experiment-tools{margin:22px 0 20px}.experiment-tools>label{display:block;font-size:12px;margin-bottom:6px}.experiment-search-line{display:flex;gap:10px;max-width:640px}.experiment-search-line input{padding:9px 12px}.experiment-search-line button{font-size:12px;white-space:nowrap}.experiment-filters{display:flex;flex-wrap:wrap;gap:6px 23px;margin-top:12px}.experiment-filters button{padding:5px 0;border:0;border-bottom:1px solid transparent;border-radius:0;font-size:13px;color:var(--muted)}.experiment-filters button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}#experiment-count,#coverage-count{font-size:12px;color:var(--muted);margin:10px 0}
.experiment-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px}.experiment-choice{display:flex;flex-direction:column;align-items:stretch;min-width:0;text-align:left;border:0;border-radius:0;padding:0;background:transparent;line-height:1.6}.experiment-choice:hover .experiment-choice-name{text-decoration:underline;text-underline-offset:4px}.experiment-choice:hover .experiment-choice-thumb{outline:1px solid #b3bbc6;outline-offset:2px}.experiment-choice-thumb{width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:#f5f6f8;border:1px solid var(--line);overflow:hidden;padding:12px}.experiment-choice-thumb img{display:block;width:100%;height:100%;object-fit:contain}.experiment-choice-thumb img[data-pixel=true]{image-rendering:pixelated}.experiment-choice-screen{padding:0;align-items:flex-start}.experiment-choice-screen img{object-fit:cover;object-position:top}.experiment-choice-prose{display:block;background:#faf9f6;padding:17px 19px;color:#333}.experiment-preview-label{display:block;font-size:10px;color:var(--muted);margin-bottom:9px}.experiment-preview-prose{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;white-space:pre-line;font-size:13px;line-height:1.85}.experiment-preview-failed{font-size:12px;color:var(--muted);padding:15px}.experiment-choice-body{display:block;padding-top:11px}.experiment-choice-info{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted);margin-bottom:4px}.experiment-choice-name{display:block;font-size:14px;font-weight:600;line-height:1.7}.experiment-choice-meta{display:block;font-size:11px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.experiment-choice-scope{display:block;font-size:11px;color:var(--muted);margin-top:2px}.gallery-pagination{display:flex;align-items:center;justify-content:center;gap:28px;margin:28px 0 8px;font-size:12px}.gallery-pagination button{font-size:12px;padding:7px 14px;min-height:38px}button:disabled{cursor:default;color:#888;border-color:var(--line)}
.experiment-dialog-open{overflow:hidden}.experiment-dialog{width:calc(100% - 64px);max-width:1100px;max-height:90dvh;padding:0 30px 30px;border:1px solid #bbb;border-radius:5px;overflow:auto;overscroll-behavior:contain;box-shadow:0 12px 60px #0002;color:var(--ink);background:#fff}.experiment-dialog::backdrop{background:#1117}.experiment-dialog-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;margin-bottom:14px;border-bottom:1px solid var(--line);background:#fff;font-size:12px;color:var(--muted)}.experiment-dialog-bar button{font-size:12px;padding:7px 12px;color:var(--ink)}.experiment-dialog-bar button span{font-size:19px;margin-left:10px;line-height:1}
.experiment-detail{min-width:0;scroll-margin-top:20px}.experiment-detail h2{font-size:23px;line-height:1.5;margin:0 0 7px}.experiment-detail h2:focus-visible{outline:2px solid #2463eb;outline-offset:4px}.experiment-description{font-size:14px;margin:0 0 16px;color:#535d6b}.experiment-scope{font-size:11px;color:var(--muted);margin:0 0 6px}.experiment-stage{border:1px solid var(--line);border-radius:4px;overflow:hidden;min-width:0}.experiment-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.experiment-figure{margin:0;min-width:0}.experiment-figure+.experiment-figure{border-left:1px solid var(--line)}.experiment-figure figcaption{font-size:12px;padding:9px 14px;background:#f7f8f9;border-bottom:1px solid var(--line)}.experiment-image{min-height:230px;height:300px;padding:20px;display:flex;align-items:center;justify-content:center;background:#f5f6f8}.experiment-image img{display:block;max-width:100%;max-height:100%;object-fit:contain}.experiment-image img[data-pixel=true]{image-rendering:pixelated;min-width:140px}.experiment-media-note{font-size:11px;color:var(--muted);margin:0;padding:8px 14px;border-top:1px solid var(--line)}.experiment-image-error{font-size:13px;padding:20px;color:#92500f;background:#fff7e8}.experiment-text{font-size:13px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;margin:0;min-height:200px;font-family:inherit}.experiment-text.code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.experiment-actions{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12px;padding:12px 14px;border-top:1px solid var(--line)}.experiment-result{font-size:13px;margin:16px 0}.experiment-result p{margin:7px 0}.experiment-facts{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px 18px;font-size:12px;padding:18px 0;border-top:1px solid var(--line);margin:18px 0}.experiment-facts dt{color:var(--muted)}.experiment-facts dd{margin:0;min-width:0}.experiment-facts a{overflow-wrap:anywhere}.experiment-recipe{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;font-size:13px}.experiment-recipe summary{cursor:pointer;font-size:14px;font-weight:500}.experiment-recipe h3{font-size:13px;font-weight:600;margin:20px 0 8px}.experiment-recipe ol{padding-left:24px}.experiment-recipe li{margin:5px 0}.experiment-command{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f7f8;border:1px solid var(--line);padding:14px;margin:12px 0}.experiment-command-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.experiment-command-header button{font-size:11px;padding:5px 10px}.experiment-copy-status{font-size:11px;color:var(--muted);margin:0}.experiment-options{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f7f8;padding:12px}.experiment-recipe-files{display:flex;gap:8px 20px;flex-wrap:wrap;font-size:12px}.experiment-checks,.experiment-limits{padding-left:20px;font-size:12px}.experiment-limits{color:#626b78}.experiment-recipe-source{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.experiment-overlay{position:relative;height:340px;background:#f5f6f8}.experiment-overlay .experiment-image{height:100%;padding:20px}.experiment-overlay-after{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--reveal,50%)) 0 0)}.experiment-compare-control{display:flex;gap:12px;align-items:center;padding:10px 14px;font-size:12px;border-top:1px solid var(--line)}.experiment-compare-control input{width:100%;min-width:0;accent-color:#2463eb}.experiment-compare-control span{white-space:nowrap}.experiment-view-options{display:flex;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line)}.experiment-view-options button{font-size:11px;padding:4px 10px}.experiment-view-options button[aria-pressed=true]{background:#edf3ff;border-color:#2463eb;color:#1748a5}.experiment-coverage{margin-top:54px;padding-top:24px;border-top:1px solid var(--line);scroll-margin-top:16px}.coverage-heading{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap}.coverage-heading h2,.experiment-reading h2{font-size:20px;margin:0}.coverage-heading p,.coverage-note{font-size:12px;color:var(--muted);margin:6px 0 12px}.coverage-controls{display:flex;gap:16px;align-items:end;margin:18px 0 10px}.coverage-controls label{font-size:12px;display:block}.coverage-controls label:first-child{flex:1;max-width:540px}.coverage-controls input{display:block;font-size:13px;padding:8px 10px;margin-top:5px}.coverage-controls select{display:block;font:inherit;padding:8px 10px;margin-top:5px;max-width:100%;background:#fff;border:1px solid #aaa;border-radius:4px;color:var(--ink)}.coverage-table{border-collapse:collapse;width:100%;text-align:left;font-size:12px;table-layout:fixed}.coverage-table th,.coverage-table td{padding:14px 18px 14px 0;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}.coverage-table th{font-weight:500;font-size:11px;color:var(--muted)}.coverage-table th:first-child{width:24%}.coverage-table th:nth-child(2){width:43%}.coverage-tool{font-size:13px;font-weight:500}.coverage-category{display:block;font-size:11px;color:var(--muted);margin-top:4px}.coverage-state{display:block;font-size:11px;color:var(--muted);margin:5px 0}.coverage-table p{margin:0 0 6px}.coverage-sample-links{display:flex;flex-wrap:wrap;gap:6px 14px}.coverage-pagination{display:flex;gap:18px;justify-content:flex-end;align-items:center;margin:18px 0;font-size:12px}.coverage-pagination button{font-size:12px}.experiment-reading{border-top:1px solid var(--line);padding-top:22px;margin-top:32px;max-width:880px}.experiment-reading p{font-size:12px;color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.experiment-empty-detail{font-size:14px;color:var(--muted);padding:30px 0}
.experiment-compare-control output{white-space:nowrap;flex-shrink:0;min-width:3.5ch}.experiment-compare-control input{flex:1;width:auto}.experiment-compare-control{gap:10px}.coverage-mobile-state{display:none}
.experiment-references{border-top:1px solid var(--line);margin-top:20px;padding-top:12px}.experiment-references summary{font-size:13px;font-weight:400}.experiment-references ul{padding-left:18px;font-size:12px}.experiment-references li{margin:14px 0}.experiment-references li p{margin:4px 0}
@media(min-width:1000px){.experiments-page .site-header>p{margin-right:auto}.experiments-page nav{margin-left:0}}
@media(max-width:1100px){.experiment-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}}
@media(max-width:760px){.experiment-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}.experiment-dialog{width:calc(100% - 32px);padding:0 20px 22px}.experiment-detail h2{font-size:21px}.experiment-image{height:260px;min-height:200px;padding:12px}}
@media(max-width:700px){.experiments-page .site-header{gap:14px}.experiments-page nav{font-size:12px;gap:18px}.experiments-intro{padding-top:24px}.experiments-intro h1{font-size:24px}.experiment-filters{gap:5px 20px}.experiment-filters button{font-size:12px}.experiment-choice-thumb{aspect-ratio:1/1;padding:8px}.experiment-choice-screen{padding:0}.experiment-choice-name{font-size:13px}.experiment-choice-info{display:block;font-size:10px}.experiment-choice-info>span+span{margin-left:9px}.experiment-choice-meta{font-size:11px}.experiment-choice-prose{padding:12px}.experiment-preview-label{font-size:10px;margin-bottom:6px}.experiment-preview-prose{font-size:12px;line-height:1.8;-webkit-line-clamp:5}.experiment-dialog{max-height:94dvh;width:calc(100% - 20px);padding:0 16px 24px}.experiment-dialog-bar{padding:10px 0;margin-bottom:12px}.experiment-dialog-bar>span{font-size:11px}.experiment-pair{grid-template-columns:1fr}.experiment-figure+.experiment-figure{border-left:0;border-top:1px solid var(--line)}.experiment-image{height:250px;min-height:180px}.experiment-text{min-height:0;font-size:13px}.experiment-figure figcaption{padding:8px 12px}.experiment-description{font-size:13px}.experiment-facts{font-size:12px;gap:7px 12px}.experiment-coverage{margin-top:38px}.coverage-controls{display:block}.coverage-controls label+label{margin-top:12px}.coverage-controls select{width:100%}.coverage-table{font-size:11px}.coverage-table th,.coverage-table td{padding:11px 10px 11px 0}.coverage-table th:first-child{width:34%}.coverage-table th:nth-child(2){width:66%}.coverage-table th:nth-child(3),.coverage-table td:nth-child(3){display:none}.coverage-mobile-state{display:block}.coverage-tool{font-size:12px}.coverage-category{font-size:11px}.coverage-pagination{justify-content:space-between}.experiment-overlay{height:280px}.experiment-jumps{gap:10px 20px}.experiment-recipe{font-size:12px}.experiment-limits{padding-left:18px}}
@media(max-width:360px){.page.experiments-page{padding:0 16px}.experiments-page nav{gap:14px;font-size:11px}.experiment-list{gap:24px 14px}.experiment-choice-name{font-size:12px}.experiment-choice-info>span{display:block}.experiment-choice-info>span+span{margin-left:0}.experiment-choice-prose{padding:9px}.experiment-preview-prose{font-size:11px;-webkit-line-clamp:4}.experiment-image{height:220px}.experiment-facts{grid-template-columns:62px minmax(0,1fr)}.gallery-pagination{gap:18px}.gallery-pagination button{padding:7px 10px}}
@media(prefers-reduced-motion:reduce){.experiments-page *{scroll-behavior:auto}}
.experiment-choice-icons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:35px;background:#fafbfc}.experiment-choice-icons img{width:100%;height:100%;max-height:52px}@media(max-width:700px){.experiment-choice-icons{padding:20px;gap:16px}.experiment-choice-icons img{max-height:35px}}
@media(max-width:700px){.experiments-page .site-header{padding:24px 0 16px}.experiments-intro{padding:18px 0}.experiment-date{display:none}.experiment-jumps{margin-top:10px;font-size:11px}.experiment-tools{margin:18px 0 16px}.experiment-filters{gap:3px 18px;margin-top:9px}}
.coverage-test-state{display:block;margin-top:7px;font-size:11px;color:var(--ink)}.coverage-testing-filter{display:block;font-size:12px;margin-top:16px}.coverage-testing-filter select{font:inherit;padding:6px 9px;margin-left:12px;max-width:100%;background:white;border:1px solid #aaa;border-radius:4px}#experiment-progress{margin:17px 0 0;max-width:850px}@media(max-width:500px){.coverage-testing-filter select{display:block;margin:5px 0 0;width:100%}}