/* MedVector editorial refinements, 2026-10. No tracking or original portraits affected. */

/* Homepage: imagery for the compact service links as well as the existing main cards. */
.service-bento-section .home-service-secondary a {
  display: grid;
  grid-template-columns: 78px minmax(0,1fr) 34px;
  grid-template-rows: auto auto;
  column-gap: 15px;
  row-gap: 3px;
  align-items: center;
  padding: 13px 8px 13px 0;
  min-width: 0;
}
.home-service-secondary a .mv-service-thumb {
  display: block;
  width: 78px;
  height: 70px;
  grid-column: 1;
  grid-row: 1 / 3;
  object-fit: cover;
  border-radius: 11px;
  border: 1px solid rgba(255,255,255,.25);
  filter: saturate(.86);
}
.service-bento-section .home-service-secondary a > strong { grid-column: 2; grid-row: 1; font-size: .98rem; line-height: 1.3; }
.service-bento-section .home-service-secondary a > span { grid-column: 2; grid-row: 2; margin: 0; line-height: 1.45; }
.service-bento-section .home-service-secondary a > b { grid-column: 3; grid-row: 1 / 3; }
.home-service-secondary a:hover .mv-service-thumb { filter: saturate(1.1); }

/* Doctors: specialty badge then name only, unobstructed portrait. */
.home-doctors-grid .home-doctor-card { border: 1px solid #bfdcd8; box-shadow: 0 10px 28px rgba(12,64,78,.07); }
.home-doctors-grid .home-doctor-card > .mv-doctor-caption {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 0;
  padding: 17px 19px 20px !important;
  background: linear-gradient(130deg,#fff 0%,#edf8f6 100%);
  border-top: 1px solid #d4eeea;
}
.home-doctors-grid .home-doctor-card .mv-doctor-tag,
.doctors-grid .doctor-info .mv-doctor-tag {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  width: fit-content;
  background: #d8f2ed;
  color: #136658;
  border: 1px solid #b1dfd6;
  border-radius: 100px;
  padding: 7px 12px;
  font: 700 .73rem/1.2 system-ui,sans-serif;
  letter-spacing: .015em;
  text-transform: none;
  margin: 0 0 10px;
}
.home-doctors-grid .home-doctor-card h3 {
  margin: 0;
  font-size: clamp(1.12rem,1.6vw,1.43rem);
  line-height: 1.28;
  overflow-wrap: anywhere;
}
.doctors-grid .doctor-info.mv-doctor-caption { padding: 17px 18px 23px; background: linear-gradient(120deg,#fff,#f1f9f7); }
.doctors-grid .doctor-info.mv-doctor-caption h3 { overflow-wrap: anywhere; line-height: 1.3; }

/* Small photo-based, neutral medical details in every topic. */
.article-section > h2 { display: flex; align-items: center; gap: 12px; min-width: 0; }
.article-section > h2 .mv-object-title {
  flex: 0 0 48px;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  background: #eaf6f2;
  border: 1px solid #d0e8df;
  border-radius: 14px;
}
.article-section > h2 .mv-object-title img { display: block; width: 47px; height: 47px; object-fit: contain; }
.article-section .info-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  align-items: stretch;
  gap: 15px !important;
  margin: 24px 0 !important;
}
.article-section .info-grid:has(> .info-card:nth-child(4)) { grid-template-columns: repeat(2,minmax(0,1fr)); }
.article-section .info-card {
  min-width: 0;
  min-height: 180px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: #f7fbf9;
  border: 1px solid #cfe5de;
  padding: 22px !important;
  border-radius: 16px;
}
.article-section .info-card h3 { margin: 0 0 12px; font-size: 1.17rem; line-height: 1.3; }
.article-section .info-card p { margin-top: 0; }
.article-section .info-card .mv-object-info { display: block; width: 70px; height: 60px; object-fit: contain; margin: 0 0 12px; }
.article-body .article-section ul > li,
.article-body .article-section ol > li {
  background: #f4faf7;
  border-left-color: #74b8a9;
  padding-left: 51px;
  border-radius: 0 11px 11px 0;
}
.article-body .article-section ul > li::before,
.article-body .article-section ol > li::before {
  content: '';
  left: 13px;
  top: 11px;
  width: 27px;
  height: 27px;
  border-radius: 0;
  background: url('/assets/images/object-details/shield.webp') center/contain no-repeat;
}

/* Related links must be easy to see and easy to tap. */
.article-section .related-services { gap: 13px !important; }
.article-section .related-item { min-width: 0; }
.article-section .related-item a {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 84px;
  padding: 18px 54px 18px 19px !important;
  font-weight: 700;
  line-height: 1.35;
  overflow-wrap: anywhere;
  color: #104c53;
  background: linear-gradient(130deg,#d6f2e9 0%,#effdf8 100%);
  border: 2px solid #82ccb7;
  border-radius: 15px;
  box-shadow: 0 7px 16px rgba(7,99,87,.075);
  transition: background .15s ease, transform .15s ease;
}
.article-section .related-item a::after {
  content: '↗';
  position: absolute;
  display: grid;
  place-items: center;
  width: 31px;
  height: 31px;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #0d766c;
  color: #fff;
  font-size: 1.1rem;
}
.article-section .related-item a:hover { background: #c5efdf; transform: translateY(-2px); }

/* Service index: visible photo thumbnails next to each secondary service. */
.article-body .service-secondary-item { grid-template-columns: 92px minmax(0,1fr) auto; gap: 15px; }
.article-body .service-secondary-item .mv-service-item-thumb {
  width: 92px;
  height: 86px;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid #c9e6de;
}
.article-body .service-secondary-item > span { min-width: 0; }

/* More informative, readable SEO copy directly after the homepage FAQ. */
.mv-seo-after-faq { background: #e9f3ef; border-top: 1px solid #c3dfd4; }
.mv-seo-after-faq__inner { max-width: 1140px; margin: auto; }
.mv-seo-eyebrow { display: inline-block; margin-bottom: 17px; font: 800 .75rem system-ui,sans-serif; color: #207469; letter-spacing: .14em; }
.mv-seo-after-faq h2 { max-width: 900px; font-size: clamp(2.1rem,4vw,3.6rem); }
.mv-seo-after-faq p { color: #36565c; max-width: 1000px; line-height: 1.78; font-size: 1.025rem; }
.mv-seo-after-faq a { color: #0a776e; text-decoration: underline; text-underline-offset: 3px; font-weight: 650; }
.mv-seo-after-faq__columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 26px; margin: 28px 0; }
.mv-seo-after-faq__columns > div { padding: 22px 24px; border: 1px solid #cde4db; background: #fff; border-radius: 16px; }
.mv-seo-after-faq__columns h3 { font-size: 1.35rem; line-height: 1.3; margin-top: 0; }
.mv-seo-after-faq .mv-seo-after-faq__note { padding: 14px 18px; color: #465b5b; background: #f9fdfc; border-left: 3px solid #41aa98; border-radius: 0 11px 11px 0; }

@media (max-width: 1000px) {
  .article-section .info-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .home-service-secondary a:nth-child(odd), .home-service-secondary a:nth-child(even) { margin-left: 0; margin-right: 0; }
}
@media (max-width: 700px) {
  .service-bento-section .home-service-secondary { grid-template-columns: 1fr; }
  .service-bento-section .home-service-secondary a { grid-template-columns: 68px minmax(0,1fr) 32px; gap: 11px; padding: 11px 0; }
  .home-service-secondary a .mv-service-thumb { width: 68px; height: 66px; }
  .home-doctors-grid .home-doctor-card > .mv-doctor-caption { padding: 12px !important; border-top: 0; min-height: 140px; }
  .home-doctors-grid .home-doctor-card .mv-doctor-tag,
  .doctors-grid .doctor-info .mv-doctor-tag { padding: 5px 8px; font-size: .66rem; }
  .home-doctors-grid .home-doctor-card h3 { font-size: 1rem; }
  .article-section > h2 { gap: 9px; }
  .article-section > h2 .mv-object-title { width: 39px; height: 39px; flex-basis: 39px; border-radius: 11px; }
  .article-section > h2 .mv-object-title img { width: 38px; height: 38px; }
  .article-section .info-grid,
  .article-section .info-grid:has(> .info-card:nth-child(4)) { grid-template-columns: 1fr; }
  .article-section .info-card { min-height: 0; padding: 18px !important; }
  .article-section .info-card .mv-object-info { width: 60px; height: 50px; }
  .article-body .service-secondary-item { grid-template-columns: 70px minmax(0,1fr) auto; gap: 11px; }
  .article-body .service-secondary-item .mv-service-item-thumb { width: 70px; height: 76px; }
  .mv-seo-after-faq__columns { grid-template-columns: 1fr; gap: 12px; }
  .mv-seo-after-faq__columns > div { padding: 20px; }
  .mv-seo-after-faq p { font-size: 1rem; }
}
@media (max-width: 360px) {
  .service-bento-section .home-service-secondary a { grid-template-columns: 60px minmax(0,1fr) 28px; gap: 8px; }
  .home-service-secondary a .mv-service-thumb { width: 60px; height: 60px; }
  .article-body .service-secondary-item { grid-template-columns: 58px minmax(0,1fr) 26px; gap: 8px; }
  .article-body .service-secondary-item .mv-service-item-thumb { width: 58px; height: 64px; }
}


/* 2026-10-29 micro-layout / call usability patch. */
.article-body .article-section ul:not(.unstyled):not(.semantic-links),
.article-body .article-section ol {list-style:none; padding-left:0; margin-left:0; max-width:100%;}
.article-body .article-section ul > li,
.article-body .article-section ol > li {
  box-sizing:border-box; position:relative; display:block; min-width:0;
  padding:13px 16px 13px 56px !important; margin:0 0 12px !important;
  line-height:1.55; overflow-wrap:anywhere; border-left:3px solid #79b9aa;
}
.article-body .article-section ul > li::before,
.article-body .article-section ol > li::before {
  position:absolute !important; top:50% !important; left:14px !important;
  transform:translateY(-50%) !important; width:28px !important; height:28px !important;
  display:block; flex-shrink:0; margin:0; pointer-events:none;
}
.article-body .article-section .info-grid > *, .article-body .article-section .info-card,
.article-body .article-section .steps > * {min-width:0; overflow-wrap:anywhere;}
.mv-callback-mini__call {position:relative; isolation:isolate;}
.mv-callback-mini__call svg {transform-origin:52% 48%; animation: mv-gentle-ring 5s ease-in-out infinite;}
.mv-callback-mini__call::before {content:'';position:absolute;inset:-5px;border:2px solid #2ca99d;border-radius:inherit;opacity:0;pointer-events:none;animation:mv-gentle-pulse 5s ease-out infinite;}
@keyframes mv-gentle-ring {0%,72%,100%{transform:rotate(0deg)}75%{transform:rotate(-9deg)}78%{transform:rotate(8deg)}81%{transform:rotate(-5deg)}84%{transform:rotate(0deg)}}
@keyframes mv-gentle-pulse {0%,70%,100%{opacity:0;transform:scale(1)}78%{opacity:.48;transform:scale(1.035)}90%{opacity:0;transform:scale(1.09)}}
@media (max-width:767px){
 .article-body .article-section ul > li,.article-body .article-section ol > li {padding:12px 12px 12px 50px !important; font-size:inherit;}
 .article-body .article-section ul > li::before,.article-body .article-section ol > li::before {left:11px !important;width:26px !important;height:26px !important;}
 .article-section .info-grid {grid-template-columns:1fr !important;}
 .mv-callback-mini {max-width:calc(100vw - 20px);}
}
@media (prefers-reduced-motion: reduce){.mv-callback-mini__call svg,.mv-callback-mini__call::before{animation:none!important;}}