.author-page{position:relative;display:flex;flex-direction:column;align-items:center;max-width:min(760px,calc(100% - 2 * var(--blog-rail-inset, 0px)));width:100%;margin:0 auto;padding:var(--space-10) var(--space-6) var(--space-24)}.author-page__back{display:inline-flex;align-items:center;gap:var(--space-1-5);min-height:var(--tap-target-min);padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--modal-item-bg);border:1px solid var(--modal-item-border);color:var(--modal-text-soft);text-decoration:none;font-size:var(--text-ms);font-weight:var(--font-medium);margin-bottom:var(--space-8);align-self:flex-start;transition:border-color var(--sg-motion-base)}@media (hover:hover){.author-page__back:hover{border-color:var(--modal-item-border-hover)}}.author-page__header{display:flex;align-items:flex-start;gap:var(--space-5);width:100%;padding:var(--space-6);border:1px solid var(--modal-border);border-radius:var(--modal-radius);background:var(--modal-surface);box-shadow:var(--shadow-lg);margin-bottom:var(--space-6)}.author-page__avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--modal-mark-size);height:var(--modal-mark-size);border-radius:var(--radius-circle);background:var(--modal-item-lead-bg);border:1px solid var(--modal-divider);color:var(--modal-accent)}.author-page__info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.author-page__name{margin:0;font-size:var(--text-h4);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);color:var(--modal-text-primary);line-height:var(--leading-tight)}.author-page__role{font-size:var(--text-sm);color:var(--modal-text-muted)}.author-page__bio{margin:var(--space-3) 0 0;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--modal-text-secondary)}.author-page__section{width:100%;margin-bottom:var(--space-6)}.author-page__section-title{margin:0 0 var(--space-4);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--modal-text-primary)}.author-page__approach-list{display:flex;flex-direction:column;list-style:none;margin:0;padding:var(--space-2);border:1px solid var(--modal-border);border-radius:var(--modal-radius);background:var(--modal-surface);box-shadow:var(--shadow-lg)}.author-page__approach-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--modal-text-secondary)}.author-page__approach-item+.author-page__approach-item{border-top:1px solid var(--modal-divider)}.author-page__approach-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--modal-item-lead-size);height:var(--modal-item-lead-size);border-radius:var(--radius-circle);background:var(--modal-item-lead-bg);border:1px solid var(--modal-divider);color:var(--modal-accent)}.author-page__blog-link{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap-target-min);padding:0 var(--space-5);border-radius:var(--radius-md);border:1px solid rgba(var(--brand-cyan-rgb),var(--opacity-32));background:linear-gradient(180deg,rgba(var(--brand-cyan-rgb),var(--opacity-16)),rgba(var(--brand-cyan-rgb),var(--opacity-06))),rgba(var(--brand-cyan-rgb),var(--opacity-04));box-shadow:var(--shadow-sm);color:var(--modal-text-primary);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);transition:border-color var(--sg-motion-base),background var(--sg-motion-base);align-self:flex-start}@media (hover:hover){.author-page__blog-link:hover{border-color:rgba(var(--brand-cyan-rgb),var(--opacity-48));background:linear-gradient(180deg,rgba(var(--brand-cyan-rgb),var(--opacity-24)),rgba(var(--brand-cyan-rgb),var(--opacity-08))),rgba(var(--brand-cyan-rgb),var(--opacity-04))}}.author-page__back:focus-visible,.author-page__blog-link:focus-visible{outline:var(--focus-ring-width) solid var(--modal-accent);outline-offset:var(--focus-ring-offset)}@media (max-width:640px){.author-page{padding:var(--space-6) var(--space-4) var(--space-12)}.author-page__header{flex-direction:column;gap:var(--space-3);padding:var(--space-5)}.author-page__name{font-size:var(--text-xl)}}@media (prefers-reduced-motion:reduce){.author-page__back,.author-page__blog-link{transition:none}}