/* Экраны студента: главная, «Все мои статьи», профиль и уведомления студента (п. 19, 26, 42-45).
   Размеры текста – только 20/17/15/14/13 px, скругления – из темы (UI-KIT). */

/* одна колонка по центру, ширина как у редактора и статьи (56rem), по бокам ничего */
.sb-st-col .sb-wrap { max-width: calc(56rem + 2 * var(--sb-gutter)); }

/* шапка: заголовок и срок приёма в одну строку */
.sb-st-head { align-items: baseline; }
.sb-st-head h1 { margin: 0; }
.sb-st-deadline { margin: 0; color: var(--sb-muted); font-size: .875rem; }
.sb-st-deadline b { font-weight: 600; color: var(--sb-ink); }

/* карточка статьи: название и состояние, руководитель, замечания, кнопка */
.sb-st-cards { margin-bottom: var(--sb-gap); }
.sb-st-cards:last-child { margin-bottom: 0; }
.sb-content .sb-st-cards > .sb-st-card { margin-bottom: var(--sb-gap); }
.sb-content .sb-st-cards > .sb-st-card:last-child { margin-bottom: 0; }
.sb-st-top { display: flex; align-items: baseline; justify-content: space-between; gap: .25rem 1.25rem; }
.sb-st-name { margin: 0; flex: 1 1 auto; min-width: 0; font-size: 1.0625rem; line-height: 1.4; overflow-wrap: anywhere; text-wrap: pretty; }
.sb-st-cards.is-several .sb-st-name { font-size: .9375rem; }
.sb-st-name a { color: var(--sb-ink); text-decoration: none; }
.sb-st-name a:hover { color: var(--sb-brand-700); text-decoration: none; }
.sb-st-name.is-empty a { color: var(--sb-muted); }
.sb-st-top .sb-status { flex: none; font-size: .875rem; }
.sb-st-sup { margin: .25rem 0 0; color: var(--sb-ink-2); font-size: .875rem; overflow-wrap: anywhere; }
.sb-st-sup b { font-weight: 600; color: var(--sb-ink); }
.sb-st-sup.is-none { color: var(--sb-muted); }
.sb-st-remark { margin: 1rem 0 0; background: var(--sb-surface-2); }
.sb-st-remark blockquote { font-size: .875rem; }
.sb-st-line { margin: .75rem 0 0; color: var(--sb-ink-2); }
.sb-st-acts { margin-top: 1.25rem; }
/* карточка без действий нажимается целиком (ссылка названия растянута на карточку) */
.sb-st-card.is-link { transition: border-color .12s ease; }
.sb-st-card.is-link:hover { border-color: #c3c9cf; }
.sb-st-card.is-link:hover .sb-st-name a { color: var(--sb-brand-700); }

/* «Начать статью» – под карточками */
.sb-st-new { margin: 0 0 var(--sb-gap); }
.sb-st-new:last-child { margin-bottom: 0; }

/* пустое состояние: одна строка серым по центру и одно действие */
.sb-st-empty { text-align: center; padding-top: 1.5rem; padding-bottom: 1.5rem; }
.sb-st-empty p { margin: 0; color: var(--sb-muted); }
.sb-st-empty .sb-actions { justify-content: center; margin-top: 1rem; }

/* строки статей: «Другие статьи» на главной и «Все мои статьи» – название в одну строку,
   справа состояние, строка нажимается целиком, без подчёркиваний (п. 42) */
.sb-st-block-h { margin: 0 0 .5rem; font-size: .9375rem; }
.sb-st-rows { list-style: none; margin: 0; padding: 0; }
.sb-st-rows > li + li { border-top: 1px solid #eef0f2; }
.sb-st-row { display: flex; align-items: center; gap: .75rem; min-height: 40px; padding: .375rem .625rem; margin: 0 -.625rem; border-radius: var(--sb-radius); color: var(--sb-ink); text-decoration: none; }
.sb-st-row:hover { background: var(--sb-surface-2); color: var(--sb-ink); text-decoration: none; }
.sb-st-row-t { flex: 1 1 auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 600; }
.sb-st-row-t.is-empty { color: var(--sb-muted); font-weight: 400; }
.sb-st-row-m { flex: none; width: 8.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--sb-muted); font-size: .8125rem; }
.sb-st-row .sb-status { flex: none; width: 7.75rem; font-size: .8125rem; }
.sb-st-all { display: inline-flex; align-items: center; min-height: 40px; margin-top: .25rem; font-weight: 500; color: var(--sb-brand-700); text-decoration: none; }
.sb-st-all:hover { color: var(--sb-brand-800); text-decoration: none; }

@media (min-width: 768px) {
  /* тихая ссылка первой в ряду – текст вровень с краем карточки */
  .sb-st-acts > .btn-sb-quiet:first-child { margin-left: -.75rem; }
  .sb-st-line + .sb-st-acts { margin-top: .75rem; }
}

@media (max-width: 767.98px) {
  .sb-st-head { flex-wrap: wrap; gap: .25rem; }
  .sb-st-head h1 { flex-basis: 100%; }
  .sb-st-top { flex-wrap: wrap; }
  .sb-st-top .sb-status { order: -1; flex-basis: 100%; }
  /* строка на телефоне: название во всю ширину, ниже – руководитель и состояние */
  .sb-st-row { flex-wrap: wrap; gap: .125rem .75rem; min-height: 44px; padding-top: .5rem; padding-bottom: .5rem; }
  .sb-st-row-t { flex-basis: 100%; }
  .sb-st-row-m { width: auto; }
  .sb-st-row-m:empty { display: none; }
  .sb-st-row .sb-status { width: auto; }
  .sb-st-all { min-height: 44px; }
}