:root{color:#17233b;font-synthesis:none;text-rendering:optimizelegibility;--bg:#f5f7fb;--surface:#fff;--text:#17233b;--muted:#526079;--line:#dbe2ee;--soft:#f0f4fa;--accent:#1859d9;--accent-soft:#eaf1ff;--focus:#1859d9;--inspector:#111f37;--inspector-text:#eff4ff;--inspector-muted:#a9b9d3;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f5f7fb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--bg:#0c1422;--surface:#141f31;--text:#edf2fc;--muted:#a8b8d0;--line:#32415a;--soft:#1d2b42;--accent:#9bbcff;--accent-soft:#203557;--focus:#9bbcff;--inspector:#070f1e;--inspector-text:#eff4ff;--inspector-muted:#adbed8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button,select,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--accent);text-underline-offset:4px}button,input,select{color:var(--text)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:4px}h1,h2,p{margin:0}button{touch-action:manipulation}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{clip-path:inset(50%);background:var(--surface);z-index:100;width:1px;height:1px;padding:0;position:fixed;top:1rem;left:1rem;overflow:hidden}.skip-link:focus{clip-path:none;width:auto;height:auto;padding:1rem;overflow:visible}.site-header{background:var(--surface);border-bottom:1px solid var(--line)}.header-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:auto;padding:1.1rem 2rem;display:flex}.brand{color:var(--text);letter-spacing:-.03em;align-items:center;gap:.75rem;font-size:1.05rem;font-weight:700;text-decoration:none;display:flex}.brand-mark{color:#fff;background:#1859e8;border-radius:9px;flex:0 0 34px;place-items:center;height:34px;display:grid}.brand-mark svg{width:24px;height:24px}.preferences{align-items:center;gap:1rem;display:flex}.language-picker{align-items:center;gap:.4rem;display:flex}.language-picker svg{width:19px;height:19px;color:var(--muted)}.language-picker select{background:0 0;border:0;min-height:44px;padding:.4rem .25rem;font-size:.875rem}.theme-picker{border:1px solid var(--line);border-radius:9px;gap:2px;margin:0;padding:3px;display:flex}.theme-picker button{width:40px;height:38px;color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.theme-picker button[aria-pressed=true]{background:var(--soft);color:var(--accent)}.theme-picker svg{width:20px;height:20px}main{max-width:1200px;margin:auto;padding:3.1rem 2rem 2.5rem}.page-intro{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.eyebrow{color:var(--accent);letter-spacing:.09em;font:600 .75rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}h1{letter-spacing:-.045em;max-width:850px;margin-top:.6rem;font-size:clamp(1.8rem,3.6vw,2.75rem);font-weight:650;line-height:1.18}.intro-copy{color:var(--muted);max-width:680px;margin-top:1rem;font-size:1rem;line-height:1.7}.local-badge{border:1px solid var(--line);background:var(--surface);max-width:100%;color:var(--muted);border-radius:6px;flex-shrink:0;align-self:flex-start;margin-top:.3rem;padding:.5rem .7rem;font-size:.75rem}.local-badge span{color:var(--accent);margin-right:.25rem}.experiment-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.experiment{background:var(--surface);border:1px solid var(--line);border-radius:14px;min-width:0;padding:1.75rem}.editable-experiment{border-top:3px solid var(--accent);padding-top:calc(1.75rem - 2px)}.experiment-heading{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.experiment-number{color:var(--muted);font:600 .875rem ui-monospace,monospace}.experiment-tag{color:var(--muted);letter-spacing:.07em;font-size:.75rem;font-weight:600}.experiment-heading code{background:var(--soft);border:1px solid var(--line);color:var(--muted);border-radius:5px;margin-left:auto;padding:.25rem .5rem;font-size:.75rem}h2{letter-spacing:-.025em;font-size:1.3rem;font-weight:650;line-height:1.4}.experiment-description{color:var(--muted);min-height:5rem;margin-top:.5rem;font-size:.9375rem;line-height:1.65}.field-block,.combo-control{margin-top:1.25rem}label,.scenario-controls legend{margin-bottom:.6rem;font-size:.875rem;font-weight:600;display:block}.field-block>select{border:1px solid var(--line);background:var(--surface);border-radius:8px;width:100%;min-height:50px;padding:.75rem}.field-hint{color:var(--muted);min-height:2.75rem;margin-top:.7rem;font-size:.875rem;line-height:1.55}.input-shell{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-items:center;min-height:50px;display:flex;position:relative}.input-shell:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-icon{width:19px;height:19px;color:var(--muted);flex:0 0 19px;margin-left:.85rem}.input-shell input{background:0 0;border:0;border-radius:6px;width:100%;min-width:0;padding:.85rem .6rem;font-size:1rem}.input-shell input::placeholder{color:var(--muted);opacity:1}.input-shell input:focus-visible{outline:0}.disclosure{height:46px;color:var(--muted);background:0 0;border:0;border-radius:6px;flex:0 0 44px;place-items:center;display:grid}.disclosure svg{width:19px;height:19px}.combo-control{position:relative}.suggestion-popup{z-index:5;background:var(--surface);border:1px solid var(--line);border-radius:10px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 15px 35px #08183626}.suggestion-list{max-height:240px;margin:0;padding:5px;scroll-padding:5px;list-style:none;overflow-y:auto}.suggestion-list:empty{padding:0}.suggestion-list li{cursor:pointer;border-radius:5px;align-items:center;gap:.75rem;min-height:46px;padding:.8rem .75rem;font-size:.9375rem;display:flex;position:relative}.suggestion-list li:hover{background:var(--soft)}.suggestion-list li.active{background:var(--accent-soft);color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.option-country{color:var(--muted);margin-left:auto;font-size:.875rem}.option-check{color:var(--accent)}.popup-message{text-align:center;flex-direction:column;align-items:center;gap:.65rem;padding:1.6rem 1rem;display:flex}.popup-message strong{font-size:.9375rem}.popup-message p{color:var(--muted);font-size:.875rem;line-height:1.5}.retry{border:1px solid var(--line);background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:.65rem 1rem;font-size:.875rem}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.selection-readout{background:var(--soft);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:.45rem;margin-top:1.3rem;padding:.8rem 1rem;display:flex}.selection-readout span{color:var(--muted);font-size:.75rem}.selection-readout strong{font-size:.9375rem;font-weight:550}.when-note{color:var(--muted);border-left:2px solid var(--line);margin-top:1.2rem;padding-left:.85rem;font-size:.875rem;line-height:1.6}.scenario-controls{border:0;margin:1.2rem 0 0;padding:0}.scenario-controls legend{margin-bottom:.55rem}.scenario-buttons{flex-wrap:wrap;gap:.4rem;display:flex}.scenario-buttons button{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:6px;min-height:40px;padding:.5rem .75rem;font-size:.875rem}.scenario-buttons button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.scenario-controls p{color:var(--muted);margin-top:.55rem;font-size:.75rem;line-height:1.5}.keyboard-guide{margin-top:.5rem;padding:1.3rem 0 1.5rem}.keyboard-guide h2{color:var(--muted);letter-spacing:0;margin-bottom:1rem;font-size:.875rem;font-weight:600}.keyboard-items{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.keyboard-items>div{align-items:center;gap:.6rem;display:flex}.keyboard-items>div>span{gap:.25rem;display:flex}kbd{border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-bottom-width:3px;border-radius:5px;place-items:center;min-width:28px;min-height:29px;padding:.35rem .5rem;font:.75rem ui-monospace,monospace;display:inline-grid}.keyboard-items p{color:var(--muted);font-size:.8125rem;line-height:1.5}.inspector{background:var(--inspector);color:var(--inspector-text);border:1px solid #364865;border-radius:12px;margin-top:.5rem;padding:1.5rem 1.75rem}.inspector-heading{justify-content:space-between;align-items:center;gap:2rem;display:flex}.inspector-tag{color:#a5beef;letter-spacing:.1em;font:600 .75rem ui-monospace,monospace}.inspector h2{margin-top:.5rem;font-size:1.2rem}.inspector p{max-width:720px;color:var(--inspector-muted);margin-top:.45rem;font-size:.875rem;line-height:1.6}.inspector-symbol{color:#a5beef;font:2.5rem ui-monospace,monospace}.inspector-values{border-top:1px solid #364865;grid-template-columns:1.2fr 1fr 1.6fr 1fr;gap:1rem;margin:1.3rem 0 0;padding-top:1.1rem;display:grid}.inspector-values>div{min-width:0}.inspector-values dt{color:var(--inspector-muted);overflow-wrap:anywhere;font-size:.75rem}.inspector-values dt code{font:.75rem ui-monospace,monospace}.inspector-values dd{overflow-wrap:anywhere;margin:.65rem 0 0;font-size:.875rem;line-height:1.6}.inspector-values .active-descendant{font:.75rem/1.7 ui-monospace,monospace}.boolean-value{color:#edbd8c;font-family:ui-monospace,monospace}.boolean-value.true{color:#9fd8bf}.value-description{color:var(--inspector-muted);margin-left:.6rem;font-size:.75rem}.comparison{margin-top:2.8rem}.comparison h2{margin-top:.5rem;font-size:1.65rem}.comparison>p:not(.eyebrow){color:var(--muted);margin-top:.5rem;font-size:.9375rem;line-height:1.65}.table-scroll{border:1px solid var(--line);border-radius:10px;margin-top:1.3rem;overflow-x:auto}table{border-collapse:collapse;background:var(--surface);text-align:left;width:100%}th,td{vertical-align:top;width:33.33%;padding:1rem 1.2rem;font-size:.875rem;line-height:1.5}thead th{background:var(--soft);font-weight:600}tbody th{font-weight:500}tbody td{color:var(--muted)}tbody tr{border-top:1px solid var(--line)}.comparison .combo-when{font-size:.875rem}.local-note{background:var(--accent-soft);border:1px solid var(--line);border-radius:10px;align-items:flex-start;gap:1rem;margin-top:2rem;padding:1.35rem 1.5rem;display:flex}.info-symbol{border:1.5px solid var(--accent);height:22px;color:var(--accent);border-radius:50%;flex:0 0 22px;place-items:center;font-size:.875rem;font-weight:600;display:grid}.local-note h2{letter-spacing:0;font-size:.9375rem}.local-note p{color:var(--muted);margin-top:.4rem;font-size:.875rem;line-height:1.65}.local-note a{margin-top:.6rem;font-size:.875rem;display:inline-block}footer{border-top:1px solid var(--line);max-width:1200px;color:var(--muted);justify-content:space-between;gap:1rem;margin:auto;padding:1.4rem 2rem 2rem;font-size:.75rem;line-height:1.6;display:flex}footer span:first-child{font-weight:600}@media (width<=1000px){.page-intro{flex-direction:column;align-items:flex-start;gap:.9rem}.local-badge{margin-top:0}.experiment{padding:1.3rem}.editable-experiment{padding-top:calc(1.3rem - 2px)}.experiment-heading code{margin-left:0}.keyboard-items{grid-template-columns:1fr 1fr}}@media (width<=700px){.header-inner{flex-wrap:wrap;padding:.8rem 1rem}.brand{font-size:.9375rem}.preferences{gap:.5rem}main{padding:1.8rem 1rem}.experiment-grid{grid-template-columns:1fr}.experiment-description,.field-hint{min-height:0}.experiment-heading code{margin-left:auto}.inspector{padding:1.3rem}.inspector-values{grid-template-columns:1fr 1fr;gap:1.4rem 1rem}.inspector-symbol{display:none}.comparison{margin-top:2rem}th,td{min-width:145px;padding:.8rem .7rem}.local-note{gap:.7rem;padding:1rem}footer{flex-direction:column;padding:1rem}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}@media (width<=420px){main,.site-header,footer{overflow-wrap:anywhere}.page-intro>div,.brand,.preferences{min-width:0;max-width:100%}.preferences{flex-wrap:wrap}.experiment-heading code{overflow-wrap:anywhere;margin-left:0}.keyboard-items{grid-template-columns:minmax(0,1fr)}.inspector-values{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.suggestion-list li{flex-wrap:wrap}}@media (forced-colors:active){.suggestion-list li.active,.theme-picker button[aria-pressed=true],.scenario-buttons button[aria-pressed=true]{outline:2px solid highlight}}