.divein-author-box{color:var(--color-text-body);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-prose);& :is(.ubox-header,.author-info-wrap,.nname-info,.usocials){display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm)}& .author-avatar{display:block;width:var(--avatar-size-bio);height:var(--avatar-size-bio);flex:none}& .author-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}& :is(.nice-name,.author-job,.author-label){font-size:var(--text-base);line-height:var(--leading-loose);letter-spacing:var(--tracking-normal)}& .nice-name{font-weight:var(--font-weight-semibold);color:var(--color-text-link);text-decoration:underline}& .author-job{display:block;font-weight:var(--font-weight-normal);color:var(--color-text-muted)}& .bio-description{margin-block:var(--space-sm)}& .usocials{font-size:var(--text-sm)}}.ubox{padding-block:var(--space-lg);border-top:1px solid var(--color-border-subtle)}.author-bio-disclosure{position:relative;display:inline-block;&>summary{display:inline-flex;align-items:center;justify-content:center;min-width:var(--control-height-sm);min-height:var(--control-height-sm);list-style:none;color:var(--color-text-link);cursor:pointer}&>summary::marker{content:''}&>.ulightbox{position:absolute;inset:100% auto auto 0;z-index:var(--z-dropdown);box-sizing:border-box;width:var(--max-w-narrow);max-width:calc(100vw - var(--layout-gutter) * 2);padding:var(--space-md);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface-page);box-shadow:var(--shadow-md)}& .author-avatar{width:var(--avatar-size-sm);height:var(--avatar-size-sm)}& :is(.nice-name,.author-job,.author-label,.usocials){font-size:var(--text-2xs)}}@media (max-width:767px){.author-bio-disclosure>.ulightbox{position:fixed;inset:calc(var(--header-height) + var(--space-md)) var(--layout-gutter) auto;width:auto}}