/* ============================================================
   «Слово дня» — окружение Дзена.

   Раньше файл назывался styles.css и был оформлением всей
   доредизайновой версии. Сейчас в нём осталась только витрина —
   шапка с поиском, лента, боковое меню, — плюс блок совместимости
   для админки и пара анимаций, которые app.js вешает на клетки
   нового поля.

   Игре этот файл больше не отдаёт ничего. Разобран он в три захода:

     1582 строки — было
     1120        — удалена вёрстка доредизайновой игры: модалка, поле
                   с клеткой .tile, старая клавиатура, результат,
                   архив, окно подсказок, онбординг, рейтинг .lb-row
     1074        — сняты десять пересечений имён с новым слоем;
                   .backdrop при этом не удалён, а переехал в
                   screens.css: он описывал живой элемент нового окна
      940        — окно входа вынесено в auth.css
      791        — раздел редакции вынесен в editor.css, .result
                   переехал в screens.css

   Что здесь ещё есть и почему:
     · краски витрины под именами --zen-*: это цвета Дзена, а не
       наши токены, и совпадать с палитрой игры они не должны;
     · блок совместимости админки (.admin-body): она грузит этот файл
       и в редизайн не входит вовсе;
     · .reveal и .shake — переворот и тряска клетки; их вешает app.js,
       а настройка «меньше анимации» выключает через .reduced.

   Следствие для порядка подключения: игре безразлично, идёт этот
   файл до нового слоя или после. Пересечений имён между ними нет.
   ============================================================ */

/* ============ Краски Дзена ============
   Раньше эта группа называлась --legacy-*, и имя обещало миграцию:
   «старое наше, подлежит переводу на дизайн-систему». Обещание было
   неверным. Это не наша старая палитра, а палитра чужой страницы, в
   которую игра встроена: серый фон Дзена, жёлтый Яндекса, оранжевый
   акцент ленты. Переводить их на нашу систему значит перестать
   изображать Дзен — витрина потеряет смысл.

   Мигрировать отсюда было что, и это сделано: виджет игры, мини-поле
   и плашка баланса — наши элементы внутри чужой шапки, они переехали
   на токены. Мини-поле при этом починилось: оно показывает те же
   статусы, что и настоящее поле, но красило их другими цветами.

   Всё остальное здесь остаётся навсегда и в продакшене не живёт: там
   игру окружает настоящий Дзен, а этот файл — демо-окружение. */

:root {
  --zen-bg: #eff0f2;          /* фон страницы и шапки — точный серый Дзена */
  --zen-panel: #ffffff;       /* белая панель с лентой, начинается под рекламой */
  --zen-surface: #ffffff;
  --zen-text: #1a1a1a;
  --zen-muted: #83838c;
  --zen-line: #e6e6ea;
  --zen-hover: #e9e9ec;       /* активный пункт меню и вкладка на белой панели */
  --zen-accent: #ff5317;      /* фирменный оранжевый Дзена */
  --zen-yellow: #ffcc00;      /* жёлтый Яндекса: рамка поиска и кнопка «Найти» */
  --zen-verified: #4a8cf7;
  --zen-absent: #8e8e96;
  --zen-radius: 16px;
  /* Общая колонка: поиск, погода, рекламный ряд. Ширину ограничивает место,
     остающееся по краям под логотип и правую группу с виджетом игры.
     Вычет считаем по самой широкой правой группе — с виджетом и балансом.
     Шестерёнка и кнопка «Войти» отсюда ушли на этапе 3, но запас оставлен:
     он считается от 880 и держит колонку ровной на всех ширинах. */
  --zen-col: clamp(500px, calc(100vw - 880px), 1040px);
}

@media (prefers-color-scheme: dark) {
  :root[data-theme="system"] {
    --zen-bg: #171719;
    --zen-panel: #202022;
    --zen-surface: #232325;
    --zen-text: #fafafa;
    --zen-muted: #b5b5bd;
    --zen-line: #35353d;
    --zen-hover: #26262c;
    --zen-absent: #6d6d76;
  }
}

