/* Стили модуля js/guide.js. До 19.09.2026 скрипт вставлял их тегом <style>;
   с 19.09.2026 CSP сайта без 'unsafe-inline' такие теги не применяет, поэтому стили — здесь.
   Правите стили раздела — правьте этот файл и поднимайте его ?v=N в index.html. */
.gd-mask{position:fixed;inset:0;z-index:210;display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;transition:opacity .22s ease}.gd-mask.is-open{opacity:1}.gd-mask--cookie{align-items:flex-start;padding-bottom:150px}.gd-mask--cookie .gd-panel{max-height:calc(92vh - 150px)}.gd-mask button,.gd-resume{font-family:inherit;letter-spacing:normal;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible}.gd-mask button::before,.gd-resume::before{content:none}.gd-mask[hidden]{display:none}.gd-scrim{position:absolute;inset:0;background:rgba(6,5,16,.68);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gd-panel{position:relative;z-index:1;width:min(1080px,100%);max-height:92vh;display:flex;flex-direction:column;border-radius:26px;background:linear-gradient(165deg,#221c36,#15112a);border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 90px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.12);color:#efeafb;overflow:hidden;transform:translateY(12px) scale(.985);transition:transform .26s cubic-bezier(.16,1,.3,1)}.gd-mask.is-open .gd-panel{transform:none}.gd-head{display:flex;align-items:flex-start;gap:14px;padding:20px 22px 14px;border-bottom:1px solid rgba(255,255,255,.09)}.gd-badge{flex:0 0 auto;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:21px;color:#ffd98a;background:rgba(240,184,74,.16);border:1px solid rgba(240,184,74,.34)}.gd-htext{flex:1;min-width:0}.gd-title{font-size:19px;font-weight:800;letter-spacing:-.01em;line-height:1.2}.gd-sub{margin-top:3px;font-size:12.5px;opacity:.62;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gd-chapter{padding:2px 9px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);font-weight:700;font-size:11px;letter-spacing:.2px}.gd-close{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;padding:0;line-height:1;font-size:15px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;box-shadow:none;margin:0}.gd-close:hover{background:rgba(255,255,255,.14);box-shadow:none;border-color:rgba(255,255,255,.28)}.gd-rail{height:3px;background:rgba(255,255,255,.09);position:relative;flex:0 0 auto}.gd-rail__fill{position:absolute;left:0;top:0;bottom:0;border-radius:0 3px 3px 0;background:linear-gradient(90deg,#f0b84a,#e08a4a);transition:width .3s ease}.gd-body{flex:1;min-height:0;overflow-y:auto;padding:22px 24px 8px;-webkit-overflow-scrolling:touch}.gd-lead{font-size:15px;line-height:1.6;opacity:.94;margin:0 0 16px}.gd-lead b{color:#ffd98a}.gd-card{border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:16px 18px;background:rgba(255,255,255,.035);margin:0 0 14px}.gd-cardh{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;margin-bottom:10px}.gd-cardh i{color:#ffd98a;width:18px;text-align:center}.gd-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.gd-list li{position:relative;padding-left:20px;font-size:13.5px;line-height:1.55;opacity:.92}.gd-list li::before{content:"";position:absolute;left:4px;top:8px;width:6px;height:6px;border-radius:50%;background:#f0b84a}.gd-list li b{color:#ffe7b4}.gd-steps{display:flex;flex-direction:column;gap:10px;margin:0}.gd-step{display:flex;align-items:flex-start;gap:12px;font-size:13.5px;line-height:1.55;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:11px 14px}.gd-step>span{flex:0 0 auto;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:#2a1e05;background:linear-gradient(135deg,#ffe9b0,#f0b84a)}.gd-note{font-size:12.5px;line-height:1.55;opacity:.72;margin:12px 0 0;display:flex;gap:9px;align-items:flex-start}.gd-note i{color:#ffd98a;margin-top:2px}.gd-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gd-act{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:700;color:#2a1e05;background:linear-gradient(135deg,#ffe9b0,#f0b84a);border:none;margin:12px 0 0;box-shadow:none;width:auto}.gd-act:hover{filter:brightness(1.06);box-shadow:none;background:linear-gradient(135deg,#ffe9b0,#f0b84a)}.gd-act--ghost{color:inherit;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16)}.gd-act--ghost:hover{background:rgba(255,255,255,.13)}.gd-tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.2px;vertical-align:middle;margin-left:7px;color:#2a1e05;background:linear-gradient(135deg,#ffe9b0,#f0b84a)}.gd-tag--free{color:#062018;background:linear-gradient(135deg,#b9f5df,#4fd6a0)}.gd-quote{font-size:14px;line-height:1.6;font-style:italic;color:#ffe7b4;border-left:2px solid rgba(240,184,74,.5);padding-left:14px;margin:14px 0}.gd-foot{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:14px 22px 18px;border-top:1px solid rgba(255,255,255,.09);flex-wrap:wrap}.gd-btn{display:inline-flex;align-items:center;gap:9px;padding:12px 20px;border-radius:999px;cursor:pointer;font-size:13.5px;font-weight:700;color:inherit;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);flex:0 0 auto;box-shadow:none;width:auto;margin:0}.gd-btn:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);box-shadow:none}.gd-btn:disabled{opacity:.35;cursor:default}.gd-btn--primary{color:#2a1e05;background:linear-gradient(135deg,#ffe9b0,rgb(240,184,74) 45%,rgb(224,138,74));border:none;box-shadow:0 10px 24px rgba(240,184,74,.28)}.gd-btn--primary:hover{filter:brightness(1.06);background:linear-gradient(135deg,#ffe9b0,rgb(240,184,74) 45%,rgb(224,138,74))}.gd-dots{flex:1;display:flex;gap:5px;justify-content:center;flex-wrap:wrap;min-width:0}.gd-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.20);border:none;padding:0;margin:0;cursor:pointer;transition:all .2s ease;box-shadow:none}.gd-dot:hover{background:rgba(255,255,255,.45)}.gd-dot.done{background:rgba(240,184,74,.5)}.gd-dot.on{background:#f0b84a;width:20px;border-radius:4px}.gd-skip{font-size:12.5px;opacity:.55;background:none;border:none;color:inherit;cursor:pointer;text-decoration:underline;padding:0;box-shadow:none;width:auto;margin:0}.gd-skip:hover{opacity:.85}.gd-demo{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:16px;align-items:start}.gd-treebox{border:1px solid rgba(255,255,255,.10);border-radius:18px;background:radial-gradient(120% 90% at 50% 8%,rgba(90,160,236,.10),rgba(0,0,0,0) 70%),rgba(255,255,255,.03);padding:8px}.gd-treebox svg{width:100%;height:auto;display:block}.gd-leaf{transition:r .35s cubic-bezier(.2,.7,.3,1)}.gd-side{display:flex;flex-direction:column;gap:12px;min-width:0}.gd-daycard{border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(255,255,255,.04);padding:13px 15px}.gd-dhead{display:flex;align-items:baseline;gap:10px;margin-bottom:9px}.gd-dhead b{font-size:15px}.gd-dhead span{font-size:11.5px;opacity:.6}.gd-dlist{display:flex;flex-direction:column;gap:6px}.gd-drow{display:flex;align-items:center;gap:9px;font-size:12.5px}.gd-drow b{margin-left:auto;font-size:12px;opacity:.85;white-space:nowrap}.gd-ddot{width:7px;height:7px;border-radius:50%;flex:0 0 auto}.gd-dname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gd-dempty{font-size:12.5px;opacity:.6;line-height:1.5}.gd-hrow{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.gd-hpill{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;color:#ffcf8f;background:rgba(224,166,58,.14);border:1px solid rgba(224,166,58,.35)}.gd-dnote{margin:10px 0 0;font-size:12.5px;line-height:1.55;font-style:italic;opacity:.82;border-left:2px solid rgba(240,184,74,.4);padding-left:11px}.gd-ctrl{display:flex;align-items:center;gap:11px}.gd-play{flex:0 0 auto;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;cursor:pointer;border:none;font-size:14px;color:#2a1e05;background:linear-gradient(135deg,#ffe9b0,#f0b84a);box-shadow:none;margin:0}.gd-range{flex:1;min-width:0;-webkit-appearance:none;appearance:none;height:5px;border-radius:3px;background:rgba(255,255,255,.14);outline:none}.gd-range::-webkit-slider-thumb{-webkit-appearance:none;width:17px;height:17px;border-radius:50%;cursor:pointer;background:linear-gradient(135deg,#ffe9b0,#f0b84a);border:2px solid rgba(0,0,0,.35)}.gd-range::-moz-range-thumb{width:15px;height:15px;border-radius:50%;cursor:pointer;border:2px solid rgba(0,0,0,.35);background:#f0b84a}.gd-daynum{flex:0 0 auto;font-size:12px;font-weight:800;opacity:.8;min-width:74px;text-align:right}.gd-bars{display:flex;flex-direction:column;gap:7px}.gd-bar{display:flex;align-items:center;gap:9px;font-size:11.5px}.gd-bname{flex:0 0 84px;opacity:.78}.gd-btrack{position:relative;flex:1;height:8px;border-radius:5px;background:rgba(255,255,255,.08);overflow:hidden;min-width:0}.gd-bfill{position:absolute;left:0;top:0;bottom:0;border-radius:5px;transition:width .35s ease}.gd-bstart{position:absolute;top:-2px;bottom:-2px;width:2px;background:rgba(255,255,255,.55);z-index:2}.gd-bval{flex:0 0 62px;text-align:right;font-variant-numeric:tabular-nums;opacity:.9}.gd-bval b{font-size:11px}.gd-sum{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:4px}.gd-sumi{border:1px solid rgba(255,255,255,.10);border-radius:13px;background:rgba(255,255,255,.04);padding:9px 10px;text-align:center}.gd-sumi b{display:block;font-size:17px;color:#ffd98a}.gd-sumi span{font-size:10.5px;opacity:.65;line-height:1.3;display:block;margin-top:2px}.gd-legend{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;opacity:.7;margin-top:8px}.gd-legend span{display:inline-flex;align-items:center;gap:5px}.gd-legend i{width:9px;height:9px;border-radius:50%;display:inline-block}.gd-pulse{position:relative;z-index:5;animation:gdPulse 1.1s ease-out 4;border-radius:14px}@keyframes gdPulse{0%{box-shadow:0 0 0 0 rgba(240,184,74,.65)}100%{box-shadow:0 0 0 18px rgba(240,184,74,0)}}.gd-resume{position:fixed;left:50%;transform:translateX(-50%);bottom:22px;z-index:215;display:inline-flex;align-items:center;gap:9px;padding:12px 20px;border-radius:999px;cursor:pointer;font-size:13.5px;font-weight:700;font-family:inherit;border:none;color:#2a1e05;background:linear-gradient(135deg,#ffe9b0,#f0b84a);box-shadow:0 14px 34px rgba(0,0,0,.45);width:auto;margin:0}@media (max-width:860px){.gd-demo{grid-template-columns:1fr}.gd-grid2{grid-template-columns:1fr}}@media (max-width:640px){.gd-mask{padding:0}.gd-panel{width:100%;max-height:100vh;height:100%;border-radius:0}.gd-head{padding:16px 16px 12px}.gd-body{padding:18px 16px 6px}.gd-foot{padding:12px 16px 16px}.gd-title{font-size:17px}.gd-btn{padding:11px 16px;font-size:13px}.gd-dots{order:3;flex-basis:100%}.gd-sum{grid-template-columns:repeat(2,1fr)}.gd-bname{flex-basis:70px}}@media (prefers-reduced-motion:reduce){.gd-leaf,.gd-bfill,.gd-panel{transition:none}.gd-pulse{animation:none;box-shadow:0 0 0 3px rgba(240,184,74,.8)}}html[data-theme="light"] .gd-panel{background:linear-gradient(165deg,rgba(255,255,255,.99),rgba(247,245,252,.99));border-color:rgba(0,0,0,.10);color:#20203a;box-shadow:0 40px 90px rgba(60,30,90,.26)}html[data-theme="light"] .gd-head,html[data-theme="light"] .gd-foot{border-color:rgba(0,0,0,.08)}html[data-theme="light"] .gd-close,html[data-theme="light"] .gd-btn{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.12);color:#20203a}html[data-theme="light"] .gd-card,html[data-theme="light"] .gd-step,html[data-theme="light"] .gd-daycard,html[data-theme="light"] .gd-treebox,html[data-theme="light"] .gd-sumi{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.08)}html[data-theme="light"] .gd-lead b,html[data-theme="light"] .gd-cardh i,html[data-theme="light"] .gd-note i,html[data-theme="light"] .gd-quote,html[data-theme="light"] .gd-sumi b{color:#b0730a}html[data-theme="light"] .gd-list li b{color:#8a5c06}html[data-theme="light"] .gd-rail{background:rgba(0,0,0,.08)}html[data-theme="light"] .gd-btrack{background:rgba(0,0,0,.08)}html[data-theme="light"] .gd-bstart{background:rgba(0,0,0,.45)}html[data-theme="light"] .gd-treebox{background:linear-gradient(165deg,#221c36,#15112a);border-color:rgba(0,0,0,.18)}
