.kernel-api{padding-block:var(--space-6) var(--space-10)}.kernel-api__header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-block-end:var(--space-6)}.kernel-api__title{margin:0 0 var(--space-2);font-family:var(--font-display, "TheYearofTheCamel", "IBM Plex Sans Arabic", sans-serif);font-size:var(--text-4xl);line-height:1.4;color:var(--text-primary)}.kernel-api__subtitle{margin:0;color:var(--text-secondary);font-size:var(--text-base);line-height:1.75;max-width:64ch}.kernel-api-key{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-block-end:var(--space-6);padding:var(--space-5);background:linear-gradient(135deg,var(--k-surface-800, #131c30) 0%,var(--bg-elevated) 100%);border:1px solid var(--line, rgba(255,255,255,.08));border-radius:var(--radius-lg)}@media(min-width:768px){.kernel-api-key{grid-template-columns:auto 1fr auto;align-items:center}}.kernel-api-key__label{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-semibold);color:var(--text-primary)}.kernel-api-key__code{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--k-ink-950, #080d16);border:1px solid var(--line, rgba(255,255,255,.08));border-radius:var(--radius-md);font-family:var(--font-mono, monospace);font-size:var(--text-sm);color:var(--text-muted);direction:ltr;unicode-bidi:isolate;min-width:0;overflow:hidden}.kernel-api-key__code.is-revealed{color:var(--text-primary)}.kernel-api-key__quota{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap}.kernel-api-key__quota-bar{inline-size:72px;block-size:6px;border-radius:999px;background:var(--bg-elevated);overflow:hidden}.kernel-api-key__quota-fill{display:block;inline-size:98%;block-size:100%;border-radius:inherit;background:var(--status-warning, #f59e0b)}.kernel-api__layout{display:grid;grid-template-columns:1fr;gap:var(--space-6);align-items:start}@media(min-width:1024px){.kernel-api__layout{grid-template-columns:220px minmax(0,1fr) 360px;gap:var(--space-6)}}@media(min-width:1280px){.kernel-api__layout{grid-template-columns:240px minmax(0,1fr) 420px}}.kernel-api__nav{position:sticky;top:var(--space-4);padding:var(--space-4);background:var(--k-surface-900, #0d1424);border:1px solid var(--line, rgba(255,255,255,.08));border-radius:var(--radius-md);max-block-size:calc(100vh - var(--space-8));overflow-y:auto}.kernel-api__nav-title{margin:0 0 var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.kernel-api__nav-list{margin:0;padding:0;list-style:none;display:grid;gap:2px}.kernel-api__nav-link{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;border-inline-start:2px solid transparent;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.kernel-api__nav-link:hover{color:var(--text-primary);background:var(--bg-elevated)}.kernel-api__nav-link.is-active{color:var(--k-bright-400, #5be8c0);border-inline-start-color:var(--k-bright-500, #2dd4a7);background:#2dd4a714}.kernel-api__content{min-width:0;display:grid;gap:var(--space-8)}.kernel-api__section{scroll-margin-block-start:var(--space-6)}.kernel-api__section-title{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-4);font-size:var(--text-xl);color:var(--text-primary)}.kernel-api__section-title .kernel-api__method{margin-inline-start:var(--space-2)}.kernel-api__endpoint{padding:var(--space-5);background:var(--k-surface-800, #131c30);border:1px solid var(--line, rgba(255,255,255,.08));border-radius:var(--radius-lg);margin-block-end:var(--space-4)}.kernel-api__endpoint-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-block-end:var(--space-3)}.kernel-api__method{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono, monospace);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.02em}.kernel-api__method--post{background:#2dd4a724;color:var(--k-bright-400, #5be8c0)}.kernel-api__method--get{background:#60a5fa24;color:#60a5fa}.kernel-api__path{font-family:var(--font-mono, monospace);font-size:var(--text-sm);color:var(--text-primary);direction:ltr;unicode-bidi:isolate}.kernel-api__endpoint-desc{margin:0 0 var(--space-4);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.75}.kernel-api__subhead{margin:var(--space-4) 0 var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.kernel-api__table{inline-size:100%;border-collapse:collapse;font-size:var(--text-sm)}.kernel-api__table th{padding:var(--space-2) var(--space-3);text-align:start;font-weight:var(--font-semibold);color:var(--text-secondary);border-block-end:1px solid var(--line-strong, rgba(255,255,255,.16));white-space:nowrap}.kernel-api__table td{padding:var(--space-2) var(--space-3);color:var(--text-secondary);border-block-end:1px solid var(--line, rgba(255,255,255,.08));vertical-align:top}.kernel-api__table code{font-family:var(--font-mono, monospace);font-size:var(--text-xs);direction:ltr;unicode-bidi:isolate;color:var(--text-primary)}.kernel-api__table td:first-child code{color:var(--k-bright-400, #5be8c0)}.kernel-api__panel{position:sticky;top:var(--space-4);background:var(--k-ink-950, #080d16);border:1px solid var(--line-strong, rgba(255,255,255,.16));border-radius:var(--radius-lg);overflow:hidden}.kernel-api__panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--k-surface-900, #0d1424);border-block-end:1px solid var(--line, rgba(255,255,255,.08))}.kernel-api__panel-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary)}.kernel-api__copy-btn{min-block-size:32px;padding:var(--space-1) var(--space-2);background:transparent;border:1px solid var(--line, rgba(255,255,255,.08));border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.kernel-api__copy-btn:hover{color:var(--text-primary);border-color:var(--line-strong)}.kernel-api__langs{display:flex;gap:2px;padding:var(--space-2) var(--space-3);border-block-end:1px solid var(--line, rgba(255,255,255,.08))}.kernel-api__lang{padding:var(--space-1) var(--space-3);background:transparent;border:0;border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-mono, monospace);font-size:var(--text-xs);cursor:pointer;min-block-size:32px;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.kernel-api__lang:hover{color:var(--text-primary)}.kernel-api__lang.is-active{background:var(--bg-elevated);color:var(--k-bright-400, #5be8c0)}.kernel-api__codeblock{position:relative;margin:0;padding:var(--space-4);overflow-x:auto;font-family:var(--font-mono, monospace);font-size:12.5px;line-height:1.7;color:var(--text-primary);direction:ltr;text-align:left}.kernel-api__run-btn{display:flex;align-items:center;gap:var(--space-2);min-block-size:36px;margin:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--k-bright-500, #2dd4a7);color:var(--k-ink-950, #080d16);border:0;border-radius:var(--radius-md);font-weight:var(--font-semibold);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.kernel-api__run-btn:hover{background:var(--k-bright-400, #5be8c0)}.kernel-api__run-btn:disabled{opacity:.6;cursor:wait}.kernel-api__response{margin:0 var(--space-3) var(--space-3);padding:var(--space-3);background:var(--k-surface-900, #0d1424);border:1px solid var(--line, rgba(255,255,255,.08));border-radius:var(--radius-md);font-family:var(--font-mono, monospace);font-size:12px;line-height:1.7;color:var(--text-secondary);direction:ltr;text-align:left;overflow-x:auto;white-space:pre-wrap}.kernel-api__webhook-url{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--k-ink-950, #080d16);border:1px solid var(--line, rgba(255,255,255,.08));border-radius:var(--radius-md);font-family:var(--font-mono, monospace);font-size:var(--text-xs);color:var(--text-primary);direction:ltr;unicode-bidi:isolate;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-block-end:var(--space-4)}.kernel-api__payload-list{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2);margin:0;padding:0;list-style:none}.kernel-api__payload{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--k-surface-800, #131c30);border:1px solid var(--line, rgba(255,255,255,.08));border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.kernel-api__payload:hover{background:var(--bg-elevated);border-color:var(--line-strong)}.kernel-api__payload.is-new{animation:kernel-api-new-flash 2.4s var(--ease-out)}@keyframes kernel-api-new-flash{0%,40%{background:#2dd4a71f;border-color:var(--k-bright-500, #2dd4a7)}to{background:var(--k-surface-800, #131c30);border-color:var(--line, rgba(255,255,255,.08))}}.kernel-api__payload-event{font-family:var(--font-mono, monospace);font-size:var(--text-xs);color:var(--k-bright-400, #5be8c0);direction:ltr;unicode-bidi:isolate;flex-shrink:0}.kernel-api__payload-summary{flex:1;min-width:0;color:var(--text-secondary);font-size:var(--text-xs);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;direction:rtl;text-align:start}.kernel-api__payload-time{flex-shrink:0;font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.kernel-api__payload-body{display:none;padding:var(--space-3);background:var(--k-ink-950, #080d16);border:1px solid var(--line, rgba(255,255,255,.08));border-radius:var(--radius-md);font-family:var(--font-mono, monospace);font-size:12px;line-height:1.7;color:var(--text-secondary);direction:ltr;text-align:left;overflow-x:auto;white-space:pre-wrap}.kernel-api__payload.is-open .kernel-api__payload-body{display:block}.kernel-api__uptime-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:3px}.kernel-api__uptime-cell{aspect-ratio:1;border-radius:2px;background:var(--status-success, #22c55e);opacity:.85}.kernel-api__uptime-cell--degraded{background:var(--status-warning, #f59e0b)}.kernel-api__uptime-cell--down{background:var(--status-danger, #ef4444)}.kernel-api__uptime-legend{display:flex;gap:var(--space-4);margin-block-start:var(--space-3);font-size:var(--text-xs);color:var(--text-secondary)}.kernel-api__uptime-legend span:before{content:"";display:inline-block;inline-size:8px;block-size:8px;border-radius:2px;margin-inline-end:var(--space-2)}.kernel-api__uptime-legend .ok:before{background:var(--status-success, #22c55e)}.kernel-api__uptime-legend .degraded:before{background:var(--status-warning, #f59e0b)}.kernel-api__uptime-legend .down:before{background:var(--status-danger, #ef4444)}.kernel-api__releases{margin:0;padding:0;list-style:none;border-inline-start:1px solid var(--line-strong, rgba(255,255,255,.16))}.kernel-api__release{position:relative;padding:var(--space-1) var(--space-4) var(--space-4)}.kernel-api__release:before{content:"";position:absolute;inset-inline-start:-5px;top:6px;inline-size:9px;block-size:9px;border-radius:50%;background:var(--k-bright-500, #2dd4a7);border:2px solid var(--k-ink-950, #080d16)}.kernel-api__release-version{font-family:var(--font-mono, monospace);font-size:var(--text-xs);color:var(--text-primary);direction:ltr;unicode-bidi:isolate}.kernel-api__release-date{font-size:var(--text-xs);color:var(--text-muted)}.kernel-api__release-note{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--text-secondary);line-height:1.7}@media(max-width:1023px){.kernel-api__layout{display:flex;flex-direction:column;align-items:stretch}.kernel-api__content,.kernel-api__nav,.kernel-api__panel,.kernel-api__section{min-inline-size:0}.kernel-api__content{order:1}.kernel-api__nav{order:2;position:static}.kernel-api__panel{order:3;position:static}}@media(max-width:767px){.kernel-api__table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(prefers-reduced-motion:reduce){.kernel-api__payload.is-new{animation:none}.kernel-api__nav-link,.kernel-api__copy-btn,.kernel-api__lang,.kernel-api__run-btn{transition:none}}