:root[data-theme="dark"] {
  --zen-bg: #171719;
  --zen-panel: #202022;
  --zen-surface: #232325;
  --zen-text: #fafafa;
  --zen-muted: #b5b5bd;
  --zen-line: #35353d;
  --zen-hover: #26262c;
  --zen-absent: #6d6d76;
}

/* ============ Совместимость: админка ============
   public/admin/ в редизайн не входит и его файлы не трогаем, но
   admin.css подключает этот файл и берёт краски отсюда по старым
   именам. Возвращаем их только на своей странице, чтобы раздел
   выглядел ровно как раньше.

   --text-muted гасится намеренно: в admin.css он используется, но
   раньше нигде не был объявлен, и свойство молча игнорировалось.
   Новая палитра это имя занимает, поэтому без сброса приглушённый
   текст админки поменял бы вид. `initial` возвращает переменной
   невалидное значение — то же поведение, что и до редизайна.
   Если решим, что админке этот цвет полезен, достаточно убрать строку. */
body.admin-body {
  --accent: #ff5317;
  --surface: #ffffff;
  --text: #1a1a1a;
  --correct: #4a9d4e;
  --present: #d9a514;
  --absent: #8e8e96;
  --text-muted: initial;

  /* Правило body ниже общее для обеих страниц, поэтому редакция тоже
     переехала бы на Stella Sans. Возвращаем системный стек: раздел
     остаётся ровно таким, каким был. Убрать строку, если решим, что
     редакции стоит жить в фирменном шрифте. */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: var(--font-sans);
  background: var(--zen-bg);
  color: var(--zen-text);
  min-height: 100dvh;
  -webkit-font-smoothing: antialiased;
}

button, input { font: inherit; color: inherit; }
button { cursor: pointer; border: none; background: none; }

:focus-visible { outline: 2px solid var(--zen-accent); outline-offset: 2px; }

.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

[hidden] { display: none !important; }

/* ===================== Шапка ===================== */
.topbar {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 24px;
  position: relative;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  text-decoration: none;
  color: var(--zen-text);
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.02em;
  flex: 1;
}

.brand-mark {
  display: grid;
  place-items: center;
  width: 38px; height: 38px;
  border-radius: 12px;
  background: var(--zen-text);
  color: var(--zen-bg);
}

.brand-mark svg { width: 24px; height: 24px; }

/* Поиск: белое поле с жёлтой рамкой Яндекса и жёлтой кнопкой «Найти» */
.search {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--zen-surface);
  border: 2px solid var(--zen-yellow);
  border-radius: 12px;
  padding: 3px 3px 3px 14px;
  /* flex: 0 1 — колонка задаёт ширину, но при нехватке места поиск ужимается.
     min-width: 0 обязателен: без него флекс-элемент не сжимается ниже контента
     и правая группа наезжает на поиск, а не отодвигает его. */
  flex: 0 1 var(--zen-col);
  width: var(--zen-col);
  min-width: 0;
}

.topbar-right {
  display: flex;
  align-items: center;
  gap: 10px;
  /* basis по содержимому и flex-shrink: 0 — иначе группа получала долю
     наравне с логотипом, содержимое в неё не влезало и виджет выезжал
     влево, на кнопку «Найти». Сжиматься должен поиск, а не эта группа. */
  flex: 1 0 auto;
  justify-content: flex-end;
}

.search-placeholder { flex: 1; color: var(--zen-muted); font-size: 14px; }
.search-kbd { color: var(--zen-muted); display: grid; place-items: center; }
.search-kbd svg { width: 22px; height: 22px; }

.search-go {
  background: var(--zen-yellow);
  color: #1a1a1a;
  border-radius: 9px;
  padding: 9px 22px;
  font-weight: 600;
  font-size: 15px;
}

