.technics-author-block { display: flex; align-items: center; gap: 16px; margin: 16px 0; }
.technics-author-block img { border-radius: 50%; flex-shrink: 0; }
.technics-author-block a, .technics-authors a { overflow-wrap: anywhere; }
.technics-author-block a:focus-visible, .technics-authors a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.technics-authors .technics-author-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 24px; margin-bottom: 32px; }
.technics-authors .technics-author-card { display: flex; min-width: 0; border: 1px solid #e4eaf3; border-radius: 18px; background: #fff; box-shadow: 0 4px 18px rgba(0, 29, 73, .05); transition: border-color .2s, box-shadow .2s; }
.technics-authors .technics-author-card:hover { border-color: #c3d4f2; box-shadow: 0 8px 24px rgba(0, 29, 73, .1); }
.technics-authors .technics-author-card__link { display: flex; flex-direction: column; align-items: center; width: 100%; min-width: 0; padding: 28px; border-radius: inherit; color: #001d49; text-align: center; text-decoration: none; }
.technics-authors .technics-author-card__link:hover { color: #001d49; text-decoration: none; }
.technics-authors .technics-author-card__link:focus { outline: 3px solid #005bff; outline-offset: -3px; text-decoration: none; }
.technics-authors .technics-author-card__avatar { display: flex; align-items: center; justify-content: center; width: 112px; height: 112px; flex-shrink: 0; overflow: hidden; border-radius: 50%; background: #f0f4fa; color: #8194b1; box-shadow: 0 0 0 8px #f8faff; }
.technics-authors .technics-author-card__avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.technics-authors .technics-author-card__name { margin: 24px 0 12px; font-size: 24px; line-height: 1.35; font-weight: 700; color: #001d49; }
.technics-authors .technics-author-card__excerpt { margin: 0 0 24px; font-size: 15px; line-height: 1.65; color: #56657c; }
.technics-authors .technics-author-card__button { width: 100%; max-width: 240px; margin-top: auto; white-space: normal; height: auto; min-height: 40px; }
.technics-authors .technics-author-grid__empty { grid-column: 1 / -1; margin: 0; }
@media (max-width: 575px) {
  .technics-authors .technics-author-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .technics-authors .technics-author-card__link { padding: 24px; }
}
.technics-authors h1 { overflow-wrap: anywhere; }
.technics-authors .technics-author-profile { display: flex; align-items: flex-start; gap: 32px; padding: 32px; margin-bottom: 40px; border: 1px solid #e4eaf3; border-radius: 18px; background: #fff; box-shadow: 0 4px 18px rgba(0, 29, 73, .05); }
.technics-authors .technics-author-profile__avatar { width: 160px; height: 160px; }
.technics-authors .technics-author-profile__description { flex: 1; min-width: 0; font-size: 16px; line-height: 1.75; color: #56657c; overflow-wrap: anywhere; }
.technics-authors .technics-author-profile__description > :last-child { margin-bottom: 0; }
.technics-authors .technics-author-profile__description img, .technics-authors .technics-author-profile__description video, .technics-authors .technics-author-profile__description iframe { max-width: 100%; }
.technics-authors .technics-author-profile__description img { height: auto; }
.technics-authors .technics-author-profile__description table { display: block; max-width: 100%; overflow-x: auto; }
.technics-authors .technics-author-profile__description pre { max-width: 100%; overflow-x: auto; }
.technics-authors .technics-author-articles-heading { margin: 0 0 24px; font-size: 28px; line-height: 1.35; font-weight: 700; color: #001d49; }
.technics-authors .technics-author-articles { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 24px; margin-bottom: 32px; }
.technics-authors .technics-author-article { display: flex; min-width: 0; border: 1px solid #e4eaf3; border-radius: 18px; background: #fff; box-shadow: 0 4px 18px rgba(0, 29, 73, .05); transition: border-color .2s, box-shadow .2s; }
.technics-authors .technics-author-article:hover { border-color: #c3d4f2; box-shadow: 0 8px 24px rgba(0, 29, 73, .1); }
.technics-authors .technics-author-article__link { display: flex; flex-direction: column; width: 100%; min-width: 0; margin: 0; border-radius: inherit; color: #001d49; text-decoration: none; }
.technics-authors .technics-author-article__link::after { content: none; }
.technics-authors .technics-author-article__link:hover { color: #001d49; text-decoration: none; }
.technics-authors .technics-author-article__link:focus { outline: 3px solid #005bff; outline-offset: -3px; text-decoration: none; }
.technics-authors .technics-author-article__image { flex-shrink: 0; margin: 0; border-radius: 17px 17px 0 0; overflow: hidden; }
.technics-authors .technics-author-article__image img { display: block; width: 100%; height: 210px; object-fit: cover; }
.technics-authors .technics-author-article__body { display: flex; flex: 1; flex-direction: column; padding: 24px; }
.technics-authors .technics-author-article__title { margin: 0 0 12px; font-size: 22px; line-height: 1.4; font-weight: 700; color: #001d49; }
.technics-authors .technics-author-article__excerpt { margin: 0 0 20px; font-size: 15px; line-height: 1.65; color: #56657c; }
.technics-authors .technics-author-article__date { margin-top: auto; font-size: 13px; color: #64758c; }
.technics-authors .technics-author-articles__empty { grid-column: 1 / -1; margin: 0; color: #56657c; }
@media (max-width: 991px) {
  .technics-authors .technics-author-profile { flex-direction: column; gap: 24px; padding: 24px; }
}
@media (max-width: 575px) {
  .technics-authors .technics-author-articles { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .technics-authors .technics-author-articles-heading { font-size: 24px; }
}
.technics-blog-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 30px; }
.technics-blog-heading > .page__heading { margin: 0; min-width: 0; }
.technics-blog-heading > .technics-blog-authors-link { flex-shrink: 0; }
.technics-blog-heading > .technics-blog-authors-link:focus { outline: 2px solid #333; outline-offset: 3px; }
@media (max-width: 575px) {
  .technics-blog-heading { flex-direction: column; align-items: flex-start; }
}
