/* BRANCH brand override — additive only, does not modify existing rules */

/* ===== Layout integrity: clear the floated transition wrapper so the
   document body keeps its full height (purely corrective, no visual change) ===== */
.tl-edges::after { content: ""; display: block; clear: both; }

/* ===== Color palette ===== */
:root {
  --branch-off-white: #F8F6F1;
  --branch-deep-navy: #0E1B3D;
  --branch-light-grey: #E6E7E2;
  --branch-lime: #B8E635;
  --branch-lime-dark: #8FBA1F;
}
html, body { background-color: var(--branch-off-white) !important; }
.wrap.blue { background-color: #EFF6E2 !important; }

/* ===== Reveal text logo, hide original SVG logo glyphs ===== */
.styles-module--logo--54003 svg,
.styles-module--logo--ced8f svg,
.styles-module--logo--373d1 svg,
.styles-module--svg_logo--5a0ec,
.styles-module--svg_logo--60b76,
.styles-module--svg_logo--a3086,
.styles-module--svg_text--108a5,
.styles-module--svg_text--97b83,
.styles-module--svg_text--438ab {
  display: none !important;
}
.styles-module--logo--54003 .styles-module--text--23245,
.styles-module--logo--ced8f .styles-module--text--aab61,
.styles-module--logo--373d1 .styles-module--text--cbfda {
  clip: auto !important;
  border: 0 !important;
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  position: static !important;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Inter", "Noto Sans JP", sans-serif !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  letter-spacing: 0.04em !important;
  color: var(--branch-deep-navy) !important;
  white-space: nowrap !important;
  display: inline-block !important;
}
/* When the logo is on a dark background (e.g. menu open) the white modifier
 * keeps the BRANCH text white. */
.styles-module--logo--54003.styles-module--white--ed569 .styles-module--text--23245 {
  color: #fff !important;
}

/* ===== Accent (was studysapuri blue) -> BRANCH lime on hover ===== */
.styles-module--menuButton--812b7,
.styles-module--logo--54003,
.styles-module--logo--ced8f,
.styles-module--logo--373d1 {
  color: var(--branch-deep-navy) !important;
}

/* Hover micro-interaction */
a:hover .styles-module--text--23245,
a:hover .styles-module--text--cbfda,
a:hover .styles-module--text--aab61 {
  color: var(--branch-lime-dark) !important;
}