/* Виджет игры в шапке. Он стоит в чужой шапке, но принадлежит игре —
   значит и красится нашими токенами.

   --modal, а не --paper: виджет лежит на странице Дзена, а не в нашем
   окне, и обязан от неё отделяться. В тёмной теме --paper (#18181a)
   даёт к дзеновскому фону (#171719) отношение 1.01 — виджет исчезает.
   BG/Modal — это и есть «поверхность над страницей», и её значения
   совпадают с тем, чем виджет был раньше. */
.word-widget {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--modal);
  border-radius: 12px;
  padding: 7px 14px 7px 10px;
  text-align: left;
  flex: none;
  transition: background .15s;
  touch-action: manipulation;
  -webkit-touch-callout: none;
  user-select: none;
}

.word-widget:hover { background: var(--surface); }
.word-widget b { display: block; font-size: 14px; }
/* Подпись «Новая игра» — оранжевая, и это ровно тот случай, когда наш
   и дзеновский акцент совпадают: Text/Accent в системе тот же #ff5317.
   Берём дзеновский осознанно: виджет живёт в его шапке и подчиняется
   её ритму, а у нас акцентного текста нет вовсе (§3.1). */
.word-widget small { display: block; font-size: 12px; color: var(--zen-accent); }

/* Мини-поле в виджете показывает те же статусы, что и настоящее поле,
   и обязано говорить с ним одним алфавитом. Раньше здесь стояли старые
   краски: зелёный #4a9d4e против нашего Pastel/Frog, жёлтый #d9a514 на
   месте серой «буква есть в слове». Игрок видел два разных языка для
   одного и того же — в шапке одни цвета, в игре другие. */
.mini-grid { display: flex; gap: 2px; }

.mini-grid i {
  width: 11px; height: 15px;
  border-radius: 3px;
  /* Пустая клетка. На настоящем поле это белая клетка с контуром, но
     здесь сторона 11: контур в 10 % чёрного даёт 1.15 к белой плашке
     виджета и не виден вовсе. Поэтому заливка, и самая плотная
     нейтральная в палитре — Pastel/Smoke. Она заведена под столбик
     диаграммы, но других нейтралей темнее у нас нет, а прежнее
     значение было ровно такой светлоты. */
  background: var(--chart-bar);
  font-style: normal;
}

.mini-grid i.correct { background: var(--status-correct); }
.mini-grid i.present { background: var(--status-present); }
/* Отыгранная буква — контур клетки: на поле она тоже теряет заливку. */
.mini-grid i.absent  { background: var(--status-absent-border); }

/* Плашка баланса в чужой шапке — наша, и золото у неё наше: стеллы
   всюду означают одно и то же. */
.stella-balance {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: color-mix(in srgb, var(--stella-to) 22%, var(--modal));
  border-radius: 999px;
  padding: 7px 12px;
  font-weight: 700;
  font-size: 14px;
  flex: none;
}

.stella-balance i { color: var(--stella-to); font-style: normal; font-size: 15px; }

/* Шестерёнка Дзена, меню настроек, кнопка входа и профиль удалены
   вместе с разделом настроек (этап 3). Тема, контраст и анимация теперь
   системные, выбирать нечего; вход переехал в шапку окна игры и живёт
   в components.css рядом с остальными её частями. */


/* ===================== Лента ===================== */
.feed {
  display: flex;
  flex-direction: column;
}

/* Погода, курсы и реклама живут в той же центральной колонке, что и поиск, —
   панель ленты ниже идёт во всю ширину. Так это устроено на главной Дзена. */
.services, .promo-row {
  width: min(100% - 48px, var(--zen-col));
  margin: 0 auto;
}

.services {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 13px;
  color: var(--zen-muted);
  padding: 4px 0 16px;
}

.weather { display: inline-flex; align-items: center; gap: 6px; }
.weather svg { width: 20px; height: 20px; }
.weather b { color: var(--zen-text); font-weight: 600; }

.services .rates { margin-left: auto; display: flex; gap: 18px; }

/* Рекламный ряд над лентой */
.promo-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  padding-bottom: 20px;
}

.promo {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: var(--zen-surface);
  border-radius: 14px;
  padding: 10px;
}

