/* ============================================================
   AUTHOR PROFILE PAGE (shared, all authors)  - self-contained, matches USCIS styling
   ============================================================ */

:root {
    --aut-profile-primary:      #1a365d;
    --aut-profile-accent:       #1a56a0;
    --aut-profile-border:       #bee3f8;
    --aut-profile-border-soft:  #e2e8f0;
    --aut-profile-bg-white:     #ffffff;
    --aut-profile-bg-light:     #ebf8ff;
    --aut-profile-text-dark:    #1a202c;
    --aut-profile-text-body:    #2d3748;
    --aut-profile-text-muted:   #4a5568;
    --aut-profile-font:         'Manrope', sans-serif;
    --aut-profile-fw-semibold:  600;
    --aut-profile-fw-bold:      700;
    --aut-profile-fw-extrabold: 800;
    --aut-profile-fs-xs:        0.8125rem;
    --aut-profile-fs-sm:        0.9375rem;
    --aut-profile-fs-base:      1.0625rem;
    --aut-profile-fs-md:        1.1875rem;
    --aut-profile-fs-xl:        1.5rem;
    --aut-profile-fs-2xl:       1.75rem;
    --aut-profile-fs-3xl:       2.125rem;
    --aut-profile-fs-hero:      2.875rem;
    --aut-profile-radius:       8px;
    --aut-profile-radius-lg:    12px;
    --aut-profile-max:          1200px;
    --aut-profile-shadow-hover: 0 6px 24px rgba(26,54,93,0.14);
}

.aut-profile-page-wrap {
    font-family: var(--aut-profile-font);
    color: var(--aut-profile-text-body);
    background: #ffffff;
    overflow-x: hidden;
}
.aut-profile-page-wrap *, .aut-profile-page-wrap *::before, .aut-profile-page-wrap *::after { box-sizing: border-box; }

.aut-profile-page-wrap .skip-link {
    position: absolute; left: -9999px; top: 0;
    background: var(--aut-profile-primary); color: #fff;
    padding: 0.6rem 1rem; border-radius: 0 0 8px 0; z-index: 1000;
}
.aut-profile-page-wrap .skip-link:focus { left: 0; }

/* breadcrumb (no underline) */
.aut-profile-breadcrumb { background: var(--aut-profile-bg-white); padding: 0.75rem 2rem; margin-top: 70px; }
.aut-profile-breadcrumb-list {
    list-style: none; margin: 0 auto; padding: 0; display: flex;
    align-items: center; flex-wrap: wrap; gap: 0.4rem; max-width: var(--aut-profile-max);
}
.aut-profile-breadcrumb-item { font-size: var(--aut-profile-fs-xs); font-weight: 500; }
.aut-profile-breadcrumb-link { color: var(--aut-profile-accent); text-decoration: none; }
.aut-profile-breadcrumb-link:hover { text-decoration: underline; }
.aut-profile-breadcrumb-sep { color: var(--aut-profile-text-muted); font-size: var(--aut-profile-fs-xs); }
.aut-profile-breadcrumb-current span { color: var(--aut-profile-text-muted); font-weight: var(--aut-profile-fw-semibold); }

/* hero */
.aut-profile-hero {
    max-width: var(--aut-profile-max); margin: 0 auto; background: var(--aut-profile-primary);
    border-radius: 16px 16px 0 0; padding: 4rem 3rem;
    display: flex; flex-direction: column; align-items: center; text-align: center; gap: 1rem;
}
.aut-profile-hero-avatar img {
    width: 120px; height: 120px; border-radius: 50%; object-fit: cover;
    outline: 3px solid rgba(255,255,255,0.35); outline-offset: -3px; background: var(--aut-profile-bg-light);
}
.aut-profile-hero-eyebrow {
    font-size: var(--aut-profile-fs-xs); font-weight: var(--aut-profile-fw-bold); letter-spacing: 0.08em;
    text-transform: uppercase; color: rgba(255,255,255,0.65); margin: 0;
}
.aut-profile-hero h1 {
    font-size: var(--aut-profile-fs-hero); font-weight: var(--aut-profile-fw-extrabold);
    color: #fff; line-height: 1.15; margin: 0; letter-spacing: -0.02em;
}
.aut-profile-hero-title { font-size: var(--aut-profile-fs-md); font-weight: var(--aut-profile-fw-semibold); color: rgba(255,255,255,0.9); margin: 0; }

