html{scroll-padding-top:100px}.row:nth-child(2n){background-color:#f0f0f0}.row.featured{background-color:#dcf0dc}switch{display:flex}label{color:#f0f0dc;margin:auto}td{min-width:300px;line-height:2}td>div{padding:0 8px}#navigation{z-index:100;background-color:#2c3e50;flex-wrap:wrap;gap:6px;padding:10px 16px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 6px #0000004d}#footer{z-index:100;background-color:#2c3e50;flex-wrap:wrap;gap:6px;padding:6px 16px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 6px #0000004d}#navigation button{color:#ecf0f1;cursor:pointer;background-color:#3d5166;border:none;border-radius:4px;padding:6px 12px;font-size:.9rem;transition:background-color .2s}#navigation button:hover{background-color:#5d7a96}#content{margin-top:70px;margin-bottom:40px;padding:16px}.example{color:#000;font-size:1em}.note{color:#000000b3;font-size:.9em}.nav-btn--active{outline:2px solid #ecf0f1;background-color:#1a2a3a!important}:root{--nav-height:46px}.side-panel{top:calc(var(--nav-height));min-width:40vw;max-width:40vw;height:calc(100vh - var(--nav-height));z-index:50;background:#fff;flex-direction:column;transition:transform .28s;display:flex;position:fixed;right:0;overflow:hidden;transform:translate(100%);box-shadow:-4px 0 16px #0000002e}.side-panel--open{transform:translate(0)}.side-panel__header{background:#f4f6f8;border-bottom:1px solid #d0d7de;flex-direction:column;flex-shrink:0;align-items:flex-start;gap:8px;padding:10px 12px 10px 14px;display:flex}.side-panel__header>div{flex-direction:row;width:100%;display:flex}.side-panel__title{color:#2c3e50;white-space:nowrap;align-self:center;padding-right:4px;font-size:.95rem;font-weight:600}.side-panel__tabs{flex-wrap:wrap;flex:1;gap:6px;display:flex}.side-panel__tab{color:#2c3e50;cursor:pointer;background:#e2e8f0;border:none;border-radius:4px;padding:5px 11px;font-size:.85rem;transition:background-color .15s}.side-panel__tab:hover{color:#ecf0f1;background:#708193}.side-panel__tab--active{color:#ecf0f1;background:#2c3e50}.side-panel__close{cursor:pointer;color:#555;background:0 0;border:none;border-radius:4px;flex-shrink:0;margin-left:auto;padding:4px 6px;font-size:1.1rem;line-height:1}.side-panel__close:hover{background:#e2e8f0}.side-panel__content{flex:1;padding:12px 14px;overflow-y:auto}.side-panel__content td{min-width:100px}.no-entries{color:#888;font-style:italic}.overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.overlay__dialog{background:#fff;border-radius:8px;flex-direction:column;width:90vw;max-width:1100px;height:85vh;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000004d}.overlay__header{background:#f4f6f8;border-bottom:1px solid #d0d7de;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.overlay__title{color:#2c3e50;font-size:1rem;font-weight:600}.overlay__close{cursor:pointer;color:#555;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:1.1rem;line-height:1}.overlay__close:hover{background:#e2e8f0}.overlay__body{flex-direction:column;gap:10px;padding:16px;display:flex;overflow-y:auto}.overlay__label{color:#2c3e50;font-size:.85rem;font-weight:600}.overlay__textarea{box-sizing:border-box;resize:vertical;border:1px solid #d0d7de;border-radius:4px;width:100%;min-height:56px;padding:8px 10px;font-family:inherit;font-size:.9rem}.overlay__select{box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #d0d7de;border-radius:4px;width:100%;padding:8px 10px;font-family:inherit;font-size:.9rem}.overlay__actions{align-items:center;gap:8px;display:flex}.overlay__generate{color:#ecf0f1;cursor:pointer;background-color:#2c3e50;border:none;border-radius:4px;align-self:flex-start;padding:8px 14px;font-size:.9rem;transition:background-color .2s}.overlay__generate:hover:not(:disabled){background-color:#3d5166}.overlay__generate:disabled{opacity:.6;cursor:default}.overlay__clear{color:#2c3e50;cursor:pointer;background-color:#0000;border:1px solid #d0d7de;border-radius:4px;padding:8px 14px;font-size:.9rem;transition:background-color .2s}.overlay__clear:hover:not(:disabled){background-color:#e2e8f0}.overlay__clear:disabled{opacity:.5;cursor:default}.overlay__status{color:#555;align-items:center;gap:8px;font-size:.9rem;display:flex}.overlay__spinner{border:2px solid #d0d7de;border-top-color:#2c3e50;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite overlay-spin}@keyframes overlay-spin{to{transform:rotate(360deg)}}.overlay__error{color:#b00020;background:#fde8ea;border:1px solid #f5c2c7;border-radius:4px;padding:8px 10px;font-size:.9rem}.overlay__results-title{color:#2c3e50;margin-bottom:8px;font-size:1rem;font-weight:600}.overlay__results{flex-direction:column;flex:1;min-height:0;display:flex}.overlay__results-list{flex-wrap:wrap;align-content:flex-start;gap:12px;margin:0;padding:0;list-style:none;display:flex}.overlay__results-list li{color:#1f2d3a;text-align:center;background:#f4f6f8;border:1px solid #d0d7de;border-radius:6px;flex:none;min-width:160px;padding:10px 14px;font-size:1.05rem;line-height:1.4}#footer button.secondary{color:#f5f5f5;cursor:pointer;background-color:#666;border:none;border-radius:4px;margin-left:auto;padding:6px 12px;font-size:.9rem;transition:background-color .2s}#footer button.secondary:hover{background-color:#979797}