.lf-doc-library {
  --doc-ink:#142e43; --doc-muted:#526b80; --doc-surface:#fff; --doc-soft:#f3f7fb;
  --doc-line:#d9e4ed; --doc-accent:#086f84; --doc-tint:#e7f6f9; --doc-shadow:0 6px 22px #123a5010;
  color:var(--doc-ink); min-width:0; display:grid; gap:24px; font-size:14px;
}
.dark .lf-doc-library {
  --doc-ink:#edf5fc; --doc-muted:#adc1d2; --doc-surface:#102132; --doc-soft:#0c1b2a;
  --doc-line:#2b4358; --doc-accent:#87e5ef; --doc-tint:#123642; --doc-shadow:0 6px 24px #020b151c;
}
.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 :is(h1,h2,h3) { color:var(--doc-ink); text-wrap:balance; }
.lf-doc-library :is(button,a) { -webkit-tap-highlight-color:transparent; }
.lf-doc-library a { text-decoration:none; }
.lf-doc-library svg { flex-shrink:0; }
.lf-doc-library-header { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.9fr); align-items:center; gap:20px; padding-bottom:24px; border-bottom:1px solid var(--doc-line); }
.lf-doc-library-heading { display:flex; align-items:center; gap:14px; min-width:0; }
.lf-doc-library-heading h1 { font-size:clamp(26px,2.7vw,34px); font-weight:750; letter-spacing:-.045em; line-height:1.2; margin:4px 0 7px; }
.lf-doc-eyebrow { display:flex; align-items:center; gap:7px; color:var(--doc-accent); font-size:10px; font-weight:750; text-transform:uppercase; letter-spacing:.12em; line-height:1.6; }
.lf-doc-library-intro { color:var(--doc-muted); font-size:13px; line-height:1.7; max-width:48ch; }
.lf-doc-header-tools { display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:10px; min-width:0; }
.lf-doc-header-support { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:36px; border-radius:8px; padding:0 4px; font-size:12px; font-weight:650; color:var(--doc-accent); }
.lf-doc-header-support svg { width:15px; height:15px; }
.lf-doc-header-support svg:last-child { width:13px; height:13px; }
.lf-doc-search { position:relative; display:flex; align-items:center; min-width:0; flex-basis:100%; }
.lf-doc-search > svg { position:absolute; left:15px; width:18px; height:18px; color:var(--doc-accent); pointer-events:none; }
.lf-doc-search input { width:100%; min-width:0; height:48px; padding:0 74px 0 43px; border:1px solid var(--doc-line); border-radius:12px; background:var(--doc-surface); color:var(--doc-ink); font-size:13px; box-shadow:0 2px 9px #13374a04; }
.lf-doc-search input::placeholder { color:var(--doc-muted); opacity:1; }
.lf-doc-search kbd { position:absolute; right:12px; border:1px solid var(--doc-line); border-radius:5px; padding:3px 6px; font-size:10px; color:var(--doc-muted); background:var(--doc-soft); }
.lf-doc-search > button { position:absolute; right:3px; display:grid; place-items:center; width:42px; height:42px; border-radius:9px; color:var(--doc-muted); }
.lf-doc-search > button svg { width:17px; height:17px; }
.lf-doc-icon { width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; border:1px solid currentColor; border-radius:13px; }
.lf-doc-icon svg { width:21px; height:21px; }
.lf-doc-tone-cyan { color:#08758a; background:#e8f8fc; border-color:#bee4ec; }
.lf-doc-tone-violet { color:#7050ac; background:#f3effc; border-color:#e0d5f3; }
.lf-doc-tone-blue { color:#3267b3; background:#ecf3fd; border-color:#cedff5; }
.lf-doc-tone-amber { color:#805a0a; background:#fff7e5; border-color:#ebdab2; }
.lf-doc-tone-emerald { color:#14755e; background:#eaf7ef; border-color:#c1e2d1; }
.lf-doc-tone-rose { color:#aa4164; background:#fceff3; border-color:#eed1dc; }
.dark .lf-doc-tone-cyan { color:#8ae3ed; background:#173a46; border-color:#315865; }
.dark .lf-doc-tone-violet { color:#cbb4fb; background:#302a49; border-color:#4c406a; }
.dark .lf-doc-tone-blue { color:#a7caff; background:#213851; border-color:#3b5470; }
.dark .lf-doc-tone-amber { color:#efd398; background:#393320; border-color:#5c4e2f; }
.dark .lf-doc-tone-emerald { color:#94dfbf; background:#1b3c33; border-color:#31594b; }
.dark .lf-doc-tone-rose { color:#f0b0c7; background:#3d2c3a; border-color:#634052; }
.lf-doc-library-grid { display:grid; grid-template-columns:222px minmax(0,1fr); gap:26px; align-items:start; min-width:0; }
.lf-doc-topics { position:sticky; top:18px; 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 10px 10px; }
.lf-doc-topics > button { display:flex; align-items:center; gap:10px; min-height:67px; border:1px solid transparent; border-radius:12px; color:var(--doc-muted); padding:9px; text-align:left; transition:background .16s,border-color .16s; }
.lf-doc-topic-symbol { display:grid; place-items:center; width:34px; height:34px; flex-shrink:0; border:1px solid var(--doc-line); border-radius:10px; background:var(--doc-soft); color:var(--doc-accent); }
.lf-doc-topic-symbol svg { width:16px; height:16px; }
.lf-doc-topics > button > span:nth-child(2) { display:grid; gap:3px; min-width:0; }
.lf-doc-topics strong { color:var(--doc-ink); font-size:12px; font-weight:650; line-height:1.4; }
.lf-doc-topics small { font-size:10px; font-weight:400; line-height:1.55; }
.lf-doc-topics > button > svg:last-child { margin-left:auto; width:12px; height:12px; opacity:0; }
.lf-doc-topics > button.is-current { background:var(--doc-tint); border-color:var(--doc-line); color:var(--doc-accent); }
.lf-doc-topics > button.is-current strong { color:var(--doc-accent); }
.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:18px 10px 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; margin-top:4px; }
.lf-doc-topics-help strong svg { width:13px; height:13px; }
.lf-doc-guide-results { min-width:0; }
.lf-doc-starting-point { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(170px,.8fr); gap:20px; border:1px solid var(--doc-line); border-radius:17px; padding:21px; margin-bottom:27px; background:linear-gradient(120deg,var(--doc-tint),var(--doc-surface) 75%); }
.lf-doc-starting-guide { display:flex; align-items:flex-start; gap:13px; min-width:0; }
.lf-doc-start-symbol { display:grid; place-items:center; width:37px; height:37px; border-radius:12px; color:var(--doc-accent); border:1px solid var(--doc-line); background:var(--doc-surface); flex-shrink:0; }
.lf-doc-start-symbol svg { width:18px; height:18px; }
.lf-doc-starting-guide h2 { font-size:20px; font-weight:720; letter-spacing:-.025em; line-height:1.35; margin:4px 0 7px; }
.lf-doc-starting-guide > div > p:not(.lf-doc-eyebrow) { color:var(--doc-muted); font-size:12px; line-height:1.8; max-width:52ch; }
.lf-doc-starting-guide a { display:inline-flex; align-items:center; gap:9px; color:var(--doc-accent); min-height:40px; margin-top:9px; font-size:12px; font-weight:700; }
.lf-doc-starting-guide a span { color:var(--doc-muted); font-size:10px; font-weight:450; border-left:1px solid var(--doc-line); padding-left:9px; }
.lf-doc-starting-guide a svg { width:15px; height:15px; }
.lf-doc-starting-links { display:grid; align-content:center; border-left:1px solid var(--doc-line); padding-left:19px; }
.lf-doc-starting-links a { display:flex; align-items:center; gap:9px; min-height:65px; padding:10px 0; color:var(--doc-ink); font-size:12px; line-height:1.5; }
.lf-doc-starting-links a + a { border-top:1px solid var(--doc-line); }
.lf-doc-starting-links a > svg { width:15px; height:15px; color:var(--doc-accent); }
.lf-doc-starting-links a > svg:last-child { width:13px; margin-left:auto; }
.lf-doc-starting-links a small { display:block; color:var(--doc-muted); font-size:10px; margin-top:4px; }
.lf-doc-results-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:18px; }
.lf-doc-results-heading h2 { font-size:22px; font-weight:720; letter-spacing:-.03em; line-height:1.4; margin-top:4px; }
.lf-doc-results-query { color:var(--doc-muted); font-size:12px; line-height:1.6; margin-top:6px!important; overflow-wrap:anywhere; }
.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:6px 10px; }
.lf-doc-collection-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.lf-doc-collection { display:flex; flex-direction:column; min-width:0; border:1px solid var(--doc-line); border-radius:16px; background:var(--doc-surface); box-shadow:0 3px 12px #123a5005; overflow:hidden; }
.lf-doc-collection > header { display:flex; align-items:center; gap:12px; padding:20px 20px 12px; min-width:0; }
.lf-doc-collection > header > div { min-width:0; }
.lf-doc-collection h3 { font-size:16px; font-weight:700; letter-spacing:-.02em; line-height:1.45; overflow-wrap:anywhere; }
.lf-doc-collection header p { color:var(--doc-muted); font-size:11px; line-height:1.7; margin-top:4px; }
.lf-doc-collection-guides { padding:0 20px 11px; }
.lf-doc-collection-guides a { display:flex; align-items:center; gap:10px; min-height:49px; padding:11px 0; color:var(--doc-ink); font-size:12px; line-height:1.7; }
.lf-doc-collection-guides a + a { border-top:1px solid var(--doc-line); }
.lf-doc-collection-guides a > span { min-width:0; overflow-wrap:anywhere; }
.lf-doc-collection-guides svg { width:13px; height:13px; margin-left:auto; color:var(--doc-accent); }
.lf-doc-collection > button { display:flex; align-items:center; gap:8px; min-height:48px; width:100%; padding:11px 20px; margin-top:auto; border-top:1px solid var(--doc-line); background:var(--doc-soft); color:var(--doc-accent); text-align:left; font-size:11px; font-weight:650; }
.lf-doc-collection > button > span { font-size:10px; color:var(--doc-muted); font-weight:450; margin-left:auto; }
.lf-doc-collection > button svg { width:14px; height:14px; }
.lf-doc-guide-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.lf-doc-guide-card { display:flex; flex-direction:column; min-width:0; border:1px solid var(--doc-line); border-radius:16px; background:var(--doc-surface); padding:21px; 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:18px; min-width:0; }
.lf-doc-guide-card-top > span:nth-child(2) { color:var(--doc-muted); font-size:10px; font-weight:650; line-height:1.5; }
.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:17px; font-weight:700; line-height:1.5; letter-spacing:-.02em; }
.lf-doc-guide-card > p { color:var(--doc-muted); font-size:12px; line-height:1.85; margin-top:8px; }
.lf-doc-read-guide { display:flex; align-items:center; gap:5px; color:var(--doc-accent); padding-top:22px; margin-top:auto; font-size:11px; font-weight:700; }
.lf-doc-read-guide svg { width:13px; height:13px; }
.lf-doc-read-guide small { font-size:10px; color:var(--doc-muted); font-weight:450; margin-left:auto; }
.lf-doc-library-footer { display:flex; flex-wrap:wrap; align-items:center; gap:8px; color:var(--doc-muted); font-size:10px; line-height:1.7; margin-top:23px; }
.lf-doc-library-footer > svg { width:14px; height:14px; }
.lf-doc-library-footer a { display:flex; align-items:center; gap:5px; min-height:36px; 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:36px 22px; text-align:center; background:var(--doc-surface); border:1px dashed var(--doc-line); border-radius:15px; }
.lf-doc-empty > .lf-doc-icon { margin:0 auto 15px; }
.lf-doc-empty h3 { font-size:19px; 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:14px; height:14px; }
.lf-doc-reader-grid { display:grid; grid-template-columns:minmax(0,1fr) 210px; gap:28px; align-items:start; }
.lf-doc-reader-aside { grid-column:2; grid-row:1; position:sticky; top:20px; min-width:0; }
.lf-doc-toc { display:grid; gap:3px; border:1px solid var(--doc-line); border-radius:14px; background:var(--doc-surface); padding:17px 10px 10px; }
.lf-doc-toc > .lf-doc-eyebrow { padding:0 9px 10px; color:var(--doc-muted); }
.lf-doc-toc > .lf-doc-eyebrow svg { width:14px; height:14px; color:var(--doc-accent); }
.lf-doc-toc > a { display:flex; align-items:center; gap:10px; min-height:44px; padding:9px; font-size:12px; color:var(--doc-ink); border-radius:8px; line-height:1.5; }
.lf-doc-toc > a svg { width:13px; height:13px; margin-left:auto; color:var(--doc-accent); }
.lf-doc-toc > a span { display:grid; place-items:center; width:22px; height:22px; border-radius:6px; color:var(--doc-accent); font-size:10px; background:var(--doc-tint); margin-left:auto; }
.lf-doc-reader-back { display:flex; align-items:center; gap:7px; min-height:44px; color:var(--doc-muted); margin-top:9px; padding:0 9px; font-size:11px; }
.lf-doc-reader-back svg { width:13px; height:13px; }
.lf-doc-article { grid-column:1; grid-row:1; min-width:0; padding:clamp(22px,3vw,42px); border:1px solid var(--doc-line); border-radius:18px; background:var(--doc-surface); }
.lf-doc-article :is(h1,h2,footer[id]) { scroll-margin-top:28px; }
.lf-doc-article-header { margin-bottom:32px; }
.lf-doc-article-header > .lf-doc-eyebrow { gap:10px; }
.lf-doc-article-header > .lf-doc-eyebrow .lf-doc-icon { width:33px; height:33px; border-radius:10px; }
.lf-doc-article-header > .lf-doc-eyebrow .lf-doc-icon svg { width:16px; height:16px; }
.lf-doc-article-header h1 { margin:19px 0 15px; max-width:25ch; font-size:clamp(26px,3vw,38px); font-weight:750; line-height:1.22; letter-spacing:-.04em; overflow-wrap:anywhere; }
.lf-doc-article-meta { display:flex; align-items:center; flex-wrap:wrap; gap:8px 14px; 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-summary-callout { display:flex; align-items:flex-start; gap:12px; border:1px solid var(--doc-line); border-left:3px solid var(--doc-accent); border-radius:0 12px 12px 0; background:var(--doc-soft); padding:18px; margin-top:24px; }
.lf-doc-summary-callout > svg { width:17px; height:17px; color:var(--doc-accent); margin-top:2px; }
.lf-doc-callout-label { font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--doc-accent); margin-bottom:5px!important; }
.lf-doc-article-summary { font-size:14px; line-height:1.85; color:var(--doc-muted); }
.lf-doc-library .lf-doc-content { display:grid; gap:32px; }
.lf-doc-library .lf-doc-content > section { margin-top:0; }
.lf-doc-library .lf-doc-content h2 { font-size:20px; font-weight:700; line-height:1.4; letter-spacing:-.025em; }
.lf-doc-library .lf-doc-overview > p { font-size:14px; line-height:1.95; color:var(--doc-muted); max-width:74ch; }
.lf-doc-section-heading { display:flex; align-items:center; gap:14px; justify-content:space-between; margin-bottom:18px; }
.lf-doc-section-heading > span { color:var(--doc-muted); font-size:10px; padding:4px 8px; border-radius:6px; background:var(--doc-soft); border:1px solid var(--doc-line); }
.lf-doc-library .lf-doc-step-list { margin:0; padding:0; list-style:none; }
.lf-doc-library .lf-doc-step { position:relative; border:0; border-radius:0; background:transparent; padding:0 0 22px; gap:16px; }
.lf-doc-library .lf-doc-step + .lf-doc-step { margin-top:0; }
.lf-doc-library .lf-doc-step:not(:last-child)::after { content:""; position:absolute; top:38px; bottom:5px; left:17px; width:1px; background:var(--doc-line); }
.lf-doc-library .lf-doc-step:last-child { padding-bottom:0; }
.lf-doc-library .lf-doc-step-number { width:35px; height:35px; border-radius:11px; background:var(--doc-tint); color:var(--doc-accent); border:1px solid var(--doc-line); font-size:11px; font-weight:750; }
.lf-doc-library .lf-doc-step p { color:var(--doc-ink); font-size:14px; line-height:1.95; padding-top:3px; max-width:72ch; }
.lf-doc-library .lf-doc-content-next { border-top:1px solid var(--doc-line); padding-top:25px; }
.lf-doc-library .lf-doc-content-next h2 { margin-bottom:15px; }
.lf-doc-library .lf-doc-content-links a { min-height:44px; border-color:var(--doc-line); border-radius:10px; background:var(--doc-soft); color:var(--doc-accent); font-size:12px; }
.lf-doc-content-links a span { overflow-wrap:anywhere; min-width:0; }
.lf-doc-guide-followup { display:grid; grid-template-columns:minmax(0,1fr) minmax(190px,.8fr); gap:24px; margin-top:34px; padding-top:28px; border-top:1px solid var(--doc-line); }
.lf-doc-guide-followup h2 { font-size:19px; font-weight:700; line-height:1.5; letter-spacing:-.025em; }
.lf-doc-next-reading > h2 { margin:4px 0 12px; }
.lf-doc-next-reading > p:not(.lf-doc-eyebrow),.lf-doc-help-card p { color:var(--doc-muted); font-size:12px; line-height:1.8; margin-top:9px; }
.lf-doc-related { display:grid; }
.lf-doc-related a { display:flex; align-items:center; gap:9px; padding:12px 0; border-bottom:1px solid var(--doc-line); font-size:12px; font-weight:500; color:var(--doc-ink); line-height:1.7; }
.lf-doc-related a svg { width:14px; height:14px; color:var(--doc-accent); }
.lf-doc-related a svg:last-child { margin-left:auto; }
.lf-doc-related a span { min-width:0; overflow-wrap:anywhere; }
.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 { border:1px solid var(--doc-line); border-radius:14px; background:var(--doc-soft); padding:20px; min-width:0; }
.lf-doc-help-card > .lf-doc-icon { margin-bottom:14px; width:36px; height:36px; border-radius:11px; }
.lf-doc-help-card > .lf-doc-icon svg { width:18px; height:18px; }
@media(hover:hover) {
  .lf-doc-guide-card:hover { border-color:var(--doc-accent); box-shadow:var(--doc-shadow); transform:translateY(-2px); }
  .lf-doc-topics > button:hover,.lf-doc-toc > a:hover,.lf-doc-search > button:hover { background:var(--doc-tint); color:var(--doc-accent); }
  .lf-doc-collection > button:hover { background:var(--doc-tint); }
  .lf-doc-library :is(.lf-doc-collection-guides a,.lf-doc-text-link,.lf-doc-related a,.lf-doc-help-card > a,.lf-doc-breadcrumb button,.lf-doc-header-support,.lf-doc-starting-guide a,.lf-doc-starting-links a,.lf-doc-reader-back):hover { color:var(--doc-accent); text-decoration:underline; text-underline-offset:4px; }
}
@media(max-width:1100px) {
  .lf-doc-library-header { grid-template-columns:minmax(0,1fr) minmax(260px,.8fr); }
  .lf-doc-library-grid { grid-template-columns:195px minmax(0,1fr); gap:20px; }
  .lf-doc-topics > button { padding:8px; gap:8px; }
  .lf-doc-topics small { display:none; }
  .lf-doc-topics > button { min-height:55px; }
  .lf-doc-starting-point { grid-template-columns:1fr; gap:14px; }
  .lf-doc-starting-links { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; border-left:0; border-top:1px solid var(--doc-line); padding:5px 0 0; }
  .lf-doc-starting-links a + a { border-top:0; }
  .lf-doc-collection > header { padding:17px 17px 10px; gap:9px; align-items:flex-start; }
  .lf-doc-collection .lf-doc-icon { width:34px; height:34px; border-radius:10px; }
  .lf-doc-collection .lf-doc-icon svg { width:17px; height:17px; }
  .lf-doc-collection-guides { padding:0 17px 10px; }
  .lf-doc-collection > button { padding:10px 17px; }
  .lf-doc-collection h3 { font-size:15px; }
  .lf-doc-reader-grid { grid-template-columns:minmax(0,1fr) 180px; gap:20px; }
  .lf-doc-guide-followup { grid-template-columns:1fr; }
}
@media(max-width:800px) {
  .lf-doc-library { gap:20px; }
  .lf-doc-library-header { grid-template-columns:1fr; gap:15px; padding-bottom:19px; }
  .lf-doc-header-tools { flex-wrap:nowrap; justify-content:flex-start; }
  .lf-doc-header-support { order:1; flex-shrink:0; min-height:44px; border:1px solid var(--doc-line); background:var(--doc-surface); border-radius:10px; padding:0 12px; }
  .lf-doc-header-support svg:last-child { display:none; }
  .lf-doc-search { flex:1; }
  .lf-doc-library-grid { display:block; }
  .lf-doc-topics { position:static; display:flex; overflow-x:auto; max-width:100%; gap:7px; padding:3px 3px 12px; margin-bottom:14px; scrollbar-width:thin; }
  .lf-doc-topics > button { flex-shrink:0; white-space:nowrap; min-height:48px; padding:6px 10px; border-color:var(--doc-line); gap:8px; background:var(--doc-surface); }
  .lf-doc-topics > button > svg:last-child,.lf-doc-nav-label,.lf-doc-topics-help { display:none; }
  .lf-doc-topic-symbol { width:27px; height:27px; border-radius:8px; }
  .lf-doc-topic-symbol svg { width:14px; height:14px; }
  .lf-doc-topics strong { font-size:11px; }
  .lf-doc-starting-point { grid-template-columns:minmax(0,1.25fr) minmax(170px,.8fr); margin-bottom:22px; }
  .lf-doc-starting-links { grid-template-columns:1fr; gap:0; border-top:0; border-left:1px solid var(--doc-line); padding:0 0 0 15px; }
  .lf-doc-starting-links a + a { border-top:1px solid var(--doc-line); }
  .lf-doc-reader-grid { grid-template-columns:1fr; gap:17px; }
  .lf-doc-reader-aside { grid-column:auto; grid-row:auto; position:static; }
  .lf-doc-toc { display:flex; align-items:center; flex-wrap:wrap; padding:11px; gap:4px; }
  .lf-doc-toc > .lf-doc-eyebrow { flex-basis:100%; padding:0 7px 5px; }
  .lf-doc-toc > a { min-height:44px; font-size:11px; padding:7px; gap:9px; }
  .lf-doc-toc > a svg { display:none; }
  .lf-doc-toc > a span { width:19px; height:19px; }
  .lf-doc-reader-back { display:none; }
  .lf-doc-article { grid-column:auto; grid-row:auto; }
}
@media(max-width:560px) {
  .lf-doc-library-heading { gap:11px; }
  .lf-doc-library-heading > .lf-doc-icon { width:38px; height:38px; border-radius:11px; }
  .lf-doc-library-heading h1 { font-size:27px; }
  .lf-doc-library-intro { font-size:12px; }
  .lf-doc-header-support { width:46px; padding:0; }
  .lf-doc-header-support span { display:none; }
  .lf-doc-header-support svg { width:18px; height:18px; }
  .lf-doc-search input { height:46px; font-size:12px; padding-right:43px; }
  .lf-doc-search kbd { display:none; }
  .lf-doc-starting-point { grid-template-columns:1fr; padding:17px; gap:13px; }
  .lf-doc-starting-guide { gap:10px; }
  .lf-doc-start-symbol { width:31px; height:31px; border-radius:10px; }
  .lf-doc-start-symbol svg { width:16px; height:16px; }
  .lf-doc-starting-guide h2 { font-size:19px; }
  .lf-doc-starting-guide > div > p:not(.lf-doc-eyebrow) { font-size:12px; }
  .lf-doc-starting-links { border:0; border-top:1px solid var(--doc-line); padding:0; }
  .lf-doc-starting-links a { min-height:51px; padding:10px 0; }
  .lf-doc-starting-links a small { display:none; }
  .lf-doc-results-heading { align-items:flex-start; gap:8px; margin-bottom:14px; }
  .lf-doc-results-heading h2 { font-size:21px; }
  .lf-doc-results-heading .lf-doc-eyebrow { font-size:9px; }
  .lf-doc-result-count { font-size:10px; padding:5px 7px; margin-top:4px; }
  .lf-doc-collection-grid,.lf-doc-guide-grid { grid-template-columns:1fr; gap:13px; }
  .lf-doc-collection > header { padding:18px 18px 10px; }
  .lf-doc-collection h3 { font-size:17px; }
  .lf-doc-collection .lf-doc-icon { width:39px; height:39px; border-radius:11px; }
  .lf-doc-collection-guides { padding:0 18px 10px; }
  .lf-doc-collection-guides a { font-size:12px; }
  .lf-doc-collection > button { padding:10px 18px; }
  .lf-doc-guide-card { padding:19px; }
  .lf-doc-guide-card h3 { font-size:17px; }
  .lf-doc-library-footer { gap:6px; }
  .lf-doc-library-footer a { flex-basis:100%; margin-left:20px; }
  .lf-doc-article { padding:21px 18px; }
  .lf-doc-article-header h1 { font-size:29px; margin-top:16px; }
  .lf-doc-article-meta { gap:7px 11px; }
  .lf-doc-summary-callout { padding:14px; gap:9px; }
  .lf-doc-summary-callout > svg { display:none; }
  .lf-doc-article-summary { font-size:13px; }
  .lf-doc-library .lf-doc-step { gap:12px; padding-bottom:20px; }
  .lf-doc-library .lf-doc-step p { font-size:13px; line-height:1.9; }
  .lf-doc-library .lf-doc-step-number { width:30px; height:30px; border-radius:9px; font-size:10px; }
  .lf-doc-library .lf-doc-step:not(:last-child)::after { top:34px; left:14px; }
  .lf-doc-library .lf-doc-overview > p { font-size:13px; }
  .lf-doc-help-card { padding:17px; }
}
@media(prefers-reduced-motion:reduce) {
  .lf-doc-library :is(.lf-doc-guide-card,.lf-doc-topics > button) { transition:none; }
  .lf-doc-guide-card:hover { transform:none; }
}
@media(forced-colors:active) {
  .lf-doc-library { --doc-ink:CanvasText; --doc-muted:CanvasText; --doc-surface:Canvas; --doc-soft:Canvas; --doc-line:ButtonText; --doc-accent:LinkText; --doc-tint:Canvas; }
  .lf-doc-library .is-current { outline:2px solid Highlight; outline-offset:-2px; }
}