/* hero badges row (Human translator / ATA-certified / etc.) */
.aut-profile-hero-badges { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.6rem; margin: 0.25rem 0; }
.aut-profile-hero-badge {
    display: inline-flex; align-items: center; gap: 0.35rem;
    background: rgba(255,255,255,0.12); color: #fff; font-size: var(--aut-profile-fs-xs);
    font-weight: var(--aut-profile-fw-semibold); padding: 0.4rem 0.9rem; border-radius: 100px;
    border: 1px solid rgba(255,255,255,0.25);
}
.aut-profile-hero-badge::before { content: "\2713"; opacity: 0.85; }

.aut-profile-hero-social { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; }
.aut-profile-hero-social a {
    color: #fff; font-size: var(--aut-profile-fs-sm); font-weight: var(--aut-profile-fw-bold);
    text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.4);
}
.aut-profile-hero-social a:hover { border-bottom-color: #fff; }

/* wrapper + sections */
.aut-profile-wrapper { max-width: var(--aut-profile-max); margin: 0 auto; padding: 0 2rem; }
.aut-profile-section { padding: 4rem 0; }
.aut-profile-section-title {
    font-size: var(--aut-profile-fs-3xl); font-weight: var(--aut-profile-fw-extrabold);
    color: var(--aut-profile-primary); line-height: 1.2; margin: 0 0 1.25rem; letter-spacing: -0.02em;
}
.aut-profile-bio-text { font-size: var(--aut-profile-fs-base); color: var(--aut-profile-text-body); line-height: 1.8; max-width: 780px; margin: 0 0 1.1rem; }
.aut-profile-bio-text p { margin: 0 0 1.1rem; }
.aut-profile-bio-text p:last-child { margin-bottom: 0; }

/* expertise tags */
.aut-profile-tags { display: flex; flex-wrap: wrap; gap: 0.5rem; list-style: none; margin: 0.6rem 0 0; padding: 0; }
.aut-profile-tags li {
    background: var(--aut-profile-bg-light); color: var(--aut-profile-accent); font-size: var(--aut-profile-fs-xs);
    font-weight: var(--aut-profile-fw-semibold); padding: 0.3rem 0.75rem; border-radius: 100px;
}

/* education list */
.aut-profile-edu-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.85rem; }
.aut-profile-edu-list li {
    font-size: var(--aut-profile-fs-base); color: var(--aut-profile-text-body); line-height: 1.6;
    padding-left: 1.5rem; position: relative; max-width: 780px;
}
.aut-profile-edu-list li::before {
    content: ""; position: absolute; left: 0; top: 0.55rem; width: 8px; height: 8px;
    border-radius: 50%; background: var(--aut-profile-accent);
}

/* back to team link */
.aut-profile-back-link { margin: 0 0 2rem; }
.aut-profile-back-link a {
    color: var(--aut-profile-accent); font-size: var(--aut-profile-fs-sm); font-weight: var(--aut-profile-fw-semibold);
    text-decoration: none;
}
.aut-profile-back-link a:hover { text-decoration: underline; }

/* final CTA */
.aut-profile-final-cta {
    background: var(--aut-profile-primary); margin: 0 0 4rem; padding: 4.5rem 2rem; text-align: center;
    display: flex; flex-direction: column; align-items: center; gap: 1.5rem; border-radius: 16px;
}
.aut-profile-final-cta h2 { font-size: var(--aut-profile-fs-3xl); font-weight: var(--aut-profile-fw-extrabold); color: #fff; margin: 0; letter-spacing: -0.02em; }
.aut-profile-final-cta p { font-size: var(--aut-profile-fs-base); color: rgba(255,255,255,0.88); line-height: 1.7; margin: 0; max-width: 640px; }
.aut-profile-btn-white {
    display: inline-block; background: #fff; color: var(--aut-profile-primary); font-size: var(--aut-profile-fs-base);
    font-weight: var(--aut-profile-fw-bold); padding: 0.95rem 2.5rem; border-radius: var(--aut-profile-radius);
    text-decoration: none; transition: background 0.2s, transform 0.2s;
}
.aut-profile-btn-white:hover { background: #eef4ff; transform: translateY(-2px); }

/* responsive */
@media (max-width: 767px) {
    .aut-profile-hero { border-radius: 0; padding: 2.75rem 1.25rem; }
    .aut-profile-hero h1 { font-size: 2rem; }
    .aut-profile-hero-avatar img { width: 96px; height: 96px; }
    .aut-profile-hero-badges { gap: 0.4rem; }
    .aut-profile-hero-badge { font-size: 0.75rem; padding: 0.35rem 0.7rem; }
    .aut-profile-wrapper { padding: 0 1.25rem; }
    .aut-profile-section { padding: 3rem 0; }
    .aut-profile-section-title { font-size: var(--aut-profile-fs-2xl); }
    .aut-profile-final-cta { margin: 0 0 3rem; border-radius: 12px; padding: 3.5rem 1.5rem; }
}