/* Muallifning haqiqiy surati va tarjimai holi — mavjud AN brend uslubida. */
.author-photo .profile-portrait,
.about-photo .profile-portrait {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    border: 1px solid var(--on-navy-line);
}
.author-summary { color: var(--on-navy); line-height: 1.75; }
.profile-current { border-left: 3px solid var(--cobalt); padding: 14px 18px; border-radius: 0 10px 10px 0; }
.profile-current-dark { background: rgba(255, 255, 255, .05); }
.profile-label { display: block; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--cobalt); }
.profile-current-dark .profile-label { color: #aec9ff; }
.profile-current p { margin-top: 6px; font-size: 15px; line-height: 1.65; }
.author-facts dd small { display: block; margin-top: 4px; font-size: 13px; font-weight: 400; color: var(--on-navy); }
.profile-bio-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; color: var(--gray); line-height: 1.85; }
.page-about .tl { grid-template-columns: 116px minmax(0, 1fr); }
.page-about .tl-year { font-size: 13px; line-height: 1.7; }
.page-about .tl-place { line-height: 1.6; }
.course-author .profile-label { margin-bottom: 14px; }
.course-author-link { display: flex; align-items: center; gap: 16px; text-decoration: none; color: var(--navy); }
.course-author-portrait { position: relative; display: block; flex: none; width: 80px; height: 106px; overflow: hidden; border-radius: 10px; }
.course-author-portrait img { position: absolute; width: 240px; max-width: none; height: 320px; left: -80px; top: -132px; }
.course-author-link b { display: block; font-size: 18px; }
.course-author-link small { display: block; margin-top: 5px; color: var(--gray); }
.course-author > p:not(.profile-label) { margin-block: 16px; font-size: 14px; line-height: 1.75; }
.course-author-link:hover b { color: var(--cobalt); }
.course-author .link-arrow { font-size: 14px; }
@media (max-width: 900px) {
    .author-photo { max-width: 360px; }
    .about-photo .profile-portrait { max-width: 360px; }
    .page-about .stripe-page { opacity: .35; }
}
@media (max-width: 480px) {
    .page-about .tl { grid-template-columns: 88px minmax(0, 1fr); gap: 10px; }
    .page-about .tl-year { font-size: 11px; }
    .page-about .tl > div { padding-left: 18px; }
    .page-about .tl h3 { font-size: 17px; line-height: 1.5; }
    .page-about .tl-place { font-size: 11px; }
}