/* ===== Опрос о российском хоккее ===== */
/* Стили перенесены из макета Sport_Russia_MAX_KHL_survey_updated.html.
   Цвета — палитра «устройства» из макета: --blue #164194, --pale #eaf1fb. */

.khl-wrap{max-width:640px;margin:auto;padding:24px var(--pad-x,16px) 25px}
.khl-eyebrow{display:inline-block;border-radius:999px;background:#eaf1fb;padding:6px 11px;color:#164194;font-weight:700;margin:8px 0 10px}
.khl-title{line-height:1.24;color:var(--ink,#111638);margin:8px 0 11px;font-weight:900}
.khl-wrap p{color:var(--muted,#59627a);line-height:1.5}
.khl-panel{padding:17px;background:#fff;border:1px solid var(--border,#dfe3f0);border-radius:17px;margin:13px 0}
.khl-progress-label{display:flex;justify-content:space-between;gap:10px;font-weight:700;color:var(--ink,#111638);margin-bottom:9px}
.khl-progress{height:7px;background:#e4eaf5;border-radius:999px;overflow:hidden}
.khl-progress span{display:block;height:100%;background:#164194;border-radius:999px;transition:width .2s}
.khl-question{line-height:1.45;font-weight:750;margin:17px 0;color:var(--ink,#111638)}
.khl-choice{display:flex;align-items:center;gap:12px;border:1px solid var(--border,#dfe3f0);background:#fff;border-radius:12px;width:100%;padding:12px 13px;text-align:left;margin:9px 0;color:var(--ink,#111638);font:inherit;cursor:pointer;min-height:48px}
.khl-choice .khl-radio{width:20px;height:20px;border:2px solid #b4bdd8;border-radius:50%;flex-shrink:0;display:grid;place-items:center}
.khl-choice.is-selected{border-color:#164194;background:#eaf1fb}
.khl-choice.is-selected .khl-radio{border-color:#164194}
.khl-choice.is-selected .khl-radio:after{content:'';width:10px;height:10px;border-radius:50%;background:#164194}
.khl-actions{display:flex;gap:10px;margin-top:17px}
.khl-btn{background:#164194;border:1px solid #164194;border-radius:13px;color:#fff;padding:13px 17px;font:inherit;font-weight:700;cursor:pointer;flex:1}
.khl-btn.secondary{background:#fff;color:#164194}
.khl-btn.block{width:100%;flex:none}
.khl-btn:disabled{opacity:.45;cursor:not-allowed}
.khl-footnote{line-height:1.45;color:var(--muted,#59627a);margin-top:16px}
.khl-done-icon{width:60px;height:60px;border-radius:50%;background:#eaf1fb;color:#164194;display:grid;place-items:center;margin:17px auto}
.khl-center{text-align:center}
.khl-error{min-height:18px;margin:10px 0 0;color:#c0392b}

/* Карточка-вход на главной */
.khl-home-entry{width:100%;border:1px solid var(--border,#dfe3f0);background:#fff;border-radius:17px;margin:15px 0 10px;padding:16px;display:flex;align-items:center;gap:13px;text-align:left;color:var(--ink,#111638);cursor:pointer;font:inherit;box-shadow:0 3px 13px rgba(27,45,106,.045)}
.khl-home-entry .khl-icon{width:46px;height:46px;border-radius:13px;background:#eaf1fb;color:#164194;display:grid;place-items:center;flex-shrink:0}
.khl-home-entry .khl-words{flex:1;display:grid;gap:5px}
.khl-home-entry strong{font-weight:750;}
.khl-home-entry small{color:var(--muted,#59627a);line-height:1.4}
.khl-home-entry .khl-chevron{color:#164194;}
.khl-home-entry.is-done{background:#e8ebf1;color:#79839a;box-shadow:none;cursor:default}
.khl-home-entry.is-done .khl-icon{background:#d7dbe4;color:#79839a}
.khl-home-entry.is-done .khl-chevron{display:none}

/* Тизер стоит отдельной секцией сразу после «Популярного». Суммировались
   padding секции (18px) и margin карточки (15px) — между блоками получалось
   ~46px воздуха; поджимаем. Снизу ноль, потому что следующий раздел сам даёт
   padding-top 24px — так зазоры над и под карточкой одинаковые (24px). */
#modules .survey-teaser{padding-top:4px}
#modules .khl-home-entry{margin:7px 0 0}