.page-guide-header{position:relative;display:inline-flex;align-items:center;flex:none}
.page-guide-header .page-guide-trigger{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex:none;width:40px;height:40px;min-height:40px;padding:0;text-decoration:none}
.page-guide-trigger svg{flex:none}
.page-guide-tooltip{position:absolute;z-index:80;right:0;top:100%;box-sizing:border-box;width:max-content;max-width:min(240px,calc(100vw - 24px));padding:10px 12px;margin-top:0;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);box-shadow:0 8px 24px #0002;font-size:13px;line-height:1.4;font-weight:400;text-align:left;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 120ms ease,visibility 120ms ease}
.page-guide-header:is(:hover,:focus-within):not(.page-guide-tooltip-dismissed) .page-guide-tooltip{opacity:1;visibility:visible;pointer-events:auto}
html.page-guide-open{overflow:hidden;scrollbar-gutter:stable}dialog.page-guide-drawer{box-sizing:border-box;position:fixed;inset:0 0 0 auto;margin:0;width:min(620px,100vw);height:100vh;height:100dvh;max-width:none;max-height:none;padding:0;border:0;border-left:1px solid var(--line);border-radius:0;background:var(--paper);color:var(--ink);box-shadow:-16px 0 48px #0002;text-align:left;font:400 13px/1.65 var(--font-ui,'Golos Text',sans-serif)}.page-guide-drawer[open]{display:flex;flex-direction:column;animation:page-guide-enter 180ms cubic-bezier(.23,1,.32,1)}.page-guide-drawer::backdrop{background:rgba(15,23,42,.35)}.page-guide-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex:none;padding:20px 24px;border-bottom:1px solid var(--line)}.page-guide-heading p{font-size:11px;color:var(--ink-3);margin:0 0 4px}.page-guide-heading h2{margin:0;font-size:18px;line-height:1.4;font-weight:600;overflow-wrap:anywhere}.page-guide-close{display:grid;place-items:center;flex:none;box-sizing:border-box;width:40px;height:40px;min-height:40px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--field);color:var(--ink);box-shadow:none;cursor:pointer}.page-guide-close:hover{background:var(--pale)}.page-guide-trigger:focus-visible,.page-guide-close:focus-visible,.page-guide-toc a:focus-visible{outline:2px solid var(--fokus);outline-offset:3px}.page-guide-body{overflow:auto;overscroll-behavior:contain;min-height:0;padding:20px 24px 32px}.page-guide-content{font-size:13px;line-height:1.65;overflow-wrap:anywhere}.page-guide-content p{font-size:13px;line-height:1.65;margin:0 0 12px}.page-guide-content .page-guide-purpose{font-size:15px;font-weight:500;line-height:1.5;margin-bottom:20px}.page-guide-content h3{font-size:15px;font-weight:600;line-height:1.4;margin:0 0 10px}.page-guide-content section{margin:0 0 24px;scroll-margin-top:12px}.page-guide-content ul,.page-guide-content ol{margin:0;padding-left:20px}.page-guide-content li+li{margin-top:8px}.page-guide-toc{display:flex;flex-wrap:wrap;gap:8px 16px;padding:12px 0 20px;margin-bottom:4px;border-bottom:1px solid var(--line)}.page-guide-toc a{font-size:12px;color:var(--ink-2);text-decoration:underline;text-underline-offset:3px;min-height:32px;display:inline-flex;align-items:center}.page-guide-meta{padding-top:16px;border-top:1px solid var(--line);font-size:11px;color:var(--ink-3)}.page-guide-full{max-width:820px;margin-inline:auto}.page-guide-full h1{font-size:28px;line-height:1.3}.page-guide-full .page-guide-content{margin-top:24px}.page-guide-full .knopka{font-weight:400}
@keyframes page-guide-enter{from{opacity:.5;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:700px){.page-guide-header .page-guide-trigger{width:44px;height:44px;min-height:44px}.page-guide-drawer{width:100vw}.page-guide-heading{padding:16px}.page-guide-body{padding:20px 16px 28px}.page-guide-close{width:44px;height:44px;min-height:44px}.page-guide-content{font-size:14px}.page-guide-content p,.page-guide-content li{font-size:14px;line-height:1.65}}
@media(prefers-reduced-motion:reduce){.page-guide-drawer[open]{animation:none}.page-guide-tooltip{transition:none}}
@media(forced-colors:active){dialog.page-guide-drawer,.page-guide-close,.page-guide-tooltip{border:1px solid CanvasText}}

.page-guide-common{border-top:1px solid var(--line);padding-top:16px;margin:8px 0 20px}.page-guide-common>summary{min-height:40px;cursor:pointer;font-size:13px;font-weight:500;color:var(--ink-2)}.page-guide-common[open]>summary{margin-bottom:8px}
