/* free-guide-1108: блок «Бесплатный гайд» (чанк fgBlock). Токены сайта ниже, раскладка общая. */
.fg-block.fg-block{--fg-cw:100px;--fg-bg:#f7f9fc;--fg-border:1.5px solid #d7dde6;--fg-accent:#1c3143;--fg-radius:4px;--fg-ink:#0f2033;--fg-muted:#33465c;--fg-shadow:rgba(15,32,51,.18);--fg-title-font:inherit;--fg-title-weight:700;display:grid;grid-template-columns:var(--fg-cw) minmax(0,1fr);grid-template-rows:auto auto auto auto;column-gap:24px;align-items:start;margin:26px 0 30px;padding:22px 26px;background:var(--fg-bg);border:var(--fg-border);border-left:4px solid var(--fg-accent);border-radius:var(--fg-radius);text-align:left;box-sizing:border-box;max-width:100%}
.fg-block.fg-block .fg-cover{grid-column:1;grid-row:1/5;align-self:center;display:block;line-height:0;border:0;text-decoration:none;box-shadow:0 8px 18px var(--fg-shadow),0 1px 2px var(--fg-shadow);transition:transform .2s ease-out}
.fg-block.fg-block .fg-cover:hover{transform:translateY(-2px)}
.fg-block.fg-block .fg-cover img{display:block;width:var(--fg-cw);height:auto;max-width:none;margin:0;border:0;border-radius:0}
.fg-block.fg-block .fg-kicker,.fg-block.fg-block .fg-title,.fg-block.fg-block .fg-text,.fg-block.fg-block .fg-act{padding:0;text-align:left;text-indent:0}
.fg-block.fg-block .fg-kicker{grid-column:2;align-self:end;margin:0 0 6px;font-size:12px;line-height:1.35;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-accent)}
.fg-block.fg-block .fg-title{grid-column:2;margin:0 0 8px;font-family:var(--fg-title-font);font-size:20px;line-height:1.3;font-weight:var(--fg-title-weight);color:var(--fg-ink)}
.fg-block.fg-block .fg-text{grid-column:2;margin:0 0 16px;font-size:15px;line-height:1.55;color:var(--fg-muted)}
.fg-block.fg-block .fg-act{grid-column:2;margin:0}
.fg-block.fg-block .fg-act .fg-btn{display:inline-block;background:#1c3143;color:#fff;font-weight:600;font-size:15px;line-height:1.35;text-decoration:none;padding:11px 22px;border-radius:4px;border:0;transition:background-color .2s ease-out}
.fg-block.fg-block .fg-act .fg-btn:hover,.fg-block.fg-block .fg-act .fg-btn:focus-visible{background:#2b4a66;color:#fff;text-decoration:none}
.fg-block.fg-block .fg-act .fg-btn:focus-visible{outline:2px solid #1c3143;outline-offset:2px}
@media (max-width:575px){
.fg-block.fg-block{--fg-cw:76px;column-gap:16px;padding:18px 16px;grid-template-rows:auto auto auto auto}
.fg-block.fg-block .fg-cover{grid-row:1/3;align-self:start}
.fg-block.fg-block .fg-kicker{align-self:start;font-size:11px}
.fg-block.fg-block .fg-title{font-size:17px}
.fg-block.fg-block .fg-text{grid-column:1/-1;margin-top:14px}
.fg-block.fg-block .fg-act{grid-column:1/-1}
.fg-block.fg-block .fg-act .fg-btn{display:block;width:100%;box-sizing:border-box;text-align:center}
}
@media (prefers-reduced-motion:reduce){.fg-block.fg-block .fg-cover{transition:none}.fg-block.fg-block .fg-cover:hover{transform:none}}
