/*!
 * Physician profile redesign mock (DDEV only) — bio pages only.
 * /doctors grid untouched: every rule is scoped to .hill-physician-profile.
 *
 * Foundations
 *   Spacing   8px ladder, one value per relationship (see --hp-* below).
 *   Gutter    --hp-gutter: hero text, tab labels and card content share one
 *             vertical left edge; cards are flush to the shell, content inset.
 *   Colour    --hp-green-ink for text/icon green, --hp-green-fill for large
 *             fills only. --hp-cta-blue matches the /doctors card buttons.
 *   Radius    pill 9999 / control 8 / card 12, plus --hp-r-cta 5 carried over
 *             from the /doctors card button. Nothing else.
 */

.hill-physician-profile {
	/* Spacing: one value per relationship. */
	--hp-section: 48px; /* hero -> tabs -> related, and shell padding */
	--hp-card-gap: 32px; /* location card -> location card */
	--hp-group: 24px; /* group -> group, and card padding */
	--hp-row: 8px; /* row -> row inside a group */
	--hp-label: 4px; /* label -> value */
	--hp-inline: 8px; /* button -> button, pill -> pill */
	--hp-gutter: 24px;

	/* Radius */
	--hp-r-pill: 9999px;
	--hp-r-control: 8px;
	--hp-r-card: 12px;
	/* CTA buttons only. 5px is the /doctors card button radius
	   (.physician-footer a,button in
	   resources/sass/components/_physicians-listing.scss). */
	--hp-r-cta: 5px;

	/* Colour */
	--hp-light-blue: #c7eafc;
	--hp-deep-blue: #003866;
	--hp-dark-blue: #004a87;
	--hp-cta-blue: #2476bd; /* 4.77:1 on white — same token as /doctors cards */
	--hp-green-ink: #477a00; /* 5.18:1 on white, 4.71:1 on --hp-green-wash */
	--hp-green-fill: #bed600; /* large fills/borders only — 1.6:1 as text */
	--hp-green-edge: #d9e76c;
	--hp-green-wash: #f1f7dc;
	--hp-pill: #ededee;
	--hp-ink: #4d4f53;
	/* 4.81:1 on the light-blue hero band, 6.09:1 on white. The previous #5d6b78
	   measured 4.32:1 against the band, under AA for the secondary hero rows. */
	--hp-ink-muted: #56646f;
	--hp-hairline: #e4ebf2;
	--hp-wash: #f4f6f8;
}

/* ----- Shell: a reading column, not a stretched 1800px band ----- */
.hill-physician-profile.post-type-page {
	max-width: 72rem;
	margin-left: auto;
	margin-right: auto;
	padding-top: var(--hp-section);
	/* Closing gap is owned by #physician below, so there is one source of it. */
	padding-bottom: 0;
}

/* The bio content wrapper ends at the related-physicians bar and carries the
   section-level gap beneath it. */
.hill-physician-profile #physician {
	margin: 0;
	padding-bottom: var(--hp-section);
}

/* The shared footer pulls itself up by 2rem/-3rem via .footerFix, which would
   swallow that gap at lg and inflate it below lg. Cancel the pull for bio pages
   only — this stylesheet is enqueued from single-physicians.php and nowhere
   else, and the body class keeps the intent explicit. */
body.single-physicians #footer.footerFix {
	margin-top: 0;
}

/* ----- Focus -----
   The theme draws focus rings from --outline-* custom properties, and its
   selector carries ID specificity, so bio overrides have to match it: hence
   #physician rather than a class. currentColor would go white on the inverted
   CTA buttons, so the ring is pinned to the dark blue instead. */
#physician :is(a, button, summary) {
	--outline-color: var(--hp-dark-blue);
	--outline-offset: 3px;
}

/* Full-bleed bars take the ring inside their own edge. */
#physician .related-physicians__summary {
	--outline-offset: -3px;
}

#physician [role="tabpanel"]:focus-visible {
	outline: 2px solid var(--hp-dark-blue);
	outline-offset: -3px;
}

