/* Related articles (includes/related-articles.php) and linked treatment names on the pillars. */

/* After an article body. */
.otx-related-articles{margin:48px 0 0;padding:32px 0 0;border-top:1px solid #E7ECF3}
.otx-related-articles .otx-related-heading{margin:0 0 16px;font-size:26px;font-weight:600;line-height:1.2;color:#222E3F}
.otx-related-specialty{margin:20px 0 0;font-size:16px;color:#495057}
.otx-related-specialty a{font-weight:600;color:#2D68C4;text-decoration:underline;text-underline-offset:3px}

/* The list, in both places. */
.otx-related-articles-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:0 40px}
.otx-related-articles-list li{margin:0;padding:12px 0;border-bottom:1px solid #E7ECF3;line-height:1.35}
.otx-related-articles-list li::before{content:none}
.otx-related-articles-list a{font-weight:600;color:#2D68C4;text-decoration:none}
.otx-related-articles-list a::after{content:"\2192";margin-left:6px;display:inline-block;transition:transform .15s}
.otx-related-articles-list a:hover,.otx-related-articles-list a:focus-visible{text-decoration:underline;text-underline-offset:3px}
.otx-related-articles-list a:hover::after{transform:translateX(3px)}

/* The specialty-page band. */
.otx-pillar.otx-related{max-width:1140px;margin:0 auto}

/* A treatment name that links to its article (pillar Treatments & Procedures panels). */
.otx-pillar .otx-tx-item .otx-tx-item-title a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.otx-pillar .otx-tx-item .otx-tx-item-title a::after{content:"\2192";margin-left:6px;display:inline-block;text-decoration:none;transition:transform .15s}
.otx-pillar .otx-tx-item .otx-tx-item-title a:hover::after{transform:translateX(3px)}
.otx-pillar .otx-tx-non .otx-tx-item-title a:hover{color:var(--blue)}
.otx-pillar .otx-tx-surg .otx-tx-item-title a:hover{color:#fff;text-decoration-thickness:2px}