/* Гайды: светлый «документный» стиль (как PDF-инструкции) внутри тёмной шапки/подвала сайта */
@font-face{font-family:Manrope;font-weight:500;font-display:swap;src:url(fonts/manrope-500-cyrillic.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+2116}
@font-face{font-family:Manrope;font-weight:500;font-display:swap;src:url(fonts/manrope-500-latin.woff2);unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212}
@font-face{font-family:Manrope;font-weight:700;font-display:swap;src:url(fonts/manrope-700-cyrillic.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+2116}
@font-face{font-family:Manrope;font-weight:700;font-display:swap;src:url(fonts/manrope-700-latin.woff2);unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212}
@font-face{font-family:Manrope;font-weight:800;font-display:swap;src:url(fonts/manrope-800-cyrillic.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+2116}
@font-face{font-family:Manrope;font-weight:800;font-display:swap;src:url(fonts/manrope-800-latin.woff2);unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212}

nav.top .nav-links a.on{color:var(--ink-on-dark)}

.gd{--g-ink:#16203A;--g-ink2:#4A5468;--g-blue:#2B4BF2;--g-clay:#FF5A36;--g-sand:#FFF7F0;--g-line:#EADFD6;--g-ok:#0B7A5A;--g-sky:#EEF1FF;
  background:var(--g-sand);color:var(--g-ink);font-family:Manrope,system-ui,sans-serif;font-weight:500;font-size:16px;line-height:1.6;color-scheme:light}
.gd *{box-sizing:border-box}
.gd-wrap{max-width:860px;margin:0 auto;padding:0 20px}
.gd h1,.gd h2,.gd h3{font-family:Manrope,sans-serif;text-transform:none;letter-spacing:0;color:var(--g-ink)}
.gd h2{font-size:clamp(25px,4vw,32px);line-height:1.15;font-weight:800;margin:0 0 8px}
.gd h3{font-size:17px;line-height:1.3;font-weight:800;margin:0 0 4px}
.gd p{margin:0 0 10px}
.gd a{color:var(--g-blue)}
.gd-lead{font-size:18px;color:var(--g-ink2)}

/* обложка */
.gd-cover{position:relative;overflow:hidden;background:var(--g-ink);color:#fff;padding:56px 0 52px}
.gd-cover .blob{position:absolute;border-radius:50%;pointer-events:none}
.gd-cover .b1{width:520px;height:520px;right:-170px;top:-130px;background:radial-gradient(#2B4BF2,transparent 70%);opacity:.7}
.gd-cover .b2{width:560px;height:560px;left:-210px;bottom:-230px;background:radial-gradient(#FF5A36,transparent 70%);opacity:.6}
.gd-cover .gd-wrap{position:relative}
.gd-tag{display:inline-block;background:var(--g-clay);color:#fff;font-weight:800;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;padding:5px 12px;border-radius:99px;margin-bottom:14px}
.gd-cover h1{font-size:clamp(32px,6.4vw,56px);line-height:1.08;font-weight:800;letter-spacing:-.5px;color:#fff;margin:0 0 16px;overflow-wrap:anywhere}
.gd-cover .gd-lead{color:#C9D1E8;font-size:clamp(16px,2.4vw,20px);max-width:640px}
.gd-pills{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px}
.gd-pill{background:rgba(255,255,255,.12);border:1.5px solid rgba(255,255,255,.25);padding:7px 15px;border-radius:99px;font-weight:700;font-size:14px;color:#fff}
.gd-meta{margin-top:18px;font-size:13px;color:#8f9bb8}

/* блоки */
.gd-body{padding:36px 0 56px}
.gd-block{margin:0 0 18px}
.gd-section{margin-top:34px}
.gd-section:first-child{margin-top:0}
.gd-section .gd-tag{margin-bottom:10px}
.gd-card{background:#fff;border:1.5px solid var(--g-line);border-radius:16px;padding:14px 18px}
.gd-card.blue{background:var(--g-sky);border-color:#D5DCFA}
.gd-card.warn{background:#FFF1EA;border-color:#FFD2C3}
.gd-card.ok{background:#E7F5EF;border-color:#BFE3D3}
.gd-card p:last-child{margin-bottom:0}
.gd-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.gd-grid.c3{grid-template-columns:repeat(3,1fr)}
.gd-grid.c1{grid-template-columns:1fr}
@media (max-width:640px){.gd-grid,.gd-grid.c3{grid-template-columns:1fr}}
.gd-steps{display:grid;gap:14px}
.gd-step{display:flex;align-items:flex-start;gap:12px}
.gd-num{flex:none;width:34px;height:34px;border-radius:50%;background:var(--g-blue);color:#fff;font-weight:800;display:inline-flex;align-items:center;justify-content:center;font-size:16px}
.gd-step .b{flex:1;min-width:0}
.gd-step p{margin:0}
.gd-table{overflow-x:auto;border-radius:14px;border:1.5px solid var(--g-line);background:#fff}
.gd-table table{width:100%;border-collapse:collapse;font-size:14.5px}
.gd-table th,.gd-table td{padding:10px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--g-line)}
.gd-table th{background:var(--g-ink);color:#fff;font-weight:700;font-size:13px}
.gd-table tr:last-child td{border-bottom:0}
.gd-code{position:relative}
.gd-code .lbl{font-weight:800;font-size:14px;margin:0 0 6px}
.gd-code pre{margin:0;background:var(--g-ink);color:#fff;border-radius:12px;padding:46px 16px 14px;white-space:pre-wrap;overflow-wrap:anywhere;font:12.5px/1.55 Menlo,Consolas,"SF Mono",monospace;max-height:440px;overflow:auto}
.gd-copy{position:absolute;right:10px;top:10px;font:inherit;font-weight:700;font-size:12.5px;padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.12);color:#fff;cursor:pointer;min-height:32px}
.gd-code.has-lbl .gd-copy{top:36px}
.gd-copy:hover{background:rgba(255,255,255,.22)}
.gd code{font-family:Menlo,Consolas,"SF Mono",monospace;font-size:.88em;background:#EEE6DD;padding:1px 6px;border-radius:6px}
.gd-quote{border-left:5px solid var(--g-blue);background:#fff;padding:11px 16px;border-radius:0 12px 12px 0;margin:0 0 9px}
.gd-img{margin:0}
.gd-img img{max-width:100%;height:auto;border-radius:14px;display:block;margin:0 auto;border:1.5px solid var(--g-line);background:#fff}
.gd-img figcaption{text-align:center;font-size:13.5px;color:var(--g-ink2);margin-top:8px}
.gd-btn{display:inline-flex;align-items:center;min-height:46px;padding:0 22px;border-radius:12px;background:var(--g-blue);color:#fff!important;font-weight:800;text-decoration:none}
.gd-btn:hover{background:#1f3bd6}
.gd-btn:focus-visible,.gd-copy:focus-visible{outline:3px solid var(--g-clay);outline-offset:2px}
.gd-cta{margin-top:40px;padding:24px;border-radius:16px;background:var(--g-ink);color:#fff}
.gd-cta h3{color:#fff;font-size:22px}
.gd-cta p{color:#C9D1E8}
.gd-cta .gd-btn{background:var(--g-clay)}
.gd-preview{background:var(--g-clay);color:#fff;text-align:center;padding:10px;font-size:14px;font-weight:700}
.gd-preview a{color:#fff}
.gd-crumbs{padding:14px 0;font-size:13.5px;color:var(--g-ink2)}
.gd-crumbs a{color:var(--g-ink2)}

/* список гайдов */
.gl-head{padding:44px 0 8px}
.gl-head h1{font-size:clamp(32px,5.5vw,48px);line-height:1.08;font-weight:800;margin:0 0 10px}
.gl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;padding:20px 0 60px}
.gl-card{display:flex;flex-direction:column;text-decoration:none!important;color:var(--g-ink)!important;background:#fff;border:1.5px solid var(--g-line);border-radius:16px;overflow:hidden;transition:transform .15s,border-color .15s}
.gl-card:hover{transform:translateY(-2px);border-color:var(--g-blue)}
.gl-card img,.gl-nocover{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:linear-gradient(135deg,#2B4BF2,#FF5A36)}
.gl-card .bd{padding:14px 16px 16px}
.gl-card h2{font-size:19px;line-height:1.25;margin:0 0 6px}
.gl-card p{margin:0 0 8px;font-size:14.5px;color:var(--g-ink2)}
.gl-card .dt{font-size:12.5px;color:#8a7d72}
@media (prefers-reduced-motion:reduce){.gl-card{transition:none}}