/* =====================================================================
   ATLANTA CANCER CARE — PHYSICIAN AND APP PROFILE
   File:   salient-child/css/acc/acc-person.css
   Needs:  acc-tokens.css, acc-base.css, acc-components.css
   Loads:  only on /physicians/{slug}/ and /assistant-pa-arnp/{slug}/ when
           the ACC person template is active.
   Markup: acc-templates/single-person.php
   The old template's inline CSS (.acc-phys__*, .acc-app__*) is not used
   by this template and is left alone.
   ===================================================================== */

/* Header: portrait photo, name with credentials */
.acc-person .acc-page-header__media { display: flex; justify-content: center; }
.acc-person .acc-person__photo {
	width: 100%;
	max-width: 340px;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	object-position: 50% 20%;
	border-radius: var(--acc-radius);
	background: var(--acc-sage-light);
}
.acc-person .acc-page-header__title { max-width: none; }
.acc-person__cred { font-weight: var(--acc-fw-regular); color: var(--acc-muted); font-size: 0.6em; letter-spacing: 0.01em; white-space: nowrap; }
@media (min-width: 900px) {
	.acc-person .acc-page-header.has-side .acc-page-header__grid { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); }
}
@media (max-width: 899px) {
	.acc-person .acc-page-header__media { justify-content: flex-start; }
	.acc-person .acc-person__photo { max-width: 200px; }
}
@media (max-width: 600px) {
	.acc-person .acc-person__photo { max-width: 160px; }
	.acc-person .acc-page-header__actions .acc-btn { flex: 1 1 100%; justify-content: center; }
}

/* Main column: section rhythm */
.acc-person__main > * + * { margin-top: var(--acc-space-7); }
.acc-person__main > .acc-content-section + .acc-content-section { padding-top: var(--acc-space-7); border-top: 1px solid var(--acc-line); }
.acc .acc-person__main h2 { font-size: var(--acc-fs-h3) !important; }
.acc-person__main .acc-prose { max-width: var(--acc-measure); }

/* Board certification line */
.acc .acc-person__board {
	display: inline-block;
	margin: 0 0 var(--acc-space-4) !important;
	padding: var(--acc-space-2) var(--acc-space-4);
	border-left: 3px solid var(--acc-red);
	background: var(--acc-surface);
	font-weight: var(--acc-fw-medium);
	color: var(--acc-heading) !important;
}

/* "Where X sees patients" */
.acc-person__offices > li { padding: var(--acc-space-5); }
.acc-person__offices .acc-office { gap: var(--acc-space-3); }

/* APP pages: a quieter header (no badge, smaller photo) */
.acc-person.is-app .acc-person__photo { max-width: 280px; }

/* Profile with no bio or interests yet (common for APPs): the appointment
   card and "At a glance" sit side by side across the page. */
.acc-person__body--no-main .acc-person__side { display: grid; gap: var(--acc-space-5); align-items: start; }
@media (min-width: 800px) {
	.acc-person__body--no-main .acc-person__side { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 900px; }
	.acc-person__body--no-main .acc-person__side > * + * { margin-top: 0; }
}
.acc-person__body--no-main .acc-person__side { position: static; }