/* Start:/local/templates/socialstudies/styles.css?17892420844207*/
/* ============================================================
   Оформление содержимого материалов (тело лекции, словарь, страницы).
   Эти стили подхватываются визуальным редактором Битрикса.
   ============================================================ */

.article{max-width:68ch;font-size:18px;line-height:1.72;color:var(--text)}
.article p{margin:0 0 1.05em}
.article b,.article strong{font-weight:600;color:var(--ink)}
.article h2{margin:1.9em 0 .55em;font:700 25px/1.25 var(--serif);color:var(--ink);letter-spacing:-.012em}
.article h3{margin:1.6em 0 .45em;font:700 20px/1.3 var(--serif);color:var(--ink)}
.article ul,.article ol{margin:0 0 1.05em;padding-left:1.4em}
.article li{margin-bottom:.4em}
.article a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(181,68,43,.32)}
.article a:hover{border-bottom-color:var(--accent)}
.article img{margin:1.4em 0;border-radius:2px}
.article hr{border:0;border-top:1px solid var(--rule-soft);margin:2em 0}

/* цитата / важное замечание */
.article blockquote{
  margin:1.6em 0;padding:2px 0 2px 20px;border-left:2px solid var(--accent);
  font:400 17.5px/1.6 var(--serif);color:var(--ink);
}
.article blockquote p:last-child{margin-bottom:0}

/* пояснительный абзац — класс есть в перенесённых материалах */
.article p.comment,.comment{
  padding:16px 18px;margin:1.5em 0;background:var(--surface);
  border-left:2px solid var(--rule);font-size:16px;color:var(--muted);
}

/* видеовставка — класс есть в перенесённых материалах */
.article .video,.video{margin:1.7em 0}
.article .video p,.video p{margin:0 0 .5em;font-size:14.5px;color:var(--muted)}
.article .video iframe,.video iframe{
  display:block;width:100%;max-width:680px;aspect-ratio:16/9;height:auto;border:0;background:var(--ink);
}

/* таблицы */
.article table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:16px}
.article th,.article td{padding:10px 12px;border-bottom:1px solid var(--rule-soft);text-align:left;vertical-align:top}
.article th{font-weight:600;color:var(--ink);border-bottom-color:var(--rule)}

/* ---------- Словарь терминов ---------- */
.glossary{margin:0;max-width:74ch}
.glossary__item{padding:15px 0;border-bottom:1px solid var(--rule-soft)}
.glossary__term{margin:0 0 4px;font:700 18px/1.35 var(--serif);color:var(--ink)}
.glossary__def{margin:0;font-size:16.5px;line-height:1.6;color:var(--text)}
.glossary__source{display:inline-block;margin-top:6px;font-size:13.5px;color:var(--muted);text-decoration:none}
.glossary__source:hover{color:var(--accent)}

/* ---------- Заглушка для пустого раздела ---------- */
.empty{
  padding:28px 0;font-size:16.5px;color:var(--muted);max-width:56ch;
}
.empty a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(181,68,43,.32)}

/* ---------- Четыре режима показа теории ---------- */
/* Слои: t-th теория, t-ex объяснение, t-eg пример. По умолчанию (m-plain) всё видно одинаково. */
.article.m-study .t-th{font-weight:500;color:var(--ink)}
.article.m-study .t-eg{font-style:italic;color:var(--muted)}
.article.m-repeat .t-th{font-weight:500;color:var(--ink)}
.article.m-repeat .t-eg{display:none}
.article.m-fix .t-th{font-weight:500;color:var(--ink)}
.article.m-fix .t-ex,.article.m-fix .t-eg{display:none}
.article.m-fix p:not(:has(.t-th)){display:none}

.modes{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 22px;padding:0;border:0}
.modes__legend{padding:0;margin-right:6px;font-size:13.5px;color:var(--muted)}
.modes__item{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid var(--rule);border-radius:3px;font-size:14px;color:var(--text);cursor:pointer;background:var(--surface)}
.modes__item:hover{border-color:var(--ink)}
.modes__item:has(input:checked){border-color:var(--accent);color:var(--accent)}
.modes__item input{margin:0}
@media print{.modes{display:none}}

/* End */


