@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}.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,.alapListElem a:hover,.alapListElem a:focus{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}alap-link{color:#8bf;text-decoration:underline;cursor:pointer;transition:color .15s ease}alap-link:hover{color:#ffd666}alap-link{--alap-bg: #2240a8;--alap-border: #4470cc;--alap-radius: 6px;--alap-gap: .5rem;--alap-min-width: 200px;--alap-font: "DM Sans", system-ui, sans-serif;--alap-text: #f0f2ff;--alap-font-size: .9rem;--alap-padding: .5rem 1rem;--alap-hover-bg: #3366d6;--alap-hover-text: #ffd666;--alap-focus-ring: #ffd666;--alap-scrollbar-color: #4470cc transparent;--alap-scrollbar-thumb: #4470cc}*{box-sizing:border-box}body{margin:2rem auto;max-width:900px;padding:0 1rem}.app-header{padding:1rem 1.5rem;border-bottom:1px solid #4470cc;background:#152570;display:flex;align-items:center;gap:1rem}.app-header h1{font-size:1.1rem;font-weight:600;color:#ffd666}.nav{display:flex;gap:0;border-bottom:1px solid #4470cc;background:#152570}.nav button{padding:.7rem 1.2rem;border:none;background:none;cursor:pointer;font-size:.85rem;font-family:inherit;color:#7888b8;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.nav button:hover{color:#f0f2ff}.nav button.active{color:#ffd666;border-bottom-color:#ffd666}.page{padding:2rem 1.5rem;background:#2240a8;min-height:400px}.page h2{font-size:1.3rem;color:#ffe8a0;margin-bottom:1rem}.page p{line-height:1.7;margin-bottom:1rem}.info-bar{padding:.8rem 1.5rem;background:#152570;border-top:1px solid #2e48a0;font-size:.8rem;color:#7888b8;line-height:1.5}