/* Kē Resources is isolated to /rebrand. The current /app Connect page is unchanged. */
html.ke-rebrand-mode #t-resources { display: flex !important; }
html.ke-rebrand-mode #t-courses { display: none !important; }
html.ke-rebrand-mode #scr-resources.active { display: flex !important; }

html.ke-rebrand-mode #scr-resources {
  --kr-navy: #1a2830;
  --kr-navy-soft: #263944;
  --kr-burgundy: #6d3346;
  --kr-gold: #c8a558;
  --kr-gold-light: #e9ba61;
  --kr-cream: #f7f1e8;
  --kr-paper: #fffdf9;
  --kr-sage: #81988a;
  --kr-blue: #8eafc3;
  --kr-ink: #1f2c32;
  --kr-muted: #69757a;
  --kr-line: rgba(109, 51, 70, .22);
  background: #fff !important;
  color: var(--kr-ink) !important;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 36px;
  transform: none !important;
}

html.ke-rebrand-mode #scr-resources *,
html.ke-rebrand-mode #scr-resources *::before,
html.ke-rebrand-mode #scr-resources *::after { box-sizing: border-box; }
html.ke-rebrand-mode #scr-resources button { font: inherit; }

html.ke-rebrand-mode .ke-resources-header {
  align-items: center;
  background: var(--kr-navy);
  border-bottom: 1px solid rgba(233, 186, 97, .18);
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  min-height: 72px;
  padding: 12px clamp(18px, 4vw, 42px);
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 20;
}

html.ke-rebrand-mode .ke-resources-brand,
html.ke-rebrand-mode .ke-resources-header-actions { align-items: center; display: flex; }
html.ke-rebrand-mode .ke-resources-brand { flex: 1; gap: 12px; min-width: 0; }
html.ke-rebrand-mode .ke-resources-profile-initials { align-items: center; background: var(--kr-burgundy); border: 1px solid var(--kr-gold-light); border-radius: 50%; box-shadow: 0 5px 14px rgba(0,0,0,.18); color: var(--kr-paper) !important; display: inline-flex; flex: 0 0 44px; font-family: 'Playfair Display',serif; font-size: 15px; font-weight: 800; height: 44px; justify-content: center; letter-spacing: .4px; line-height: 1; margin: 0; width: 44px; }
html.ke-rebrand-mode .ke-resources-brand div,
html.ke-rebrand-mode .ke-resources-brand strong,
html.ke-rebrand-mode .ke-resources-brand div span { display: block; min-width: 0; }
html.ke-rebrand-mode .ke-resources-brand strong { color: var(--kr-paper) !important; font-family: 'Playfair Display',serif; font-size: 19px; line-height: 1.08; }
html.ke-rebrand-mode .ke-resources-brand div span { color: var(--kr-gold-light) !important; font-size: 9px; font-weight: 700; margin-top: 3px; }
html.ke-rebrand-mode .ke-resources-header-actions { gap: 9px; }

html.ke-rebrand-mode .ke-resources-flame {
  align-items: center;
  background: var(--kr-cream);
  border: 1px solid rgba(200, 165, 88, .5);
  border-radius: 999px;
  display: inline-flex;
  gap: 7px;
  min-height: 32px;
  min-width: 52px;
  padding: 5px 10px;
}
html.ke-rebrand-mode .ke-resources-flame svg { fill: var(--kr-gold); height: 17px; width: 14px; }
html.ke-rebrand-mode .ke-resources-flame circle { fill: var(--kr-cream); }
html.ke-rebrand-mode .ke-resources-flame strong { color: var(--kr-burgundy) !important; font-size: 12px; font-weight: 900; }
html.ke-rebrand-mode .ke-resources-icon-button {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--kr-gold-light) !important;
  cursor: pointer;
  display: flex;
  height: 38px;
  justify-content: center;
  padding: 0;
  position: relative;
  width: 38px;
}
html.ke-rebrand-mode .ke-resources-icon-button svg { fill: none; height: 20px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; width: 20px; }
html.ke-rebrand-mode .ke-resources-icon-button .notif-badge-shared { align-items: center; background: var(--kr-gold-light); border-radius: 8px; color: var(--kr-navy); display: none; font-size: 9px; font-weight: 800; height: 16px; justify-content: center; min-width: 16px; padding: 0 4px; position: absolute; right: -4px; top: -4px; }