/* ----- Hero ----- */
.hill-physician-profile .hill-profile-hero {
	background: var(--hp-light-blue);
	/* Same-colour 1px edge as the tab panel, so hero content and card content
	   land on the identical gutter instead of missing it by the border width. */
	border: 1px solid var(--hp-light-blue);
	border-radius: var(--hp-r-card) var(--hp-r-card) 0 0;
	padding: var(--hp-gutter);
	margin: 0;
}

.hill-physician-profile .hill-profile-hero__toolbar {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: var(--hp-inline) var(--hp-group);
	margin: 0 0 var(--hp-group);
}

/* One toolbar, two element types (a link back, a button to print): reset the
   UA button chrome so both render identically, and keep the 24px target. */
.hill-physician-profile .hill-profile-hero__nav-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--hp-dark-blue);
	font-weight: 600;
	font-size: 0.8125rem;
	font-family: inherit;
	line-height: 1.4;
	text-decoration: none;
	background: none;
	border: 0;
	border-radius: var(--hp-r-control);
	padding: 4px 0;
	margin: 0;
	cursor: pointer;
}

.hill-physician-profile .hill-profile-hero__nav-link:hover,
.hill-physician-profile .hill-profile-hero__nav-link:focus {
	text-decoration: underline;
}

/* TOOLBAR ICON CAP — under review, remove this rule to restore the old sizing.
   The chevron is a tall 11.6x21.2 glyph, so the theme's width utility renders it
   29px next to a 13px label and leaves the two controls different heights.
   Capping to the label's own height matches them; width follows the intrinsic
   ratio so neither icon squashes. */
.hill-physician-profile .hill-profile-hero__nav-link img {
	width: auto;
	max-height: 1.15em;
}

.hill-physician-profile .hill-profile-hero__body {
	display: flex;
	flex-wrap: wrap;
	gap: var(--hp-group);
	align-items: flex-start;
}

.hill-physician-profile .hill-profile-hero__photo {
	width: 128px;
	height: auto;
	border-radius: var(--hp-r-control);
	object-fit: cover;
	object-position: center top;
	flex: 0 0 auto;
}

.hill-physician-profile .hill-profile-hero__identity {
	flex: 1 1 16rem;
	min-width: 0;
}

.hill-physician-profile .hill-profile-hero__name {
	margin: 0 0 var(--hp-row);
	font-size: 1.625rem;
	line-height: 1.2;
	color: var(--hp-deep-blue);
	font-weight: 700;
}

/* Optical: pull the cap-height up to the photo's top edge. */
.hill-physician-profile .hill-profile-hero__body:not(.hill-profile-hero__body--no-photo) .hill-profile-hero__name {
	margin-top: -3px;
}

/* No photo is the majority case, so compose it as a finished state: the name
   carries the weight the portrait would have, with a brand rule beneath it. */
.hill-physician-profile .hill-profile-hero__body--no-photo .hill-profile-hero__name {
	font-size: 2rem;
	letter-spacing: -0.01em;
	padding-bottom: var(--hp-row);
	position: relative;
}

.hill-physician-profile .hill-profile-hero__body--no-photo .hill-profile-hero__name::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 72px;
	height: 4px;
	border-radius: 2px;
	background: var(--hp-green-fill);
}

/* Acceptance — the primary decision fact, stated in full. */
.hill-physician-profile .hill-profile-status {
	display: inline-flex;
	align-items: center;
	gap: var(--hp-row);
	margin: var(--hp-row) 0 var(--hp-group);
	padding: 8px 12px 7px;
	border-radius: var(--hp-r-pill);
	font-size: 0.9375rem;
	line-height: 1.3;
}

.hill-physician-profile .hill-profile-status--open {
	color: var(--hp-green-ink);
	background: var(--hp-green-wash);
	border: 1px solid var(--hp-green-edge);
	font-weight: 700;
}

.hill-physician-profile .hill-profile-status--closed {
	color: var(--hp-ink);
	background: var(--hp-wash);
	border: 1px solid var(--hp-hairline);
	font-weight: 600;
}

.hill-physician-profile .hill-profile-status__icon {
	flex: 0 0 auto;
	position: relative;
	top: 1px;
}

/* Per-location variant: same vocabulary, subordinate to the hero statement. */
.hill-physician-profile .hill-profile-status--sm {
	margin: 0;
	align-self: flex-start;
	padding: 5px 10px 4px;
	font-size: 0.8125rem;
}

