/* Search-to-signup documentation template: docs/DESIGN-SYSTEM.md → «Шаблон страницы документации».
   Figma: «LidFly — Проекты · новая структура», page 12. Loaded after docs.css on template pages only. */
.docs-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.docs-icon { width: 18px; height: 18px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* Layout: article plus a sticky rail from 1280 px; below that the inline contents list takes over. */
.docs-article { min-width: 0; }
.docs-rail { display: none; }
@media (min-width: 1280px) {
  .docs-layout { display: grid; grid-template-columns: minmax(0, 1fr) var(--docs-rail-width, 248px); gap: 56px; align-items: start; }
  .docs-rail { position: sticky; top: 96px; display: flex; flex-direction: column; gap: 24px; max-height: calc(100dvh - 120px); overflow-y: auto; padding: 0 4px 12px; scrollbar-width: thin; }
  .docs-body .docs-toc--inline, .lf-header > .docs-progress { display: none; }
}
.docs-body .docs-article :is(.docs-trust, .docs-calls, .docs-plan, .docs-overview, .docs-checks, .docs-comments, .docs-features, .docs-flow) { padding-left: 0; list-style: none; }
.docs-article :not(.docs-tool) > code { padding: 1px 5px; border: 1px solid var(--color-border); border-radius: var(--radius-xs); background: var(--color-bg-dark); color: var(--color-text); font-family: ui-monospace, "SF Mono", "Cascadia Code", monospace; }
.docs-md-only { display: none; }

/* Hero */
.docs-body .docs-hero { margin: 0 0 40px; }
.docs-body .docs-eyebrow { display: flex; align-items: center; gap: 8px; max-width: none; margin: 0 0 14px; color: var(--color-brand-text); font-size: 14px; font-weight: 700; line-height: 1.4; }
.docs-eyebrow img, .docs-final__eyebrow img { width: 20px; height: 20px; border-radius: var(--radius-xs); }
.docs-body .docs-lead { margin-bottom: 28px; }
.docs-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 20px; }
.docs-actions .btn { margin: 0; }
.docs-body .docs-trust { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 0 0 14px; }
.docs-body .docs-trust li { display: flex; align-items: center; gap: 6px; margin: 0; font-size: 14px; line-height: 1.4; }
.docs-trust .docs-icon { width: 16px; height: 16px; color: var(--color-brand-text); }
.docs-body .docs-updated { max-width: none; margin: 0; color: var(--color-text-muted); font-size: 13px; line-height: 1.5; }

/* Example answer of an AI client */
.docs-example { margin: 0 0 48px; padding: 24px; border: 1px solid var(--color-border); border-radius: var(--radius-card); background: var(--color-bg-card); box-shadow: var(--shadow-card); }
.docs-example__head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin: 0 0 16px; color: var(--color-text); font-size: 14px; font-weight: 650; }
.docs-example__client { display: inline-flex; align-items: center; gap: 8px; }
.docs-example__note { color: var(--color-text-muted); font-size: 12px; font-weight: 500; }
.docs-body .docs-bubble { width: fit-content; max-width: min(100%, 470px); margin: 0 0 16px auto; padding: 12px 16px; border-radius: 16px 16px 4px 16px; background: var(--color-bg-dark); color: var(--color-text); font-size: 15px; line-height: 1.55; }
.docs-body .docs-calls { margin: 0 0 16px; }
.docs-body .docs-calls li { display: flex; align-items: flex-start; gap: 8px; margin: 0 0 6px; color: var(--color-text-secondary); font-size: 13px; line-height: 1.5; }
.docs-calls .docs-icon { width: 16px; height: 16px; margin-top: 2px; color: var(--color-brand-text); }
.docs-article :is(.docs-calls, .docs-checks) code { padding: 0; border: 0; background: none; }
.docs-calls code { color: var(--color-text); font-size: 12.5px; }
.docs-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0 0 20px; }
.docs-metrics > div { padding: 12px 14px; border: 1px solid var(--color-border); border-radius: var(--radius-element); background: var(--color-bg-subtle); }
.docs-metrics dt { color: var(--color-text-secondary); font-size: 12px; line-height: 1.4; }
.docs-metrics dd { margin: 2px 0 0; color: var(--color-text); font-size: 22px; font-weight: 750; letter-spacing: -.02em; line-height: 1.25; overflow-wrap: anywhere; }
.docs-metrics dd.docs-metrics__note { color: var(--color-text-secondary); font-size: 12px; font-weight: 500; letter-spacing: 0; }
.docs-body .docs-example__lead { max-width: none; margin: 0 0 8px; color: var(--color-text); font-size: 15px; font-weight: 650; }
.docs-body .docs-plan { margin: 0 0 16px; border-top: 1px solid var(--color-border); }
.docs-body .docs-plan li { display: grid; grid-template-columns: 76px minmax(0, 1fr) auto; gap: 12px; align-items: center; margin: 0; padding: 10px 0; border-bottom: 1px solid var(--color-border); color: var(--color-text); font-size: 14px; line-height: 1.45; }
.docs-plan__time { font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; }
.docs-body .docs-example__result { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; max-width: none; margin: 0; color: var(--color-text-secondary); font-size: 14px; line-height: 1.5; }

