/* Баннеры SpeShu вне учительского шаблона (blog-template, raskraski-template), 23.09.2026.
   Правила .edu-promo-* скопированы из teachers.css (22.09), чтобы не тянуть на статьи весь учительский стиль. */
.edu-promo-top,.edu-promo-sq{--edu-ink:#18372e;--edu-green:#164d3d;--edu-yellow:#f2cb77;box-sizing:border-box}
.edu-promo-top *,.edu-promo-sq *{box-sizing:border-box}
.edu-promo-top{display:grid;grid-template-columns:72px minmax(0,1fr) auto;grid-template-areas:"img copy btn" "mark mark mark";align-items:center;gap:4px 18px;margin:0 0 6px;padding:14px 18px 10px;background:var(--edu-green);color:#fff;border-radius:12px}
.edu-promo-top img{grid-area:img;width:72px;height:72px;max-width:none;border-radius:50%;object-fit:cover;display:block}
.edu-promo-copy{grid-area:copy;min-width:0}
.edu-promo-h{margin:0;font:700 21px/1.2 Georgia,serif;color:#fff;text-align:left}
.edu-promo-p{margin:4px 0 0;font-size:14px;line-height:1.4;color:#dceade;text-align:left}
.edu-promo-btn{grid-area:btn;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 20px;border-radius:7px;background:var(--edu-yellow);color:var(--edu-ink);font:700 15px/1.3 var(--font);text-decoration:none;white-space:nowrap}
.edu-promo-mark{grid-area:mark;font-size:11px;color:#b9cdbd}
.edu-promo-sq{position:relative;width:215px;background:var(--edu-green);border-radius:12px;overflow:hidden;color:#fff}
.edu-promo-sq-link{display:block;color:#fff;text-decoration:none}
.edu-promo-sq img{display:block;width:215px;height:215px;max-width:none;border-radius:0;object-fit:cover}
.edu-promo-sq-h{display:block;margin:14px 16px 0;font:700 19px/1.2 Georgia,serif}
.edu-promo-sq-p{display:block;margin:6px 16px 0;font-size:13px;line-height:1.4;color:#dceade}
.edu-promo-sq-btn{display:block;margin:12px 16px 0;padding:10px;border-radius:7px;background:var(--edu-yellow);color:var(--edu-ink);font:700 14px/1.3 var(--font);text-align:center}
.edu-promo-sq .edu-promo-mark{display:block;margin:8px 16px 12px}
.edu-promo-x{position:absolute;top:6px;right:6px;z-index:2;width:26px;height:26px;border:0;border-radius:50%;background:rgba(24,55,46,.78);color:#fff;font:16px/26px var(--font);cursor:pointer}
.edu-promo-x:focus-visible,.edu-promo-btn:focus-visible,.edu-promo-sq-link:focus-visible{outline:2px solid var(--edu-yellow);outline-offset:2px}
.edu-promo-sq--fixed{display:none;position:fixed;right:18px;bottom:150px;z-index:90;box-shadow:0 8px 24px rgba(24,55,46,.18)}
.edu-promo-sq--fixed{width:180px}.edu-promo-sq--fixed img{width:180px;height:180px}
@media(min-width:1500px){.edu-promo-sq--fixed{display:block}}
.edu-promo-sq[hidden]{display:none!important}
/* ссылки сайта (a, a:hover) перекрашивают кнопки — держим цвета баннера */
a.edu-promo-btn,a.edu-promo-btn:hover{color:var(--edu-ink);text-decoration:none}
a.edu-promo-btn:hover,a.edu-promo-sq-link:hover .edu-promo-sq-btn{background:#f7d992}
a.edu-promo-sq-link,a.edu-promo-sq-link:hover,.edu-promo-sq-link .edu-promo-sq-h{color:#fff;text-decoration:none}
.edu-promo-sq-link .edu-promo-sq-btn{color:var(--edu-ink)}
/* место на странице: сразу после крошек, по ширине колонки статьи */
.edu-promo-wrap{max-width:800px;margin:14px auto 0;padding:0 20px;position:relative;z-index:1}
.edu-promo-wrap+.section{padding-top:22px}
@media(max-width:900px){.edu-promo-top{grid-template-columns:56px minmax(0,1fr);grid-template-areas:"img copy" "btn btn" "mark mark";gap:8px 12px;padding:12px 14px 10px}.edu-promo-top img{width:56px;height:56px}.edu-promo-h{font-size:18px}.edu-promo-p{font-size:13px}.edu-promo-btn{width:100%}}
@media(max-width:600px){.edu-promo-wrap{padding:0 16px}}
/* внутри секции (раскраски): без своих полей, отступ до сетки листов */
.section .edu-promo-wrap{padding:0;margin:6px auto 18px}