/* Страницы авторов /avtory/* в новом виде. Каркас, статья и оглавление — rd.css, здесь только элементы профиля */
/* Файл подключается раньше author-byline.css и rd.css, поэтому селекторы начинаются с .rd и длиннее старых правил author-byline.css */

/* Карточка автора в шапке: фото, роль, контакты, дата обновления */
.rd .rd-avt-hero .author-page { display: flex; align-items: center; flex-wrap: wrap; gap: 20px 28px; margin: 14px 0 0; }
.rd .rd-avt-hero .author-page__photo { width: 160px; height: 160px; border: 0; border-radius: 24px; object-fit: cover; flex: 0 0 auto; background: var(--card); }
.rd .rd-avt-hero .author-page__intro { display: flex; flex-direction: column; gap: 8px; flex: 1 1 320px; min-width: 0; max-width: 760px; }
.rd .rd-avt-hero .author-page__intro p { opacity: 1; }
.rd .rd-avt-hero .author-page__name { margin: 0; font: 600 22px/1.25 var(--f-ui); letter-spacing: -.3px; color: var(--ink); }
.rd .rd-avt-hero .author-page__role { margin: 0; font: 500 18px/1.4 var(--f-ui); color: var(--ink); }
.rd .rd-avt-hero .author-page__since { margin: 0; font: 400 15px/1.5 var(--f-ui); color: var(--mute); }
.rd .rd-avt-hero .author-page__contacts { display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0 0; }
.rd .rd-avt-hero .author-page__contacts a { display: inline-flex; align-items: center; min-height: 36px; padding: 8px 14px; border-radius: 999px; background: var(--card); font: 500 14px/1.3 var(--f-ui); color: var(--ink); text-decoration: none; overflow-wrap: anywhere; }
.rd .rd-avt-hero .author-page__contacts a:hover { background: var(--accent-soft); color: var(--accent); text-decoration: none; }
.rd .rd-avt-hero .author-page__updated { margin: 4px 0 0; font: 400 11px/1.4 var(--f-mono); letter-spacing: 1px; text-transform: uppercase; color: var(--mute); }
.rd .rd-avt-hero .author-page__updated time { color: inherit; }

/* Дисклеймер стоит в конце статьи, а не в начале, как на страницах калькуляторов */
.rd .rd-article__body .ymyl-disclaimer { margin: 32px 0 0; }