/* Start:/local/templates/socialstudies/template_styles.css?178925267616320*/
/* ============================================================
   social-studies.ru — основной шаблон
   Шрифты: PT Serif (заголовки), Inter (текст)
   Файлы шрифтов положить в /local/templates/socialstudies/fonts/
   ============================================================ */

@font-face{font-family:'Inter';src:url('/local/templates/socialstudies/fonts/Inter-Regular.woff2') format('woff2');font-weight:400;font-display:swap;font-style:normal}
@font-face{font-family:'Inter';src:url('/local/templates/socialstudies/fonts/Inter-Medium.woff2') format('woff2');font-weight:500;font-display:swap;font-style:normal}
@font-face{font-family:'Inter';src:url('/local/templates/socialstudies/fonts/Inter-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap;font-style:normal}
@font-face{font-family:'PT Serif';src:url('/local/templates/socialstudies/fonts/PTSerif-Regular.woff2') format('woff2');font-weight:400;font-display:swap;font-style:normal}
@font-face{font-family:'PT Serif';src:url('/local/templates/socialstudies/fonts/PTSerif-Bold.woff2') format('woff2');font-weight:700;font-display:swap;font-style:normal}

:root{
  --ink:#1C2B3A;
  --accent:#B5442B;
  --paper:#F3F1EC;
  --text:#22262B;
  --muted:#6E7681;
  --surface:#FBFAF7;
  --rule:rgba(28,43,58,.18);
  --rule-soft:rgba(28,43,58,.09);
  --wrap:1180px;
  --aside:266px;
  --gap:56px;
  --serif:'PT Serif',Georgia,'Times New Roman',serif;
  --sans:'Inter',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--paper);color:var(--text);
  font:400 17px/1.65 var(--sans);
  font-feature-settings:'kern' 1,'liga' 1;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto}
a{color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}

/* ---------- Обложка: верхняя тёмная полоса ---------- */
.masthead{background:var(--ink);color:#EFECE4}
.masthead__inner{
  max-width:var(--wrap);margin:0 auto;padding:18px 28px;
  display:flex;align-items:baseline;gap:36px;flex-wrap:wrap;
}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.brand__mark{width:34px;height:34px;flex:0 0 auto}
.brand__title{margin:0;font:700 22px/1.1 var(--serif);letter-spacing:-.01em}
.brand__sub{margin:3px 0 0;font-size:12.5px;color:rgba(239,236,228,.6);font-weight:400}
.masthead__user{margin-left:14px;font-size:14px;white-space:nowrap}
.masthead__user a{color:rgba(239,236,228,.82);text-decoration:none;border-bottom:1px solid rgba(239,236,228,.28)}
.masthead__user a:hover{color:#fff;border-bottom-color:#fff}
.masthead__user-sep{color:rgba(239,236,228,.45)}

/* ---------- Верхнее меню ---------- */
.topnav{margin-left:auto}
.topnav__list{display:flex;gap:26px;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}
.topnav__list::-webkit-scrollbar{display:none}
.topnav__link{
  display:block;padding:6px 0;white-space:nowrap;text-decoration:none;
  font-size:15.5px;color:rgba(239,236,228,.82);
  border-bottom:2px solid transparent;transition:color .12s,border-color .12s;
}
.topnav__link:hover{color:#fff}
.topnav__link--current{color:#fff;border-bottom-color:var(--accent)}

/* ---------- Каркас страницы ---------- */
.layout{display:grid;grid-template-columns:var(--aside) minmax(0,1fr);gap:var(--gap);padding:38px 0 72px}
.layout--full{grid-template-columns:minmax(0,1fr)}
.main{min-width:0}

/* ---------- Левая колонка ---------- */
.aside{position:sticky;top:22px;align-self:start;max-height:calc(100vh - 44px);overflow-y:auto;padding-right:6px}
.aside__title{
  margin:0 0 10px;font:700 16px/1.3 var(--serif);color:var(--ink);
}
.aside__list{margin:0;padding:0;list-style:none}
.aside__item{margin:0}
.aside__link{
  display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:baseline;
  padding:7px 0 7px 11px;margin-left:-12px;
  border-left:2px solid transparent;
  text-decoration:none;font-size:14.5px;line-height:1.5;color:var(--text);
}
.aside__link:hover{color:var(--accent)}
.aside__num{color:var(--muted);font-size:12.5px;font-variant-numeric:tabular-nums}
.aside__link--current{border-left-color:var(--accent);color:var(--ink);font-weight:600}
.aside__link--current .aside__num{color:var(--accent)}
.aside__back{
  display:inline-block;margin-top:14px;
  font-size:14.5px;line-height:1.5;color:var(--muted);text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:3px;
}
.aside__back:hover{color:var(--accent)}

/* ---------- Колонка: поиск, значки, продолжить чтение ---------- */
.aside-search{display:flex;margin:0 0 22px;border:1px solid var(--rule);border-radius:3px;background:var(--surface)}
.aside-search__input{flex:1;min-width:0;padding:8px 10px;border:0;background:transparent;font:400 14px/1.3 var(--sans);color:var(--text)}
.aside-search__input:focus{outline:none}
.aside-search:focus-within{border-color:var(--ink)}
.aside-search__btn{flex:0 0 34px;border:0;background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center}
.aside-search__btn:hover{color:var(--accent)}
.aside-social{display:flex;align-items:center;gap:12px;margin:0}
.aside-social a{display:block;line-height:0;opacity:.85}
.aside-social a:hover{opacity:1}
.aside-social img{width:30px;height:30px;display:block}
.aside-social__label{font-size:12.5px;color:var(--muted);margin-left:2px}
.aside-menu,.aside-term,.aside-resume{margin-top:30px;padding-top:22px;border-top:1px solid var(--rule)}
.aside-term__label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:12px}
.aside-term__name{margin:0 0 8px;font:700 17px/1.35 var(--serif);color:var(--ink)}
.aside-term__name a{color:inherit;text-decoration:none}
.aside-term__name a:hover{color:var(--accent)}
.aside-term__def{margin:0;font-size:14.5px;line-height:1.5;color:var(--text)}
.aside-term__lecture{display:block;margin-top:8px;font-size:14.5px;line-height:1.5;color:var(--muted);text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:3px}
.aside-term__lecture:hover{color:var(--accent);text-decoration-color:var(--accent)}

.aside-resume__label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:8px}
.aside-resume__link{font-size:14.5px;line-height:1.5;color:var(--ink);text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:3px}
.aside-resume__link:hover{color:var(--accent);text-decoration-color:var(--accent)}

/* ---------- Поиск: результаты ---------- */
.search-result{padding:16px 0;border-bottom:1px solid var(--rule-soft)}
.search-result__title{margin:0 0 4px;font:700 18px/1.35 var(--serif)}
.search-result__title a{color:var(--ink);text-decoration:none}
.search-result__title a:hover{color:var(--accent)}
.search-result__path{margin:0 0 6px;font-size:13px;color:var(--muted)}
.search-result__text{margin:0;font-size:15.5px;line-height:1.55;color:var(--text)}
.search-result__text b{background:rgba(181,68,43,.12);font-weight:600;color:var(--ink)}

/* ---------- Хлебные крошки ---------- */
.crumbs{margin:0 0 18px;font-size:13.5px;color:var(--muted)}
.crumbs a{color:var(--muted);text-decoration:none;border-bottom:1px solid var(--rule-soft)}
.crumbs a:hover{color:var(--accent)}
.crumbs__sep{padding:0 7px;color:rgba(110,118,129,.55)}

/* ---------- Заголовки страниц ---------- */
.page-title{margin:0 0 8px;font:700 clamp(27px,3.4vw,37px)/1.16 var(--serif);color:var(--ink);letter-spacing:-.015em}
.page-meta{margin:0 0 26px;font-size:14px;color:var(--muted)}

/* ---------- Главная: шапка курса ---------- */
.opening{padding:6px 0 30px;border-bottom:1px solid var(--rule);margin-bottom:34px}
.opening__title{margin:0 0 26px;font:700 clamp(28px,3.4vw,38px)/1.15 var(--serif);color:var(--ink);letter-spacing:-.015em}
.opening__lead{margin:0;max-width:62ch;font-size:17.5px;line-height:1.65;color:var(--text)}
.opening__note{margin:18px 0 0;font-size:15px;color:var(--muted)}
.opening__note a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(181,68,43,.35)}
.opening__note a:hover{border-bottom-color:var(--accent)}

.opening__social{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:22px 0 0;font-size:14.5px;color:var(--muted)}
.opening__social a{display:inline-flex;align-items:center;gap:7px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule)}
.opening__social a:hover{color:var(--accent);border-bottom-color:var(--accent)}
.opening__social img{width:20px;height:20px;display:block}
.opening__actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.btn{display:inline-block;padding:11px 20px;border-radius:3px;text-decoration:none;font-size:15.5px;font-weight:500;line-height:1.2}
.btn--primary{background:var(--ink);color:#F3F1EC}
.btn--primary:hover{background:#243A4F}
.btn--ghost{color:var(--ink);border:1px solid var(--rule);background:transparent}
.btn--ghost:hover{border-color:var(--ink)}

/* Главная: разделы в две колонки */
.sections{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;margin:0 0 44px;padding:0;list-style:none}
.sections__item{border-bottom:1px solid var(--rule-soft)}
.sections__link{display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:baseline;padding:16px 0;text-decoration:none;color:var(--ink)}
.sections__num{font:700 14px/1 var(--serif);color:var(--accent)}
.sections__name{font:700 19px/1.3 var(--serif);letter-spacing:-.01em}
.sections__count{font-size:13.5px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.sections__link:hover .sections__name{color:var(--accent)}
.sections__all{grid-column:1/-1;padding:14px 0 0;font-size:14.5px}
.sections__all a{color:var(--muted);text-decoration:none;border-bottom:1px solid var(--rule-soft)}
.sections__all a:hover{color:var(--accent)}

/* Главная: свежее */
.latest{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:30px 0 0;border-top:1px solid var(--rule)}
.latest--single{grid-template-columns:minmax(0,1fr);max-width:72ch}
.latest__title{margin:0 0 14px;font:700 15px/1.3 var(--serif);color:var(--muted);letter-spacing:.02em}
.latest__list{margin:0;padding:0;list-style:none}
.latest__item{padding:9px 0;border-bottom:1px solid var(--rule-soft)}
.latest__item a{text-decoration:none;color:var(--ink);font-size:16px;line-height:1.45}
.latest__item a:hover{color:var(--accent)}
.latest__date{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.latest__more{display:inline-block;margin-top:12px;font-size:14px;color:var(--muted);text-decoration:none;border-bottom:1px solid var(--rule-soft)}
.latest__more:hover{color:var(--accent)}

/* ---------- Главная: оглавление курса ---------- */
.contents{margin:0;padding:0;list-style:none;counter-reset:none}
.contents__row{padding:20px 0;border-bottom:1px solid var(--rule-soft)}
.contents__row:first-child{padding-top:4px}
.contents__link{
  display:flex;align-items:baseline;gap:14px;text-decoration:none;color:var(--ink);
}
.contents__num{
  flex:0 0 auto;width:34px;font:700 15px/1 var(--serif);color:var(--accent);
  letter-spacing:.02em;padding-top:3px;
}
.contents__name{font:700 21px/1.28 var(--serif);letter-spacing:-.01em}
.contents__link:hover .contents__name{color:var(--accent)}
.contents__leader{flex:1 1 auto;min-width:26px;border-bottom:1px dotted var(--rule);transform:translateY(-4px)}
.contents__count{flex:0 0 auto;font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}
.contents__topics{
  margin:7px 0 0 48px;font-size:14.5px;line-height:1.55;color:var(--muted);max-width:72ch;
}

/* ---------- Список лекций внутри раздела ---------- */
.lectures{margin:0;padding:0;list-style:none}
.lectures__item{border-bottom:1px solid var(--rule-soft)}
.lectures__link{
  display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:baseline;
  padding:14px 0;text-decoration:none;color:var(--ink);
}
.lectures__num{font:400 14px/1.4 var(--sans);color:var(--muted);font-variant-numeric:tabular-nums}
.lectures__name{font:400 17.5px/1.45 var(--sans)}
.lectures__link:hover .lectures__name{color:var(--accent)}
.lectures__hint{display:block;margin-top:3px;font-size:14px;color:var(--muted)}

/* ---------- Переход между лекциями ---------- */
.pager{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:44px;padding-top:22px;border-top:1px solid var(--rule)}
.pager__item{text-decoration:none;color:var(--ink)}
.pager__item--next{text-align:right}
.pager__label{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}
.pager__name{font:400 16px/1.4 var(--sans)}
.pager__item:hover .pager__name{color:var(--accent)}

/* ---------- Поддержка после лекции ---------- */
.support{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;margin-top:34px;padding-top:18px;border-top:1px solid var(--rule-soft);font-size:14.5px;color:var(--muted)}
.support a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule)}
.support a:hover{color:var(--accent);border-bottom-color:var(--accent)}

/* ---------- Подвал ---------- */
.footer{border-top:1px solid var(--rule);background:var(--surface)}
.footer__inner{
  max-width:var(--wrap);margin:0 auto;padding:30px 28px 40px;
  display:flex;gap:30px;flex-wrap:wrap;align-items:baseline;
  font-size:14px;color:var(--muted);
}
.footer a{color:var(--muted);text-decoration:none;border-bottom:1px solid var(--rule-soft)}
.footer a:hover{color:var(--accent)}
.footer__copy{margin-right:auto}
.footer__social{display:flex;gap:16px;align-items:center}
.footer__social a{display:inline-flex;align-items:center;gap:7px;border:0}
.footer__social img{width:26px;height:26px;display:block;filter:grayscale(1) opacity(.55)}
.footer__social a:hover img{filter:none}
.footer__support{color:var(--ink)!important;border-bottom-color:var(--rule)!important}

/* ---------- Вход и регистрация ---------- */
.auth{max-width:420px}
.auth__lead{margin:0 0 22px;font-size:15.5px;color:var(--muted)}
.field{display:block;margin-bottom:16px}
.field__label{display:block;margin-bottom:6px;font-size:13.5px;color:var(--muted)}
.field__input{width:100%;padding:11px 13px;border:1px solid var(--rule);border-radius:3px;background:var(--surface);font:400 16px/1.3 var(--sans);color:var(--text)}
.field__input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(28,43,58,.08)}
.field__hint{display:block;margin-top:5px;font-size:13px;color:var(--muted)}
.field--check{display:flex;align-items:flex-start;gap:9px;font-size:14px;color:var(--text)}
.field--check input{margin-top:4px}
.auth__row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:22px}
.auth__row .btn{padding:12px 24px}
.auth__alt{font-size:14px;color:var(--muted)}
.auth__alt a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule)}
.auth__alt a:hover{color:var(--accent);border-bottom-color:var(--accent)}
.auth__error{padding:12px 14px;margin:0 0 18px;border-left:2px solid var(--accent);background:var(--surface);font-size:14.5px;color:var(--ink)}
.auth__ok{padding:12px 14px;margin:0 0 18px;border-left:2px solid var(--ink);background:var(--surface);font-size:14.5px}
.auth__social{margin-top:26px;padding-top:18px;border-top:1px solid var(--rule-soft);font-size:14px;color:var(--muted)}

/* ---------- Адаптив ---------- */
@media (max-width:900px){
  .layout{grid-template-columns:minmax(0,1fr);gap:0;padding:26px 0 56px}
  .aside{position:static;max-height:none;overflow:visible;order:2;margin-top:44px;padding-top:24px;border-top:1px solid var(--rule)}
  .main{order:1}
  .masthead__inner{gap:14px}
  .topnav{margin-left:0;width:100%}
  .masthead__user{margin-left:0}
  .masthead__user-sep,.masthead__user-reg{display:none}
  .topnav__list{gap:20px}
  .contents__name{font-size:19px}
  .contents__leader,.contents__count{display:none}
  .contents__topics{margin-left:48px}
  .sections,.latest{grid-template-columns:1fr}
  .pager{grid-template-columns:1fr}
  .pager__item--next{text-align:left}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
}

/* End */
/* /local/templates/socialstudies/styles.css?17892420844207 */
/* /local/templates/socialstudies/template_styles.css?178925267616320 */