/* Revision 11: client round 11 (content). Loaded after the r6 files. */

/* ==========================================================================
   1. Areas we serve (archive-elite_area.php, area-card.php)
   The towns, grouped by county: the office as the feature card, each town a
   chip that opens directions in Google Maps and carries the anchor the old
   city pages redirect to. Then the two appointments, the visit row and the
   questions.
   ========================================================================== */

.post-type-archive-elite_area.premium-inner .aws-map { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; margin-top: clamp(1.75rem, 1.2rem + 1.6vw, 2.75rem); }

.post-type-archive-elite_area.premium-inner .aws-card {
  min-width: 0; padding: 1.15rem 1.1rem 1.25rem;
  border: 1px solid var(--line-soft, #efedf5); border-radius: var(--r-card, 16px);
  background: #fff; box-shadow: var(--sh-sm, 0 1px 2px rgba(26, 18, 54, 0.04), 0 6px 16px -10px rgba(26, 18, 54, 0.22));
}
.post-type-archive-elite_area.premium-inner .aws-card__head { display: flex; align-items: center; gap: 0.75rem; margin: 0 0 1rem; }
.post-type-archive-elite_area.premium-inner .aws-card__ic {
  display: grid; place-items: center; flex: none; width: 2.4rem; height: 2.4rem; border-radius: 0.8rem;
  background: var(--ortho-tint, #eee9f7); color: var(--ortho, #462d88);
}
.post-type-archive-elite_area.premium-inner .aws-card__h { flex: 1 1 auto; min-width: 0; margin: 0; font-family: var(--display); font-size: 1.2rem; line-height: 1.2; color: var(--ink, #1a1236); }
.post-type-archive-elite_area.premium-inner .aws-card__n {
  flex: none; padding: 0.28rem 0.65rem; border-radius: 999px; background: var(--mist, #f3f1f7);
  font-size: 0.8rem; font-weight: 600; color: var(--body, #5a5570); white-space: nowrap;
}

/* The town chips. Each is a 44px tap target. */
.post-type-archive-elite_area.premium-inner .aws-chips { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0; padding: 0; list-style: none; }
.post-type-archive-elite_area.premium-inner .aws-town { min-width: 0; margin: 0; scroll-margin-top: 7.5rem; }
.post-type-archive-elite_area.premium-inner .aws-chip {
  display: inline-flex; align-items: center; gap: 0.45rem; min-height: 2.75rem; padding: 0.45rem 0.8rem 0.45rem 1rem;
  border: 1px solid var(--line, #e6e3ee); border-radius: 999px; background: var(--paper, #fbfafc);
  font-size: 0.95rem; font-weight: 600; line-height: 1.2; color: var(--ink, #1a1236); text-decoration: none;
  transition: background-color var(--t-fast, 0.18s ease), border-color var(--t-fast, 0.18s ease), color var(--t-fast, 0.18s ease), box-shadow var(--t-med, 0.28s ease);
}
.post-type-archive-elite_area.premium-inner .aws-chip__go { display: grid; place-items: center; color: var(--ortho, #462d88); transform: rotate(-45deg); transition: transform var(--t-med, 0.28s ease); }
.post-type-archive-elite_area.premium-inner .aws-chip:hover { border-color: var(--ortho, #462d88); background: var(--ortho-tint, #eee9f7); color: var(--ortho-dark, #35206a); box-shadow: 0 8px 18px -12px rgba(70, 45, 136, 0.55); }
.post-type-archive-elite_area.premium-inner .aws-chip:hover .aws-chip__go { transform: rotate(-45deg) translateX(2px); }
.post-type-archive-elite_area.premium-inner .aws-chip:focus-visible { outline: 2px solid var(--ortho, #462d88); outline-offset: 2px; }

/* A visitor who arrives from an old city page lands on their town, marked. */
.post-type-archive-elite_area.premium-inner .aws-town:target .aws-chip {
  border-color: var(--ortho, #462d88); background: var(--ortho, #462d88); color: #fff;
  box-shadow: 0 0 0 4px var(--ortho-tint, #eee9f7), 0 10px 22px -12px rgba(70, 45, 136, 0.7);
  animation: aws-land 1.4s var(--ease, ease) 0.2s 2;
}
.post-type-archive-elite_area.premium-inner .aws-town:target .aws-chip__go { color: var(--cyan, #3aecf1); }
@keyframes aws-land {
  0%, 100% { box-shadow: 0 0 0 4px var(--ortho-tint, #eee9f7), 0 10px 22px -12px rgba(70, 45, 136, 0.7); }
  50% { box-shadow: 0 0 0 9px rgba(238, 233, 247, 0.6), 0 10px 22px -12px rgba(70, 45, 136, 0.7); }
}

/* The office: the feature card, in the brand purple, with the office's own neighborhoods. */
.post-type-archive-elite_area.premium-inner .aws-card--home {
  position: relative; overflow: hidden; padding: 1.45rem 1.35rem 1.4rem; border: 0; color: #fff;
  background:
    radial-gradient(circle at 84% 24%, rgba(58, 236, 241, 0.22) 0, rgba(58, 236, 241, 0) 30%),
    linear-gradient(150deg, #4b2f93 0%, #33206f 55%, #1d1343 100%);
  box-shadow: 0 24px 48px -30px rgba(29, 19, 67, 0.75);
}
.post-type-archive-elite_area.premium-inner .aws-home { position: relative; scroll-margin-top: 7.5rem; }
.post-type-archive-elite_area.premium-inner .aws-home__map {
  position: absolute; top: -2.6rem; right: -2.9rem; width: 12.5rem; height: 12.5rem; border-radius: 50%; pointer-events: none;
  background: repeating-radial-gradient(circle, rgba(255, 255, 255, 0) 0 1.55rem, rgba(255, 255, 255, 0.13) 1.55rem calc(1.55rem + 1px));
  -webkit-mask-image: radial-gradient(circle, #000 0, #000 38%, transparent 70%);
  mask-image: radial-gradient(circle, #000 0, #000 38%, transparent 70%);
}
.post-type-archive-elite_area.premium-inner .aws-home__pin {
  position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 50%;
  background: #fff; color: var(--ortho, #462d88); transform: translate(-50%, -50%);
  box-shadow: 0 0 0 8px rgba(58, 236, 241, 0.2), 0 12px 26px -8px rgba(18, 12, 38, 0.6);
}
.post-type-archive-elite_area.premium-inner .aws-home__tag {
  display: inline-block; padding: 0.3rem 0.7rem; border-radius: 999px; background: rgba(255, 255, 255, 0.14);
  font-size: 0.72rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #fff;
}
.post-type-archive-elite_area.premium-inner .aws-home__name { margin: 0.9rem 0 0.25rem; font-family: var(--display); font-size: clamp(1.9rem, 1.6rem + 1vw, 2.35rem); line-height: 1.05; letter-spacing: -0.02em; color: #fff; }
.post-type-archive-elite_area.premium-inner .aws-home__addr { max-width: 15rem; margin: 0 0 1.15rem; font-size: 0.98rem; line-height: 1.45; color: rgba(255, 255, 255, 0.84); }
.post-type-archive-elite_area.premium-inner .aws-home__go {
  display: inline-flex; align-items: center; gap: 0.55rem; min-height: 2.75rem; padding: 0.55rem 1.1rem; border-radius: 999px;
  background: #fff; font-size: 0.92rem; font-weight: 700; color: var(--ortho-dark, #35206a); text-decoration: none;
  transition: transform var(--t-med, 0.28s ease), box-shadow var(--t-med, 0.28s ease);
}
.post-type-archive-elite_area.premium-inner .aws-home__go svg { transform: rotate(-45deg); }
.post-type-archive-elite_area.premium-inner .aws-home__go:hover { transform: translateY(-1px); box-shadow: 0 12px 24px -12px rgba(0, 0, 0, 0.55); }
.post-type-archive-elite_area.premium-inner .aws-home__go:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.post-type-archive-elite_area.premium-inner .aws-home__near { position: relative; margin-top: 1.4rem; padding-top: 1.1rem; border-top: 1px solid rgba(255, 255, 255, 0.16); }
.post-type-archive-elite_area.premium-inner .aws-home__k { margin: 0 0 0.65rem; font-size: 0.74rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255, 255, 255, 0.72); }
.post-type-archive-elite_area.premium-inner .aws-chips--light .aws-chip { border-color: rgba(255, 255, 255, 0.24); background: rgba(255, 255, 255, 0.09); color: #fff; }
.post-type-archive-elite_area.premium-inner .aws-chips--light .aws-chip__go { color: var(--cyan, #3aecf1); }
.post-type-archive-elite_area.premium-inner .aws-chips--light .aws-chip:hover { border-color: #fff; background: #fff; color: var(--ortho-dark, #35206a); }
.post-type-archive-elite_area.premium-inner .aws-chips--light .aws-chip:hover .aws-chip__go { color: var(--ortho, #462d88); }
.post-type-archive-elite_area.premium-inner .aws-chips--light .aws-chip:focus-visible { outline-color: #fff; }
.post-type-archive-elite_area.premium-inner .aws-chips--light .aws-town:target .aws-chip { border-color: #fff; background: #fff; color: var(--ortho-dark, #35206a); box-shadow: 0 0 0 4px rgba(58, 236, 241, 0.35); animation: none; }
.post-type-archive-elite_area.premium-inner .aws-chips--light .aws-town:target .aws-chip__go { color: var(--ortho, #462d88); }

/* Two balanced columns of cards from a tablet up. */
@media (min-width: 48rem) {
  .post-type-archive-elite_area.premium-inner .aws-map { display: block; columns: 2; column-gap: 1.25rem; }
  .post-type-archive-elite_area.premium-inner .aws-card { display: inline-block; width: 100%; margin: 0 0 1.25rem; padding: 1.4rem 1.4rem 1.5rem; break-inside: avoid; }
  .post-type-archive-elite_area.premium-inner .aws-card--home { padding: 1.7rem 1.6rem 1.6rem; }
  .post-type-archive-elite_area.premium-inner .aws-home__map { top: -2.2rem; right: -2.2rem; width: 14rem; height: 14rem; }
}
@media (min-width: 75rem) {
  .post-type-archive-elite_area.premium-inner .aws-map { column-gap: 1.5rem; }
  .post-type-archive-elite_area.premium-inner .aws-card { margin-bottom: 1.5rem; padding: 1.6rem 1.7rem 1.7rem; }
  .post-type-archive-elite_area.premium-inner .aws-card--home { padding: 2rem 2rem 1.9rem; }
  .post-type-archive-elite_area.premium-inner .aws-home__map { top: -1.6rem; right: -1rem; width: 16rem; height: 16rem; }
  .post-type-archive-elite_area.premium-inner .aws-home__addr { max-width: 20rem; }
}

/* The two appointments. */
.post-type-archive-elite_area.premium-inner .aws-lane-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; margin-top: clamp(1.75rem, 1.2rem + 1.6vw, 2.75rem); }
.post-type-archive-elite_area.premium-inner .aws-lane {
  --aws-lane: var(--ortho, #462d88); --aws-lane-dark: var(--ortho-dark, #35206a); --aws-tint: var(--ortho-tint, #eee9f7);
  display: flex; flex-direction: column; min-width: 0; padding: 1.4rem 1.2rem 1.35rem;
  border: 1px solid var(--line-soft, #efedf5); border-top: 4px solid var(--aws-lane); border-radius: var(--r-card, 16px);
  background: #fff; box-shadow: var(--sh-sm, 0 1px 2px rgba(26, 18, 54, 0.04), 0 6px 16px -10px rgba(26, 18, 54, 0.22));
}
.post-type-archive-elite_area.premium-inner .aws-lane--ped { --aws-lane: var(--ped, #0b6f7d); --aws-lane-dark: var(--ped-dark, #085966); --aws-tint: var(--ped-tint, #e3f4f6); }
.post-type-archive-elite_area.premium-inner .aws-lane__top { display: flex; align-items: center; gap: 0.75rem; }
.post-type-archive-elite_area.premium-inner .aws-lane__ic { display: grid; place-items: center; flex: none; width: 2.75rem; height: 2.75rem; border-radius: 0.85rem; background: var(--aws-tint); color: var(--aws-lane); }
.post-type-archive-elite_area.premium-inner .aws-lane__k { margin: 0; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--aws-lane); }
.post-type-archive-elite_area.premium-inner .aws-lane__h { margin: 1rem 0 0.5rem; font-family: var(--display); font-size: clamp(1.35rem, 1.2rem + 0.6vw, 1.7rem); line-height: 1.15; color: var(--ink, #1a1236); }
.post-type-archive-elite_area.premium-inner .aws-lane__p { max-width: 36rem; margin: 0 0 1.15rem; color: var(--body, #5a5570); }
.post-type-archive-elite_area.premium-inner .aws-lane__list { display: flex; flex-wrap: wrap; gap: 0.45rem; margin: 0 0 1.5rem; padding: 0; list-style: none; }
.post-type-archive-elite_area.premium-inner .aws-lane__list li { margin: 0; }
.post-type-archive-elite_area.premium-inner .aws-lane__list a {
  display: inline-flex; align-items: center; min-height: 2.75rem; padding: 0.4rem 0.9rem; border-radius: 999px;
  background: var(--aws-tint); font-size: 0.9rem; font-weight: 600; line-height: 1.2; color: var(--aws-lane-dark); text-decoration: none;
  transition: background-color var(--t-fast, 0.18s ease), color var(--t-fast, 0.18s ease);
}
.post-type-archive-elite_area.premium-inner .aws-lane__list a:hover { background: var(--aws-lane); color: #fff; }
.post-type-archive-elite_area.premium-inner .aws-lane__list a:focus-visible { outline: 2px solid var(--aws-lane); outline-offset: 2px; }
.post-type-archive-elite_area.premium-inner .aws-lane__act { margin-top: auto; }
.post-type-archive-elite_area.premium-inner .aws-lane__act .btn { width: 100%; }
@media (min-width: 48rem) {
  .post-type-archive-elite_area.premium-inner .aws-lane { padding: 1.75rem 1.7rem 1.7rem; }
  .post-type-archive-elite_area.premium-inner .aws-lane__act .btn { width: auto; min-width: 21rem; }
}
@media (min-width: 60rem) {
  .post-type-archive-elite_area.premium-inner .aws-lane-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.35rem; }
  .post-type-archive-elite_area.premium-inner .aws-lane__act .btn { width: 100%; min-width: 0; }
}

/* The questions: the shared two-column FAQ layout. */
.post-type-archive-elite_area.premium-inner .aws-faq .faq-layout > div:first-child > .eyebrow { margin-bottom: 0; }

@media (prefers-reduced-motion: reduce) {
  .post-type-archive-elite_area.premium-inner :is(.aws-chip, .aws-chip__go, .aws-home__go, .aws-lane__list a) { transition: none; }
  .post-type-archive-elite_area.premium-inner .aws-town:target .aws-chip { animation: none; }
  .post-type-archive-elite_area.premium-inner .aws-home__go:hover { transform: none; }
}


/* ==========================================================================
   2. FAQs (archive-elite_faq.php)
   A group per topic now, so the index is labelled by section and compact
   enough to stay in view: the telephone card sits above it and the index
   alone is sticky. Pediatric topics take the pediatric teal.
   ========================================================================== */

.post-type-archive-elite_faq.premium-inner .faqpage__nav .faqpage__k { padding: 0.8rem 0.6rem 0.3rem; font-size: 0.68rem; }
.post-type-archive-elite_faq.premium-inner .faqpage__nav .faqpage__k:first-child { padding-top: 0.35rem; }
.post-type-archive-elite_faq.premium-inner .faqpage__nav a { grid-template-columns: 1.75rem minmax(0, 1fr) auto; gap: 0.65rem; min-height: 2.6rem; padding: 0.25rem 0.55rem; font-size: 0.93rem; line-height: 1.25; }
.post-type-archive-elite_faq.premium-inner .faqpage__nav .faqpage__ic { width: 1.75rem; height: 1.75rem; border-radius: 0.5rem; }
.post-type-archive-elite_faq.premium-inner .faqpage__nav .faqpage__ic svg { width: 15px; height: 15px; }
.post-type-archive-elite_faq.premium-inner .faqpage__nav a.is-ped .faqpage__ic { background: var(--ped-tint, #e3f4f6); color: var(--ped, #0b6f7d); }
.post-type-archive-elite_faq.premium-inner .faqpage__nav a.is-ped:hover { color: var(--ped, #0b6f7d); background: color-mix(in srgb, var(--ped-tint, #e3f4f6) 60%, #fff); }
.post-type-archive-elite_faq.premium-inner .faqpage__nav a.is-ped.is-current { background: var(--ped-tint, #e3f4f6); color: var(--ped, #0b6f7d); box-shadow: inset 3px 0 0 var(--ped, #0b6f7d); }
.post-type-archive-elite_faq.premium-inner .faqpage__nav a.is-ped.is-current .faqpage__count { background: var(--ped, #0b6f7d); color: #fff; }
.post-type-archive-elite_faq .faq-group--ped .faq-group__ic { background: var(--ped-tint, #e3f4f6); color: var(--ped, #0b6f7d); }
.post-type-archive-elite_faq.premium-inner .faq-group--ped .faq summary:hover,
.post-type-archive-elite_faq.premium-inner .faq-group--ped .faq details[open] summary { color: var(--ped, #0b6f7d); }
.post-type-archive-elite_faq .faq-group--ped .faq__a a { color: var(--ped, #0b6f7d); }

@media (min-width: 64rem) {
  .post-type-archive-elite_faq.premium-inner .faqpage__side { position: static; align-self: stretch; display: flex; flex-direction: column; gap: 1rem; }
  .post-type-archive-elite_faq.premium-inner .faqpage__nav {
    position: sticky; top: calc(var(--header-h, 81px) + 1.25rem);
    max-height: calc(100vh - var(--header-h, 81px) - 2.5rem); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin;
  }
}
@media (min-width: 48rem) and (max-width: 63.99rem) {
  .post-type-archive-elite_faq.premium-inner .faqpage__nav { position: static; max-height: none; }
}

/* Areas we serve: the practice video, a still that opens YouTube. */
.post-type-archive-elite_area.premium-inner .aws-tour {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; margin-top: 1.25rem; overflow: hidden;
  border: 1px solid var(--line-soft, #efedf5); border-radius: var(--r-card, 16px); background: #fff; color: var(--ink, #1a1236); text-decoration: none;
  box-shadow: var(--sh-sm, 0 1px 2px rgba(26, 18, 54, 0.04), 0 6px 16px -10px rgba(26, 18, 54, 0.22));
  transition: box-shadow var(--t-med, 0.28s ease), transform var(--t-med, 0.28s ease);
}
.post-type-archive-elite_area.premium-inner .aws-tour:hover { transform: translateY(-2px); box-shadow: var(--sh-md, 0 2px 6px -2px rgba(26, 18, 54, 0.08), 0 18px 40px -22px rgba(26, 18, 54, 0.3)); }
.post-type-archive-elite_area.premium-inner .aws-tour:focus-visible { outline: 2px solid var(--ortho, #462d88); outline-offset: 3px; }
.post-type-archive-elite_area.premium-inner .aws-tour__media { position: relative; display: block; aspect-ratio: 16 / 9; background: var(--mist, #f3f1f7); }
.post-type-archive-elite_area.premium-inner .aws-tour__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.post-type-archive-elite_area.premium-inner .aws-tour__play {
  position: absolute; top: 50%; left: 50%; width: 4rem; height: 4rem; border-radius: 50%; transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.94); box-shadow: 0 12px 30px -10px rgba(18, 12, 38, 0.55); transition: transform var(--t-med, 0.28s ease);
}
.post-type-archive-elite_area.premium-inner .aws-tour__play::after {
  content: ""; position: absolute; top: 50%; left: 54%; transform: translate(-50%, -50%);
  border-style: solid; border-width: 0.65rem 0 0.65rem 1.05rem; border-color: transparent transparent transparent var(--ortho, #462d88);
}
.post-type-archive-elite_area.premium-inner .aws-tour:hover .aws-tour__play { transform: translate(-50%, -50%) scale(1.06); }
.post-type-archive-elite_area.premium-inner .aws-tour__body { display: flex; flex-direction: column; align-items: flex-start; gap: 0.45rem; padding: 1.25rem 1.2rem 1.35rem; }
.post-type-archive-elite_area.premium-inner .aws-tour__k { font-size: 0.74rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ortho, #462d88); }
.post-type-archive-elite_area.premium-inner .aws-tour__t { font-family: var(--display); font-size: clamp(1.3rem, 1.15rem + 0.6vw, 1.65rem); font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; }
.post-type-archive-elite_area.premium-inner .aws-tour__p { max-width: 36rem; color: var(--body, #5a5570); line-height: 1.55; }
.post-type-archive-elite_area.premium-inner .aws-tour__go { display: inline-flex; align-items: center; gap: 0.5rem; min-height: 2.75rem; margin-top: 0.35rem; font-weight: 700; color: var(--ortho, #462d88); }
@media (min-width: 48rem) {
  .post-type-archive-elite_area.premium-inner .aws-tour { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); align-items: center; margin-top: 1.5rem; }
  .post-type-archive-elite_area.premium-inner .aws-tour__media { height: 100%; aspect-ratio: auto; min-height: 15rem; }
  .post-type-archive-elite_area.premium-inner .aws-tour__body { padding: 1.75rem 2rem; }
}
@media (prefers-reduced-motion: reduce) {
  .post-type-archive-elite_area.premium-inner :is(.aws-tour, .aws-tour__play) { transition: none; }
  .post-type-archive-elite_area.premium-inner .aws-tour:hover { transform: none; }
}

/* Areas we serve on a phone: a little more room for the treatment chips and the button label. */
@media (max-width: 47.99rem) {
  .post-type-archive-elite_area.premium-inner .aws-lane { padding: 1.25rem 1rem 1.1rem; }
  .post-type-archive-elite_area.premium-inner .aws-lane__list a { padding-inline: 0.75rem; font-size: 0.86rem; }
  .post-type-archive-elite_area.premium-inner .aws-lane__act .btn { padding-inline: 1rem; }
  .post-type-archive-elite_area.premium-inner .aws-chip { padding-left: 0.85rem; font-size: 0.92rem; }
}


/* ==========================================================================
   3. Round 12. Patient resources (archive-elite_resource.php): each care
   guide ends with the Braces 101 guide on the same topic; the next-step
   cards are four now (Braces 101, articles, questions, contact): one a row
   on a phone, two by two on a tablet and a small laptop, one row of four on
   a wide screen.
   ========================================================================== */
.post-type-archive-elite_resource.premium-inner .care__body a.care__go {
  margin-top: 1.1rem; color: var(--ink); font-weight: 700; text-decoration: none;
}
.post-type-archive-elite_resource.premium-inner .care__body a.care__go:hover { color: var(--ortho); }
@media (max-width: 47.99rem) {
  .post-type-archive-elite_resource.premium-inner .care__body a.care__go { display: flex; width: 100%; }
}
@media (min-width: 48rem) {
  .post-type-archive-elite_resource.premium-inner .nx-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
}
@media (min-width: 80rem) {
  .post-type-archive-elite_resource.premium-inner .nx-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem; }
}


/* ==========================================================================
   4. Round 12. Our team: a care-team member named in the "Also on the care
   team" line carries the id their old profile address lands on
   (/our-team/#staff-teresa-arrick); the name is marked on arrival and sits
   clear of the sticky header.
   ========================================================================== */
.premium-inner .tstaff-also__v > span[id] { scroll-margin-top: 4rem; border-radius: 0.35rem; }
.premium-inner .tstaff-also__v > span[id]:target { padding: 0.05rem 0.35rem; background: var(--ortho-tint, #eee9f7); color: var(--ortho-dark, #35206a); font-weight: 700; }


/* ==========================================================================
   5. Round 12. A photograph inside an article (the before-and-after image on
   /teeth-whitening/): the column's width, rounded like the videos, with a
   short caption under it.
   ========================================================================== */
.premium-inner .post-prose .post-photo { margin: 1.75rem 0; }
.premium-inner .post-prose .post-photo img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.premium-inner .post-prose .post-photo figcaption { margin-top: 0.55rem; color: #6b6279; font-size: 0.88rem; font-weight: 600; }