: the same tag, without the arrow, the hover edge or the underline. The
arrow, hover, focus and forced-colors rules below leave the modifier out. */
.elementor-348 .otx-spec-link:not(.otx-spec-link--label) .otx-spec-link__text::after{content:"";padding-left:26px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h9M8.5 4l4 4-4 4' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 10px 50%/16px 16px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h9M8.5 4l4 4-4 4' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 10px 50%/16px 16px;transition:-webkit-mask-position .2s,mask-position .2s}
/* Hover and keyboard focus: a white edge, an underline and the arrow nudges 3 px. No white
fill, which would match the white "Appointments Available" badge. */
.elementor-348 .otx-spec-link:not(.otx-spec-link--label):hover,
.elementor-348 .otx-spec-link:not(.otx-spec-link--label):focus-visible{color:#fff;background:#2D68C4;border-color:#fff;box-shadow:inset 0 0 0 1px #fff;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.elementor-348 .otx-spec-link:not(.otx-spec-link--label):hover .otx-spec-link__text::after,
.elementor-348 .otx-spec-link:not(.otx-spec-link--label):focus-visible .otx-spec-link__text::after{-webkit-mask-position:13px 50%;mask-position:13px 50%}
.elementor-348 .otx-spec-link:not(.otx-spec-link--label):focus-visible{outline:3px solid #FE8C42;outline-offset:3px}
@media (max-width:767px){
.elementor-348 .otx-spec-links{gap:10px}
.elementor-348 .otx-spec-link{min-height:44px;padding:10px 14px 10px 16px;font-size:17px}
}
/* ---------- Part 2: Areas of Expertise, descriptive text ---------- */
/* Not links and not buttons: a list with orange check marks. Two columns when the text column
has room for two 306 px columns (652 px), else one; capped at 760 px so short items do not
drift apart on wide screens. The stored text is shown as entered. */
.elementor-348 .otx-aoe .otx-list{display:block;list-style:none;margin:0 0 -10px;padding:0;font-size:18px;columns:2 17em;column-gap:40px;max-width:760px}
.elementor-348 .otx-aoe .otx-list>li{position:relative;display:block;margin:0;padding:0 0 10px 28px;break-inside:avoid;color:#fff;font-family:Gibson,sans-serif;font-size:18px;font-weight:400;line-height:1.4}
.elementor-348 .otx-aoe .otx-list>li::before{content:"";position:absolute;left:0;top:.22em;width:17px;height:17px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 8.5l3.5 3.5 7.5-8' fill='none' stroke='%23FE8C42' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/17px 17px}
/* High contrast (Windows forced colors): backgrounds and shadows are dropped, so the tag keeps
a visible border. */
@media (forced-colors:active){
.elementor-348 .otx-spec-link:not(.otx-spec-link--label),
.elementor-348 .otx-spec-link:not(.otx-spec-link--label):hover,
.elementor-348 .otx-spec-link:not(.otx-spec-link--label):focus-visible{border-color:LinkText}
.elementor-348 .otx-spec-link:not(.otx-spec-link--label) .otx-spec-link__text::after{forced-color-adjust:none;background-color:LinkText}
/* 1.1.28: the unlinked label chip keeps a visible edge in the text color, not the link color. */
.elementor-348 .otx-spec-link--label{border-color:CanvasText}
}
@media (prefers-reduced-motion:reduce){
.elementor-348 .otx-spec-link,.elementor-348 .otx-spec-link:not(.otx-spec-link--label) .otx-spec-link__text::after{transition:none}
.elementor-348 .otx-spec-link:not(.otx-spec-link--label):hover .otx-spec-link__text::after,
.elementor-348 .otx-spec-link:not(.otx-spec-link--label):focus-visible .otx-spec-link__text::after{-webkit-mask-position:10px 50%;mask-position:10px 50%}
}
/* "Dr. ___ is now part of OrthoTexas." Daniel Goldberg, Oct. 22, 2026 (the call): at the top of every
physician's profile for about 30 days after launch (includes/now-part-of.php; the line stops printing
on Dec. 1 by itself). Heading widget otxn001 (.otx-now-part-of, a ), the first item of the hero's
name block 79bf539, just above the H1. A notice, not a button or a specialty tag: white Gibson 600 on a
10% white tint of the navy hero (12.5:1, computed), with an accent orange edge on the left (5.4:1
against the tint; decoration only). 18 px from 768 px up, 16 px on phones, where the longest names wrap
to a second line. The 10 px under it adds to the name block's own 10 px gap. Only physicians get the
widget's text; for everyone else, and after the end, Elementor prints nothing, so no rule here is left
holding an empty box. */
.elementor-348 .elementor-element.otx-now-part-of.elementor-widget{width:auto;max-width:100%;margin:0 0 10px}
.elementor-348 .elementor-element.otx-now-part-of .elementor-heading-title{display:inline-block;max-width:100%;box-sizing:border-box;margin:0;padding:8px 16px 8px 12px;border-left:4px solid var(--e-global-color-accent,#FE8C42);border-radius:0 8px 8px 0;background:rgba(255,255,255,.1);color:#fff;font-family:Gibson,sans-serif;font-size:18px;font-weight:600;line-height:1.35;text-wrap:pretty}
@media (max-width:767px){
.elementor-348 .elementor-element.otx-now-part-of .elementor-heading-title{font-size:16px;padding:7px 14px 7px 10px}
}
@media (forced-colors:active){
.elementor-348 .elementor-element.otx-now-part-of .elementor-heading-title{border:1px solid CanvasText;border-left-width:4px}
}