/* Shared public components. Colors come exclusively from style.css tokens.
   Breakpoints may change layout and size, never component color or weight.
   Important declarations in this named layer own brand presentation above
   legacy unlayered page overrides, without escalating selector specificity. */
@layer counselion-brand {
body .header-area .header-btn a,
body .theme-btn,
body .counselion-home-hero-action.primary,
body .counselion-btn-gold,
body .home-consultation-submit,
body .intake-submit-btn,
body .success-home-btn,
body .btn-next,
body .btn-submit {
  background: var(--counselion-gold) !important;
  color: var(--counselion-green) !important;
  -webkit-text-fill-color: currentColor !important;
  border: 1px solid var(--counselion-gold) !important;
  font-family: var(--font-body);
  font-weight: 600 !important;
  opacity: 1;
}
body .header-area .header-btn a:hover,
body .theme-btn:hover,
body .counselion-home-hero-action.primary:hover,
body .counselion-btn-gold:hover,
body .home-consultation-submit:hover,
body .intake-submit-btn:hover,
body .success-home-btn:hover,
body .btn-next:hover,
body .btn-submit:hover {
  background: var(--counselion-green) !important;
  color: var(--counselion-white) !important;
}
body .header-area .header-btn i {
  background: transparent !important;
  color: inherit !important;
}
body .header-area .header-btn a:focus-visible,
body .theme-btn:focus-visible,
body .counselion-home-hero-action.primary:focus-visible,
body .counselion-btn-gold:focus-visible,
body .home-consultation-submit:focus-visible,
body .intake-submit-btn:focus-visible,
body .success-home-btn:focus-visible,
body .btn-next:focus-visible,
body .btn-submit:focus-visible {
  outline: 2px solid var(--counselion-gold-heading);
  outline-offset: 4px;
}
body .page-header-area.counselion-standard-page-header .cap-hero-copy h1,
body .page-header-area h1,
body .page-header-area .breadcrumb-title {
  color: var(--counselion-gold) !important;
  -webkit-text-fill-color: currentColor !important;
  background: none !important;
  font-weight: 700 !important;
}
body .counselion-global-cta-inner {
  background: var(--counselion-green) !important;
}
body .counselion-home-hero h1 span {
  color: var(--counselion-gold) !important;
}
/* Final Review 4: the same semantic colors and layout on every viewport. */
.arch-founder-quotes p { color: var(--counselion-green) !important; }
.arch-founder-quotes p:nth-child(2) { color: var(--counselion-gold) !important; }
.team-member-card .user-info h4 a,
.external-resource-type,
.ug-calendar-date,
.cs-side-panel strong,
.cs-side-panel i,
.es-system-center em {
  color: var(--counselion-gold) !important;
  -webkit-text-fill-color: currentColor !important;
}
.team-member-card .user-info h4,
.team-member-card .user-info h4 a { font-weight: 700 !important; }
.external-resource-type,
.ug-calendar-date { font-weight: 800 !important; }
.cs-side-panel h3,
.arch-foundation-card.is-philosophy h3,
.es-help-panel h3,
.ug-calendar-head h2,
.ug-calendar-head h2 span,
.ug-framework-head h2,
.es-panel-title {
  color: var(--counselion-gold) !important;
  -webkit-text-fill-color: currentColor !important;
}
.team-member-photo[alt="Tikka Muhammad Abbas Khan"],
.counselion-home-team-frame img[alt="Tikka Muhammad Abbas Khan"],
.team-member-photo[alt="Nuo Lei"],
.counselion-home-team-frame img[alt="Nuo Lei"] {
  object-position: center 55% !important;
}
.team-member-founder .content-wrapper .user-info {
  padding-inline: 30px !important;
}
.team-member-founder .content-wrapper {
  padding-inline: 12px !important;
}
.team-member-founder .user-info h4,
.team-member-founder .user-info h4 a {
  overflow-wrap: normal !important;
  word-break: normal !important;
}
.team-member-founder .content-wrapper .user-info::before,
.team-member-founder .content-wrapper .user-info::after {
  top: 50% !important;
  width: 20px !important;
}
.es-outcome-label {
  border: 0 !important;
  box-shadow: none !important;
}
.ug-framework-center-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 32px 20px !important;
}
.ug-framework-center-inner strong {
  display: grid !important;
  gap: 24px !important;
  max-width: 100% !important;
  margin: 0 !important;
  line-height: 1.25 !important;
  text-align: center !important;
}
.ug-calendar-head h3 { text-wrap: balance; }
.contact-office-flag[aria-label="China flag"],
.footer-location-flag[aria-label="China flag"] {
  background-image: url('../images/flags/china.svg') !important;
}