/* Facts grid. Below 640px this is a plain block, so the two fact groups stay
   stacked exactly as they were — a narrow screen already uses its full width,
   so there is nothing to reclaim there. Above 640px they sit side by side and
   the hero stops running tall against two thirds of empty width. */
@media screen and (min-width: 640px) {
	.hill-physician-profile .hill-profile-hero__facts {
		display: grid;
		grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
		column-gap: var(--hp-card-gap);
		align-items: start;
	}

	/* Languages and gender are both optional, so the second column can be
	   absent entirely; the primary facts then take the full width as before. */
	.hill-physician-profile .hill-profile-hero__facts:has(> :only-child) {
		grid-template-columns: minmax(0, 1fr);
	}

	/* The gap between the groups is the grid's job once they are columns. */
	.hill-physician-profile .hill-profile-hero__facts .hill-profile-hero__meta--secondary {
		margin-top: 0;
	}
}

.hill-physician-profile .hill-profile-hero__meta {
	display: flex;
	flex-direction: column;
	gap: var(--hp-row);
	max-width: 46rem;
	/* 16px/24px mirrors .physician-address on the /doctors result cards
	   (resources/sass/components/_physicians-listing.scss), which is the
	   source of truth for how a physician fact is set. */
	font-size: 1rem;
	line-height: 1.5;
	color: var(--hp-ink);
}

/* Languages and gender stay available, one step down from the primary facts. */
.hill-physician-profile .hill-profile-hero__meta--secondary {
	margin-top: var(--hp-group);
	font-size: 0.875rem;
	color: var(--hp-ink-muted);
}

.hill-physician-profile .hill-profile-hero__row {
	margin: 0;
}

.hill-physician-profile .hill-profile-hero__label {
	color: var(--hp-dark-blue);
	font-weight: 700;
}

.hill-physician-profile .hill-profile-hero__meta--secondary .hill-profile-hero__label {
	color: var(--hp-ink-muted);
	font-weight: 600;
}

.hill-physician-profile .hill-profile-hero__cities a {
	color: var(--hp-dark-blue);
	font-weight: 600;
	text-decoration: underline;
	/* Vertical padding on an inline box grows the hit area to 25px without
	   touching the line box, so the sentence keeps its rhythm. */
	padding: 3px 0;
}

/* Pills belong to the info block above them, not floating between sections. */
.hill-physician-profile .hill-profile-pills {
	display: flex;
	flex-wrap: wrap;
	gap: var(--hp-inline);
	margin-top: var(--hp-group);
}

.hill-physician-profile .pill {
	display: inline-block;
	max-width: 100%;
	overflow-wrap: anywhere;
	font-size: 0.875rem;
	/* 14px/21px is the /doctors card pill (.physician-card .pill in
	   resources/sass/components/_physicians-listing.scss). */
	line-height: 1.5;
	border-radius: var(--hp-r-pill);
	/* Asymmetric by 1px: glyph mass sits high in a rounded pill. */
	padding: 8px 12px 7px;
	background: var(--hp-pill);
	color: var(--hp-ink);
	margin: 0;
}

/* ----- Tabs: label sits on the shared gutter, docked to the panel ----- */
.hill-physician-profile .hill-profile-tabs {
	display: flex;
	justify-content: flex-start;
	/* At 320px with text scaled to 200% the two labels no longer share a line;
	   wrapping keeps them on screen instead of pushing the page sideways. */
	flex-wrap: wrap;
	gap: var(--hp-inline);
	margin: var(--hp-section) 0 0;
	position: relative;
	z-index: 2;
}

.hill-physician-profile .hill-profile-tabs button {
	border: 1px solid var(--hp-light-blue);
	border-bottom-color: #fff;
	border-radius: var(--hp-r-control) var(--hp-r-control) 0 0;
	/* 1px border + gutter, matching the hero and panel content edge. */
	padding: 12px var(--hp-gutter);
	max-width: 100%;
	overflow-wrap: anywhere;
	color: var(--hp-ink);
	font-weight: 700;
	font-size: 0.9375rem;
	cursor: pointer;
	margin: 0;
}

/* The shared script writes background-color inline, so fill carries the state
   on its own; this adds the accent, keyed to the same aria-selected the
   profile script maintains. */