/* Sections */
.docs-article .docs-section { margin: 0; padding: 40px 0; }
.docs-body .docs-kicker { display: flex; align-items: center; gap: 8px; max-width: none; margin: 0 0 10px; color: var(--color-brand-text); font-size: 13px; font-weight: 700; line-height: 1.4; }
.docs-kicker .docs-icon { width: 16px; height: 16px; }
.docs-article .docs-section > h3 { margin-top: 28px; }
.docs-body .docs-overview { margin: 8px 0 0; border-top: 1px solid var(--color-border); }
.docs-body .docs-overview li { margin: 0; border-bottom: 1px solid var(--color-border); }
.docs-overview a { display: grid; grid-template-columns: 40px minmax(0, 1fr) 20px; gap: 16px; align-items: center; padding: 16px 4px; color: inherit; text-decoration: none; }
.docs-overview a:hover strong { color: var(--color-brand-text); }
.docs-tile { display: grid; place-items: center; width: 40px; height: 40px; border-radius: var(--radius-element); background: var(--color-matcha-light); color: var(--color-forest); }
.docs-overview__main { display: flex; flex-direction: column; gap: 2px; }
.docs-overview__main strong { color: var(--color-text); font-size: 16px; }
.docs-overview__main span { color: var(--color-text-secondary); font-size: 14px; line-height: 1.5; }
.docs-overview__chevron { color: var(--color-text-muted); }
.docs-body .docs-checks { margin: 8px 0 0; border-top: 1px solid var(--color-border); }
.docs-body .docs-checks li { display: grid; grid-template-columns: 18px minmax(0, 1fr) auto; gap: 12px; align-items: center; margin: 0; padding: 10px 0; border-bottom: 1px solid var(--color-border); color: var(--color-text); font-size: 15px; line-height: 1.5; }
.docs-checks .docs-icon { color: var(--color-brand-text); }
.docs-checks code { color: var(--color-text-muted); font-size: 12px; }

/* Ready prompt and article link that end every scenario */
.docs-ask { margin: 24px 0 0; padding: 18px 20px; border-left: 3px solid var(--color-brand-text); border-radius: 0 var(--radius-element) var(--radius-element) 0; background: var(--color-lime-tint); }
.docs-body .docs-ask__label { display: flex; align-items: center; gap: 8px; max-width: none; margin: 0 0 8px; color: var(--color-forest); font-size: 13px; font-weight: 700; line-height: 1.4; }
.docs-ask__label .docs-icon { width: 16px; height: 16px; }
.docs-body .docs-ask__text { max-width: none; margin: 0 0 14px; color: var(--color-text); font-size: 15px; line-height: 1.65; }
.docs-ask .btn, .docs-endpoint .btn, .docs-flow .btn { margin: 0; }
.docs-body :is(.docs-ask, .docs-endpoint, .docs-ai-actions) .docs-copy-status { min-height: 0; margin: 0; color: var(--color-text-secondary); font-size: 13px; }
.docs-body .docs-ask .docs-copy-status:not(:empty) { margin-top: 8px; }
.docs-body .docs-readmore { display: flex; align-items: flex-start; gap: 10px; max-width: none; margin: 16px 0 0; padding: 12px 0; border-bottom: 1px solid var(--color-border); color: var(--color-text-secondary); font-size: 14px; line-height: 1.5; }
.docs-readmore .docs-icon { margin-top: 1px; color: var(--color-brand-text); }
.docs-readmore a { font-weight: 650; }

