/* V163 – Treatment Page Architecture pilot */
.v163-architecture-nav{margin:0 0 28px;padding:18px 20px;border:1px solid #d8e7e8;border-radius:18px;background:linear-gradient(135deg,#f7fcfc,#ffffff);box-shadow:0 8px 22px rgba(7,55,62,.06)}
.v163-architecture-nav .v163-kicker{font-size:11px;letter-spacing:.12em;font-weight:800;color:#087b84;text-transform:uppercase;margin-bottom:6px}
.v163-architecture-nav h2{font-size:18px;margin:0 0 12px;color:#064d56}
.v163-architecture-links{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.v163-architecture-links a{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid #d6e4e5;border-radius:999px;background:#fff;color:#064d56;text-decoration:none;font-size:13px;font-weight:700;line-height:1.25}
.v163-architecture-links a:hover,.v163-architecture-links a:focus-visible{border-color:#087b84;background:#eaf7f6;outline:none}
.v163-at-a-glance{margin:0 0 28px}
.v163-at-a-glance .v163-glance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.v163-glance-card{padding:19px;border:1px solid #d9e8e9;border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(7,55,62,.05)}
.v163-glance-card strong{display:block;color:#064d56;font-size:14px;margin-bottom:6px}
.v163-glance-card span{display:block;color:#526d73;font-size:14px;line-height:1.55}
.v163-architecture-section{scroll-margin-top:105px}
.v163-aftercare{scroll-margin-top:105px}
@media(max-width:800px){.v163-at-a-glance .v163-glance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.v163-at-a-glance .v163-glance-grid{grid-template-columns:1fr}.v163-architecture-nav{padding:16px}.v163-architecture-links a{font-size:12.5px;padding:7px 10px}}


/* V164 — Treatment Architecture consistency fixes */
/* Keep the Treatment Guide visually centered and aligned with the site's standard content width. */
.v163-architecture-nav{
  width:min(1160px,calc(100% - 40px));
  box-sizing:border-box;
  margin:0 auto 28px;
  text-align:center;
}
.v163-architecture-nav .v163-kicker,
.v163-architecture-nav h2{text-align:center}
.v163-architecture-links{justify-content:center}

/* Standardize Treatment Options cards across the pilot pages. */
#v163-options .v158-options-grid,
#v163-options .related-grid,
#v163-options .t156-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  margin-top:26px!important;
  align-items:stretch!important;
}
#v163-options .v158-option,
#v163-options .t156-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  min-height:155px!important;
  box-sizing:border-box!important;
  padding:22px 22px 20px!important;
  border:1px solid #d7e5e6!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#fff 0%,#f9fcfc 100%)!important;
  box-shadow:0 8px 24px rgba(7,55,62,.055)!important;
  overflow:hidden!important;
  text-decoration:none!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
#v163-options .v158-option:before,
#v163-options .t156-card:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,#087b84,#9acfd0);
  opacity:.9;
}
#v163-options .v158-option:hover,
#v163-options .v158-option:focus-visible,
#v163-options .t156-card:hover,
#v163-options .t156-card:focus-within{
  transform:translateY(-4px)!important;
  box-shadow:0 16px 34px rgba(7,55,62,.12)!important;
  border-color:#9acfd0!important;
  outline:none;
}
#v163-options .v158-option strong,
#v163-options .t156-card h3{
  display:block!important;
  padding-right:30px!important;
  color:#064d56!important;
  font-size:18px!important;
  line-height:1.3!important;
  margin:2px 0 9px!important;
}
#v163-options .v158-option span,
#v163-options .t156-card p{
  display:block!important;
  color:#557077!important;
  font-size:14.5px!important;
  line-height:1.55!important;
}
#v163-options .v158-option b{
  margin-top:auto!important;
  padding-top:15px!important;
  color:#087b84!important;
  font-size:13.5px!important;
  font-weight:800!important;
}
#v163-options .v158-option:after,
#v163-options .t156-card:after{
  content:"→";
  position:absolute;
  right:18px;top:18px;
  width:30px;height:30px;
  border-radius:50%;
  display:grid;place-items:center;
  background:#e9f6f5;color:#087b84;
  font-weight:800;font-size:16px;
}
#v163-options .t156-card-link{color:#064d56!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
#v163-options .t156-inline-link{color:#087b84!important;font-weight:800;text-decoration:underline;text-underline-offset:3px}

@media(max-width:980px){
  #v163-options .v158-options-grid,
  #v163-options .related-grid,
  #v163-options .t156-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  .v163-architecture-nav{width:calc(100% - 24px);padding:16px}
  #v163-options .v158-options-grid,
  #v163-options .related-grid,
  #v163-options .t156-grid{grid-template-columns:1fr!important}
  #v163-options .v158-option,
  #v163-options .t156-card{min-height:140px!important;padding:19px!important}
}


/* V168 — Sitewide Treatment Page Architecture rollout */
.v168-architecture-nav{margin-bottom:28px}
.v168-at-a-glance{scroll-margin-top:105px}
.v168-architecture-added{scroll-margin-top:105px}
.v168-architecture-added .v168-compact-card{padding:20px;border:1px solid #d9e8e9;border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(7,55,62,.05)}
.v168-architecture-added .v168-compact-card strong{display:block;color:#064d56;font-size:14px;margin-bottom:6px}
.v168-architecture-added .v168-compact-card span{display:block;color:#526d73;font-size:14px;line-height:1.55}
.v168-glance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.v168-glance-card{padding:19px;border:1px solid #d9e8e9;border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(7,55,62,.05)}
.v168-glance-card strong{display:block;color:#064d56;font-size:14px;margin-bottom:6px}
.v168-glance-card span{display:block;color:#526d73;font-size:14px;line-height:1.55}
@media(max-width:800px){.v168-glance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.v168-glance-grid{grid-template-columns:1fr}}