@layer starlight.components{:root,:root[data-theme=dark]{--liv-doc-card-border: var(--sl-color-hairline-light);--liv-doc-card-border-strong: color-mix( in srgb, var(--sl-color-accent) 42%, var(--sl-color-hairline-light) );--liv-doc-card-bg: color-mix( in srgb, var(--sl-color-bg-nav) 82%, var(--sl-color-bg) 18% );--liv-doc-card-bg-hover: color-mix( in srgb, var(--liv-doc-card-bg) 90%, var(--sl-color-accent) 10% );--liv-doc-card-shadow: 0 8px 22px rgba(0, 0, 0, .12);--liv-doc-card-shadow-hover: 0 12px 24px rgba(0, 0, 0, .14);--liv-doc-card-muted: var(--sl-color-gray-3);--liv-doc-card-badge-bg: color-mix( in srgb, var(--sl-color-accent) 10%, var(--sl-color-bg-nav) );--liv-doc-card-badge-border: color-mix( in srgb, var(--sl-color-accent) 18%, var(--sl-color-hairline-light) );--liv-doc-chat-shell-bg: color-mix( in srgb, var(--sl-color-bg-nav) 88%, var(--sl-color-bg) 12% );--liv-doc-chat-shell-shadow: 0 10px 26px rgba(0, 0, 0, .16);--liv-doc-chat-bubble-bg: color-mix( in srgb, var(--sl-color-bg) 64%, var(--sl-color-bg-nav) 36% );--liv-doc-chat-bubble-border: color-mix( in srgb, var(--sl-color-hairline-light) 88%, var(--sl-color-accent) 12% );--liv-doc-chat-bubble-shadow: 0 8px 18px rgba(0, 0, 0, .12);--liv-doc-chat-bubble-accent-bg: color-mix( in srgb, var(--sl-color-accent) 16%, var(--sl-color-bg-nav) 84% );--liv-doc-chat-bubble-accent-border: color-mix( in srgb, var(--sl-color-accent) 30%, var(--sl-color-hairline-light) );--liv-doc-chat-text: var(--sl-color-white);--liv-doc-chat-from: var(--sl-color-gray-3);--liv-doc-chat-link: var(--sl-color-accent-high);--liv-doc-chat-system-line: var(--sl-color-hairline-light);--liv-doc-chat-system-bg: color-mix( in srgb, var(--sl-color-bg-nav) 90%, var(--sl-color-gray-6) 10% );--liv-doc-chat-system-border: var(--sl-color-hairline-light);--liv-doc-chat-system-text: var(--sl-color-gray-3);--liv-doc-chat-action-bg: color-mix( in srgb, var(--sl-color-bg-nav) 74%, var(--sl-color-accent) 26% );--liv-doc-chat-action-bg-hover: color-mix( in srgb, var(--liv-doc-chat-action-bg) 80%, var(--sl-color-accent) 20% );--liv-doc-chat-action-border: color-mix( in srgb, var(--sl-color-accent) 34%, var(--sl-color-hairline-light) );--liv-doc-chat-action-border-hover: color-mix( in srgb, var(--sl-color-accent) 48%, var(--sl-color-hairline-light) );--liv-doc-chat-action-text: var(--sl-color-white)}:root[data-theme=light]{--liv-doc-card-border: var(--sl-color-hairline-light);--liv-doc-card-border-strong: color-mix( in srgb, var(--sl-color-accent) 36%, var(--sl-color-hairline-light) );--liv-doc-card-bg: color-mix( in srgb, var(--sl-color-black) 96%, var(--sl-color-bg) 4% );--liv-doc-card-bg-hover: color-mix( in srgb, var(--liv-doc-card-bg) 93%, var(--sl-color-accent) 7% );--liv-doc-card-shadow: 0 6px 18px rgba(17, 30, 39, .06);--liv-doc-card-shadow-hover: 0 10px 24px rgba(17, 30, 39, .09);--liv-doc-card-muted: var(--sl-color-gray-3);--liv-doc-card-badge-bg: color-mix( in srgb, var(--sl-color-accent) 8%, var(--sl-color-black) );--liv-doc-card-badge-border: color-mix( in srgb, var(--sl-color-accent) 14%, var(--sl-color-hairline-light) );--liv-doc-chat-shell-bg: color-mix( in srgb, var(--sl-color-black) 97%, var(--sl-color-bg) 3% );--liv-doc-chat-shell-shadow: 0 8px 24px rgba(17, 30, 39, .06);--liv-doc-chat-bubble-bg: #ffffff;--liv-doc-chat-bubble-border: color-mix( in srgb, var(--sl-color-hairline-light) 88%, var(--sl-color-accent) 12% );--liv-doc-chat-bubble-shadow: 0 6px 18px rgba(17, 30, 39, .05);--liv-doc-chat-bubble-accent-bg: color-mix( in srgb, var(--sl-color-accent) 10%, var(--sl-color-black) 90% );--liv-doc-chat-bubble-accent-border: color-mix( in srgb, var(--sl-color-accent) 24%, var(--sl-color-hairline-light) );--liv-doc-chat-text: var(--sl-color-white);--liv-doc-chat-from: var(--sl-color-gray-3);--liv-doc-chat-link: var(--sl-color-accent-high);--liv-doc-chat-system-line: var(--sl-color-hairline-light);--liv-doc-chat-system-bg: color-mix( in srgb, var(--sl-color-bg) 92%, var(--sl-color-gray-6) 8% );--liv-doc-chat-system-border: var(--sl-color-hairline-light);--liv-doc-chat-system-text: var(--sl-color-gray-3);--liv-doc-chat-action-bg: color-mix( in srgb, var(--sl-color-accent) 12%, var(--sl-color-black) 88% );--liv-doc-chat-action-bg-hover: color-mix( in srgb, var(--sl-color-accent) 16%, var(--sl-color-black) 84% );--liv-doc-chat-action-border: color-mix( in srgb, var(--sl-color-accent) 22%, var(--sl-color-hairline-light) );--liv-doc-chat-action-border-hover: color-mix( in srgb, var(--sl-color-accent) 32%, var(--sl-color-hairline-light) );--liv-doc-chat-action-text: var(--sl-color-accent-high)}.liv-doc-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16.5rem),1fr));gap:.9rem;align-items:stretch}.liv-doc-card-grid>*{margin-top:0!important;height:100%}@media(min-width:50rem){.liv-doc-card-grid{gap:1rem}}.liv-doc-card-surface{display:flex;min-height:100%;flex-direction:column;gap:.7rem;border:1px solid var(--liv-doc-card-border);border-radius:.9rem;background:var(--liv-doc-card-bg);box-shadow:var(--liv-doc-card-shadow)}.liv-doc-link-card,.liv-doc-content-card{padding:clamp(.95rem,.85rem + .7vw,1.2rem)}.liv-doc-ui-card{padding:clamp(.95rem,.85rem + .75vw,1.25rem)}.liv-doc-ui-card :where(h2,h3,h4){color:var(--sl-color-white);text-wrap:balance;margin:0!important;line-height:1.16}.liv-doc-ui-card :where(p,li,ul,ol){color:var(--liv-doc-card-muted);margin:0!important}.liv-doc-ui-card>:where(*+*){margin-top:.6rem!important}.liv-doc-link-card{color:inherit;text-decoration:none;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.liv-doc-link-card:hover{border-color:var(--liv-doc-card-border-strong);background:var(--liv-doc-card-bg-hover);box-shadow:var(--liv-doc-card-shadow-hover)}.liv-doc-link-card.is-disabled{opacity:.72}.liv-doc-link-card-body{display:grid;flex:1;gap:.65rem;align-content:start}.liv-doc-link-card-title,.liv-doc-content-card-title{margin:0;color:var(--sl-color-white);font-weight:700;line-height:1.1;letter-spacing:-.02em}.liv-doc-link-card-title{font-size:clamp(1rem,.94rem + .28vw,1.14rem);text-wrap:balance}.liv-doc-link-card-description{margin:0;color:var(--liv-doc-card-muted);font-size:var(--sl-text-body);line-height:1.55}.liv-doc-link-card-footer{display:flex;justify-content:flex-end;margin-top:auto}.liv-doc-link-card-arrow{display:inline-flex;width:1.95rem;height:1.95rem;flex:none;align-items:center;justify-content:center;border:1px solid var(--liv-doc-card-badge-border);border-radius:.625rem;background:var(--liv-doc-card-badge-bg);color:var(--sl-color-accent);transition:border-color .18s ease,background .18s ease,color .18s ease}.liv-doc-link-card:hover .liv-doc-link-card-arrow{border-color:var(--liv-doc-card-border-strong);background:color-mix(in srgb,var(--sl-color-accent) 16%,transparent);color:var(--sl-color-accent)}.liv-doc-content-card-head{display:flex;align-items:flex-start;gap:.7rem}.liv-doc-content-card-icon{display:inline-flex;width:2rem;height:2rem;flex:none;align-items:center;justify-content:center;border:1px solid var(--liv-doc-card-badge-border);border-radius:.65rem;background:var(--liv-doc-card-badge-bg);color:var(--sl-color-accent)}.liv-doc-content-card-title{font-size:clamp(1rem,.94rem + .22vw,1.12rem);text-wrap:balance}.liv-doc-content-card-body{color:var(--liv-doc-card-muted);line-height:1.58}.liv-doc-content-card-body>:first-child{margin-top:0}.liv-doc-content-card-body>:last-child{margin-bottom:0}.liv-doc-chat{border-color:var(--liv-doc-card-border);background:var(--liv-doc-chat-shell-bg);box-shadow:var(--liv-doc-chat-shell-shadow)}}