.hill-physician-profile .hill-profile-tabs button[aria-selected="true"] {
	color: var(--hp-deep-blue);
	box-shadow: inset 0 3px 0 var(--hp-dark-blue);
}

.hill-physician-profile .hill-profile-tabs__btn--sparse {
	font-weight: 600;
	color: var(--hp-ink-muted);
}

.hill-physician-profile .hill-profile-tab-panel {
	border: 1px solid var(--hp-light-blue);
	border-radius: 0 var(--hp-r-card) var(--hp-r-card) var(--hp-r-card);
	background: #fff;
	padding: var(--hp-gutter);
	margin: -1px 0 0;
}

/* ----- Location ----- */
.hill-physician-profile .hill-profile-location {
	border: none;
	padding: 0;
	margin: 0;
	background: transparent;
}

.hill-physician-profile .hill-profile-location + .hill-profile-location {
	border-top: 1px solid var(--hp-hairline);
	margin-top: var(--hp-card-gap);
	padding-top: var(--hp-card-gap);
}

.hill-physician-profile .hill-profile-location__header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: var(--hp-inline) var(--hp-group);
	margin: 0 0 var(--hp-group);
	padding: 0 0 var(--hp-group);
	border-bottom: 1px solid var(--hp-hairline);
}

.hill-physician-profile .hill-profile-location__title {
	margin: 0;
	font-size: 1.25rem;
	line-height: 1.25;
	color: var(--hp-deep-blue);
	font-weight: 700;
	/* Narrow columns let the title collapse to its text; the shared edge that
	   lines the button sets up is restored at the breakpoint below. */
	min-width: 0;
	/* Clear the sticky site header when a hero city link jumps here. */
	scroll-margin-top: 120px;
}

.hill-physician-profile .hill-profile-location__grid {
	display: grid;
	gap: var(--hp-group);
}

.hill-physician-profile .hill-profile-location__main {
	display: flex;
	flex-direction: column;
	gap: var(--hp-group);
	min-width: 0;
}

.hill-physician-profile .hill-profile-location__address,
.hill-physician-profile .hill-profile-location__group {
	display: flex;
	flex-direction: column;
	gap: var(--hp-label);
	min-width: 0;
}

.hill-physician-profile .hill-profile-location__address {
	gap: 0;
}

.hill-physician-profile .hill-profile-location__label {
	display: block;
	color: var(--hp-ink-muted);
	font-weight: 700;
	font-size: 0.6875rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.hill-physician-profile .hill-profile-location__row {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.5;
	color: var(--hp-ink);
}

.hill-physician-profile .hill-profile-location__practice {
	font-weight: 700;
	color: var(--hp-deep-blue);
}

.hill-physician-profile .hill-profile-location__practice a {
	color: var(--hp-cta-blue);
	font-weight: 700;
	text-decoration: none;
}

.hill-physician-profile .hill-profile-location__practice a:hover,
.hill-physician-profile .hill-profile-location__practice a:focus {
	text-decoration: underline;
}

/* ----- Buttons as a set ----- */
.hill-physician-profile .hill-profile-actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--hp-inline);
	margin: 0;
	min-width: 0;
}

/* Chrome is the /doctors result-card button, value for value: .physician-footer
   a,button in resources/sass/components/_physicians-listing.scss is the source
   of truth for 15px/500, 5px 8px, the 5px gap and the transparent fill.
   Mirrored rather than reused: that rule is a container descendant selector at
   (0,1,1), so every declaration it shares would lose to the (0,2,1) selectors
   this file already needs for the icon, arrow and matched-width rules below. */
.hill-physician-profile .hill-profile-actions a {
	border: 1px solid var(--hp-cta-blue);
	border-radius: var(--hp-r-cta);
	color: var(--hp-cta-blue);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	/* /doctors sets space-between, which reads as centred there only because
	   its buttons shrink-wrap. These carry a shared min-width, so centring is
	   what reproduces the same optical result. */
	justify-content: center;
	gap: 5px;
	/* Below the breakpoint each button takes the full row on its own. Sharing
	   the row halved the primary action and still overflowed a 390px viewport
	   by 4.3px; a 100% basis with min-width:0 cannot outrun the column, so a
	   320px screen or 200% text never pushes the page sideways. This is a
	   deliberate bio-only deviation from the /doctors cards, which keep their
	   pair inline. */
	min-width: 0;
	flex: 1 1 100%;
	padding: 5px 8px;
	font-weight: 500;
	font-size: 0.9375rem;
	line-height: 1.5;
	background: transparent;
}

