.kb-panel{--kb-muted:#666;position:fixed;inset:0;z-index:1500;background:var(--paper,#fff);color:var(--ink,#111);overflow:auto;font-family:inherit;font-size:14px;line-height:1.5}
.kb-panel[hidden]{display:none!important}
.kb-wrap{max-width:1240px;margin:auto;padding:32px 40px 56px}
.kb-header{position:sticky;top:0;z-index:2;background:var(--paper,#fff);display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border-bottom:1px solid var(--ink,#111);padding:16px 0 24px;margin-top:-16px}
.kb-eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin:0 0 8px}
.kb-header h2{font-family:"GFS Didot",Georgia,serif;font-weight:400;font-size:34px;line-height:1.2;margin:0}
.kb-panel button,.kb-panel input,.kb-panel select,.kb-panel textarea{font:inherit}
.kb-panel button{background:var(--paper,#fff);color:var(--ink,#111);border:1px solid var(--whisper,#777);padding:9px 14px;cursor:pointer}
.kb-panel button:disabled{opacity:.5;cursor:default}
.kb-panel button:focus-visible,.kb-panel input:focus-visible,.kb-panel select:focus-visible,.kb-panel textarea:focus-visible{outline:2px solid var(--ink,#111);outline-offset:3px}
.kb-panel .kb-primary{background:var(--ink,#111);color:var(--paper,#fff)!important;border-color:var(--ink,#111)}
.kb-intro{max-width:760px;color:var(--ink,#555);font-size:14px;margin:22px 0}
.kb-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:36px}
.kb-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.kb-panel input:not([type=checkbox]),.kb-panel select,.kb-panel textarea{width:100%;box-sizing:border-box;background:var(--paper,#fff);color:var(--ink,#111);border:1px solid var(--whisper,#777);border-radius:0;padding:10px 12px;font-size:14px}
.kb-panel textarea{resize:vertical;line-height:1.5}
.kb-filter{display:grid;gap:10px;margin-bottom:15px}
.kb-list{display:grid;gap:0;max-height:65vh;overflow:auto;border-top:1px solid var(--hair,#ddd)}
.kb-panel .kb-item{display:block;text-align:left;border:0;border-bottom:1px solid var(--hair,#ddd);padding:16px 8px;background:var(--paper,#fff);width:100%}
.kb-item strong{display:block;font-weight:500;font-size:14px;overflow-wrap:anywhere}
.kb-item small{font-size:11px;letter-spacing:.06em;color:var(--kb-muted)}
.kb-panel .kb-item[aria-current=true]{border-left:3px solid var(--ink,#111);padding-left:12px;background:var(--plate,#f5f5f5)}
.kb-form{display:grid;gap:18px}
.kb-field{display:grid;gap:7px;font-size:13px}
.kb-field>span{font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.kb-help{font-size:12px;color:var(--kb-muted);margin:0}
.kb-share{display:flex;align-items:flex-start;gap:10px;font-size:13px}
.kb-share input{margin:4px 0 0}
.kb-status{min-height:24px;font-size:13px;color:var(--ink,#444);margin:0 0 14px;white-space:pre-wrap}
.kb-status[data-error=true]{color:#a31515}
.kb-empty{padding:24px 4px;color:var(--kb-muted);font-size:14px}
.kb-meta{font-size:12px;color:var(--kb-muted);border-top:1px solid var(--hair,#ddd);padding-top:14px}
html[data-theme=dark] .kb-panel{--kb-muted:#8c8c8c}
html[data-theme=dark] .kb-status[data-error=true]{color:#ff9494}
@media(max-width:760px){.kb-wrap{padding:24px 20px}.kb-header h2{font-size:29px}.kb-layout{grid-template-columns:1fr;gap:26px}.kb-list{max-height:230px}.kb-header{gap:12px}}
@media print{.kb-panel{display:none!important}}