/* Página do autor — Figma 11285:836 / 11285:763. Reutiliza cards e paginação do blog. */
.news-home.news-author { background: #fff; }
.news-author__breadcrumb { background: #eff6fd; color: #0067d5; }
.news-author__breadcrumb ol { display: flex; align-items: center; gap: 18px; min-height: 42px; margin-block: 0; padding: 0; list-style: none; font-size: 16px; line-height: 1.15; }
.news-author__breadcrumb li { display: flex; align-items: center; flex: 0 0 auto; min-width: 0; }
.news-author__breadcrumb li + li::before { content: '>'; flex: 0 0 auto; margin-right: 18px; color: #00142a; }
.news-author__breadcrumb li:last-child { flex: 0 1 auto; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news-author__breadcrumb a:hover { text-decoration: underline; }
.news-author__content { display: grid; gap: 32px; padding-block: 32px; }
.news-author__profile { display: flex; align-items: center; gap: 20px; padding: 14px; border-radius: 12px; background: rgb(0 103 213 / 10%); color: #00142a; }
.news-author__profile > div { display: grid; gap: 2px; min-width: 0; }
.news-author__profile .news-article__avatar { display: block; flex: 0 0 105px; width: 105px; height: 105px; border-radius: 10px; object-fit: cover; }
.news-author__profile .news-article__avatar--fasul { padding: 12px; border-radius: 50%; background: #fff; object-fit: contain; }
.news-author__initial { display: inline-grid !important; place-items: center; overflow: hidden; border-radius: 50%; background: #e5f0fc; color: #004793; font-family: inherit; font-size: 1.5em; }
.news-author__label { font-size: 14px; font-weight: 300; line-height: 1.2; }
.news-author__name { font-size: 22px; font-weight: 400; line-height: 1.2; overflow-wrap: anywhere; }
.news-author__articles { display: grid; gap: 24px; min-width: 0; }
.news-author__heading { display: grid; gap: 8px; }
.news-author .news-author__heading h1 { color: #081c37; font-size: 28px; font-weight: 500; line-height: 1.15; text-align: left; text-transform: uppercase; }
.news-author__heading p { color: #000; font-size: 16px; font-weight: 400; line-height: 1.15; overflow-wrap: anywhere; }
.news-author__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; min-width: 0; align-items: start; }
.news-author .news-home__cover { border-radius: 8px; }
.news-author .news-home__card-title { font-size: 16px; font-weight: 500; line-height: 1.3; }
.news-author .news-home__excerpt { color: #00142a; font-size: 14px; line-height: 1.3; }
.news-author .news-home__tag { text-transform: uppercase; }
.news-author .news-home__meta time { color: rgb(0 0 0 / 50%); }
.news-author__more-wrap { display: grid; justify-items: center; margin-top: 8px; }
.news-author [hidden] { display: none !important; }
.news-home-js .news-author .news-category__initially-hidden-desktop { display: none !important; }
@media (max-width: 1024px) {
    .news-author__breadcrumb ol { min-height: 32px; gap: 14px; font-size: 12px; }
    .news-author__breadcrumb li + li::before { margin-right: 14px; }
    .news-author__content { gap: 24px; padding-block: 24px; }
    .news-author__profile { gap: 16px; }
    .news-author__profile .news-article__avatar { flex-basis: 100px; width: 100px; height: 100px; }
    .news-author__label { font-size: 16px; }
    .news-author__name { font-size: 26px; }
    .news-author__articles { gap: 16px; }
    .news-author .news-author__heading h1 { font-weight: 600; }
    .news-author__grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .news-author .news-home__cover { aspect-ratio: 460 / 212; }
    .news-author .news-home__card-title { font-size: 20px; line-height: 1.2; }
    .news-author .news-home__excerpt { font-size: 16px; line-height: 1.2; }
    .news-author .news-home__meta time { color: rgb(0 17 27 / 75%); }
    .news-author__more-wrap { display: block; margin-top: 0; }
    .news-home-js .news-author .news-category__initially-hidden-mobile { display: none !important; }
}
@media (max-width: 360px) {
    .news-author__profile { gap: 12px; }
    .news-author__profile .news-article__avatar { flex-basis: 80px; width: 80px; height: 80px; }
    .news-author__name { font-size: 22px; }
}