/* One text gold (client, 6 October 2026): every gold text, page titles
   included, uses the brand gold. Content gold also shares one font and one
   of five sizes, identical on every viewport. Page titles keep their size. */
.counselion-home-hero-kicker,
.grad-title-primary,
.grad-title-secondary {
  font-weight: 800 !important;
}
.grad-title-primary,
.grad-title-secondary {
  font-weight: 700 !important;
}

/* All content gold: colour, font and style. */
.counselion-services-kicker, .counselion-card-front-text p, .counselion-home-team-role,
.counselion-home-step-subtitle, .counselion-home-events-kicker, .counselion-home-events-status,
.counselion-home-step-number, .arch-eyebrow, .arch-foundation-label, .arch-foundation-list strong,
.arch-founder-info span, .arch-card-number, .arch-foundation-title-accent,
.arch-foundation-card.is-philosophy h3, .arch-founder-quotes p:nth-child(2),
.cs-hero-word-stack li:nth-child(1) span, .cs-hero-word-stack li:nth-child(4) span, .cs-glance-label, .cs-side-panel h3, .cs-audience-item strong,
.cs-choice-item strong, .es-kicker, .process-method-number, .process-method-step em,
.process-method-quote span, .team-section-kicker, .team-message-kicker, .team-message-inner blockquote,
.team-message-signature, .team-member-card .user-info h4 a, .es-program-meta span, .es-help-panel h3,
.es-system-center em, .es-outcome-label, .es-program-closing, .ug-framework-label, .ug-framework-kicker,
.ug-framework-note strong, .ug-pillar-card h3, .ug-outcome-band > h3, .ug-ba-decision,
.ug-framework-quote span, .ug-calendar-head h2, .ug-calendar-head h2 span, .ug-calendar-head h3,
.ug-calendar-table th, .ug-calendar-date, .ug-planning-band h3, .ug-plan-step strong,
.ug-calendar-quote span, .ug-summary-card span, .grad-framework-head h2, .grad-framework-head strong,
.grad-flow-card em, .grad-section-label, .grad-align-card span, .grad-coherent, .inst-model-head h3,
.inst-pillar-card em, .inst-small-title, .inst-principle-item strong, .external-resource-type,
.resources-index-number, .inquiry-step-label, .contact-office-country, .cap-hero-statement > span,
body .counselion-global-cta-content h2 {
  color: var(--counselion-gold) !important;
  -webkit-text-fill-color: currentColor !important;
  background: none !important;
  font-family: var(--font-body) !important;
  font-style: normal !important;
}

/* Tier 1, labels: eyebrows, kickers, small labels, table heads, dates. */
.counselion-services-kicker, .counselion-card-front-text p, .counselion-home-team-role,
.counselion-home-step-subtitle, .counselion-home-events-kicker, .counselion-home-events-status,
.arch-eyebrow, .arch-foundation-label, .arch-foundation-list strong, .arch-founder-info span,
.cs-glance-label, .cs-side-panel h3, .cs-audience-item strong, .cs-choice-item strong, .es-kicker,
.process-method-number, .process-method-step em, .team-section-kicker, .team-message-kicker,
.es-outcome-label, .ug-framework-label, .ug-framework-kicker, .ug-calendar-head h3,
.ug-calendar-table th, .ug-calendar-date, .ug-plan-step strong, .ug-summary-card span,
.grad-flow-card em, .grad-align-card span, .inst-pillar-card em, .inst-principle-item strong,
.external-resource-type, .inquiry-step-label, .contact-office-country {
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  white-space: normal !important;
}

/* Tier 2, inline: gold words inside a sentence keep the sentence size. */
.ug-framework-note strong, .grad-framework-head strong, .ug-framework-quote span,
.ug-calendar-quote span {
  font-size: inherit !important;
  font-weight: 700 !important;
  letter-spacing: inherit !important;
}