/* Example tables and comments */
.docs-body .docs-table-card { margin: 20px 0 10px; border: 1px solid var(--color-border); border-radius: var(--radius-element); background: var(--color-bg-card); }
.docs-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.docs-table :is(th, td) { padding: 11px 16px; border-bottom: 1px solid var(--color-border); color: var(--color-text); font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
.docs-table thead th { background: var(--color-bg-subtle); color: var(--color-text-secondary); font-size: 12px; font-weight: 600; }
.docs-table :is(thead th, tbody th):first-child { text-align: left; }
.docs-table tbody th { font-weight: 650; }
.docs-table tbody tr:last-child > * { border-bottom: 0; }
.docs-body .docs-caption { max-width: none; margin: 0 0 20px; color: var(--color-text-muted); font-size: 13px; line-height: 1.5; }
.docs-body .docs-comments { margin: 20px 0 10px; border: 1px solid var(--color-border); border-radius: var(--radius-element); background: var(--color-bg-card); }
.docs-body .docs-comments li { margin: 0; padding: 14px 16px; border-bottom: 1px solid var(--color-border); }
.docs-body .docs-comments li:last-child { border-bottom: 0; }
.docs-body .docs-comments p { max-width: none; margin: 0; color: var(--color-text-secondary); font-size: 14px; line-height: 1.5; }
.docs-body .docs-comments p.docs-comments__meta { display: flex; align-items: center; gap: 8px; color: var(--color-text-muted); font-size: 12px; }
.docs-body .docs-comments p.docs-comments__text { margin: 8px 0 4px; color: var(--color-text); }
.docs-comments__reply strong { color: var(--color-forest); }

/* Connection steps — Figma page 00 «Документация · Подключение ИИ (MCP)»: Docs / Step Marker,
   Docs / MCP Address, Docs / Tabs (.lf-tabs--filled), Docs / Client Card, Docs / Auth Methods, Docs / Check. */
.docs-body .docs-flow { margin: 28px 0 0; counter-reset: docs-step; }
.docs-body .docs-flow > li { position: relative; margin: 0; padding: 0 0 36px 54px; counter-increment: docs-step; }
.docs-body .docs-flow > li:last-child { padding-bottom: 0; }
.docs-flow > li::before { content: counter(docs-step); position: absolute; top: 0; left: 0; display: grid; place-items: center; width: 36px; height: 36px; border-radius: var(--radius-pill); background: var(--color-forest); color: var(--color-text-inverse); font-size: 16px; font-weight: 700; line-height: 1.3; }
.docs-flow > li::after { content: ""; position: absolute; top: 36px; bottom: 0; left: 17px; width: 2px; background: var(--color-border); }
.docs-flow > li:last-child::after { display: none; }
.docs-body .docs-flow h3 { margin: 5px 0 10px; font-size: 20px; font-weight: 700; line-height: 1.4; }
.docs-body .docs-flow p { margin-bottom: 12px; font-size: 16px; line-height: 1.45; }
.docs-flow > li > .btn { margin-top: 4px; }

.docs-endpoint { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin: 16px 0; padding: 12px 12px 12px 20px; border: 1px solid var(--color-border); border-radius: var(--radius-card); background: var(--color-bg-card); }
.docs-endpoint__label { flex: none; color: var(--color-text-secondary); font-size: 14px; font-weight: 600; line-height: 1.4; }
.docs-endpoint__row { display: flex; flex: 1 1 320px; align-items: center; gap: 16px; min-width: 0; }
.docs-article .docs-endpoint__value { display: flex; flex: 1; align-items: center; min-width: 0; min-height: 40px; padding: 0 14px; border: 0; border-radius: var(--radius-medium); background: var(--color-bg-dark); color: var(--color-text); font-family: var(--font-mono, ui-monospace, "SF Mono", Menlo, Consolas, monospace); font-size: 15px; line-height: 1.55; }
.docs-endpoint .docs-endpoint__copy { flex: none; margin: 0; }
.docs-endpoint .docs-copy-status { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.docs-guides { margin: 0 0 16px; }
.docs-guides .lf-tabs { margin: 0 0 16px; }
.docs-guides .guide-panel--docs { display: flex; flex-direction: column; gap: 20px; margin: 0; padding: 24px; border: 1px solid var(--color-border); border-radius: var(--radius-card); background: var(--color-bg-card); }
.docs-guides .guide-panel--docs.hidden { display: none; }
.guide-docs-card__head { display: flex; align-items: flex-start; gap: 16px; }
.guide-docs-card__logo { display: grid; flex: none; place-items: center; width: 48px; height: 48px; border: 1px solid var(--color-border); border-radius: var(--btn-radius-l); background: var(--color-bg-card); }
.guide-docs-card__logo img { width: 32px; height: 32px; }
.guide-docs-card__body { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 0; }
.docs-body .guide-docs-card__body h3 { margin: 0; color: var(--color-text); font-size: 18px; font-weight: 700; line-height: 1.45; }
.docs-body .guide-panel--docs .guide-docs-card__body p { margin: 0; color: var(--color-text-secondary); font-size: 15px; line-height: 1.55; }
.guide-docs-card__body .btn { margin-top: 8px; }
.guide-docs-card__content > :first-child { margin-top: 0; }
.guide-docs-card__content > :last-child { margin-bottom: 0; }

.guide-auth { display: flex; flex-direction: column; gap: 16px; padding: 20px; border: 1px solid var(--color-border); border-radius: var(--radius-medium); background: var(--color-bg); }
.docs-body .guide-panel--docs .guide-auth p { margin: 0; color: var(--color-text-secondary); font-size: 14px; line-height: 1.55; }
.docs-body .guide-panel--docs .guide-auth :is(.guide-auth__title, .guide-auth__name) { color: var(--color-text); font-size: 14px; font-weight: 600; line-height: 1.4; }
.guide-auth__method { display: flex; align-items: flex-start; gap: 12px; }
.guide-auth__method > div { display: flex; flex: 1; flex-direction: column; gap: 4px; min-width: 0; }
.guide-auth__icon { display: grid; flex: none; place-items: center; width: 36px; height: 36px; border: 1px solid var(--color-border); border-radius: var(--radius-pill); background: var(--color-bg-card); color: var(--color-brand-text); }
.docs-body .guide-panel--docs .guide-auth__code { display: block; margin-top: 4px; padding: 8px 10px; border: 1px solid var(--color-border); border-radius: var(--radius-small); background: var(--color-bg-dark); color: var(--color-text); font-family: var(--font-mono, ui-monospace, "SF Mono", Menlo, Consolas, monospace); font-size: 13px; line-height: 1.4; overflow-wrap: anywhere; }
.docs-body .guide-panel--docs .guide-auth__note { display: flex; align-items: flex-start; gap: 8px; padding-top: 16px; border-top: 1px solid var(--color-border); color: var(--color-text-muted); font-size: 13px; line-height: 1.4; }
.guide-auth__note svg { flex: none; margin-top: 1px; }

.docs-body .docs-check { display: flex; align-items: flex-start; gap: 10px; max-width: none; margin: 16px 0 0; padding: 12px 16px; border: 1px solid var(--status-success-border); border-radius: var(--radius-medium); background: var(--status-success-bg); }
.docs-check > .docs-icon { flex: none; width: 20px; height: 20px; color: var(--status-success-fg); }
.docs-body .docs-check p { max-width: none; margin: 0; color: var(--color-forest); font-size: 14px; line-height: 1.55; }
.docs-body .docs-check .docs-check__title { margin-bottom: 2px; font-weight: 600; line-height: 1.4; }

/* Blog rows: article covers are 1200×630 share images, shown at the same 1.9 ratio as in the Figma docs template. */
.docs-article .lf-content-row__media { width: 160px; height: 84px; border-radius: var(--radius-medium); }

/* Safety, limits, FAQ */
.docs-body .docs-features { margin: 24px 0 0; border-top: 1px solid var(--color-border); }
.docs-body .docs-features > li { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 14px; margin: 0; padding: 16px 0; border-bottom: 1px solid var(--color-border); }
.docs-features > li > .docs-icon { width: 20px; height: 20px; margin-top: 2px; color: var(--color-brand-text); }
.docs-body .docs-features h3 { margin: 0 0 4px; font-size: 16px; }
.docs-body .docs-features p { margin: 0; font-size: 14px; line-height: 1.6; }
.docs-limits { margin: 20px 0 0; border-top: 1px solid var(--color-border); }
.docs-limits > div { display: grid; grid-template-columns: minmax(160px, 30%) minmax(0, 1fr); gap: 6px 24px; padding: 14px 0; border-bottom: 1px solid var(--color-border); }
.docs-limits dt { color: var(--color-text); font-size: 15px; font-weight: 700; line-height: 1.5; }
.docs-limits dd { margin: 0; color: var(--color-text-secondary); font-size: 14px; line-height: 1.6; }
.docs-body .docs-more-link { display: inline-flex; align-items: center; gap: 6px; font-size: 15px; font-weight: 650; text-decoration: none; }
.docs-body .docs-section > p:last-child { margin-bottom: 0; }
.docs-section .lf-content-list { margin: 8px 0 20px; }
.docs-faq { border-top: 1px solid var(--color-border); }
.docs-faq .faq-item { padding: 18px 0; border-bottom: 1px solid var(--color-border); }
.docs-body .docs-faq .faq-q { margin: 0 0 6px; font-size: 17px; }
.docs-body .docs-faq .faq-a p { margin: 0; font-size: 15px; }

/* Final panel (dark zone: Filled becomes Tinted, Gray becomes Glass via landing-buttons.css) */
.docs-final { margin: 8px 0 40px; padding: 48px; border-radius: var(--landing-card-radius); background: var(--landing-night-gradient); color: var(--color-text-inverse); }
.docs-body .docs-final__eyebrow { display: flex; align-items: center; gap: 8px; max-width: none; margin: 0 0 12px; color: var(--color-lime-bright); font-size: 13px; font-weight: 700; }
.docs-body .docs-final h2 { margin: 0 0 12px; color: var(--color-text-inverse); font-size: 30px; }
.docs-body .docs-final p { color: var(--color-text-inverse-muted); }
.docs-body .docs-final .docs-actions { margin: 24px 0 0; }
.docs-body .docs-final .docs-final__fine { max-width: none; margin: 20px 0 0; font-size: 12px; line-height: 1.5; }

/* Page end */
.docs-feedback { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; }
.docs-body .docs-feedback__question { margin: 0 6px 0 0; color: var(--color-text); font-size: 15px; font-weight: 650; }
.docs-feedback .btn { margin: 0; }
.docs-body .docs-feedback__status { flex-basis: 100%; min-height: 0; margin: 0; font-size: 14px; }
.docs-body .docs-page-end > .docs-updated { margin: 16px 0 20px; padding-bottom: 20px; border-bottom: 1px solid var(--color-border); }
.docs-pager { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0 0 28px; }
.docs-pager__link { display: flex; flex-direction: column; gap: 2px; padding: 14px 18px; border: 1px solid var(--color-border); border-radius: var(--radius-element); background: var(--color-bg-card); text-decoration: none; }
.docs-pager__link:hover { border-color: var(--color-brand-text); }
.docs-pager__link--next { align-items: flex-end; text-align: right; }
.docs-pager__dir { display: inline-flex; align-items: center; gap: 6px; color: var(--color-text-muted); font-size: 12px; }
.docs-pager__dir .docs-icon { width: 14px; height: 14px; }
.docs-pager__link strong { color: var(--color-brand-text); font-size: 16px; }
.docs-pager__desc { color: var(--color-text-secondary); font-size: 13px; line-height: 1.45; }
.docs-body .docs-related__title { margin: 0 0 8px; color: var(--color-text); font-size: 14px; font-weight: 700; }
.docs-body .docs-related ul { margin: 0; padding: 0; list-style: none; }
.docs-body .docs-related li { margin: 0 0 6px; font-size: 14px; line-height: 1.5; }
.docs-related a { font-weight: 650; text-decoration: none; }

/* Right rail */
.docs-toc--rail .docs-toc__list { border-left: 1px solid var(--color-border); }
.docs-toc--rail .docs-toc__list a { margin-left: -1px; padding: 5px 0 5px 14px; border-left: 2px solid transparent; font-size: 13px; }
.docs-toc--rail .docs-toc__list a[aria-current="true"] { border-left-color: var(--color-brand-text); }
.docs-rail-cta { padding: 20px; border: 1px solid var(--color-border); border-radius: var(--radius-card); background: var(--color-lime-tint); }
.docs-body .docs-rail-cta__title { margin: 0 0 6px; color: var(--color-text); font-size: 16px; font-weight: 750; line-height: 1.35; }
.docs-body .docs-rail-cta p { margin: 0 0 14px; font-size: 13px; line-height: 1.5; }
.docs-rail-cta .btn { margin: 0; }
.docs-ai-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; }
.docs-ai-actions .btn { margin: 0; }
.docs-body .docs-ai-actions__md { padding: 4px 12px; color: var(--color-text-muted); font-size: 12px; }
.docs-body .docs-ai-actions .docs-copy-status { padding: 0 12px; font-size: 12px; }

/* Phone: current section under the header and a fixed signup bar */
.lf-header > .docs-progress { position: absolute; top: 100%; right: 0; left: 0; padding: 9px 16px; border-bottom: 1px solid var(--color-border); background: var(--landing-overlay-light); color: var(--color-text); font-size: 13px; font-weight: 650; line-height: 1.4; text-decoration: none; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.docs-mobile-cta { display: none; }
@media (max-width: 900px) {
  .docs-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .docs-page--template { padding-bottom: calc(var(--landing-mobile-bar-height) + env(safe-area-inset-bottom, 0px)); }
  .docs-mobile-cta { position: fixed; right: 0; bottom: 0; left: 0; z-index: 95; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--color-border); background: var(--landing-overlay-light); box-shadow: var(--shadow-card); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
  .docs-mobile-cta p { display: flex; flex-direction: column; margin: 0; color: var(--color-text-secondary); font-size: 12px; line-height: 1.35; }
  .docs-mobile-cta strong { color: var(--color-text); font-size: 14px; }
  .docs-mobile-cta .btn { margin: 0; }
}
@media (max-width: 540px) {
  .docs-endpoint { flex-direction: column; align-items: stretch; gap: 10px; padding: 16px; }
  .docs-endpoint__row { flex-basis: auto; gap: 8px; }
  .docs-article .docs-endpoint__value { font-size: 13px; }
  .docs-endpoint .docs-endpoint__copy { width: 40px; padding: 0; }
  .docs-endpoint__copy-label { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .docs-guides .guide-panel--docs { gap: 16px; padding: 16px; }
  .guide-docs-card__head { flex-direction: column; gap: 12px; }
  .guide-docs-card__logo { width: 40px; height: 40px; }
  .guide-docs-card__logo img { width: 26px; height: 26px; }
  .guide-docs-card__body .btn { align-self: stretch; }
  .guide-auth { padding: 16px; }
  .docs-body .docs-flow > li { padding-left: 48px; }
  .docs-article .lf-content-row__media { width: 96px; height: 50px; border-radius: var(--radius-small); }
  .docs-example { padding: 16px; }
  .docs-body .docs-plan li { grid-template-columns: 64px minmax(0, 1fr); }
  .docs-plan .status { grid-column: 2; justify-self: start; }
  .docs-actions .btn { width: 100%; }
  .docs-article .docs-section { padding: 36px 0; }
  .docs-body .docs-checks li { grid-template-columns: 18px minmax(0, 1fr); }
  .docs-checks code { grid-column: 2; }
  .docs-limits > div { grid-template-columns: minmax(0, 1fr); }
  .docs-final { padding: 28px 20px; }
  .docs-body .docs-final h2 { font-size: 24px; }
  .docs-pager { grid-template-columns: minmax(0, 1fr); }
  .docs-pager__link--next { align-items: flex-start; text-align: left; }
}