.promo-visual { width: 128px; height: 68px; border-radius: 8px; flex: none; }
.promo-visual.wood { background: repeating-linear-gradient(90deg, #c89b63 0 14px, #b98a52 14px 28px); }
.promo-visual.roof { background: repeating-linear-gradient(45deg, #2f3238 0 10px, #383c44 10px 20px); }

.promo-text { flex: 1; display: flex; flex-direction: column; gap: 6px; min-width: 0; }

/* Заголовок объявления — не больше двух строк, как в ленте Дзена */
.promo-text b {
  font-size: 14px;
  line-height: 1.3;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Домен и пометка «Реклама» держим в одну строку: перенос ломает ритм карточки */
.promo .src { flex-wrap: nowrap; white-space: nowrap; overflow: hidden; }
.promo .more { color: var(--zen-muted); font-size: 15px; letter-spacing: .06em; }

/* Строка источника: кружок-фавикон, домен, пометка «Реклама» */
.src {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  color: var(--zen-text);
  font-weight: 500;
  min-width: 0;
}

.src em { font-style: normal; color: var(--zen-muted); font-weight: 400; font-size: 12px; }

.fav {
  width: 18px; height: 18px;
  border-radius: 50%;
  flex: none;
}

.fav-wood { background: linear-gradient(135deg, #f5c26b, #d08a3c); }
.fav-roof { background: linear-gradient(135deg, #7f8895, #3c424c); }
.fav-picnic { background: linear-gradient(135deg, #7bd88f, #2f9e56); }
.fav-travel { background: linear-gradient(135deg, #8fb8ff, #3f6fd0); }

/* Панель ленты: светло-серая, со скруглённым верхом — как у Дзена */
.portal {
  display: grid;
  /* Левая колонка не по ширине меню, а до начала поисковой строки: в оригинале
     лента выровнена по поиску, а меню просто стоит в этой зоне слева.
     22px — отступ панели (margin 10 + padding 12), 24px — gap самой сетки. */
  grid-template-columns: calc((100vw - var(--zen-col)) / 2 - 46px) minmax(0, 1fr);
  gap: 24px;
  background: var(--zen-panel);
  border-radius: 24px 24px 0 0;
  padding: 20px 12px 80px;
  margin: 0 10px;
  min-height: 80vh;
}

/* --- Боковое меню --- */
.sidenav { display: flex; flex-direction: column; gap: 2px; width: 232px; }

.sidenav > a {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 8px 12px;
  border-radius: 10px;
  text-decoration: none;
  color: var(--zen-text);
  font-size: 14px;
}

.sidenav > a:hover { background: var(--zen-hover); }
.sidenav > a.active { background: var(--zen-hover); font-weight: 600; }
.sidenav .ico { width: 22px; height: 22px; flex: none; }
.sidenav hr { border: none; border-top: 1px solid var(--zen-line); margin: 10px 14px; }

.sidenav-links {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 18px;
  padding: 18px 14px 0;
  border-top: 1px solid var(--zen-line);
  font-size: 13px;
}

.sidenav-links a { color: var(--zen-muted); text-decoration: none; }
.sidenav-links a:hover { color: var(--zen-text); }
.sidenav-links .more-link { display: inline-flex; align-items: center; gap: 4px; }

/* --- Центральная колонка --- */
/* Одна сетка на всю ленту: две колонки под карточки плюс колонка рекламы.
   Новости занимают первый ряд целиком по левой части, поэтому во втором ряду
   обе карточки и вторая реклама стартуют с одной высоты — картинки в линию.
   Ширину левой части задаёт та же переменная, что и поиск, поэтому реклама
   стоит вплотную к новостям, а не улетает к краю панели. */
.stream {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, calc((var(--zen-col) - 20px) / 2))) 340px;
  gap: 26px 20px;
  align-items: start;
  justify-content: start;
}

.news-block { grid-column: 1 / 3; }

.news-block { display: flex; flex-direction: column; gap: 14px; min-width: 0; }

.tabs {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: var(--zen-muted);
  /* В оригинале вкладки в одну строку и уезжают за край, а не переносятся */
  flex-wrap: nowrap;
  overflow: hidden;
}

.tabs b, .tabs span { white-space: nowrap; }

.tabs b, .tabs span { padding: 6px 12px; border-radius: 10px; font-weight: 400; }
.tabs b { color: var(--zen-text); background: var(--zen-hover); font-weight: 500; }
.tabs span:hover { background: var(--zen-hover); }
.tabs .tabs-more { letter-spacing: 0; }

.headlines { display: flex; flex-direction: column; gap: 2px; font-size: 14px; }

.headlines p {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 0;
  line-height: 1.35;
}

/* Кружок источника новости — у Дзена это логотип издания */
.headlines i {
  display: grid; place-items: center;
  width: 24px; height: 24px;
  border-radius: 50%;
  background: var(--zen-absent);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  font-style: normal;
  flex: none;
}

.headlines p:nth-of-type(1) i { background: #e8353e; }
.headlines p:nth-of-type(2) i { background: #1f2a37; }
.headlines p:nth-of-type(3) i { background: #2f6fd0; }
.headlines p:nth-of-type(4) i { background: #4a9d4e; }
.headlines p:nth-of-type(5) i { background: #d0492f; }
.headlines p:nth-of-type(6) i { background: #6a56d8; }

/* Шеврон сразу за заголовком — в Дзене он разворачивает сюжет */
.headlines p::after {
  content: "⌄";
  color: var(--zen-muted);
  font-size: 13px;
  line-height: 1;
  margin-left: -4px;
}

.headlines b { font-size: 15px; padding-top: 6px; }

/* --- Рекламная карточка справа от новостей --- */
.side-promo {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-decoration: none;
  color: var(--zen-text);
}

.side-promo-art {
  position: relative;
  height: 180px;
  border-radius: var(--zen-radius);
  background: linear-gradient(165deg, #7fb069 0%, #a8c686 45%, #4a7c3f 100%);
}

.side-promo-badge {
  position: absolute;
  top: 10px; right: 10px;
  background: rgba(0, 0, 0, .5);
  color: #fff;
  border-radius: 6px;
  padding: 3px 7px;
  font-size: 11px;
}

.side-promo b { font-size: 15px; line-height: 1.3; font-weight: 600; }

/* --- Карточки ленты --- */
.card { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.card .art { margin-bottom: 4px; }
.card h2 { font-size: 17px; line-height: 1.28; font-weight: 600; }
.card h3 { font-size: 16px; line-height: 1.3; font-weight: 600; }
.card p { font-size: 13px; line-height: 1.42; color: var(--zen-muted); }

.card-meta { font-size: 12px; color: var(--zen-muted); }

.ava {
  display: grid; place-items: center;
  width: 20px; height: 20px;
  border-radius: 50%;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  font-style: normal;
  flex: none;
}

.ava-science { background: #2f6fd0; }
.ava-city { background: #d0492f; }

.check { width: 14px; height: 14px; color: var(--zen-verified); flex: none; }

/* Заглушки вместо фотографий: у демо-окружения нет реальных изображений */
.art { height: 168px; border-radius: var(--zen-radius); position: relative; overflow: hidden; }
.art-space { background: radial-gradient(120% 120% at 30% 20%, #3a3550, #17151f); }

.planet {
  position: absolute; left: 34%; top: 34%;
  width: 92px; height: 92px; border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #ff9d6b, #e2603a);
}

.orbit {
  position: absolute; left: 20%; top: 40%;
  width: 190px; height: 60px;
  border: 2px solid rgba(255,255,255,.55);
  border-radius: 50%;
  transform: rotate(-16deg);
}

.art-city { background: linear-gradient(160deg, #9fc3d8 55%, #2d3a45 55%); }
.art-travel { background: linear-gradient(140deg, #f0a86a, #6f8fa8); }

/* На широком экране поиск держим ровно по центру окна, как на главной Дзена:
   в потоке он сдвигался, потому что правая группа с виджетом и «Войти»
   заметно шире логотипа. Ниже 1180px место кончается — там обычный поток. */
@media (min-width: 1181px) {
  /* Справа живёт более широкая группа (виджет, стеллы, настройки и вход),
     поэтому геометрический центр пересекается с виджетом. Сдвигаем поиск
     влево на её половину и сохраняем явный зазор между карточками. */
  .search { position: absolute; left: calc(50% - 96px); transform: translateX(-50%); }
  /* Поиск вышел из потока, поэтому логотип занимает место по содержимому,
     а правая группа забирает остаток и прижимает виджет к краю окна */
  .brand { flex: 0 0 auto; }
}

@media (max-width: 900px) {
  /* На узком экране оставляем компактный индикатор; на desktop у виджета
     всегда есть название и статус, а не только пять клеток. */
  .word-widget > span:not(.mini-grid) { display: none; }
  .word-widget { padding: 7px 10px; }
}

@media (max-width: 1180px) {
  .stream { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .news-block { grid-column: 1 / -1; }
  /* Баланс стелл не прячем: игрок должен видеть, на что покупает подсказки. */
  .stella-balance { padding: 7px 10px; }
}

@media (max-width: 900px) {
  .portal { grid-template-columns: 1fr; }
  .sidenav { display: none; }
  .promo-row { grid-template-columns: 1fr; }
  .search { max-width: none; }
  .search-kbd { display: none; }
}

@media (max-width: 640px) {
  .stream { grid-template-columns: 1fr; }
  .brand-name, .services .rates { display: none; }
}

/* Подложка окна игры переехала в screens.css: окно давно новое, и
   держать его подложку в старом слое было незачем. */

.day-pill {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  color: var(--zen-accent);
}

/* Тряска остаётся здесь: её вешает app.js на строку поля, а выключает
   настройка «меньше анимации» через .reduced на .site. Сама старая
   клетка .tile удалена вместе с полем — в разметке её больше нет.

   Появление букв (.reveal) отсюда переехало в components.css, к самой
   клетке: это её собственная анимация, а не наследство витрины. */
.shake { animation: shake .42s; }

@keyframes shake {
  20% { transform: translateX(-7px); }
  40% { transform: translateX(7px); }
  60% { transform: translateX(-4px); }
  80% { transform: translateX(4px); }
}

.reduced .reveal, .reduced .shake { animation: none !important; transition: none !important; }



/* ===================== Адаптив ===================== */
@media (max-width: 900px) {
  .portal { grid-template-columns: 1fr; }
  .portal aside { flex-direction: row; overflow-x: auto; }
  .portal aside hr { display: none; }
  .promo-row { grid-template-columns: 1fr; }
  .search { display: none; }
}

@media (max-width: 560px) {
  .topbar { flex-wrap: wrap; gap: 8px; padding: 12px; }
  /* На телефоне карточка остаётся узнаваемой: пять клеток без подписи
     выглядели как случайный индикатор. Фиксируем компактную ширину и
     возвращаем название, которое планшетное правило выше скрывает. */
  .word-widget {
    order: 3;
    flex: 0 0 166px;
    width: 166px;
    min-width: 166px;
    gap: 8px;
    padding: 7px 9px;
    overflow: hidden;
  }
  .word-widget > span:not(.mini-grid) {
    display: block;
    min-width: 0;
    white-space: nowrap;
  }
  .word-widget b { font-size: 12px; line-height: 15px; }
  .word-widget small { font-size: 11px; line-height: 14px; }
  .feed { padding: 0 12px 40px; }
}

/* Окно входа переехало в auth.css: макета у него нет, в редизайн оно
   не входит, а держать его здесь значило бы держать вместе с ним весь
   этот файл. Вид не менялся — краски перенесены как были. */

/* Раздел редакции переехал в editor.css: служебный экран без макета,
   в редизайн не входит. Заодно ушли два последних мёртвых правила
   старой подсказки — .open-hints и .open-hint.text, разметки под
   которыми не осталось ещё с первого разбора. */