/* Галерея дипломов и сертификатов: подписи и рамки сканов в цветах макета */
.rd .rd-article__body ul.author-docs { margin: 16px 0 8px; padding: 0; list-style: none; }
.rd .rd-article__body ul.author-docs + ul.author-docs { margin-top: 0; }
.rd .rd-article__body .author-docs li { margin: 0; padding: 0; font-size: inherit; }
/* Широкие сканы: три в ряд на всю ширину статьи, иначе третий диплом уходит на новую строку */
.rd .rd-article__body ul.author-docs--wide { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
.rd .rd-article__body ul.author-docs--wide li { max-width: none; }
.rd .rd-article__body a.author-docs__item { color: var(--ink); text-decoration: none; }
.rd .rd-article__body .author-docs__item img { border: 1px solid var(--line); border-radius: 12px; box-shadow: none; }
.rd .rd-article__body .author-docs__item:hover img, .rd .rd-article__body .author-docs__item:focus-visible img { box-shadow: 0 6px 18px rgba(13,13,13,.12); }
.rd .rd-article__body .author-docs__cap { margin-top: 8px; font: 400 13px/1.4 var(--f-ui); color: var(--mute); }
.rd .rd-article__body p.author-docs__hint { margin: 0; font: 400 14px/1.5 var(--f-ui); color: var(--mute); }
.rd .author-docs__dlg { border-radius: 20px; }
/* Окно просмотра — прямой потомок статьи: общее ограничение 760px из rd.css обрезало широкие сканы, возвращаем ширину author-byline.css */
.rd .rd-article__body > dialog.author-docs__dlg { max-width: min(96vw, 1100px); }
.rd .author-docs__dlgcap { font: 400 14px/1.4 var(--f-ui); color: var(--ink); }

/* Каталог «Калькуляторы, которые я сделал» на странице Артёма: две колонки разделов */
.rd .author-calc-catalog .calculators-wrapper { display: flex; flex-wrap: wrap; gap: 0 32px; margin: 24px 0 0; }
.rd .author-calc-catalog .calculators-column { flex: 1 1 300px; min-width: 0; }
.rd .author-calc-catalog .calculator-category { margin: 0 0 28px; }
.rd .rd-article__body .author-calc-catalog .calculator-category h3 { margin: 0 0 10px; font: 600 20px/1.3 var(--f-ui); }
.rd .rd-article__body .author-calc-catalog .calculator-category h3 a { color: var(--ink); text-decoration: none; }
.rd .rd-article__body .author-calc-catalog .calculator-category h3 a:hover { color: var(--accent); }
.rd .rd-article__body .author-calc-catalog .calculator-category ul { margin: 0; }
.rd .rd-article__body .author-calc-catalog .calculator-category li { margin: 0 0 4px; font-size: 16px; line-height: 1.5; }
.rd .rd-article__body .author-calc-catalog .calculator-category li a { color: var(--ink); text-decoration: none; }
.rd .rd-article__body .author-calc-catalog .calculator-category li a:hover { color: var(--accent); text-decoration: underline; }

/* Карточка «Поддержать проект» внутри статьи: стили партиала перекрыты под макет */
.rd .rd-article__body .supp-box { margin: 32px 0 0; padding: 28px 32px; border: 0; border-radius: 20px; background: var(--tile); }
.rd .rd-article__body .supp-box__t { margin: 0 0 10px; font: 600 20px/1.3 var(--f-ui); color: var(--ink); }
.rd .rd-article__body .supp-box p { margin: 0 0 10px; font: 400 15px/1.55 var(--f-text); color: var(--ink); opacity: 1; }
.rd .rd-article__body .supp-box p.supp-box__fine { color: var(--mute); }
.rd .rd-article__body .supp-btns { gap: 8px; margin: 18px 0 0; }
.rd .rd-article__body .supp-btns a.supp-btn { display: inline-flex; align-items: center; justify-content: center; padding: 14px 22px; border: 1px solid var(--ink); border-radius: 999px; background: var(--ink); font: 500 15px/1 var(--f-ui); color: #fff; text-decoration: none; }
.rd .rd-article__body .supp-btns a.supp-btn--ghost { border-color: var(--line); background: transparent; color: var(--ink); }
.rd .rd-article__body .supp-btns a.supp-btn:hover { opacity: .85; }
.rd .rd-article__body p.supp-note { margin: 16px 0 0; font: 400 13px/1.5 var(--f-ui); color: var(--mute); }
.rd .rd-article__body .supp-note a.supp-note__l { color: var(--mute); }

/* Оглавление нужно рядом со статьёй; под статьёй на планшете и телефоне оно лишнее */
@media (max-width: 1024px) {
    .rd .rd-article__aside:has(> .rd-avt-toc) { display: none; }
    /* Статья на планшете уже: при шаге 14px третий скан шириной 168px уходил на новую строку */
    .rd .rd-article__body ul.author-docs { column-gap: 10px; }
}

@media (max-width: 639px) {
    .rd .rd-avt-hero .author-page { gap: 16px; }
    .rd .rd-avt-hero .author-page__photo { width: 120px; height: 120px; border-radius: 20px; }
    .rd .rd-avt-hero .author-page__role { font-size: 16px; }
    .rd .rd-avt-hero .author-page__since { font-size: 14px; }
    .rd .rd-avt-hero .author-page__contacts a { font-size: 13px; }
    .rd .rd-article__body .supp-box { padding: 20px 16px; }
    .rd .rd-article__body .supp-btns a.supp-btn { flex: 1 1 auto; }
}