@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300;1,9..40,400&family=JetBrains+Mono:wght@300;400&display=swap";html{background:#1a2f8a}body{font-family:DM Sans,system-ui,-apple-system,sans-serif;max-width:720px;margin:2rem auto;padding:0 1rem;line-height:1.7;color:#f0f2ff;background:#1a2f8a}h1{font-size:1.5rem;color:#ffd666}h2{font-size:1.15rem;margin-top:2rem;color:#ffe8a0}.example{margin:1rem 0;padding:1rem;background:#2240a8;border-radius:6px;border:1px solid #2e48a0}a.alap{color:#8bf;cursor:pointer;text-decoration:underline;transition:color .15s ease}a.alap:hover{color:#ffd666}[role=button]{color:#8bf;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}[role=button]:hover{color:#ffd666}[role=button]:focus-visible{outline:2px solid #ffd666;outline-offset:2px;border-radius:2px}alap-link{color:#8bf;text-decoration:underline;cursor:pointer;transition:color .15s ease}alap-link:hover{color:#ffd666}.alapelem{position:absolute;z-index:10;margin-top:.5rem;min-width:200px;background:#2240a8;border:1px solid #4470cc;border-radius:6px;box-shadow:0 4px 12px #0000004d}.alapelem ul,.alapelem ol{list-style:none;margin:0;padding:.25rem 0}.alapelem li{margin:0;padding:0}.alapelem a,.alapListElem a{display:block;padding:.5rem 1rem;color:#f0f2ff;text-decoration:none;font-size:.9rem;transition:background .15s ease,color .15s ease}.alapelem a:hover,.alapelem a:focus-visible,.alapListElem a:hover,.alapListElem a:focus-visible{background:#3366d6;color:#ffd666;outline:none}.dark-menu{background:#141e6a;border-color:#2e48a0}.dark-menu .alapListElem a{color:#b8c4e8}.dark-menu .alapListElem a:hover,.dark-menu .alapListElem a:focus{background:#1c2a82;color:#ffd666}.warm-menu{background:#2952c0;border-color:#ffd666}.warm-menu .alapListElem a:hover,.warm-menu .alapListElem a:focus{background:#3366d6;color:#ffe8a0}a:not(.alap):not([role=button]){color:#ffe8a0}a:not(.alap):not([role=button]):hover{color:#ffd666}pre{background:#141e6a;border:1px solid #2e48a0;border-radius:6px;padding:1rem;font-family:JetBrains Mono,SF Mono,monospace;font-size:.8rem;color:#b8c4e8;overflow-x:auto;line-height:1.5}code{font-family:JetBrains Mono,SF Mono,monospace;font-size:.85em;background:#1a2870;color:#8bf;padding:.15rem .35rem;border-radius:3px}pre code{background:none;padding:0;color:inherit}.note,.section-note{font-size:.85rem;color:#7888b8;margin-bottom:.25rem}.hook-input{padding:.3rem .5rem;width:200px;font-family:JetBrains Mono,SF Mono,monospace;font-size:.85rem;background:#1a2870;color:#f0f2ff;border:1px solid #4470cc;border-radius:4px}.hook-input:focus{outline:2px solid #ffd666;outline-offset:1px;border-color:#ffd666}.hook-results{margin:.5rem 0;padding-left:1.25rem}.hook-results a{color:#8bf;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}.hook-results a:hover{color:#ffd666}.demo-button{padding:.3rem .75rem;font-family:DM Sans,system-ui,sans-serif;font-size:.85rem;background:#2240a8;color:#f0f2ff;border:1px solid #4470cc;border-radius:4px;cursor:pointer}.demo-button:hover:not(:disabled){background:#3366d6;border-color:#ffd666;color:#ffd666}.demo-button:disabled{opacity:.5;cursor:default}.page-intro{margin-top:.5rem;color:#c8cff0}.scenario{margin:1rem 0 2rem;padding:1rem 1.25rem;background:#1f3ba0;border:1px solid #3555bb;border-radius:8px}.scenario h3{margin-top:0;margin-bottom:.25rem;color:#ffe8a0;font-size:1rem}.scenario .note{margin:0 0 .75rem;font-size:.85rem;color:#b8c2e8;line-height:1.5}.scenario p{margin:.4rem 0}.adapter-toc{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:1rem 0 2rem;padding:.6rem .9rem;background:#182a70;border-radius:6px;font-size:.9rem}.adapter-toc strong{color:#ffd666}.compass-wrap{margin:1rem 0 2rem;border:1px solid #3555bb;border-radius:8px;background:#1a3499}.compass-wrap summary{padding:.7rem 1rem;cursor:pointer;color:#ffe8a0;font-weight:500;list-style:none}.compass-wrap summary::-webkit-details-marker{display:none}.compass-wrap summary:before{content:"▸";display:inline-block;margin-right:.5rem;transition:transform .15s ease}.compass-wrap[open] summary:before{transform:rotate(90deg)}.compass-wrap summary:hover{background:#204bc2}.compass-wrap summary .compass-summary-hint{margin-left:.5rem;color:#b8c2e8;font-weight:400;font-size:.85rem}.compass-body{padding:.75rem 1rem 1.25rem;border-top:1px solid #3555bb}.compass-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;max-width:280px;margin:.5rem auto .75rem}.compass-cell{display:flex;align-items:center;justify-content:center;min-height:2.25rem;padding:.3rem;background:#2a47b8;border-radius:4px}.compass-cell a.alap,.compass-cell alap-link,.compass-cell [role=button]{color:#ffd666;text-decoration:none;font-family:JetBrains Mono,monospace;font-size:.85rem}.compass-btn{display:block;width:100%;padding:.5rem;background:#2240a8;color:#ffd666;border:1px solid transparent;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.85rem;cursor:pointer;transition:background .15s ease,border-color .15s ease}.compass-btn:hover{background:#2d50c0}.compass-btn.active{background:#3a6aff;color:#fff;border-color:#ffd666;font-weight:600}.compass-driver-hint{margin:.75rem 0 0;font-size:.85rem;color:#b8c2e8}.compass-driver-hint code{color:#ffd666;background:#1a2870}.compass-static-link{display:inline-block;margin-top:.35rem;padding:.35rem .6rem;background:#1a2870;border-radius:4px;color:#8bf}.alapelem [data-alap-placeholder]>a{color:#b8c2e8;font-style:italic;cursor:default}.alapelem [data-alap-placeholder=error]>a{color:#ff8a80}.alapelem [data-alap-placeholder=empty]>a{color:#8fd5a1}.alapListElem.source_mock>a{border-left:3px solid #ffa726;padding-left:.75rem}.alapListElem.source_hn>a{border-left:3px solid #ff6f00;padding-left:.75rem}.alapelem .alapListElem>a img{display:block;max-height:3rem;margin-right:.5rem;border-radius:3px;vertical-align:middle}.mixed-legend{display:flex;gap:1rem;margin-bottom:.5rem;font-size:.8rem;color:#c8cff0}.mixed-legend .swatch{display:inline-block;width:.75rem;height:.75rem;margin-right:.35rem;vertical-align:middle;border-radius:2px}.mixed-legend .swatch.static{background:#8bf}.mixed-legend .swatch.mock{background:#ffa726}.mixed-legend .swatch.hn{background:#ff6f00}#alapelem,.alapelem{min-width:240px;max-width:360px}