html.ke-rebrand-mode .ke-resources-shell { flex: 1 0 auto; width: 100%; }
html.ke-rebrand-mode .ke-resources-view { background: #fff; min-height: 100%; width: 100%; }
html.ke-rebrand-mode .ke-resources-view[hidden] { display: none !important; }
html.ke-rebrand-mode .ke-resources-view.is-dark { background: var(--kr-navy); color: #fff !important; }
html.ke-rebrand-mode .ke-resources-home-inner,
html.ke-rebrand-mode .ke-resources-detail-inner { margin: 0 auto; max-width: 1000px; padding: clamp(22px, 3.5vw, 42px) clamp(16px, 4vw, 40px) 72px; width: 100%; }

html.ke-rebrand-mode .ke-resources-hero {
  align-items: end;
  background: var(--kr-burgundy);
  border: 1px solid rgba(233, 186, 97, .65);
  border-radius: 24px;
  box-shadow: 0 16px 34px rgba(53, 28, 39, .14);
  display: grid;
  gap: 26px;
  grid-template-columns: 1fr auto;
  isolation: isolate;
  margin-bottom: 34px;
  overflow: hidden;
  padding: clamp(26px, 5vw, 52px);
  position: relative;
}
html.ke-rebrand-mode .ke-resources-hero::after,
html.ke-rebrand-mode .ke-resources-service.is-signature::after {
  animation: ke-resources-shimmer 4.8s ease-in-out infinite;
  background: linear-gradient(104deg, transparent 23%, rgba(255,255,255,.06) 40%, rgba(233,186,97,.4) 49%, rgba(255,255,255,.08) 58%, transparent 75%);
  content: '';
  inset: -40% -65%;
  pointer-events: none;
  position: absolute;
  transform: translateX(-45%) rotate(7deg);
  z-index: -1;
}
@keyframes ke-resources-shimmer { 0%, 56% { transform: translateX(-48%) rotate(7deg); } 90%, 100% { transform: translateX(48%) rotate(7deg); } }
html.ke-rebrand-mode .ke-resources-hero span,
html.ke-rebrand-mode .ke-resources-section-heading > span,
html.ke-rebrand-mode .ke-resources-detail-intro > span,
html.ke-rebrand-mode .ke-resources-subheading > span,
html.ke-rebrand-mode .ke-resources-next-steps > span { color: var(--kr-gold-light) !important; font-size: 9px; font-weight: 900; letter-spacing: 1.05px; text-transform: uppercase; }
html.ke-rebrand-mode .ke-resources-hero h1 { color: #fff !important; font-family: 'Playfair Display',serif; font-size: clamp(32px, 5vw, 54px); letter-spacing: -.025em; line-height: 1.02; margin: 8px 0 10px; max-width: 660px; }
html.ke-rebrand-mode .ke-resources-hero p { color: rgba(255,255,255,.8) !important; font-family: 'Cormorant Garamond',serif; font-size: 19px; font-style: italic; line-height: 1.35; margin: 0; }
html.ke-rebrand-mode .ke-resources-hero button {
  background: linear-gradient(120deg, #d6af58, #f3d48a 48%, #c79c43);
  border: 0;
  border-radius: 999px;
  color: var(--kr-navy) !important;
  cursor: pointer;
  font-size: 10px;
  font-weight: 900;
  min-height: 44px;
  padding: 12px 20px;
  text-transform: uppercase;
  white-space: nowrap;
}

html.ke-rebrand-mode .ke-resources-section-heading { margin: 0 0 16px; }
html.ke-rebrand-mode .ke-resources-section-heading > span { color: var(--kr-burgundy) !important; }
html.ke-rebrand-mode .ke-resources-section-heading h2 { color: var(--kr-navy) !important; font-family: 'Playfair Display',serif; font-size: clamp(25px, 3vw, 34px); line-height: 1.08; margin: 6px 0; }
html.ke-rebrand-mode .ke-resources-section-heading p { color: var(--kr-muted) !important; font-size: 13px; line-height: 1.5; margin: 0; }
html.ke-rebrand-mode .ke-resources-category-list { display: grid; gap: 12px; }
html.ke-rebrand-mode .ke-resources-category-list > button {
  align-items: center;
  background: var(--kr-paper);
  border: 1px solid var(--kr-line);
  border-radius: 18px;
  box-shadow: 0 7px 18px rgba(26, 40, 48, .055);
  color: var(--kr-ink) !important;
  cursor: pointer;
  display: grid;
  gap: 14px;
  grid-template-columns: 42px 1fr auto;
  min-height: 78px;
  padding: 14px 17px;
  text-align: left;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
html.ke-rebrand-mode .ke-resources-category-list > button:hover { border-color: rgba(200,165,88,.9); box-shadow: 0 12px 28px rgba(26,40,48,.1); transform: translateY(-2px); }
html.ke-rebrand-mode .ke-resources-category-list i { align-items: center; border-radius: 50%; color: var(--kr-navy) !important; display: flex; font-size: 17px; font-style: normal; height: 40px; justify-content: center; width: 40px; }
html.ke-rebrand-mode .ke-resources-category-list i.is-burgundy { background: #f6e4e8; color: var(--kr-burgundy) !important; }
html.ke-rebrand-mode .ke-resources-category-list i.is-blue { background: #e4f0f6; }
html.ke-rebrand-mode .ke-resources-category-list i.is-gold { background: #fff0c9; }
html.ke-rebrand-mode .ke-resources-category-list i.is-sage { background: #e3ebe6; }
html.ke-rebrand-mode .ke-resources-category-list i.is-cream { background: var(--kr-cream); }
html.ke-rebrand-mode .ke-resources-category-list span,
html.ke-rebrand-mode .ke-resources-category-list strong,
html.ke-rebrand-mode .ke-resources-category-list small { display: block; }
html.ke-rebrand-mode .ke-resources-category-list strong { color: var(--kr-navy) !important; font-size: 14px; }
html.ke-rebrand-mode .ke-resources-category-list small { color: var(--kr-muted) !important; font-size: 11px; line-height: 1.35; margin-top: 4px; }
html.ke-rebrand-mode .ke-resources-category-list b { color: var(--kr-burgundy) !important; font-size: 25px; font-weight: 500; }

html.ke-rebrand-mode .ke-resources-privacy-note { align-items: flex-start; background: var(--kr-cream); border: 1px solid rgba(200,165,88,.35); border-radius: 16px; display: flex; gap: 13px; margin-top: 24px; padding: 16px; }
html.ke-rebrand-mode .ke-resources-privacy-note svg { fill: none; flex: 0 0 24px; height: 24px; stroke: var(--kr-burgundy); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; width: 24px; }
html.ke-rebrand-mode .ke-resources-privacy-note strong { color: var(--kr-navy) !important; display: block; font-size: 12px; }
html.ke-rebrand-mode .ke-resources-privacy-note p { color: var(--kr-muted) !important; font-size: 11px; line-height: 1.45; margin: 4px 0 0; }

html.ke-rebrand-mode .ke-resources-detail-header { align-items: center; border-bottom: 1px solid rgba(109,51,70,.18); display: flex; gap: 12px; margin-bottom: 28px; padding-bottom: 14px; }
html.ke-rebrand-mode .ke-resources-detail-header button { align-items: center; background: transparent; border: 0; color: var(--kr-burgundy) !important; cursor: pointer; display: flex; font-size: 24px; height: 38px; justify-content: center; padding: 0; width: 38px; }
html.ke-rebrand-mode .ke-resources-detail-header div,
html.ke-rebrand-mode .ke-resources-detail-header span,
html.ke-rebrand-mode .ke-resources-detail-header strong { display: block; }
html.ke-rebrand-mode .ke-resources-detail-header span { color: var(--kr-burgundy) !important; font-size: 9px; font-weight: 900; letter-spacing: 1px; }
html.ke-rebrand-mode .ke-resources-detail-header strong { color: var(--kr-navy) !important; font-family: 'Playfair Display',serif; font-size: 17px; margin-top: 3px; }
html.ke-rebrand-mode .is-dark .ke-resources-detail-header { border-color: rgba(233,186,97,.24); }
html.ke-rebrand-mode .is-dark .ke-resources-detail-header button,
html.ke-rebrand-mode .is-dark .ke-resources-detail-header span { color: var(--kr-gold-light) !important; }
html.ke-rebrand-mode .is-dark .ke-resources-detail-header strong { color: #fff !important; }

html.ke-rebrand-mode .ke-resources-detail-intro { margin-bottom: 26px; max-width: 760px; }
html.ke-rebrand-mode .ke-resources-detail-intro > span { color: var(--kr-burgundy) !important; }
html.ke-rebrand-mode .ke-resources-detail-intro h1 { color: var(--kr-navy) !important; font-family: 'Playfair Display',serif; font-size: clamp(34px,5vw,56px); letter-spacing: -.03em; line-height: 1.04; margin: 8px 0 12px; }
html.ke-rebrand-mode .ke-resources-detail-intro p { color: #8a6a60 !important; font-family: 'Cormorant Garamond',serif; font-size: clamp(18px,2.2vw,22px); font-style: italic; line-height: 1.4; margin: 0; }
html.ke-rebrand-mode .is-dark .ke-resources-detail-intro > span { color: var(--kr-gold-light) !important; }
html.ke-rebrand-mode .is-dark .ke-resources-detail-intro h1 { color: #fff !important; }
html.ke-rebrand-mode .is-dark .ke-resources-detail-intro p { color: rgba(255,255,255,.72) !important; }

html.ke-rebrand-mode .ke-resources-service {
  background: var(--kr-paper);
  border: 1px solid rgba(109,51,70,.2);
  border-radius: 20px;
  box-shadow: 0 9px 24px rgba(26,40,48,.055);
  margin-top: 14px;
  overflow: hidden;
  padding: clamp(18px,3vw,25px);
  position: relative;
}
html.ke-rebrand-mode .ke-resources-service.is-signature { isolation: isolate; }
html.ke-rebrand-mode .ke-resources-service.is-signature::after { opacity: .34; z-index: -1; }
html.ke-rebrand-mode .ke-resources-service.is-featured { border-color: rgba(233,186,97,.65); }
html.ke-rebrand-mode .ke-resources-service-heading { align-items: start; display: flex; gap: 14px; justify-content: space-between; }
html.ke-rebrand-mode .ke-resources-service-heading span { color: var(--kr-burgundy) !important; display: block; font-size: 8px; font-weight: 900; letter-spacing: .9px; }
html.ke-rebrand-mode .ke-resources-service-heading h2 { color: var(--kr-navy) !important; font-family: 'Playfair Display',serif; font-size: clamp(20px,2.5vw,27px); line-height: 1.08; margin: 5px 0 0; }
html.ke-rebrand-mode .ke-resources-service-heading em { background: var(--kr-cream); border: 1px solid rgba(200,165,88,.45); border-radius: 999px; color: var(--kr-burgundy) !important; flex: 0 0 auto; font-size: 8px; font-style: normal; font-weight: 900; padding: 6px 9px; text-transform: uppercase; }
html.ke-rebrand-mode .ke-resources-service > p { color: var(--kr-muted) !important; font-size: 12px; line-height: 1.55; margin: 12px 0 16px; }

html.ke-rebrand-mode .ke-resources-actions { display: grid; gap: 9px; grid-template-columns: repeat(2,minmax(0,1fr)); }
html.ke-rebrand-mode .ke-resources-actions-three { grid-template-columns: repeat(3,minmax(0,1fr)); }
html.ke-rebrand-mode .ke-resources-actions a,
html.ke-rebrand-mode .ke-resources-actions button {
  align-items: center;
  background: var(--kr-burgundy);
  border: 1px solid var(--kr-burgundy);
  border-radius: 999px;
  color: #fff !important;
  cursor: pointer;
  display: flex;
  font-size: 10px;
  font-weight: 900;
  justify-content: center;
  min-height: 42px;
  padding: 10px 12px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
html.ke-rebrand-mode .ke-resources-actions > :nth-child(even) { background: var(--kr-gold-light); border-color: var(--kr-gold-light); color: var(--kr-navy) !important; }
html.ke-rebrand-mode .ke-resources-actions-three > :last-child { background: transparent; border-color: rgba(109,51,70,.35); color: var(--kr-burgundy) !important; }

html.ke-rebrand-mode .is-dark .ke-resources-service { background: var(--kr-paper); }
html.ke-rebrand-mode .is-dark .ke-resources-actions a,
html.ke-rebrand-mode .is-dark .ke-resources-actions button { background: var(--kr-gold-light); border-color: var(--kr-gold-light); color: var(--kr-navy) !important; }
html.ke-rebrand-mode .is-dark .ke-resources-actions > :nth-child(even) { background: var(--kr-burgundy); border-color: var(--kr-burgundy); color: #fff !important; }
html.ke-rebrand-mode .is-dark .ke-resources-actions-three > :last-child { background: transparent; border-color: rgba(109,51,70,.35); color: var(--kr-burgundy) !important; }

html.ke-rebrand-mode .ke-resources-emergency { align-items: center; background: rgba(255,255,255,.07); border: 1px solid rgba(233,186,97,.3); border-radius: 16px; display: flex; gap: 18px; justify-content: space-between; margin-top: 14px; padding: 16px 18px; }
html.ke-rebrand-mode .ke-resources-emergency span { color: var(--kr-gold-light) !important; display: block; font-size: 8px; font-weight: 900; letter-spacing: .8px; }
html.ke-rebrand-mode .ke-resources-emergency p { color: rgba(255,255,255,.82) !important; font-size: 11px; line-height: 1.35; margin: 5px 0 0; }
html.ke-rebrand-mode .ke-resources-emergency a { background: #a54659; border-radius: 999px; color: #fff !important; flex: 0 0 auto; font-size: 9px; font-weight: 900; padding: 11px 15px; text-decoration: none; text-transform: uppercase; }

html.ke-rebrand-mode .ke-resources-more { margin-top: 28px; }
html.ke-rebrand-mode .ke-resources-subheading > span { color: var(--kr-gold-light) !important; }
html.ke-rebrand-mode .ke-resources-subheading h2 { color: #fff !important; font-family: 'Playfair Display',serif; font-size: 24px; margin: 5px 0 10px; }
html.ke-rebrand-mode .ke-resources-contact-row { align-items: center; border-bottom: 1px solid rgba(233,186,97,.18); display: flex; gap: 16px; justify-content: space-between; padding: 14px 2px; }
html.ke-rebrand-mode .ke-resources-contact-row div,
html.ke-rebrand-mode .ke-resources-contact-row strong,
html.ke-rebrand-mode .ke-resources-contact-row span { display: block; }
html.ke-rebrand-mode .ke-resources-contact-row strong { color: #fff !important; font-size: 12px; }
html.ke-rebrand-mode .ke-resources-contact-row span { color: rgba(255,255,255,.62) !important; font-size: 10px; line-height: 1.35; margin-top: 4px; }
html.ke-rebrand-mode .ke-resources-contact-row a,
html.ke-rebrand-mode .ke-resources-contact-row button { background: transparent; border: 0; color: var(--kr-gold-light) !important; cursor: pointer; flex: 0 0 auto; font-size: 10px; font-weight: 900; max-width: 180px; padding: 8px 0; text-align: right; text-decoration: none; }
html.ke-rebrand-mode .ke-resources-boundary { border-top: 1px solid rgba(233,186,97,.2); color: rgba(255,255,255,.6) !important; font-size: 10px; line-height: 1.5; margin: 24px 0 0; padding-top: 16px; }
html.ke-rebrand-mode .ke-resources-international { color: var(--kr-gold-light) !important; display: inline-flex; font-size: 10px; font-weight: 800; gap: 8px; margin-top: 17px; text-decoration: none; }

html.ke-rebrand-mode .ke-resources-safety-note { background: #f7eff0; border: 1px solid rgba(109,51,70,.25); border-radius: 16px; margin: 0 0 18px; padding: 16px; }
html.ke-rebrand-mode .ke-resources-safety-note strong { color: var(--kr-burgundy) !important; display: block; font-size: 12px; }
html.ke-rebrand-mode .ke-resources-safety-note p { color: var(--kr-muted) !important; font-size: 11px; line-height: 1.5; margin: 5px 0 0; }
html.ke-rebrand-mode .ke-resources-danger-link { background: #f7eff0; border: 1px solid rgba(109,51,70,.2); border-radius: 14px; color: var(--kr-burgundy) !important; font-size: 11px; font-weight: 700; margin: 18px 0 0; padding: 14px; }
html.ke-rebrand-mode .ke-resources-danger-link a { color: inherit !important; font-weight: 900; }

html.ke-rebrand-mode .ke-resources-next-steps { background: var(--kr-cream); border: 1px solid rgba(200,165,88,.35); border-radius: 18px; margin-top: 18px; padding: 20px; }
html.ke-rebrand-mode .ke-resources-next-steps > span { color: var(--kr-burgundy) !important; }
html.ke-rebrand-mode .ke-resources-next-steps ol { counter-reset: resource-step; display: grid; gap: 12px; list-style: none; margin: 14px 0 0; padding: 0; }
html.ke-rebrand-mode .ke-resources-next-steps li { align-items: center; color: var(--kr-navy) !important; counter-increment: resource-step; display: grid; font-family: 'Cormorant Garamond',serif; font-size: 16px; gap: 12px; grid-template-columns: 30px 1fr; }
html.ke-rebrand-mode .ke-resources-next-steps li::before { align-items: center; background: #fff; border: 1px solid rgba(200,165,88,.38); border-radius: 50%; color: var(--kr-burgundy); content: counter(resource-step); display: flex; font-family: Arial,sans-serif; font-size: 9px; font-weight: 900; height: 30px; justify-content: center; width: 30px; }

html.ke-rebrand-mode .ke-resources-caregiver-hero { border: 1px solid rgba(200,165,88,.7); border-radius: 21px; box-shadow: 0 12px 28px rgba(26,40,48,.1); height: clamp(210px,32vw,330px); margin-bottom: 22px; overflow: hidden; position: relative; }
html.ke-rebrand-mode .ke-resources-caregiver-hero img { height: 100%; object-fit: cover; width: 100%; }
html.ke-rebrand-mode .ke-resources-caregiver-hero::after { background: linear-gradient(180deg,transparent 26%,rgba(26,40,48,.9) 100%); content: ''; inset: 0; position: absolute; }
html.ke-rebrand-mode .ke-resources-caregiver-hero div { bottom: 0; left: 0; padding: clamp(20px,4vw,34px); position: absolute; right: 0; z-index: 1; }
html.ke-rebrand-mode .ke-resources-caregiver-hero span { color: var(--kr-gold-light) !important; font-size: 9px; font-weight: 900; letter-spacing: 1px; }
html.ke-rebrand-mode .ke-resources-caregiver-hero h1 { color: #fff !important; font-family: 'Playfair Display',serif; font-size: clamp(29px,4vw,44px); line-height: 1.05; margin: 6px 0 0; max-width: 620px; }
html.ke-rebrand-mode .ke-resources-crisis-open { align-items: center; background: #f7eff0; border: 1px solid rgba(109,51,70,.24); border-radius: 15px; color: var(--kr-burgundy) !important; cursor: pointer; display: flex; justify-content: space-between; margin-top: 18px; padding: 15px 17px; text-align: left; width: 100%; }
html.ke-rebrand-mode .ke-resources-crisis-open strong { font-size: 11px; }
html.ke-rebrand-mode .ke-resources-crisis-open span { font-size: 10px; font-weight: 900; }

html.ke-rebrand-mode .ke-resources-toast { background: var(--kr-navy); border: 1px solid var(--kr-gold-light); border-radius: 999px; bottom: 84px; box-shadow: 0 12px 32px rgba(0,0,0,.25); color: #fff !important; font-size: 11px; font-weight: 800; left: 50%; max-width: calc(100% - 32px); padding: 11px 17px; position: fixed; transform: translateX(-50%); z-index: 80; }

@media (max-width: 720px) {
  html.ke-rebrand-mode .ke-resources-header { min-height: 66px; padding: 9px 12px; }
  html.ke-rebrand-mode .ke-resources-brand { gap: 7px; }
  html.ke-rebrand-mode .ke-resources-profile-initials { flex-basis: 38px; font-size: 13px; height: 38px; width: 38px; }
  html.ke-rebrand-mode .ke-resources-brand strong { font-size: 15px; }
  html.ke-rebrand-mode .ke-resources-brand div span { font-size: 7px; }
  html.ke-rebrand-mode .ke-resources-header-actions { gap: 3px; }
  html.ke-rebrand-mode .ke-resources-flame { min-height: 28px; min-width: 46px; padding: 4px 8px; }
  html.ke-rebrand-mode .ke-resources-icon-button { height: 34px; width: 30px; }
  html.ke-rebrand-mode .ke-resources-home-inner,
  html.ke-rebrand-mode .ke-resources-detail-inner { padding: 18px 12px 80px; }
  html.ke-rebrand-mode .ke-resources-hero { border-radius: 18px; display: block; margin-bottom: 25px; padding: 22px 18px; }
  html.ke-rebrand-mode .ke-resources-hero h1 { font-size: 29px; }
  html.ke-rebrand-mode .ke-resources-hero p { font-size: 16px; }
  html.ke-rebrand-mode .ke-resources-hero button { margin-top: 16px; min-height: 38px; }
  html.ke-rebrand-mode .ke-resources-section-heading h2 { font-size: 23px; }
  html.ke-rebrand-mode .ke-resources-section-heading p { font-size: 11px; }
  html.ke-rebrand-mode .ke-resources-category-list { gap: 9px; }
  html.ke-rebrand-mode .ke-resources-category-list > button { border-radius: 15px; gap: 11px; grid-template-columns: 37px 1fr auto; min-height: 68px; padding: 11px 12px; }
  html.ke-rebrand-mode .ke-resources-category-list i { height: 35px; width: 35px; }
  html.ke-rebrand-mode .ke-resources-category-list strong { font-size: 12px; }
  html.ke-rebrand-mode .ke-resources-category-list small { font-size: 9px; }
  html.ke-rebrand-mode .ke-resources-detail-header { margin-bottom: 22px; padding-bottom: 10px; }
  html.ke-rebrand-mode .ke-resources-detail-intro { margin-bottom: 20px; }
  html.ke-rebrand-mode .ke-resources-detail-intro h1 { font-size: 31px; }
  html.ke-rebrand-mode .ke-resources-detail-intro p { font-size: 17px; }
  html.ke-rebrand-mode .ke-resources-service { border-radius: 16px; padding: 16px; }
  html.ke-rebrand-mode .ke-resources-service-heading h2 { font-size: 20px; }
  html.ke-rebrand-mode .ke-resources-service > p { font-size: 10px; }
  html.ke-rebrand-mode .ke-resources-actions a,
  html.ke-rebrand-mode .ke-resources-actions button { font-size: 8px; min-height: 38px; padding: 9px 7px; }
  html.ke-rebrand-mode .ke-resources-contact-row { align-items: flex-start; }
  html.ke-rebrand-mode .ke-resources-contact-row a,
  html.ke-rebrand-mode .ke-resources-contact-row button { font-size: 9px; max-width: 125px; }
  html.ke-rebrand-mode .ke-resources-caregiver-hero { height: 235px; }
}

@media (max-width: 380px) {
  html.ke-rebrand-mode .ke-resources-actions-three { grid-template-columns: 1fr 1fr; }
  html.ke-rebrand-mode .ke-resources-actions-three > :last-child { grid-column: 1 / -1; }
  html.ke-rebrand-mode .ke-resources-brand div span { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html.ke-rebrand-mode .ke-resources-hero::after,
  html.ke-rebrand-mode .ke-resources-service.is-signature::after { animation: none; }
  html.ke-rebrand-mode .ke-resources-category-list > button { transition: none; }
}

/* 2026 premium polish: immediate clarity, dependable hierarchy, calm safety cues. */
html.ke-rebrand-mode #scr-resources {
  --kr-navy: #1a2830;
  --kr-navy-soft: #253944;
  --kr-burgundy: #602537;
  --kr-gold: #d9b671;
  --kr-gold-light: #e6c77f;
  --kr-cream: #f4ebe0;
  --kr-paper: #fffdfa;
  --kr-sage: #81988a;
  --kr-blue: #8eafc3;
  --kr-ink: #1f2c32;
  --kr-muted: #68757a;
  --kr-line: rgba(26,40,48,.1);
  background: #fbfaf7 !important;
}
html.ke-rebrand-mode .ke-resources-header {
  background: rgba(26,40,48,.985);
  border-bottom-color: rgba(217,182,113,.2);
  box-shadow: 0 10px 30px rgba(15,26,31,.14);
  min-height: 76px;
}
html.ke-rebrand-mode .ke-resources-profile-initials {
  background: linear-gradient(145deg,#6b2b40,var(--kr-burgundy));
  border-color: rgba(217,182,113,.7);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 8px 20px rgba(6,14,18,.2);
  font-weight: 600;
}
html.ke-rebrand-mode .ke-resources-brand strong { letter-spacing: -.02em; }
html.ke-rebrand-mode .ke-resources-brand div span { color: rgba(244,235,224,.68) !important; font-weight: 500; }
html.ke-rebrand-mode .ke-resources-flame {
  background: rgba(244,235,224,.97);
  border-color: rgba(217,182,113,.56);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 7px 18px rgba(9,18,22,.16);
}
html.ke-rebrand-mode .ke-resources-icon-button {
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(217,182,113,.28);
  border-radius: 50%;
  transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}
html.ke-rebrand-mode .ke-resources-icon-button:hover { background: rgba(217,182,113,.11); border-color: rgba(217,182,113,.55); transform: translateY(-1px); }

html.ke-rebrand-mode .ke-resources-view { background: #fbfaf7; }
html.ke-rebrand-mode .ke-resources-view.is-dark {
  background:
    radial-gradient(circle at 90% 4%, rgba(217,182,113,.12), transparent 30rem),
    var(--kr-navy);
}
html.ke-rebrand-mode .ke-resources-home-inner,
html.ke-rebrand-mode .ke-resources-detail-inner { max-width: 1040px; padding-top: clamp(28px,4vw,48px); }

html.ke-rebrand-mode .ke-resources-hero {
  background:
    radial-gradient(circle at 88% 8%, rgba(217,182,113,.21), transparent 42%),
    linear-gradient(145deg,#6a2b40,var(--kr-burgundy));
  border-color: rgba(96,37,55,.14);
  border-radius: 26px;
  box-shadow: 0 2px 4px rgba(53,28,39,.06), 0 24px 58px rgba(53,28,39,.15);
}
html.ke-rebrand-mode .ke-resources-hero::after,
html.ke-rebrand-mode .ke-resources-service.is-signature::after { content: none; }
html.ke-rebrand-mode .ke-resources-hero span,
html.ke-rebrand-mode .ke-resources-section-heading > span,
html.ke-rebrand-mode .ke-resources-detail-intro > span,
html.ke-rebrand-mode .ke-resources-subheading > span,
html.ke-rebrand-mode .ke-resources-next-steps > span { font-weight: 500; }
html.ke-rebrand-mode .ke-resources-hero h1,
html.ke-rebrand-mode .ke-resources-section-heading h2,
html.ke-rebrand-mode .ke-resources-detail-intro h1 { letter-spacing: -.035em; text-wrap: balance; }
html.ke-rebrand-mode .ke-resources-hero button {
  background: var(--kr-gold);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.36), 0 10px 24px rgba(28,10,16,.18);
  font-weight: 500;
  letter-spacing: .04em;
  transition: box-shadow .2s ease, transform .2s ease;
}
html.ke-rebrand-mode .ke-resources-hero button:hover { box-shadow: inset 0 1px 0 rgba(255,255,255,.4), 0 14px 28px rgba(28,10,16,.23); transform: translateY(-1px); }

html.ke-rebrand-mode .ke-resources-category-list { gap: 11px; }
html.ke-rebrand-mode .ke-resources-category-list > button {
  background: rgba(255,253,250,.97);
  border-color: rgba(26,40,48,.1);
  border-radius: 17px;
  box-shadow: 0 1px 2px rgba(26,40,48,.025), 0 9px 24px rgba(26,40,48,.045);
}
html.ke-rebrand-mode .ke-resources-category-list > button:hover { border-color: rgba(96,37,55,.24); box-shadow: 0 2px 4px rgba(26,40,48,.04), 0 16px 34px rgba(26,40,48,.08); transform: translateY(-2px); }
html.ke-rebrand-mode .ke-resources-category-list i {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
  transition: transform .2s ease;
}
html.ke-rebrand-mode .ke-resources-category-list > button:hover i { transform: scale(1.04); }
html.ke-rebrand-mode .ke-resources-category-list b { font-weight: 400; transition: transform .2s ease; }
html.ke-rebrand-mode .ke-resources-category-list > button:hover b { transform: translateX(2px); }
html.ke-rebrand-mode .ke-resources-privacy-note {
  background: rgba(244,235,224,.62);
  border-color: rgba(26,40,48,.08);
  border-radius: 16px;
}

html.ke-rebrand-mode .ke-resources-detail-header { border-bottom-color: rgba(26,40,48,.1); }
html.ke-rebrand-mode .ke-resources-detail-header span,
html.ke-rebrand-mode .ke-resources-service-heading span,
html.ke-rebrand-mode .ke-resources-service-heading em { font-weight: 500; }
html.ke-rebrand-mode .ke-resources-detail-intro p { color: #765f64 !important; }
html.ke-rebrand-mode .ke-resources-service {
  background: rgba(255,253,250,.98);
  border-color: rgba(26,40,48,.1);
  border-radius: 18px;
  box-shadow: 0 1px 2px rgba(26,40,48,.03), 0 12px 30px rgba(26,40,48,.05);
}
html.ke-rebrand-mode .ke-resources-service.is-featured {
  border-color: rgba(217,182,113,.44);
  box-shadow: 0 1px 2px rgba(26,40,48,.03), 0 16px 36px rgba(26,40,48,.07);
}
html.ke-rebrand-mode .ke-resources-service-heading em { background: var(--kr-cream); border-color: rgba(26,40,48,.09); }
html.ke-rebrand-mode .ke-resources-actions a,
html.ke-rebrand-mode .ke-resources-actions button {
  background: var(--kr-burgundy);
  border-color: var(--kr-burgundy);
  font-weight: 500;
  letter-spacing: .035em;
  transition: box-shadow .2s ease, transform .2s ease;
}
html.ke-rebrand-mode .ke-resources-actions a:hover,
html.ke-rebrand-mode .ke-resources-actions button:hover { box-shadow: 0 9px 20px rgba(26,40,48,.12); transform: translateY(-1px); }
html.ke-rebrand-mode .ke-resources-actions > :nth-child(even) { background: var(--kr-gold); border-color: var(--kr-gold); }
html.ke-rebrand-mode .ke-resources-actions-three > :last-child { background: transparent; border-color: rgba(96,37,55,.28); }
html.ke-rebrand-mode .is-dark .ke-resources-actions a,
html.ke-rebrand-mode .is-dark .ke-resources-actions button { background: var(--kr-gold); border-color: var(--kr-gold); }
html.ke-rebrand-mode .is-dark .ke-resources-actions > :nth-child(even) { background: var(--kr-burgundy); border-color: var(--kr-burgundy); }

html.ke-rebrand-mode .ke-resources-emergency {
  background: rgba(255,255,255,.055);
  border-color: rgba(217,182,113,.22);
  border-radius: 15px;
}
html.ke-rebrand-mode .ke-resources-emergency a { background: #a54659; box-shadow: 0 8px 18px rgba(0,0,0,.17); font-weight: 500; }
html.ke-rebrand-mode .ke-resources-contact-row { border-bottom-color: rgba(217,182,113,.14); }
html.ke-rebrand-mode .ke-resources-contact-row a,
html.ke-rebrand-mode .ke-resources-contact-row button,
html.ke-rebrand-mode .ke-resources-international { font-weight: 500; }
html.ke-rebrand-mode .ke-resources-safety-note,
html.ke-rebrand-mode .ke-resources-danger-link { background: #f8f1f1; border-color: rgba(96,37,55,.16); }
html.ke-rebrand-mode .ke-resources-next-steps { background: rgba(244,235,224,.64); border-color: rgba(26,40,48,.08); }
html.ke-rebrand-mode .ke-resources-caregiver-hero {
  border-color: rgba(26,40,48,.1);
  border-radius: 22px;
  box-shadow: 0 18px 44px rgba(26,40,48,.12);
}
html.ke-rebrand-mode .ke-resources-crisis-open { background: #f8f1f1; border-color: rgba(96,37,55,.16); }

html.ke-rebrand-mode #scr-resources :is(button,a):focus-visible {
  outline: 2px solid var(--kr-gold);
  outline-offset: 3px;
}

@media (max-width: 720px) {
  html.ke-rebrand-mode .ke-resources-header { min-height: 68px; }
  html.ke-rebrand-mode .ke-resources-home-inner,
  html.ke-rebrand-mode .ke-resources-detail-inner { padding-top: 21px; }
  html.ke-rebrand-mode .ke-resources-hero { border-radius: 19px; }
  html.ke-rebrand-mode .ke-resources-category-list > button { border-radius: 15px; }
}

@media (max-width: 430px) {
  html.ke-rebrand-mode .ke-resources-service { border-radius: 16px; }
  html.ke-rebrand-mode .ke-resources-actions { gap: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  html.ke-rebrand-mode .ke-resources-icon-button,
  html.ke-rebrand-mode .ke-resources-hero button,
  html.ke-rebrand-mode .ke-resources-category-list > button,
  html.ke-rebrand-mode .ke-resources-category-list i,
  html.ke-rebrand-mode .ke-resources-category-list b,
  html.ke-rebrand-mode .ke-resources-actions a,
  html.ke-rebrand-mode .ke-resources-actions button { transition: none; }
}

/* Dashboard-aligned Resources. Category choices use jewel shapes; help content stays direct. */
html.ke-rebrand-mode #scr-resources {
  --kr-navy: #10242d;
  --kr-burgundy: #682d43;
  --kr-gold: #d7b56d;
  --kr-gold-light: #f1dca7;
  --kr-cream: #f3eadc;
  --kr-paper: #fffcf6;
  --kr-ink: #172830;
  --kr-muted: #6f7c82;
  --kr-line: rgba(215,181,109,.4);
  background:
    radial-gradient(circle at 50% 9%,rgba(215,181,109,.12),transparent 29%),
    radial-gradient(circle at 11% 55%,rgba(104,45,67,.16),transparent 27%),
    linear-gradient(180deg,#10242d 0%,#09191f 100%) !important;
  color: #fffcf6 !important;
}

html.ke-rebrand-mode #scr-resources .ke-resources-header {
  background: rgba(9,25,31,.95);
  border-bottom-color: rgba(215,181,109,.26);
  box-shadow: 0 12px 34px rgba(0,0,0,.22);
}

html.ke-rebrand-mode #scr-resources .ke-resources-shell,
html.ke-rebrand-mode #scr-resources .ke-resources-view {
  background: transparent !important;
}

html.ke-rebrand-mode #scr-resources .ke-resources-home-inner,
html.ke-rebrand-mode #scr-resources .ke-resources-detail-inner {
  max-width: 1000px;
  padding-bottom: max(96px,calc(72px + env(safe-area-inset-bottom)));
}

html.ke-rebrand-mode #scr-resources .ke-resources-section-heading {
  margin-inline: auto;
  max-width: 650px;
  text-align: center;
}

html.ke-rebrand-mode #scr-resources .ke-resources-section-heading > span,
html.ke-rebrand-mode #scr-resources .ke-resources-detail-intro > span,
html.ke-rebrand-mode #scr-resources .ke-resources-subheading > span {
  color: var(--kr-gold-light) !important;
}

html.ke-rebrand-mode #scr-resources .ke-resources-section-heading h2,
html.ke-rebrand-mode #scr-resources .ke-resources-detail-intro h1,
html.ke-rebrand-mode #scr-resources .ke-resources-subheading h2 {
  color: #fffcf6 !important;
}

html.ke-rebrand-mode #scr-resources .ke-resources-section-heading p,
html.ke-rebrand-mode #scr-resources .ke-resources-detail-intro p {
  color: rgba(255,252,246,.68) !important;
}

html.ke-rebrand-mode #scr-resources .ke-resources-category-list {
  display: grid;
  gap: clamp(12px,2.2vw,22px);
  grid-template-columns: repeat(5,minmax(0,1fr));
  margin: 32px auto 0;
  max-width: 960px;
}

html.ke-rebrand-mode #scr-resources .ke-resources-category-list > button {
  align-content: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: #fffcf6 !important;
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr;
  justify-items: center;
  min-height: 176px;
  padding: 30px 18px;
  position: relative;
  isolation: isolate;
  text-align: center;
}

html.ke-rebrand-mode #scr-resources .ke-resources-category-list > button::before {
  background: linear-gradient(145deg,rgba(31,64,75,.98),rgba(10,28,34,.99));
  border: 1px solid rgba(215,181,109,.58);
  clip-path: polygon(24% 4%,76% 4%,98% 50%,76% 96%,24% 96%,2% 50%);
  content: '';
  inset: 0;
  position: absolute;
  transition: filter .2s ease,transform .2s ease;
  z-index: -1;
}

html.ke-rebrand-mode #scr-resources .ke-resources-category-list > button:nth-child(1)::before {
  background: radial-gradient(circle at 35% 24%,#8d4961,#682d43 60%,#401827);
}
html.ke-rebrand-mode #scr-resources .ke-resources-category-list > button:nth-child(2)::before { background: linear-gradient(145deg,#315f74,#183a49 62%,#0b2632); }
html.ke-rebrand-mode #scr-resources .ke-resources-category-list > button:nth-child(3)::before { background: linear-gradient(145deg,#b48845,#745425 62%,#412e17); }
html.ke-rebrand-mode #scr-resources .ke-resources-category-list > button:nth-child(4)::before { background: linear-gradient(145deg,#567464,#294b3e 62%,#173025); }
html.ke-rebrand-mode #scr-resources .ke-resources-category-list > button:nth-child(5)::before { background: linear-gradient(145deg,#775574,#4d304e 62%,#2b1b2e); }

html.ke-rebrand-mode #scr-resources .ke-resources-category-list > button:hover {
  border: 0;
  box-shadow: none;
  transform: none;
}
html.ke-rebrand-mode #scr-resources .ke-resources-category-list > button:hover::before {
  filter: brightness(1.1) drop-shadow(0 0 10px rgba(215,181,109,.27));
  transform: translateY(-3px) scale(1.025);
}

html.ke-rebrand-mode #scr-resources .ke-resources-category-list i {
  align-items: center;
  background: rgba(255,252,246,.09) !important;
  border: 1px solid rgba(241,220,167,.48);
  box-shadow: none;
  color: var(--kr-gold-light) !important;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}

html.ke-rebrand-mode #scr-resources .ke-resources-category-list strong {
  color: #fffaf0 !important;
  font-family: 'Playfair Display',serif;
  font-size: 15px;
  line-height: 1.08;
}

html.ke-rebrand-mode #scr-resources .ke-resources-category-list small {
  color: rgba(255,252,246,.68) !important;
  font-size: 10px;
  line-height: 1.3;
  margin-top: 5px;
}

html.ke-rebrand-mode #scr-resources .ke-resources-category-list b { display: none; }

html.ke-rebrand-mode #scr-resources .ke-resources-privacy-note {
  background: rgba(255,252,246,.055);
  border-color: rgba(215,181,109,.28);
  margin-inline: auto;
  max-width: 760px;
}
html.ke-rebrand-mode #scr-resources .ke-resources-privacy-note strong { color: #fffcf6 !important; }
html.ke-rebrand-mode #scr-resources .ke-resources-privacy-note p { color: rgba(255,252,246,.66) !important; }
html.ke-rebrand-mode #scr-resources .ke-resources-privacy-note svg { stroke: var(--kr-gold-light); }

html.ke-rebrand-mode #scr-resources .ke-resources-detail-header {
  border-bottom-color: rgba(215,181,109,.25);
}
html.ke-rebrand-mode #scr-resources .ke-resources-detail-header button,
html.ke-rebrand-mode #scr-resources .ke-resources-detail-header span { color: var(--kr-gold-light) !important; }
html.ke-rebrand-mode #scr-resources .ke-resources-detail-header strong { color: #fffcf6 !important; }

/* Help rows and calls to action remain conventional and immediately scannable. */
html.ke-rebrand-mode #scr-resources .ke-resources-service {
  background: rgba(255,252,246,.97);
  border-color: rgba(215,181,109,.5);
  box-shadow: 0 18px 48px rgba(0,0,0,.22);
}

html.ke-rebrand-mode #scr-resources .ke-resources-contact-row {
  background: rgba(255,252,246,.055);
  border: 1px solid rgba(215,181,109,.22);
  border-radius: 16px;
  margin-top: 10px;
  padding: 15px;
}
html.ke-rebrand-mode #scr-resources .ke-resources-contact-row strong { color: #fffcf6 !important; }
html.ke-rebrand-mode #scr-resources .ke-resources-contact-row span { color: rgba(255,252,246,.66) !important; }

html.ke-rebrand-mode #scr-resources .ke-resources-contact-row :is(a,button),
html.ke-rebrand-mode #scr-resources .ke-resources-international {
  background: rgba(255,252,246,.07);
  border: 1px solid rgba(215,181,109,.4);
  border-radius: 999px;
  color: var(--kr-gold-light) !important;
  min-height: 44px;
}

html.ke-rebrand-mode #scr-resources .ke-resources-emergency {
  background: rgba(122,37,53,.3);
  border: 1px solid rgba(241,220,167,.35);
}
html.ke-rebrand-mode #scr-resources .ke-resources-emergency :is(span,p) { color: #fffcf6 !important; }
html.ke-rebrand-mode #scr-resources .ke-resources-emergency a {
  background: #a54659;
  border: 1px solid rgba(255,255,255,.5);
  min-height: 48px;
}

html.ke-rebrand-mode #scr-resources :is(.ke-resources-boundary,.ke-resources-next-steps,.ke-resources-safety-note,.ke-resources-danger-link,.ke-resources-crisis-open) {
  background: rgba(255,252,246,.065);
  border-color: rgba(215,181,109,.25);
  color: rgba(255,252,246,.74) !important;
}

html.ke-rebrand-mode #scr-resources :is(.ke-resources-next-steps,.ke-resources-safety-note,.ke-resources-danger-link,.ke-resources-crisis-open) :is(strong,p,li) {
  color: #fffcf6 !important;
}

html.ke-rebrand-mode #scr-resources .ke-resources-caregiver-hero {
  border-color: rgba(215,181,109,.48);
  box-shadow: 0 24px 65px rgba(0,0,0,.3);
}

html.ke-rebrand-mode #scr-resources .ke-resources-toast {
  background: #fffcf6;
  border: 1px solid var(--kr-gold);
  color: #10242d;
}

@media (max-width: 860px) {
  html.ke-rebrand-mode #scr-resources .ke-resources-category-list { grid-template-columns: repeat(3,minmax(0,1fr)); max-width: 620px; }
  html.ke-rebrand-mode #scr-resources .ke-resources-category-list > button { min-height: 180px; }
}

@media (max-width: 560px) {
  html.ke-rebrand-mode #scr-resources .ke-resources-home-inner,
  html.ke-rebrand-mode #scr-resources .ke-resources-detail-inner { padding-inline: 13px; }
  html.ke-rebrand-mode #scr-resources .ke-resources-category-list { gap: 8px; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 24px; }
  html.ke-rebrand-mode #scr-resources .ke-resources-category-list > button { min-height: 158px; padding: 25px 13px; }
  html.ke-rebrand-mode #scr-resources .ke-resources-category-list > button:last-child { grid-column: 1 / -1; justify-self: center; width: min(168px,100%); }
  html.ke-rebrand-mode #scr-resources .ke-resources-category-list strong { font-size: 14px; }
  html.ke-rebrand-mode #scr-resources .ke-resources-category-list small { font-size: 9px; }
}

@media (prefers-reduced-motion: reduce) {
  html.ke-rebrand-mode #scr-resources .ke-resources-category-list > button::before { transition: none; }
}