/* Оформление litkafe.ru — образовательный сайт (SEOWEB). */
:root{
  --ink:#1f2733; --muted:#5b6672; --line:#e6e9ee; --bg:#eef1f5; --card:#fff;
  --brand:#2f5d9e; --brand-d:#24487a; --accent:#e8a33d; --link:#2f5d9e; --soft:#f3f6fb;
  --radius:14px; --shadow:0 1px 2px rgba(20,30,50,.05),0 10px 30px rgba(20,30,50,.06);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);
  font:16px/1.65 "Noto Sans","Segoe UI",Roboto,Arial,sans-serif}
img{max-width:100%;height:auto}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
#page{overflow:hidden}
.skip-link,.screen-reader-text{position:absolute!important;left:-9999px}

/* ── Шапка ─────────────────────────────── */
.site-header{background:linear-gradient(135deg,var(--brand),var(--brand-d));color:#fff;
  box-shadow:0 2px 14px rgba(20,40,80,.20)}
.site-header .inner{max-width:1200px;margin:0 auto;padding:24px 22px 18px;text-align:center}
.site-title{margin:0;font-size:32px;line-height:1.1;letter-spacing:-.5px;font-weight:800}
.site-title a{color:#fff}.site-title a:hover{text-decoration:none;opacity:.94}
.site-title a:before{content:"∑ ";color:var(--accent)}
.site-description{margin:6px 0 0;color:#dbe6f6;font-size:15px}
/* меню-рубрики: центр, перенос на несколько строк */
.seoweb-nav{background:var(--brand-d)}
.seoweb-nav ul{max-width:1200px;margin:0 auto;padding:4px 10px;list-style:none;
  display:flex;flex-wrap:wrap;justify-content:center;gap:2px}
.seoweb-nav a{display:block;color:#eaf1fb;padding:11px 18px;font-weight:600;font-size:14.5px;
  border-radius:8px 8px 0 0}
.seoweb-nav a:hover{background:rgba(255,255,255,.10);border-bottom:3px solid var(--accent);text-decoration:none}
.site-navigation,.menu-wrap{display:none}

/* ── Раскладка: широкая колонка + сайдбар ─ */
#content,.site-content{max-width:1200px;margin:26px auto;padding:0 22px}
.site-main{max-width:none;padding:0;margin:0}
.site-main.main-with-sidebar,main.main-with-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:30px;align-items:start}
.main-with-sidebar > .main-has-sidebar{grid-column:1;min-width:0}
.main-with-sidebar > #secondary,.main-with-sidebar > .featured-sidebar{grid-column:2}
.main-has-sidebar{display:block}
@media(max-width:900px){.site-main.main-with-sidebar,main.main-with-sidebar{display:block!important}.featured-sidebar,#secondary{margin-top:24px;width:auto}}

/* ── Карточки записей ─────────────────────── */
article,.hentry{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:24px 28px;margin:0 0 26px}
article.sticky{border-color:#cfe0f5;box-shadow:0 0 0 2px #dbeafe inset,var(--shadow)}
.entry-header{margin:0 0 8px}
.entry-title{margin:0;font-size:23px;line-height:1.28;font-weight:700}
.entry-title a{color:var(--ink)}.entry-title a:hover{color:var(--brand)}
.entry-meta{color:var(--muted);font-size:12.5px;margin:6px 0 0;display:flex;flex-wrap:wrap;gap:4px 14px}
.entry-meta a{color:var(--muted)}
.entry-content{margin-top:12px}
.entry-content p{margin:0 0 12px}
.entry-content h2,.entry-content h3{color:var(--brand-d);line-height:1.3}
.entry-content img{border-radius:8px}
.entry-content table{border-collapse:collapse;width:100%;margin:12px 0;overflow:auto;display:block}
.entry-content td,.entry-content th{border:1px solid var(--line);padding:7px 10px}
/* в списках (главная, рубрики) — короткий анонс, чтобы карточки не были «вытянутыми» */
.home .entry-content,.blog .entry-content,.archive .entry-content{
  display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;color:#41505f}
.readmore-wrapper{margin-top:14px}
.readmore-wrapper a,.more-link{display:inline-block;background:var(--brand);color:#fff;
  padding:9px 20px;border-radius:9px;font-weight:600;font-size:14px}
.readmore-wrapper a:hover,.more-link:hover{background:var(--brand-d);text-decoration:none}

/* ── Сайдбар ──────────────────────────────── */
.widget-area .widget,.featured-sidebar .widget{background:var(--card);border:1px solid var(--line);
  border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px;margin:0 0 22px}
.widget-title{margin:0 0 12px;font-size:14px;text-transform:uppercase;letter-spacing:.05em;
  color:#fff;background:var(--brand);display:inline-block;padding:6px 14px;border-radius:20px}
.widget ul{list-style:none;margin:0;padding:0}
/* «Новое на сайте» — аккуратные строки */
.widget_recent_entries li,.widget:not(.widget_categories) li{padding:9px 0;border-bottom:1px solid var(--line);
  font-size:14px;line-height:1.4}
.widget li:last-child{border-bottom:none}
.widget a{color:var(--ink)}.widget a:hover{color:var(--brand)}
/* «Рубрики» — компактные плашки, не вытянутый список */
.widget_categories ul{display:flex;flex-wrap:wrap;gap:8px}
.widget_categories li{padding:0;border:0}
.widget_categories a{display:inline-block;background:var(--soft);border:1px solid #dbe4f2;
  color:var(--brand-d);padding:7px 14px;border-radius:20px;font-size:13.5px;font-weight:600}
.widget_categories a:hover{background:var(--brand);color:#fff;text-decoration:none}

/* ── Пагинация ────────────────────────────── */
.pagination,.nav-links,.paging-navigation{margin:6px 0 26px;text-align:center}
.page-numbers{display:inline-block;padding:8px 14px;margin:2px;border:1px solid var(--line);
  border-radius:9px;background:#fff;color:var(--brand);font-weight:600}
.page-numbers.current{background:var(--brand);color:#fff;border-color:var(--brand)}

/* ── Комментарии на статике не работают — прячем ─ */
.comments-area,#comments,#respond,.comment-respond,.comment-form,.comments-link{display:none!important}

/* ── Подвал ───────────────────────────────── */
.site-footer{background:#1f2733;color:#c7cfda;margin-top:34px}
.site-footer .inner,.site-info{max-width:1200px;margin:0 auto;padding:26px 22px;font-size:14px;text-align:center}
.site-footer a{color:#9fc0ee}
h1,h2,h3,h4{margin:1.1em 0 .5em}
/* доводка: скрыть модиф. дату и нерабочий поиск на статике */
.entry-meta .updated{display:none}
.widget_search,#search-2{display:none!important}
.entry-meta .posted-on:after{content:" ·";color:var(--line)}