/* Tier 3, titles: card titles, names, numbers. */
.counselion-home-step-number, .arch-card-number, .team-member-card .user-info h4,
.team-member-card .user-info h4 a, .team-message-signature, .es-program-meta span, .es-help-panel h3,
.ug-pillar-card h3, .resources-index-number {
  font-size: clamp(20px, 1.7vw, 24px) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}
.es-program-meta span, .es-help-panel h3, .ug-pillar-card h3 {
  letter-spacing: .08em !important;
}

/* Tier 4, statements: quotes and gold statement lines. */
.arch-founder-quotes p, .arch-foundation-card.is-philosophy h3, .team-message-inner blockquote,
.es-program-closing, .ug-outcome-band > h3, .ug-ba-decision, .ug-planning-band h3,
.grad-section-label, .grad-coherent, .inst-small-title, .cap-hero-statement > span {
  font-size: clamp(22px, 2.1vw, 28px) !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: .02em !important;
}
.grad-coherent span { font-size: 13px !important; font-weight: 500 !important; letter-spacing: 0 !important; }

/* Tier 5, section headings set entirely in gold. */
.inst-model-head h3, .grad-framework-head h2, .ug-calendar-head h2, body .counselion-global-cta-content h2 {
  font-size: clamp(30px, 3.2vw, 44px) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: .01em !important;
}
.ug-calendar-head h2 span { font-size: inherit !important; }

/* Gold words that belong to a larger heading or word group keep that
   group's size; only colour, font and weight are shared. */
.arch-foundation-title-accent, .cs-hero-word-stack span, .es-system-center em,
.process-method-quote span {
  font-weight: 700 !important;
}

/* Homepage service cards (client, 7 October 2026): icon, title and gold
   line sit at the same height on all four cards; the gold line is smaller
   and centred with balanced line breaks. */
.counselion-card-front {
  justify-content: flex-start !important;
  text-align: center !important;
}
.counselion-card-front .counselion-service-mark {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.counselion-card-front-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.counselion-card-front-text h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.3em;
  margin: 0 0 10px !important;
  text-align: center !important;
  text-wrap: balance;
}
.counselion-services-snapshot .counselion-card-front-text p,
.counselion-card-front-text p {
  max-width: 24ch;
  font-size: 11px !important;
  letter-spacing: .1em !important;
  line-height: 1.6 !important;
  text-align: center !important;
  text-wrap: balance;
}

/* Homepage hero (client, 8 October 2026): white eyebrow led by the revolving
   Counselion medallion; both headline lines share the gold and the size of
   "Enduring Legacy."; every area in the bottom strip starts with a dot. */
