/* Three restrained studies based on the original release. */
html[data-design] .nova-renewal .wordmark-header img { width: clamp(152px, 13.8vw, 200px); }
html[data-design] .nova-renewal :is(.renewal-button, .header-action) { border-radius: 0; }
html[data-design] .renewal-treatment { padding-block: 1rem; border-bottom-color: color-mix(in srgb, var(--forest) 25%, transparent); }
html[data-design] .renewal-treatment:first-child { padding-top: .1rem; }
html[data-design] .renewal-treatment small { font-size: .875rem; line-height: 1.5; margin-top: .35rem; }
html[data-design] .renewal-region-list a { border-bottom-color: color-mix(in srgb, var(--warm-light) 28%, transparent); }
html[data-design] .renewal-text-link { border-bottom-color: color-mix(in srgb, currentColor 48%, transparent); }
html[data-design] .renewal-text-link:hover { border-bottom-color: currentColor; }
html[data-design] .desktop-navigation a { text-decoration: underline; text-decoration-color: transparent; text-decoration-thickness: 1px; text-underline-offset: .5em; transition: text-decoration-color 180ms ease; }
html[data-design] .desktop-navigation a:hover { text-decoration-color: var(--bronze); }
/* A: Quiet classic. Closest to the original. */
html[data-design="a"] .renewal-button { min-height: 50px; padding: .9rem 1.35rem; }
/* B: A framed header action and a divided arrow on the filled primary action. */
html[data-design="b"] .nova-renewal .header-action { background: transparent; color: var(--bronze); border: 1px solid var(--bronze); }
html[data-design="b"] .nova-renewal .header-action:hover { background: var(--bronze); color: var(--forest-deep); }
html[data-design="b"] .renewal-button { gap: 1.35rem; padding: .85rem 1.15rem; min-height: 52px; }
html[data-design="b"] .renewal-button > span { display: grid; place-items: center; align-self: stretch; padding-left: 1rem; border-left: 1px solid color-mix(in srgb, currentColor 26%, transparent); }
html[data-design="b"] .renewal-section-header { border-bottom-color: color-mix(in srgb, currentColor 50%, transparent); }
/* C: A little more space around the wordmark, labels and links. */
html[data-design="c"] .nova-renewal .header-inner { min-height: 6.1rem; }
html[data-design="c"] .renewal-button { min-height: 52px; padding: .9rem 1.6rem; gap: 3rem; }
html[data-design="c"] .renewal-region-list a { min-height: 62px; }
html[data-design="c"] .renewal-treatment { padding-block: 1.35rem; }
html[data-design="c"] .renewal-treatment:first-child { padding-top: .1rem; }
html[data-design="c"] .renewal-text-link { gap: 1.6rem; }
@media (max-width: 40rem) {
  html[data-design] .nova-renewal .has-header-action .wordmark-header img { width: 128px; }
  html[data-design="c"] .nova-renewal .header-inner { min-height: 5rem; }
}
@media (min-width: 375px) and (max-width: 40rem) {
  html[data-design] .nova-renewal .header-inner.has-header-action { grid-template-columns: 128px minmax(0,1fr) auto; }
  html[data-design] .nova-renewal .header-action { padding-inline: .45rem; font-size: .8125rem; }
}
@media (max-width: 374px) {
  html[data-design] .nova-renewal .has-header-action .wordmark-header img { width: 152px; }
}
@media (prefers-reduced-motion: reduce) { html[data-design] * { transition: none !important; } }

/* Static color fades stay behind the white logo, leaving navigation on dark forest. */
html[data-header-fade] .nova-renewal .site-header {
  --logo-light-x: max(172px, calc((100vw - 1280px) / 2 + 100px));
  background-color: var(--forest-deep);
}
html[data-header-fade="forest"] .nova-renewal .site-header {
  background-image: radial-gradient(ellipse 330px 150px at var(--logo-light-x) 45%, rgba(105, 145, 112, .31), rgba(105, 145, 112, .10) 50%, transparent 100%);
}
html[data-header-fade="bronze"] .nova-renewal .site-header {
  background-image: radial-gradient(ellipse 330px 150px at var(--logo-light-x) 45%, rgba(180, 142, 71, .26), rgba(180, 142, 71, .08) 50%, transparent 100%);
}
html[data-header-fade="shadow"] .nova-renewal .site-header {
  background-image: radial-gradient(ellipse 360px 180px at var(--logo-light-x) 45%, #071710, rgba(7, 23, 16, .50) 48%, transparent 100%);
}
@media (max-width: 40rem) {
  html[data-header-fade] .nova-renewal .site-header { --logo-light-x: 80px; }
  html[data-header-fade="forest"] .nova-renewal .site-header { background-image: radial-gradient(ellipse 180px 115px at var(--logo-light-x) 40%, rgba(105, 145, 112, .31), transparent 100%); }
  html[data-header-fade="bronze"] .nova-renewal .site-header { background-image: radial-gradient(ellipse 180px 115px at var(--logo-light-x) 40%, rgba(180, 142, 71, .26), transparent 100%); }
  html[data-header-fade="shadow"] .nova-renewal .site-header { background-image: radial-gradient(ellipse 195px 125px at var(--logo-light-x) 40%, #071710, transparent 100%); }
}

/* Preserve the existing visit button at its new destination. */
.nova-renewal .page-shell:not(.page-home) .recipe-close a[href="/plan-your-visit/"]{background:var(--bronze);min-height:44px;color:var(--forest-deep);align-items:center;padding:.65rem 1rem;font-weight:600;text-decoration:none;display:inline-flex}

/* Approved direction: subtle corners on filled actions and physician portraits. */
html[data-design] body.nova-renewal :is(.renewal-button,.header-action,.visit-button),
html[data-design] body.nova-renewal.start-page a.start-button,
body.nova-renewal .recipe-close a:is([href="/plan-your-visit/"],[href="/start/"]),
body.nova-renewal .page-shell[data-route="/contact"] .section-body a[href="/start/#evaluation"]{
 border-radius:6px;
}
body.nova-renewal img[src*="/images/people/"],
body.nova-renewal .photo:has(img[src*="/images/people/"]),
body.nova-renewal .start-portrait-frame{
 border-radius:8px;
}
