.lf-doc-library {
  --doc-ink:#172f45; --doc-muted:#526b80; --doc-surface:#fff; --doc-soft:#f4f8fc;
  --doc-line:#d7e3ed; --doc-accent:#087991; --doc-tint:#e7f7fb;
  min-width:0; color:var(--doc-ink); display:grid; gap:24px;
}
.dark .lf-doc-library {
  --doc-ink:#edf6ff; --doc-muted:#abc0d4; --doc-surface:#0e1d2d; --doc-soft:#122438;
  --doc-line:#294259; --doc-accent:#82e4f4; --doc-tint:#123845;
}
.lf-doc-library :is(button,a,input):focus-visible { outline:2px solid var(--doc-accent); outline-offset:4px; }
.lf-doc-library :is(h1,h2,h3,p) { margin:0; }
.lf-doc-library svg { flex-shrink:0; }
.lf-doc-library-header { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px 20px; padding-bottom:24px; border-bottom:1px solid var(--doc-line); }
.lf-doc-library-heading { display:flex; align-items:center; gap:13px; min-width:0; }
.lf-doc-library-heading h1 { font-size:clamp(23px,2.4vw,31px); font-weight:750; letter-spacing:-.035em; line-height:1.25; }
.lf-doc-eyebrow { color:var(--doc-accent); font-size:10px; font-weight:750; text-transform:uppercase; letter-spacing:.12em; line-height:1.6; }
.lf-doc-library-heading .lf-doc-eyebrow { margin-bottom:3px; }
.lf-doc-header-support { display:inline-flex; align-items:center; justify-content:center; gap:9px; align-self:center; min-height:44px; border:1px solid var(--doc-line); border-radius:11px; padding:0 13px; font-size:12px; font-weight:650; background:var(--doc-surface); color:var(--doc-ink); }
.lf-doc-header-support svg { width:16px; height:16px; color:var(--doc-accent); }
.lf-doc-library-intro { grid-column:1 / -1; color:var(--doc-muted); font-size:13px; line-height:1.7; }
.lf-doc-search { grid-column:1 / -1; position:relative; display:flex; align-items:center; margin-top:3px; min-width:0; }
.lf-doc-search > svg { position:absolute; left:16px; width:19px; height:19px; color:var(--doc-accent); pointer-events:none; }
.lf-doc-search input { width:100%; min-width:0; height:54px; padding:0 85px 0 47px; border:1px solid var(--doc-line); border-radius:13px; background:var(--doc-surface); color:var(--doc-ink); font-size:14px; box-shadow:0 3px 12px #13374a05; }
.lf-doc-search input::placeholder { color:var(--doc-muted); opacity:1; }
.lf-doc-search kbd { position:absolute; right:14px; padding:4px 6px; border:1px solid var(--doc-line); border-radius:5px; font-size:10px; color:var(--doc-muted); background:var(--doc-soft); }
.lf-doc-search > button { position:absolute; right:6px; display:grid; place-items:center; width:44px; height:44px; border-radius:9px; color:var(--doc-muted); }
.lf-doc-search > button svg { width:17px; height:17px; }
.lf-doc-icon { width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; border:1px solid currentColor; border-radius:12px; }
.lf-doc-icon svg { width:20px; height:20px; }
.lf-doc-tone-cyan { color:#087d94; background:#e9faff; border-color:#bde7ef; }
.lf-doc-tone-violet { color:#7451b4; background:#f4efff; border-color:#e1d4f6; }
.lf-doc-tone-blue { color:#376fc4; background:#edf4ff; border-color:#d2e1fa; }
.lf-doc-tone-amber { color:#90630b; background:#fff8e9; border-color:#f0dfb7; }
.lf-doc-tone-emerald { color:#17866c; background:#eaf9f2; border-color:#c0e7d7; }
.lf-doc-tone-rose { color:#b34b6b; background:#fff0f4; border-color:#f3d4df; }
.dark .lf-doc-tone-cyan { color:#81e2f0; background:#133644; border-color:#285265; }
.dark .lf-doc-tone-violet { color:#c8a9ff; background:#2a2547; border-color:#443762; }
.dark .lf-doc-tone-blue { color:#98c4ff; background:#1c304b; border-color:#314b6c; }
.dark .lf-doc-tone-amber { color:#f5d58f; background:#36301d; border-color:#53462a; }
.dark .lf-doc-tone-emerald { color:#8cdec0; background:#15382f; border-color:#295448; }
.dark .lf-doc-tone-rose { color:#f3abc2; background:#3a2535; border-color:#5b344d; }
.lf-doc-library-grid { display:grid; grid-template-columns:215px minmax(0,1fr); align-items:start; gap:30px; min-width:0; }
.lf-doc-topics { min-width:0; display:grid; gap:5px; }
.lf-doc-nav-label { font-size:10px; text-transform:uppercase; letter-spacing:.1em; font-weight:700; color:var(--doc-muted); padding:0 12px 9px; }
.lf-doc-topics > button { display:flex; align-items:center; gap:11px; min-height:46px; border:1px solid transparent; border-radius:10px; color:var(--doc-muted); padding:10px 12px; font-size:13px; text-align:left; }
.lf-doc-topics > button svg { width:17px; height:17px; }
.lf-doc-topics > button > svg:last-child { margin-left:auto; width:13px; opacity:0; }
.lf-doc-topics > button.is-current { background:var(--doc-tint); border-color:var(--doc-line); color:var(--doc-accent); font-weight:700; }
.lf-doc-topics > button.is-current > svg:last-child { opacity:1; }
.lf-doc-topics-help { display:flex; gap:10px; border-top:1px solid var(--doc-line); margin-top:15px; padding:21px 12px 0; font-size:11px; line-height:1.7; color:var(--doc-muted); }
.lf-doc-topics-help > svg { color:var(--doc-accent); width:18px; height:18px; margin-top:2px; }
.lf-doc-topics-help strong { display:flex; align-items:center; gap:7px; font-size:12px; color:var(--doc-ink); font-weight:650; margin-top:3px; }
.lf-doc-topics-help strong svg { width:13px; height:13px; }
.lf-doc-guide-results { min-width:0; }
.lf-doc-results-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:17px; }
.lf-doc-results-heading h2 { margin-top:2px; font-size:20px; font-weight:700; letter-spacing:-.025em; }
.lf-doc-result-count { white-space:nowrap; font-size:11px; color:var(--doc-muted); background:var(--doc-soft); border:1px solid var(--doc-line); border-radius:20px; padding:5px 9px; }
.lf-doc-guide-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.lf-doc-guide-card { display:flex; flex-direction:column; min-width:0; border:1px solid var(--doc-line); border-radius:15px; background:var(--doc-surface); padding:20px; color:var(--doc-ink); box-shadow:0 3px 10px #061a3104; transition:border-color .18s,box-shadow .18s,transform .18s; }
.lf-doc-guide-card-top { display:flex; align-items:center; gap:10px; margin-bottom:16px; min-width:0; }
.lf-doc-guide-card-top > span:nth-child(2) { color:var(--doc-muted); font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.07em; }
.lf-doc-guide-card-top > svg { color:var(--doc-accent); width:16px; height:16px; margin-left:auto; }
.lf-doc-guide-card h3 { overflow-wrap:anywhere; font-size:16px; font-weight:700; line-height:1.5; letter-spacing:-.015em; }
.lf-doc-guide-card > p { color:var(--doc-muted); font-size:12px; line-height:1.85; margin-top:7px; }
.lf-doc-read-guide { display:flex; align-items:center; gap:4px; color:var(--doc-accent); padding-top:18px; margin-top:auto; font-size:11px; font-weight:700; }
.lf-doc-read-guide svg { width:13px; height:13px; }
.lf-doc-library-footer { display:flex; align-items:center; gap:8px; color:var(--doc-muted); font-size:10px; line-height:1.7; margin-top:22px; }
.lf-doc-library-footer > svg { width:14px; height:14px; }
.lf-doc-library-footer a { display:flex; align-items:center; gap:4px; margin-left:auto; font-weight:650; color:var(--doc-accent); }
.lf-doc-library-footer a svg { width:12px; height:12px; }
.lf-doc-loading { display:flex; align-items:center; justify-content:center; gap:10px; min-height:180px; border:1px dashed var(--doc-line); border-radius:15px; background:var(--doc-surface); color:var(--doc-muted); font-size:13px; }
.lf-doc-loading svg { width:18px; height:18px; color:var(--doc-accent); }
.lf-doc-empty { padding:40px 24px; text-align:center; background:var(--doc-surface); border:1px dashed var(--doc-line); border-radius:15px; }
.lf-doc-empty > svg { margin:0 auto 15px; width:26px; height:26px; color:var(--doc-accent); }
.lf-doc-empty h3 { font-size:18px; font-weight:700; }
.lf-doc-empty p { color:var(--doc-muted); font-size:13px; line-height:1.7; margin-top:8px; }
.lf-doc-empty > div { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin-top:20px; }
.lf-doc-empty :is(button,a) { min-height:44px; display:inline-flex; align-items:center; gap:7px; border:1px solid var(--doc-line); border-radius:9px; padding:10px 13px; color:var(--doc-accent); font-size:12px; font-weight:650; }
.lf-doc-empty a svg { width:14px; height:14px; }
.lf-doc-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:8px; color:var(--doc-muted); font-size:12px; }
.lf-doc-breadcrumb button { display:flex; align-items:center; gap:8px; min-height:44px; border-radius:6px; }
.lf-doc-breadcrumb svg { width:15px; height:15px; }
.lf-doc-reader-grid { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:24px; align-items:start; }
.lf-doc-article { min-width:0; padding:clamp(20px,3vw,40px); border:1px solid var(--doc-line); border-radius:18px; background:var(--doc-surface); }
.lf-doc-article-header { padding-bottom:24px; margin-bottom:26px; border-bottom:1px solid var(--doc-line); }
.lf-doc-article-header > .lf-doc-icon { margin-bottom:18px; }
.lf-doc-article-header h1 { margin:7px 0 13px; font-size:clamp(23px,2.8vw,35px); font-weight:750; line-height:1.25; letter-spacing:-.035em; overflow-wrap:anywhere; }
.lf-doc-article-summary { font-size:14px; line-height:1.9; color:var(--doc-muted); }
.lf-doc-article-meta { display:flex; align-items:center; flex-wrap:wrap; gap:8px 17px; margin-top:18px; font-size:10px; color:var(--doc-muted); }
.lf-doc-article-meta > span { display:flex; align-items:center; gap:5px; }
.lf-doc-article-meta svg { width:13px; height:13px; color:var(--doc-accent); }
.lf-doc-reader-aside { display:grid; gap:16px; }
.lf-doc-aside-card,.lf-doc-help-card { padding:21px; border:1px solid var(--doc-line); border-radius:15px; background:var(--doc-surface); min-width:0; }
.lf-doc-aside-symbol,.lf-doc-help-card > svg { width:24px; height:24px; color:var(--doc-accent); margin-bottom:14px; }
.lf-doc-reader-aside h2 { font-size:16px; font-weight:700; line-height:1.5; letter-spacing:-.015em; }
.lf-doc-reader-aside p { color:var(--doc-muted); font-size:12px; line-height:1.8; margin-top:8px; }
.lf-doc-related { display:grid; margin:13px 0; }
.lf-doc-related a { display:flex; align-items:center; gap:10px; padding:12px 0; border-bottom:1px solid var(--doc-line); font-size:12px; font-weight:550; line-height:1.6; }
.lf-doc-related a svg { width:14px; height:14px; margin-left:auto; color:var(--doc-accent); }
.lf-doc-text-link,.lf-doc-help-card > a { display:inline-flex; align-items:center; gap:7px; min-height:44px; color:var(--doc-accent); font-size:12px; font-weight:650; margin-top:7px; text-align:left; }
.lf-doc-text-link svg,.lf-doc-help-card > a svg { width:14px; height:14px; }
.lf-doc-help-card { background:linear-gradient(140deg,var(--doc-tint),var(--doc-surface)); }
@media(hover:hover) {
  .lf-doc-guide-card:hover { border-color:var(--doc-accent); box-shadow:0 8px 24px #0c567a12; transform:translateY(-2px); }
  .lf-doc-topics > button:hover,.lf-doc-header-support:hover,.lf-doc-search > button:hover { background:var(--doc-tint); color:var(--doc-accent); }
  .lf-doc-library :is(.lf-doc-text-link,.lf-doc-related a,.lf-doc-help-card > a,.lf-doc-breadcrumb button):hover { text-decoration:underline; text-underline-offset:4px; }
}
@media(max-width:1000px) {
  .lf-doc-library-grid { grid-template-columns:180px minmax(0,1fr); gap:20px; }
  .lf-doc-guide-grid { grid-template-columns:1fr; }
  .lf-doc-reader-grid { grid-template-columns:minmax(0,1fr) 220px; gap:17px; }
}
@media(max-width:700px) {
  .lf-doc-library { gap:18px; }
  .lf-doc-library-header { gap:10px; padding-bottom:18px; }
  .lf-doc-library-heading { gap:10px; }
  .lf-doc-library-heading > .lf-doc-icon { width:37px; height:37px; border-radius:10px; }
  .lf-doc-library-heading .lf-doc-eyebrow { font-size:8px; letter-spacing:.08em; }
  .lf-doc-library-heading h1 { font-size:22px; }
  .lf-doc-header-support { font-size:0; padding:0; width:44px; }
  .lf-doc-header-support svg { width:18px; height:18px; }
  .lf-doc-library-intro { font-size:12px; }
  .lf-doc-search input { height:48px; font-size:13px; padding-right:48px; }
  .lf-doc-search kbd { display:none; }
  .lf-doc-library-grid { display:block; }
  .lf-doc-topics { display:flex; overflow-x:auto; max-width:100%; gap:7px; padding:2px 2px 10px; margin-bottom:14px; }
  .lf-doc-topics > button { flex-shrink:0; white-space:nowrap; min-height:44px; padding:8px 12px; border-color:var(--doc-line); gap:7px; font-size:12px; background:var(--doc-surface); }
  .lf-doc-topics > button > svg:last-child,.lf-doc-nav-label,.lf-doc-topics-help { display:none; }
  .lf-doc-topics > button svg { width:15px; height:15px; }
  .lf-doc-results-heading { margin-bottom:13px; }
  .lf-doc-results-heading h2 { font-size:18px; }
  .lf-doc-guide-card { padding:17px; }
  .lf-doc-guide-card-top { margin-bottom:12px; }
  .lf-doc-guide-card-top .lf-doc-icon { width:35px; height:35px; border-radius:10px; }
  .lf-doc-guide-card h3 { font-size:15px; }
  .lf-doc-library-footer { flex-wrap:wrap; font-size:10px; }
  .lf-doc-library-footer a { margin-left:22px; }
  .lf-doc-reader-grid { grid-template-columns:1fr; }
  .lf-doc-article { padding:20px; }
  .lf-doc-article-header { padding-bottom:20px; margin-bottom:20px; }
  .lf-doc-article-header h1 { font-size:25px; }
  .lf-doc-reader-aside { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:440px) { .lf-doc-reader-aside { grid-template-columns:1fr; } .lf-doc-result-count { font-size:10px; padding:4px 7px; } }
@media(prefers-reduced-motion:reduce) { .lf-doc-guide-card { transition:none; } .lf-doc-guide-card:hover { transform:none; } }