.counselion-home-hero-kicker {
  color: var(--counselion-white) !important;
  gap: 14px !important;
}
.counselion-home-hero-kicker::before {
  content: none !important;
  display: none !important;
}
.counselion-home-hero-medallion {
  flex: 0 0 auto;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  box-shadow: 0 6px 18px rgb(0 0 0 / .28);
  animation: counselion-medallion-revolve 8s ease-in-out infinite;
  backface-visibility: visible;
}
@keyframes counselion-medallion-revolve {
  0%, 62% { transform: perspective(400px) rotateY(0deg); }
  100% { transform: perspective(400px) rotateY(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  .counselion-home-hero-medallion { animation: none; }
}
body .counselion-home-hero h1 {
  color: var(--counselion-gold) !important;
  font-size: clamp(32px, 3.6vw, 49px) !important;
  line-height: .98 !important;
}
body .counselion-home-hero h1 span {
  color: var(--counselion-gold) !important;
  font-size: 1em !important;
}
.counselion-home-hero-disciplines span::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  margin: 0 20px 2px 0;
  border-radius: 50%;
  background: var(--counselion-gold);
}
.counselion-home-hero-disciplines span:last-child::after {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  margin: 0 0 2px 20px;
  border-radius: 50%;
  background: var(--counselion-gold);
}
@media (max-width: 767px) {
  .counselion-home-hero-medallion { width: 38px; height: 38px; }
  .counselion-home-hero-disciplines span::before { margin-right: 9px; }
  .counselion-home-hero-disciplines span:last-child::after { margin-left: 9px; }
}

/* Homepage Global Ecosystem heading: centred like the other homepage
   sections, with the gold label between two rules. */
.counselion-ecosystem-header {
  display: flex !important;
  flex-direction: column;
  align-items: center !important;
  justify-content: center !important;
  gap: 22px !important;
  text-align: center;
}
.counselion-ecosystem-header > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.counselion-ecosystem-header h2 {
  margin-inline: auto !important;
  text-align: center;
}
.counselion-ecosystem-header p {
  max-width: 760px;
  padding-left: 0 !important;
  border-left: 0 !important;
}
.counselion-system-kicker {
  justify-content: center;
  color: var(--counselion-gold) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
}
.counselion-system-kicker::before,
.counselion-system-kicker::after {
  content: "";
  width: 34px;
  height: 1px;
  background: var(--counselion-gold);
}

/* Footer Global Footprint: one row per place with its flag. */
.footer-global-footprint .footer-location {
  display: flex;
  align-items: center;
  gap: 8px;
}
.footer-location-flag[aria-label="United States flag"],
.counselion-country-flag[aria-label="United States flag"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect width='60' height='40' fill='%23fff'/%3E%3Cg fill='%23B22234'%3E%3Crect width='60' height='3.08'/%3E%3Crect y='6.15' width='60' height='3.08'/%3E%3Crect y='12.3' width='60' height='3.08'/%3E%3Crect y='18.46' width='60' height='3.08'/%3E%3Crect y='24.6' width='60' height='3.08'/%3E%3Crect y='30.77' width='60' height='3.08'/%3E%3Crect y='36.92' width='60' height='3.08'/%3E%3C/g%3E%3Crect width='26' height='21.54' fill='%233C3B6E'/%3E%3C/svg%3E") !important;
}
.footer-location-flag[aria-label="India flag"],
.counselion-country-flag[aria-label="India flag"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect width='60' height='13.34' fill='%23FF9933'/%3E%3Crect y='13.33' width='60' height='13.34' fill='%23fff'/%3E%3Crect y='26.66' width='60' height='13.34' fill='%23138808'/%3E%3Ccircle cx='30' cy='20' r='5' fill='none' stroke='%23000080' stroke-width='1.2'/%3E%3Ccircle cx='30' cy='20' r='1' fill='%23000080'/%3E%3C/svg%3E") !important;
}

/* Country flag beside an advisor's country (team cards, homepage, profile). */
.counselion-country-flag {
  display: inline-block !important;
  width: 20px !important;
  height: 14px !important;
  margin: 0 7px 0 0 !important;
  vertical-align: -1px;
  border-radius: 2px;
  border: 1px solid rgb(var(--counselion-white-rgb) / .35);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.counselion-home-team-country {
  margin-top: -4px !important;
  color: var(--counselion-green) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
.counselion-home-team-country .counselion-country-flag {
  border-color: rgb(var(--counselion-green-rgb) / .2);
}

/* Client, 16 October 2026 */
/* One header logo size on every page. */
body .header-area .logo img {
  width: 250px !important;
  max-width: 250px !important;
  height: auto !important;
  max-height: none !important;
}
@media (max-width: 767px) {
  body .header-area .logo img {
    width: 205px !important;
    max-width: 205px !important;
  }
}
/* Undergraduate pillars: long titles such as REPRESENTATION fit their column. */
.ug-pillar-card h3 {
  font-size: clamp(16px, 1.3vw, 20px) !important;
  letter-spacing: .04em !important;
  overflow-wrap: anywhere;
}
/* Graduate: "One Coherent Profile" subtitle is readable on its white box;
   Outcomes and Evaluated On sit side by side as two equal boxes. */
.grad-coherent span {
  color: #575959 !important;
}
.grad-coherent--lead {
  margin: 0 0 24px !important;
  text-align: center;
}
.grad-side-zone {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.grad-side-zone > .grad-evaluated {
  grid-column: auto !important;
}
.grad-evaluated .grad-eval-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
@media (max-width: 767px) {
  .grad-side-zone,
  .grad-evaluated .grad-eval-grid {
    grid-template-columns: 1fr !important;
  }
}
/* Institutional: Outcomes We Support centred once The Difference is removed. */
.inst-lower-grid {
  display: block !important;
}
.inst-lower-grid .inst-outcomes {
  max-width: 980px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.inst-lower-grid .inst-outcomes .inst-small-title {
  text-align: center;
}

/* Final Review 5: decorative gold rules use the solid brand gold, so no
   translucent line reads as a second, muddier gold beside gold text. */
.counselion-home-hero h1 span {
  border-top-color: var(--counselion-gold) !important;
}
.counselion-services-kicker::before,
.counselion-services-kicker::after,
.counselion-home-step-subtitle::after,
.ug-framework-label::before,
.ug-framework-label::after,
.grad-framework-intro .es-kicker::before,
.grad-framework-intro .es-kicker::after {
  background: var(--counselion-gold) !important;
}
@media (max-width: 767px) {
  .undergraduate-page .ug-framework-label {
    font-size: 13px !important;
    text-wrap: balance;
  }
}
@media (max-width: 400px) {
  .undergraduate-page .ug-framework-label::before,
  .undergraduate-page .ug-framework-label::after {
    display: none !important;
  }
}

/* Final Review 5: "One Profile / One Direction" fits its desktop panel, so
   the centered lines no longer overflow to the right. Phones are unchanged. */
@media (min-width: 992px) {
  .undergraduate-page .ug-framework-center-inner strong {
    font-size: clamp(20px, 1.6vw, 26px) !important;
  }
}

/* Final Review 5: whole lions on the co-founder nameplates. The previous
   logo-sprite crop showed only the back half of each lion. */
.team-page .team-member-founder .content-wrapper .user-info::before,
.team-page .team-member-founder .content-wrapper .user-info::after {
  width: 34px !important;
  height: 17px !important;
  background-position: center !important;
  background-size: contain !important;
}
.team-page .team-member-founder .content-wrapper .user-info::before {
  background-image: url('../images/logo/lion-left.webp') !important;
}
.team-page .team-member-founder .content-wrapper .user-info::after {
  background-image: url('../images/logo/lion-right.webp') !important;
}
.team-member-photo[alt="Tikka Muhammad Abbas Khan"],
.counselion-home-team-frame img[alt="Tikka Muhammad Abbas Khan"] {
  object-position: center 72% !important;
}

/* Team update: LinkedIn button in the profile header, the same on every
   viewport and in both static and CMS profiles. */
.page-header-area .counselion-profile-linkedin {
  display: inline-flex !important;
  width: auto !important;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin: 18px auto 0 !important;
  padding: 10px 18px !important;
  border: 1px solid var(--counselion-gold) !important;
  border-radius: 3px !important;
  background: transparent !important;
  color: var(--counselion-gold) !important;
  font-family: var(--font-body);
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .12em;
  line-height: 1 !important;
  text-transform: uppercase;
  transition: background-color .2s ease, color .2s ease;
}
.page-header-area .counselion-profile-linkedin i {
  font-size: 15px;
  line-height: 1;
}
.page-header-area .counselion-profile-linkedin:hover {
  background: var(--counselion-gold) !important;
  color: var(--counselion-green) !important;
}
.page-header-area .counselion-profile-linkedin:focus-visible {
  outline: 2px solid var(--counselion-gold-heading);
  outline-offset: 4px;
}

/* Floating WhatsApp chat (js/whatsapp-chat.js): bottom left on every page,
   clear of the back-to-top button on the right. */
.counselion-wa {
  position: fixed !important;
  left: 24px;
  bottom: 24px;
  z-index: 9990;
  font-family: var(--font-body);
}
.counselion-wa svg {
  display: block;
  width: 100%;
  height: 100%;
}
.counselion-wa-toggle {
  display: grid !important;
  place-items: center;
  width: 58px !important;
  height: 58px !important;
  padding: 14px !important;
  border: 2px solid var(--counselion-gold) !important;
  border-radius: 50% !important;
  background: var(--counselion-green) !important;
  color: var(--counselion-white) !important;
  box-shadow: 0 12px 30px rgb(var(--counselion-green-rgb) / .32);
  cursor: pointer;
  transition: transform .2s ease, background-color .2s ease;
}
.counselion-wa-toggle:hover {
  transform: translateY(-2px);
}
.counselion-wa-toggle:focus-visible,
.counselion-wa-close:focus-visible,
.counselion-wa-start:focus-visible {
  outline: 2px solid var(--counselion-gold-heading);
  outline-offset: 3px;
}
.counselion-wa.is-open .counselion-wa-toggle {
  background: var(--counselion-gold) !important;
  color: var(--counselion-green) !important;
}
.counselion-wa-panel {
  position: absolute;
  left: 0;
  bottom: 74px;
  width: min(320px, calc(100vw - 32px));
  overflow: hidden;
  border: 1px solid var(--counselion-gold);
  border-radius: 10px;
  background: var(--counselion-cream);
  box-shadow: 0 24px 60px rgb(var(--counselion-green-rgb) / .24);
}
.counselion-wa-panel[hidden] {
  display: none !important;
}
.counselion-wa-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 16px 16px 18px;
  background: var(--counselion-green);
}
.counselion-wa-badge {
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  padding: 8px;
  border: 1px solid var(--counselion-gold);
  border-radius: 50%;
  color: var(--counselion-gold);
}
.counselion-wa-titles {
  display: grid;
  gap: 3px;
  min-width: 0;
  flex: 1 1 auto;
}
.counselion-wa-titles strong {
  color: var(--counselion-gold);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
}
.counselion-wa-titles span {
  color: rgb(var(--counselion-white-rgb) / .82);
  font-size: 12px;
  line-height: 1.2;
}
.counselion-wa-close {
  flex: 0 0 auto;
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: var(--counselion-white) !important;
  font-size: 24px !important;
  line-height: 1 !important;
  cursor: pointer;
}
.counselion-wa-body {
  padding: 18px;
}
.counselion-wa-bubble {
  position: relative;
  margin: 0 !important;
  padding: 12px 14px;
  border-radius: 0 10px 10px 10px;
  background: var(--counselion-white);
  box-shadow: 0 4px 14px rgb(var(--counselion-green-rgb) / .08);
  color: var(--counselion-green) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}
.counselion-wa-start {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0 18px 18px !important;
  padding: 13px 16px !important;
  border-radius: 3px !important;
  background: var(--counselion-gold) !important;
  color: var(--counselion-green) !important;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  transition: background-color .2s ease, color .2s ease;
}
.counselion-wa-start svg {
  width: 20px;
  height: 20px;
}
.counselion-wa-start:hover {
  background: var(--counselion-green) !important;
  color: var(--counselion-white) !important;
}
@media (max-width: 767px) {
  .counselion-wa {
    left: 16px;
    bottom: 16px;
  }
  .counselion-wa-toggle {
    width: 52px !important;
    height: 52px !important;
    padding: 12px !important;
  }
  .counselion-wa-panel {
    bottom: 66px;
  }
}
@media print {
  .counselion-wa { display: none !important; }
}

/* Team update: one heading-to-content rhythm on every profile section,
   static or CMS rendered, on every viewport. */
.counselion-profile-page .counselion-profile-sticky .section-title,
.counselion-profile-page .counselion-profile-section-title {
  margin-bottom: 0 !important;
}
.counselion-profile-page .counselion-education-grid {
  margin-top: 28px !important;
}
.counselion-profile-page .counselion-specialties-section .row + .row {
  margin-top: 4px !important;
}
.counselion-profile-page .counselion-profile-content > p:last-child,
.counselion-profile-page .counselion-profile-content > ul:last-child {
  margin-bottom: 0 !important;
}
@media (max-width: 991px) {
  .counselion-profile-page .counselion-profile-bio > .container > .row,
  .counselion-profile-page .counselion-cms-profile-section > .container > .row {
    --bs-gutter-y: 22px !important;
  }
}

/* Final Review 5: the Outcome word sits in its own box, with no rules
   running left and right of it. */
.early-strategy-page .es-outcome-wrap {
  border: 0 !important;
}
.early-strategy-page .es-outcome-label {
  display: block !important;
  width: max-content !important;
  max-width: 100%;
  margin: 0 auto 22px !important;
  padding: 9px 30px !important;
  border: 1px solid var(--counselion-gold) !important;
  border-radius: 0 !important;
  background: var(--counselion-white) !important;
  color: var(--counselion-gold) !important;
  text-align: center;
}
.early-strategy-page .es-outcome-label::before,
.early-strategy-page .es-outcome-label::after {
  content: none !important;
  display: none !important;
}
}