.hill-physician-profile .hill-profile-actions a:hover,
.hill-physician-profile .hill-profile-actions a:focus,
.hill-physician-profile .hill-profile-actions a:active {
	background: var(--hp-cta-blue);
	color: #fff;
}

/* The icons are inlined in the template and stroked with currentColor, so they
   follow the label on their own: blue at rest, white once the button fills in.
   That replaces the brightness/invert filter the <img> version needed. */
.hill-physician-profile .hill-profile-actions a svg {
	width: 14px;
	height: 14px;
	flex: 0 0 auto;
	/* Optical: a hair below the mathematical centre of the text. */
	position: relative;
	top: 1px;
}

/* Leaving the site for Google Maps. */
.hill-physician-profile .hill-profile-external-maps::after {
	content: "\00a0\2197";
	font-size: 0.75em;
	opacity: 0.75;
}

/* Once there is room, the set goes back to one shared width, which is what
   holds the buttons on a single left edge down a multi-office page. 8.5rem
   clears the wider of the two labels ("Directions" plus its ↗, 131px) on the
   8px ladder; both labels are fixed strings, so the pair cannot outgrow it. */
@media screen and (min-width: 480px) {
	.hill-physician-profile .hill-profile-actions a {
		min-width: 8.5rem;
		flex: 0 0 auto;
	}

	.hill-physician-profile .hill-profile-location__title {
		min-width: 10rem;
	}
}

/* ----- Health plans ----- */
.hill-physician-profile .hill-profile-location__plans {
	border-top: 1px solid var(--hp-hairline);
	padding-top: var(--hp-group);
	min-width: 0;
}

.hill-physician-profile .hill-profile-plans {
	min-width: 0;
}

/* Matches the label-to-value gap the plans list already carries, so both plan
   shapes sit on the same rhythm as the Hours/Specialties groups opposite. */
.hill-physician-profile .hill-profile-location__label + .hill-profile-plans {
	margin-top: var(--hp-label);
}

.hill-physician-profile .hill-profile-plans__summary {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: var(--hp-row);
	list-style: none;
	cursor: pointer;
	font-size: 0.9375rem;
	line-height: 1.5;
	color: var(--hp-ink);
	/* Keeps the single-line target at the 24px minimum. */
	padding: 2px 0;
}

.hill-physician-profile .hill-profile-plans__summary::-webkit-details-marker {
	display: none;
}

.hill-physician-profile .hill-profile-plans__summary::marker {
	content: "";
}

.hill-physician-profile .hill-profile-plans__toggle {
	color: var(--hp-cta-blue);
	font-weight: 600;
	text-decoration: underline;
}

.hill-physician-profile .hill-profile-plans[open] .hill-profile-plans__toggle::after {
	content: " (hide)";
}

.hill-physician-profile .hill-profile-plans-list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--hp-inline);
	margin-top: var(--hp-label);
}

.hill-physician-profile .hill-profile-plans[open] .hill-profile-plans-list {
	margin-top: var(--hp-group);
}

.hill-physician-profile .hill-profile-plans-list span {
	display: inline-block;
	max-width: 100%;
	overflow-wrap: anywhere;
	font-size: 0.875rem;
	line-height: 1.2;
	color: var(--hp-ink);
	background: var(--hp-wash);
	border: 1px solid var(--hp-hairline);
	border-radius: var(--hp-r-pill);
	padding: 8px 12px 7px;
}

.hill-physician-profile .hill-profile-locations-extra {
	margin-top: var(--hp-card-gap);
	padding-top: var(--hp-card-gap);
	border-top: 1px solid var(--hp-hairline);
}

.hill-physician-profile .hill-profile-locations-extra a,
.hill-physician-profile .hill-profile-background__row a {
	color: var(--hp-green-ink);
}

/* ----- Background ----- */
.hill-physician-profile .hill-profile-background {
	border: none;
	padding: 0;
	background: transparent;
	max-width: 46rem;
}

