/* One verified graduate: /alumni/{slug} (the alumni card itself: components.css .ac) */
.ap-hero { padding: clamp(120px, 13vw, 150px) 0 var(--space-10); border-bottom: 1px solid var(--color-border); background: radial-gradient(ellipse at 15% 0%, rgba(55, 189, 138, 0.14), transparent 55%); }
.ap-head { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-8); margin-top: var(--space-4); }
.ap-photo { flex: none; width: 168px; height: 168px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 5px var(--color-bg), 0 0 0 8px var(--color-primary), var(--shadow-lg); }
.ap-photo--initials { display: grid; place-items: center; background: var(--color-primary-soft); color: var(--color-primary); font-size: 3rem; font-weight: var(--fw-bold); }
.ap-head__text { flex: 1; min-width: min(100%, 320px); }
.ap-badge { display: inline-flex; align-items: center; gap: var(--space-2); padding: 0.3rem 0.85rem; border: 1px solid var(--color-border-accent); border-radius: var(--radius-pill); background: var(--color-primary-soft); color: var(--color-primary); font-size: var(--fs-xs); font-weight: var(--fw-semibold); letter-spacing: 0.04em; text-transform: uppercase; }
.ap-name { margin: var(--space-3) 0 var(--space-1); color: var(--color-text); font-size: clamp(2rem, 5vw, 3rem); font-weight: var(--fw-bold); letter-spacing: -0.02em; line-height: 1.1; }
.ap-role { margin: 0; color: var(--color-primary); font-size: var(--fs-xl); font-weight: var(--fw-semibold); }
.ap-facts { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-5); margin: var(--space-4) 0 0; padding: 0; list-style: none; color: var(--color-text-secondary); font-size: var(--fs-md); }
.ap-facts i { margin-right: 6px; color: var(--color-primary); }
.ap-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-6); }
.ap-actions .btn { display: inline-flex; align-items: center; gap: var(--space-2); }
.ap-share { border: 1px solid var(--color-border); background: rgba(255, 255, 255, 0.04); color: var(--color-text); }
.ap-share:hover, .ap-share:focus-visible { border-color: var(--color-border-accent); color: var(--color-text); }
.ap-share--wa i { color: #25d366; }

.ap-body { padding: var(--space-12) 0 var(--space-section); }
.ap-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-8); }
@media (min-width: 992px) {
    .ap-grid { grid-template-columns: minmax(0, 1fr) 320px; align-items: start; }
    .ap-side { position: sticky; top: 110px; }
}
.ap-main { display: grid; gap: var(--space-8); }
.ap-block { padding: var(--space-8); border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--color-surface); }
.ap-block__title { margin: 0 0 var(--space-4); color: var(--color-text); font-size: var(--fs-2xl); font-weight: var(--fw-bold); }
.ap-block__lead { margin: calc(-1 * var(--space-2)) 0 var(--space-4); color: var(--color-text-muted); font-size: var(--fs-sm); }
.ap-lead { margin: 0 0 var(--space-4); padding-left: var(--space-4); border-left: 3px solid var(--color-primary); color: var(--color-text); font-size: var(--fs-lg); line-height: 1.7; }
.ap-lead:dir(rtl) { padding-right: var(--space-4); padding-left: 0; border-right: 3px solid var(--color-primary); border-left: 0; }
.ap-text { margin: 0 0 var(--space-4); color: var(--color-text-secondary); font-size: var(--fs-base); line-height: 1.8; }
.ap-text:last-child { margin-bottom: 0; }

.ap-certs { display: grid; gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.ap-cert { display: flex; align-items: center; gap: var(--space-4); padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: rgba(255, 255, 255, 0.02); }
.ap-cert__icon { display: grid; flex: none; place-items: center; width: 44px; height: 44px; border-radius: var(--radius-md); background: var(--color-primary-soft); color: var(--color-primary); font-size: 1.2rem; }
.ap-cert__text { display: grid; flex: 1; gap: 2px; min-width: 0; }
.ap-cert__text strong, .ap-cert__text strong a { color: var(--color-text); text-decoration: none; }
.ap-cert__text strong a:hover { color: var(--color-primary); }
.ap-cert__text span { color: var(--color-text-muted); font-size: var(--fs-sm); overflow-wrap: anywhere; }
.ap-cert__verify { flex: none; color: var(--color-primary); font-size: var(--fs-sm); font-weight: var(--fw-semibold); text-decoration: none; }
.ap-cert__verify:hover { text-decoration: underline; }

.ap-work { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); gap: var(--space-4); margin: 0; padding: 0; list-style: none; }
.ap-work figure { margin: 0; overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-bg); }
.ap-work img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.ap-work figcaption { display: grid; gap: 2px; padding: var(--space-3); font-size: var(--fs-sm); }
.ap-work figcaption strong, .ap-work figcaption a { color: var(--color-text); text-decoration: none; }
.ap-work figcaption span { color: var(--color-text-muted); }

.ap-review { margin: 0 0 var(--space-4); padding: var(--space-5); border-radius: var(--radius-lg); background: rgba(255, 255, 255, 0.03); }
.ap-review:last-child { margin-bottom: 0; }
.ap-review__stars { color: #f5b301; font-size: var(--fs-sm); letter-spacing: 2px; }
.ap-review p { margin: var(--space-2) 0; color: var(--color-text); line-height: 1.8; }
.ap-review footer { color: var(--color-text-muted); font-size: var(--fs-sm); }
.ap-review footer a { color: var(--color-primary); text-decoration: none; }

.ap-card { display: grid; gap: var(--space-4); padding: var(--space-6); border: 1px solid var(--color-border-accent); border-radius: var(--radius-xl); background: linear-gradient(160deg, rgba(55, 189, 138, 0.12), transparent 60%), var(--color-surface); }
.ap-card__title { margin: 0; color: var(--color-text); font-size: var(--fs-xl); font-weight: var(--fw-bold); }
.ap-card p { margin: 0; color: var(--color-text-secondary); line-height: 1.6; }
.ap-card .btn { justify-content: center; }
.ap-card__more { color: var(--color-text-secondary); font-size: var(--fs-sm); text-align: center; text-decoration: none; }
.ap-card__more:hover { color: var(--color-primary); }
.ap-note { margin: var(--space-4) 0 0; color: var(--color-text-muted); font-size: var(--fs-xs); line-height: 1.6; }
.ap-note a { color: var(--color-text-secondary); }

.ap-more { padding: 0 0 var(--space-section); }
.ap-more .section-head { margin-bottom: var(--space-6); }

@media (max-width: 575px) {
    .ap-head { flex-direction: column; align-items: flex-start; gap: var(--space-5); }
    .ap-photo { width: 120px; height: 120px; }
    .ap-block { padding: var(--space-5); }
    .ap-cert { flex-wrap: wrap; }
    .ap-cert__verify { margin-left: 60px; }
}