.hill-physician-profile .hill-profile-background__row {
	margin: 0 0 var(--hp-group);
	font-size: 0.9375rem;
	line-height: 1.5;
	color: var(--hp-ink);
}

.hill-physician-profile .hill-profile-background__row:last-child {
	margin-bottom: 0;
}

.hill-physician-profile .hill-profile-background__label {
	color: var(--hp-dark-blue);
	font-weight: 700;
}

.hill-physician-profile .hill-profile-background__empty {
	margin: 0 0 var(--hp-group);
	padding: var(--hp-group);
	background: var(--hp-wash);
	border: 1px solid var(--hp-hairline);
	border-radius: var(--hp-r-control);
	font-size: 0.9375rem;
	line-height: 1.5;
	color: var(--hp-ink);
}

/* ----- Related peers: page ends where the content ends ----- */
.hill-physician-profile .related-physicians {
	margin: var(--hp-section) 0 0;
	max-width: none;
}

.hill-physician-profile .related-physicians__details {
	border: 1px solid var(--hp-light-blue);
	border-radius: var(--hp-r-card);
	padding: 0;
	background: #fff;
}

/* The whole bar is the target: padding lives on the summary, not the box. */
.hill-physician-profile .related-physicians__summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--hp-group);
	list-style: none;
	cursor: pointer;
	color: var(--hp-deep-blue);
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.35;
	padding: 16px var(--hp-gutter);
	min-height: 44px;
	box-sizing: border-box;
}

.hill-physician-profile .related-physicians__summary::-webkit-details-marker {
	display: none;
}

.hill-physician-profile .related-physicians__summary::marker {
	content: "";
}

.hill-physician-profile .related-physicians__summary-label {
	flex: 1 1 auto;
}

.hill-physician-profile .related-physicians__chevron {
	flex: 0 0 auto;
	color: var(--hp-dark-blue);
	transition: transform 0.18s ease;
}

.hill-physician-profile .related-physicians__details[open] > .related-physicians__summary .related-physicians__chevron {
	transform: rotate(180deg);
}

.hill-physician-profile .related-physicians__summary:hover {
	color: var(--hp-dark-blue);
	text-decoration: underline;
}

.hill-physician-profile .related-physicians__body {
	padding: 0 var(--hp-gutter) var(--hp-gutter);
}

.hill-physician-profile .related-physicians__list {
	list-style: none;
	margin: 0 0 var(--hp-group);
	padding: 0;
	display: grid;
	gap: var(--hp-group);
}

.hill-physician-profile .related-physicians__item {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--hp-label);
}

.hill-physician-profile .related-physicians__link {
	color: var(--hp-cta-blue);
	font-weight: 600;
	text-decoration: none;
	/* 24px minimum target for a peer link standing on its own row. */
	padding: 2px 0;
	align-self: flex-start;
}

.hill-physician-profile .related-physicians__link:hover,
.hill-physician-profile .related-physicians__link:focus {
	text-decoration: underline;
}

/* Same affirmative green as the hero status line — one meaning, one colour. */
.hill-physician-profile .related-physicians__accepting {
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--hp-green-ink);
}

.hill-physician-profile .related-physicians__directory-link {
	display: inline-flex;
	align-items: center;
	padding: 10px 16px;
	background: var(--hp-green-fill);
	color: #111;
	font-weight: 700;
	font-size: 0.875rem;
	border-radius: var(--hp-r-control);
	text-decoration: none;
}

.hill-physician-profile .related-physicians__directory-link:hover,
.hill-physician-profile .related-physicians__directory-link:focus {
	text-decoration: none;
	filter: brightness(0.95);
}

/* ----- Desktop: use the recovered width instead of stranding the column ----- */
@media screen and (min-width: 1024px) {
	.hill-physician-profile .hill-profile-location__grid {
		grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
		column-gap: var(--hp-section);
	}

	.hill-physician-profile .hill-profile-location__plans {
		border-top: 0;
		border-left: 1px solid var(--hp-hairline);
		padding-top: 0;
		padding-left: var(--hp-group);
	}

	.hill-physician-profile .related-physicians__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: var(--hp-section);
	}
}