/* ==========================================================================
   THE HABITUAL INVESTOR — JUNIOR
   Learn money. Start early. Build your future.

   White canvas, navy headings, sage accents, warm muted gold. Rounded cards,
   generous spacing, large progress rings. Aspirational rather than childish —
   a sixteen-year-old should not feel they are using an infants' app.

   Class names avoid the -card / -tile / -tag / -pill / -badge suffixes, each of
   which a global rule in this file hijacks. Prefix is ivj-.
   ========================================================================== */
#page-investor-jr{
  background:#ffffff !important;
  font-family:'Nunito',system-ui,-apple-system,sans-serif;
}
#page-investor-jr .ivj-wrap{ max-width:1120px; margin:0 auto; padding:0 clamp(16px,4vw,28px) 80px; }
/* the global section{padding:52px 24px} rule reaches any <section> here */
#page-investor-jr .ivj-wrap section, #page-investor-jr .ivj-sec{ padding:0 !important; }
#page-investor-jr .ivj-sec{ margin:30px 0 0; }

/* ---- type ---------------------------------------------------------------- */
#page-investor-jr .ivj-eb{
  font-size:.72rem; font-weight:800; letter-spacing:.17em; text-transform:uppercase; margin:0 0 6px;
  color:#5F7350 !important; -webkit-text-fill-color:#5F7350 !important;
}
#page-investor-jr .ivj-h1{
  font-family:'Playfair Display',Georgia,serif !important;
  font-size:clamp(1.7rem,4vw,2.6rem) !important; font-weight:700 !important; line-height:1.15;
  margin:0 0 10px !important; color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
/* NOT .ivj-tag — a global [class*="-tag"] rule forces a sage background,
   pill radius and its own type size onto anything whose class contains it */
#page-investor-jr .ivj-tline{
  margin:0 0 12px; font-size:clamp(.98rem,2vw,1.12rem); font-weight:700;
  color:#5F7350 !important; -webkit-text-fill-color:#5F7350 !important;
}
#page-investor-jr .ivj-lead{
  margin:0 0 20px; font-size:.98rem; line-height:1.65; max-width:62ch;
  color:#4A5462 !important; -webkit-text-fill-color:#4A5462 !important;
}
#page-investor-jr .ivj-h2{
  font-family:'Playfair Display',Georgia,serif !important;
  font-size:clamp(1.2rem,2.6vw,1.6rem) !important; font-weight:700 !important;
  margin:0 !important; color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
#page-investor-jr .ivj-h3{
  font-family:'Nunito',system-ui,sans-serif !important;
  font-size:1.02rem !important; font-weight:800 !important; margin:0 !important;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
#page-investor-jr .ivj-sub{ margin:4px 0 0; font-size:.88rem; line-height:1.6;
  color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important; }
#page-investor-jr .ivj-hrow{ display:flex; align-items:flex-end; justify-content:space-between;
  gap:14px; flex-wrap:wrap; margin:0 0 14px; }
#page-investor-jr .ivj-note{ margin:12px 0 0; font-size:.81rem; line-height:1.65;
  color:#5F6773 !important; -webkit-text-fill-color:#5F6773 !important; }

/* ---- controls ------------------------------------------------------------- */
#page-investor-jr .ivj-b, #ivjSheet .ivj-b{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:46px; padding:12px 20px; border-radius:999px; cursor:pointer; font:inherit;
  font-size:.88rem; font-weight:800; text-align:center;
  background:#fff !important; border:1px solid #DDD7C9 !important;
  color:#3D4A3A !important; -webkit-text-fill-color:#3D4A3A !important;
}
#page-investor-jr .ivj-b:hover, #ivjSheet .ivj-b:hover{ background:#EEF4EC !important; border-color:#CFE0C8 !important; }
#page-investor-jr .ivj-b.is-primary, #ivjSheet .ivj-b.is-primary{
  background:#4E6640 !important; border-color:#4E6640 !important;
  color:#fff !important; -webkit-text-fill-color:#fff !important;
}
#page-investor-jr .ivj-b.is-primary:hover, #ivjSheet .ivj-b.is-primary:hover{ background:#445A38 !important; border-color:#445A38 !important; }
#page-investor-jr .ivj-b.is-gold{
  background:#B8892B !important; border-color:#B8892B !important;
  color:#fff !important; -webkit-text-fill-color:#fff !important;
}
#page-investor-jr .ivj-b.is-sm{ min-height:44px; padding:10px 15px; font-size:.8rem; }
#page-investor-jr .ivj-b[disabled]{ opacity:.5; cursor:default; }
#page-investor-jr .ivj-b:focus-visible, #ivjSheet .ivj-b:focus-visible,
#page-investor-jr .ivj-nb:focus-visible, #page-investor-jr .ivj-ch:focus-visible{
  outline:3px solid #CF9E3F; outline-offset:2px;
}
#page-investor-jr .ivj-acts{ display:flex; gap:10px; flex-wrap:wrap; }
#page-investor-jr .ivj-link{
  background:none !important; border:0 !important; padding:10px 0; min-height:44px; font:inherit;
  font-size:.85rem; font-weight:800; cursor:pointer; text-align:left;
  color:#4E6640 !important; -webkit-text-fill-color:#4E6640 !important;
}
#page-investor-jr .ivj-link:hover{ text-decoration:underline; }

/* ---- tab bar -------------------------------------------------------------- */
#page-investor-jr .ivj-nav{
  position:sticky; top:0; z-index:40; background:#fff; padding:12px 0 10px;
  border-bottom:1px solid #EDF1EA; margin:0 0 6px;
}
#page-investor-jr .ivj-nbs{ display:flex; gap:6px; overflow-x:auto; padding:2px; scrollbar-width:thin; }
#page-investor-jr .ivj-nb{
  flex:none; min-height:44px; padding:11px 17px; border-radius:999px; cursor:pointer; font:inherit;
  font-size:.86rem; font-weight:700; white-space:nowrap;
  background:#F4F6F1 !important; border:1px solid transparent !important;
  color:#4C5560 !important; -webkit-text-fill-color:#4C5560 !important;
}
#page-investor-jr .ivj-nb[aria-selected="true"]{
  background:#243447 !important; border-color:#243447 !important;
  color:#fff !important; -webkit-text-fill-color:#fff !important;
}

/* ---- panels and figures --------------------------------------------------- */
#page-investor-jr .ivj-panel{
  background:#fff !important; border:1px solid #E4E9E0 !important; border-radius:20px;
  padding:20px clamp(15px,3vw,22px);
}
#page-investor-jr .ivj-panel.is-cream{ background:#FBF8F2 !important; border-color:#EAE2D3 !important; }
#page-investor-jr .ivj-panel.is-sage{ background:#F5F9F3 !important; border-color:#DCE7D7 !important; }
#page-investor-jr .ivj-panel.is-navy{
  background:#243447 !important; border-color:#243447 !important;
}
#page-investor-jr .ivj-panel.is-navy .ivj-h2,
#page-investor-jr .ivj-panel.is-navy .ivj-h3,
#page-investor-jr .ivj-panel.is-navy .ivj-fv{ color:#fff !important; -webkit-text-fill-color:#fff !important; }
#page-investor-jr .ivj-panel.is-navy .ivj-sub,
#page-investor-jr .ivj-panel.is-navy .ivj-fl{ color:#D3DBE4 !important; -webkit-text-fill-color:#D3DBE4 !important; }

#page-investor-jr .ivj-figs{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; }
#page-investor-jr .ivj-fig{
  background:#fff !important; border:1px solid #E4E9E0 !important; border-radius:16px; padding:14px 15px; min-width:0;
}
#page-investor-jr .ivj-fl{
  display:block; font-size:.68rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase;
  color:#5E6A54 !important; -webkit-text-fill-color:#5E6A54 !important;
}
#page-investor-jr .ivj-fv{
  display:block; margin:7px 0 0; font-size:clamp(1.1rem,2.6vw,1.45rem); font-weight:800;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
#page-investor-jr .ivj-fm{ display:block; margin:4px 0 0; font-size:.78rem;
  color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important; }
#page-investor-jr .ivj-bar{ display:block; height:8px; border-radius:99px; background:#EDF1EA !important;
  margin:10px 0 0; overflow:hidden; }
#page-investor-jr .ivj-fill{ display:block; height:100%; border-radius:99px;
  background:#7D9E77 !important; background-image:none !important; transition:width .3s ease; }
#page-investor-jr .ivj-fill.is-gold{ background:#C9A227 !important; }

/* ---- the money journey ---------------------------------------------------- */
#page-investor-jr .ivj-journey{ display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:8px; }
#page-investor-jr .ivj-stage{
  display:flex; flex-direction:column; gap:6px; text-align:left; cursor:pointer; font:inherit; min-width:0;
  background:#fff !important; border:1px solid #E4E9E0 !important; border-radius:18px; padding:14px 12px;
}
#page-investor-jr .ivj-stage:hover{ border-color:#CFE0C8 !important; background:#FAFCF9 !important; }
#page-investor-jr .ivj-stage.is-done{ background:#F2F8EF !important; border-color:#CBDEC4 !important; }
#page-investor-jr .ivj-st-ic{
  width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:#EEF4EC !important; font-size:1.05rem; flex:none;
}
#page-investor-jr .ivj-stage.is-done .ivj-st-ic{ background:#5F7350 !important;
  color:#fff !important; -webkit-text-fill-color:#fff !important; }
#page-investor-jr .ivj-st-n{ font-size:.82rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
#page-investor-jr .ivj-st-d{ font-size:.76rem; line-height:1.5;
  color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important; }
#page-investor-jr .ivj-st-p{ font-size:.72rem; font-weight:800; margin-top:auto; padding-top:6px;
  color:#4E6640 !important; -webkit-text-fill-color:#4E6640 !important; }

/* ---- generic rows --------------------------------------------------------- */
#page-investor-jr .ivj-rows{ display:flex; flex-direction:column; gap:9px; }
#page-investor-jr .ivj-row{
  display:flex; align-items:center; gap:12px; width:100%; text-align:left; font:inherit;
  background:#fff !important; border:1px solid #E4E9E0 !important; border-radius:15px;
  padding:13px 15px; min-height:58px;
}
#page-investor-jr button.ivj-row{ cursor:pointer; }
#page-investor-jr button.ivj-row:hover{ border-color:#CFE0C8 !important; background:#FAFCF9 !important; }
#page-investor-jr .ivj-row-ic{ flex:none; width:40px; height:40px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; background:#EEF4EC !important; font-size:1.02rem; }
#page-investor-jr .ivj-row-t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
#page-investor-jr .ivj-row-n{ font-size:.94rem; font-weight:800;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
#page-investor-jr .ivj-row-m{ font-size:.81rem; line-height:1.5;
  color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important; }
#page-investor-jr .ivj-row-a{ flex:none; font-size:.95rem; font-weight:800;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
#page-investor-jr .ivj-x{
  flex:none; width:44px; height:44px; min-height:44px; border-radius:50%; cursor:pointer; font:inherit; font-size:.9rem;
  background:#fff !important; border:1px solid #E4E9E0 !important;
  color:#5F6773 !important; -webkit-text-fill-color:#5F6773 !important;
}
#page-investor-jr .ivj-x:hover{ background:#F4F6F1 !important; }
#page-investor-jr .ivj-empty{
  margin:0; padding:22px 18px; text-align:center; border-radius:16px;
  border:1px dashed #D8DFD4 !important; background:#FBFCFA !important;
  font-size:.9rem; line-height:1.6; color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important;
}

/* ---- grids of cards ------------------------------------------------------- */
#page-investor-jr .ivj-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:12px; }
#page-investor-jr .ivj-grid.is-wide{ grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); }
#page-investor-jr .ivj-c{
  display:flex; flex-direction:column; gap:6px; text-align:left; cursor:pointer; font:inherit; width:100%;
  background:#fff !important; border:1px solid #E4E9E0 !important; border-radius:18px; padding:17px 18px; min-height:120px;
}
#page-investor-jr .ivj-c:hover{ border-color:#CFE0C8 !important; background:#FAFCF9 !important; }
#page-investor-jr .ivj-c.is-done{ background:#F4F9F2 !important; border-color:#D5E4CF !important; }
#page-investor-jr .ivj-c-n{ font-size:.96rem; font-weight:800;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
#page-investor-jr .ivj-c-d{ font-size:.83rem; line-height:1.55;
  color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important; }
#page-investor-jr .ivj-c-f{ margin-top:auto; padding-top:9px; font-size:.78rem; font-weight:800;
  color:#4E6640 !important; -webkit-text-fill-color:#4E6640 !important; }

/* status words — the word carries the meaning, colour only reinforces it */
#page-investor-jr .ivj-st{
  display:inline-block; font-size:.71rem; font-weight:800; padding:4px 10px; border-radius:99px;
  background:#EEF2EC !important; color:#43503C !important; -webkit-text-fill-color:#43503C !important;
}
#page-investor-jr .ivj-st.is-gold{ background:#FBF1DD !important; color:#7A5A18 !important; -webkit-text-fill-color:#7A5A18 !important; }
#page-investor-jr .ivj-st.is-navy{ background:#E7ECF2 !important; color:#26364A !important; -webkit-text-fill-color:#26364A !important; }

/* ---- money pots ----------------------------------------------------------- */
#page-investor-jr .ivj-pots{ display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px; }
#page-investor-jr .ivj-pot{
  background:#fff !important; border:1px solid #E4E9E0 !important; border-radius:18px; padding:16px;
}
#page-investor-jr .ivj-pot-h{ display:flex; align-items:center; gap:9px; margin:0 0 10px; }
#page-investor-jr .ivj-pot-n{ font-size:.86rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
#page-investor-jr .ivj-pot-v{ font-size:1.3rem; font-weight:800;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
#page-investor-jr .ivj-pot-p{ font-size:.78rem; font-weight:700;
  color:#5F7350 !important; -webkit-text-fill-color:#5F7350 !important; }
/* the range input's own box was 32px tall — under the 44px target even though
   the thumb is draggable across it */
#page-investor-jr .ivj-slider{ width:100%; margin:10px 0 0; accent-color:#5F7350; height:44px; }
#page-investor-jr .ivj-slider:focus-visible{ outline:3px solid #CF9E3F; outline-offset:2px; }

/* ---- progress ring -------------------------------------------------------- */
#page-investor-jr .ivj-ring{ display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
#page-investor-jr .ivj-ring svg{ flex:none; }
#page-investor-jr .ivj-ring-t{ font-size:1.9rem; font-weight:800;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; }

/* ---- the house illustration ---------------------------------------------- */
#page-investor-jr .ivj-house{ display:block; width:100%; max-width:340px; height:auto; margin:0 auto; }

/* ---- simple bar chart ----------------------------------------------------- */
#page-investor-jr .ivj-chart{ display:flex; align-items:flex-end; gap:8px; height:170px; margin:14px 0 0; }
#page-investor-jr .ivj-col{ flex:1; display:flex; flex-direction:column; justify-content:flex-end;
  align-items:center; gap:6px; min-width:0; height:100%; }
#page-investor-jr .ivj-colbar{ width:100%; max-width:56px; border-radius:8px 8px 0 0; background:#DCE7D7 !important;
  position:relative; overflow:hidden; }
#page-investor-jr .ivj-colgrow{ position:absolute; left:0; right:0; top:0; background:#C9A227 !important; }
#page-investor-jr .ivj-colcont{ position:absolute; left:0; right:0; bottom:0; background:#5F7350 !important; }
#page-investor-jr .ivj-collab{ font-size:.72rem; font-weight:700; text-align:center;
  color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important; }
#page-investor-jr .ivj-key{ display:flex; gap:16px; flex-wrap:wrap; margin:12px 0 0; font-size:.8rem;
  color:#4A5462 !important; -webkit-text-fill-color:#4A5462 !important; }
#page-investor-jr .ivj-keyd{ display:inline-block; width:12px; height:12px; border-radius:3px; margin-right:6px;
  vertical-align:-1px; }

/* ---- badges --------------------------------------------------------------- */
#page-investor-jr .ivj-bg{ display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:10px; }
#page-investor-jr .ivj-bd{
  text-align:center; padding:16px 12px; border-radius:16px;
  background:#FBFCFA !important; border:1px dashed #D8DFD4 !important;
}
#page-investor-jr .ivj-bd.is-earned{ background:#FBF4E4 !important; border:1px solid #E8D6A8 !important; }
#page-investor-jr .ivj-bd-i{ font-size:1.5rem; display:block; opacity:.35; }
#page-investor-jr .ivj-bd.is-earned .ivj-bd-i{ opacity:1; }
#page-investor-jr .ivj-bd-n{ display:block; margin:7px 0 0; font-size:.76rem; font-weight:800;
  letter-spacing:.05em; text-transform:uppercase;
  color:#6B7280 !important; -webkit-text-fill-color:#6B7280 !important; }
#page-investor-jr .ivj-bd.is-earned .ivj-bd-n{ color:#6B5010 !important; -webkit-text-fill-color:#6B5010 !important; }

/* ---- forms ---------------------------------------------------------------- */
#page-investor-jr .ivj-f, #ivjSheet .ivj-f{ display:block; margin:0 0 14px; }
#page-investor-jr .ivj-fl2, #ivjSheet .ivj-fl2{
  display:block; margin:0 0 6px; font-size:.79rem; font-weight:800;
  color:#3F4A55 !important; -webkit-text-fill-color:#3F4A55 !important;
}
#page-investor-jr .ivj-i, #ivjSheet .ivj-i{
  width:100%; box-sizing:border-box; min-height:46px; padding:11px 14px; border-radius:13px; font:inherit; font-size:.92rem;
  background:#fff !important; border:1px solid #DDE3D8 !important;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
#page-investor-jr .ivj-i:focus, #ivjSheet .ivj-i:focus{ outline:none; border-color:#7D9E77 !important;
  box-shadow:0 0 0 3px rgba(125,158,119,.2); }
#page-investor-jr textarea.ivj-i, #ivjSheet textarea.ivj-i{ min-height:80px; resize:vertical; }
#page-investor-jr .ivj-fgrid, #ivjSheet .ivj-fgrid{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px;
}
#page-investor-jr .ivj-chips, #ivjSheet .ivj-chips{ display:flex; gap:8px; flex-wrap:wrap; }
#page-investor-jr .ivj-ch, #ivjSheet .ivj-ch{
  min-height:44px; padding:11px 16px; border-radius:999px; cursor:pointer; font:inherit;
  font-size:.83rem; font-weight:700;
  background:#fff !important; border:1px solid #DDE3D8 !important;
  color:#4C5560 !important; -webkit-text-fill-color:#4C5560 !important;
}
#page-investor-jr .ivj-ch[aria-pressed="true"], #ivjSheet .ivj-ch[aria-pressed="true"]{
  background:#EEF4EC !important; border-color:#A9C4A2 !important;
  color:#33452C !important; -webkit-text-fill-color:#33452C !important;
}

/* ---- sheet ---------------------------------------------------------------- */
#ivjSheet{
  position:fixed; inset:0; z-index:9300; display:none; align-items:center; justify-content:center; padding:16px;
  background:rgba(28,34,28,.44); font-family:'Nunito',system-ui,sans-serif;
}
#ivjSheet.is-open{ display:flex; }
#ivjSheet .ivj-box{
  width:100%; max-width:560px; max-height:calc(100dvh - 40px); overflow-y:auto;
  background:#fff !important; border-radius:22px; padding:22px clamp(16px,4vw,24px) 24px;
  box-shadow:0 24px 60px rgba(28,34,28,.26);
}
#ivjSheet .ivj-box-h{ display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin:0 0 6px; }
#ivjSheet .ivj-box-t{
  font-family:'Playfair Display',Georgia,serif !important; font-size:1.3rem !important; font-weight:700 !important;
  margin:0 !important; color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
#ivjSheet .ivj-box-x{
  flex:none; width:44px; height:44px; min-height:44px; border-radius:50%; cursor:pointer; font:inherit; font-size:1.05rem;
  background:#F4F6F1 !important; border:1px solid #E4E9E0 !important;
  color:#3D4A3A !important; -webkit-text-fill-color:#3D4A3A !important;
}
#ivjSheet .ivj-box-b{ font-size:.93rem; line-height:1.7;
  color:#3F4A55 !important; -webkit-text-fill-color:#3F4A55 !important; }
#ivjSheet .ivj-box-b p{ margin:0 0 12px; color:#3F4A55 !important; -webkit-text-fill-color:#3F4A55 !important; }
#ivjSheet .ivj-box-f{ display:flex; gap:10px; justify-content:flex-end; flex-wrap:wrap; margin:18px 0 0; }
#ivjSheet .ivj-ex{
  margin:0 0 14px; padding:14px 16px; border-radius:15px;
  background:#FBF8F2 !important; border:1px solid #EAE2D3 !important;
  font-size:.89rem; line-height:1.65; color:#3F4A55 !important; -webkit-text-fill-color:#3F4A55 !important;
}
#ivjSheet .ivj-qz{ margin:16px 0 0; padding:16px; border-radius:16px;
  background:#F5F9F3 !important; border:1px solid #DCE7D7 !important; }
#ivjSheet .ivj-qz-q{ font-size:.92rem; font-weight:800; margin:0 0 11px;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
#ivjSheet .ivj-qz-o{
  display:block; width:100%; text-align:left; margin:0 0 8px; min-height:46px; padding:12px 15px;
  border-radius:13px; cursor:pointer; font:inherit; font-size:.88rem; font-weight:700;
  background:#fff !important; border:1px solid #DDE3D8 !important;
  color:#3F4A55 !important; -webkit-text-fill-color:#3F4A55 !important;
}
#ivjSheet .ivj-qz-o.is-right{ background:#EAF5E5 !important; border-color:#8FB487 !important;
  color:#2F4428 !important; -webkit-text-fill-color:#2F4428 !important; }
#ivjSheet .ivj-qz-o.is-wrong{ background:#FBF0F2 !important; border-color:#D8A9B3 !important;
  color:#7A3B49 !important; -webkit-text-fill-color:#7A3B49 !important; }
#ivjSheet .ivj-qz-a{ margin:10px 0 0; font-size:.86rem; line-height:1.6;
  color:#3F4A55 !important; -webkit-text-fill-color:#3F4A55 !important; }

/* ---- disclaimer ----------------------------------------------------------- */
#page-investor-jr .ivj-disc{
  margin:26px 0 0; padding:16px 18px; border-radius:16px;
  background:#F7F9F5 !important; border:1px solid #E4EBE0 !important;
  font-size:.8rem; line-height:1.7; color:#4E5A49 !important; -webkit-text-fill-color:#4E5A49 !important;
}
#page-investor-jr .ivj-disc strong{ color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
#page-investor-jr .ivj-edu{
  display:inline-block; margin:0 0 10px; font-size:.72rem; font-weight:800; letter-spacing:.08em;
  text-transform:uppercase; padding:5px 12px; border-radius:99px;
  background:#FBF1DD !important; color:#7A5A18 !important; -webkit-text-fill-color:#7A5A18 !important;
}

/* ---- toast ---------------------------------------------------------------- */
#ivjToast{
  position:fixed; left:50%; bottom:26px; transform:translate(-50%,14px); z-index:9500;
  background:#243447 !important; color:#fff !important; -webkit-text-fill-color:#fff !important;
  padding:13px 22px; border-radius:999px; font-family:'Nunito',system-ui,sans-serif;
  font-size:.88rem; font-weight:700; opacity:0; pointer-events:none;
  transition:opacity .2s, transform .2s; max-width:calc(100vw - 32px); text-align:center;
}
#ivjToast.on{ opacity:1; transform:translate(-50%,0); }

/* ---- responsive ----------------------------------------------------------- */
@media (max-width:1000px){
  #page-investor-jr .ivj-journey{ grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:680px){
  #page-investor-jr .ivj-journey{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  #page-investor-jr .ivj-figs{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  #page-investor-jr .ivj-acts .ivj-b{ flex:1 1 auto; }
  #page-investor-jr .ivj-chart{ height:140px; }
}
@media (max-width:430px){
  #page-investor-jr .ivj-journey{ grid-template-columns:1fr; }
  #page-investor-jr .ivj-figs{ grid-template-columns:1fr; }
  #page-investor-jr .ivj-row{ flex-wrap:wrap; }
  #page-investor-jr .ivj-row-a{ width:100%; text-align:right; }
}

/* ---- the Habitual Range CTA card ----------------------------------------- */
#huHabitualRange .hurh-ivj-ph{ display:block; width:100%; height:auto; }

/* ==========================================================================
   HERO HEADER (Aug 2026)
   The page led with a text block; it now leads with her artwork, like the
   other Habitual Range pages. The back bar sits ABOVE the image so nothing
   covers the artwork's own top-left corner, and the page needs no entry in
   hu-hero-clear.
   ========================================================================== */
#page-investor-jr .ivj-backbar{
  max-width:1120px; margin:0 auto;
  padding:6px clamp(16px,4vw,28px) 12px;
  display:flex; gap:10px; flex-wrap:wrap;
}
#page-investor-jr .ivj-hero{ display:block; margin:0 0 clamp(14px,2.5vw,24px); width:100%; }
#page-investor-jr .ivj-hero img{ display:block; width:100%; height:auto; }
/* the artwork carries the wordmark, so the page's own h1 is kept for heading
   order and screen readers but not drawn twice */
#page-investor-jr .ivj-sr{
  position:absolute !important; width:1px !important; height:1px !important;
  padding:0 !important; margin:-1px !important; overflow:hidden !important;
  clip:rect(0 0 0 0) !important; white-space:nowrap !important; border:0 !important;
}
#page-investor-jr .ivj-lead.is-first{
  font-size:1.02rem; margin:0; max-width:64ch;
  color:#4A5462 !important; -webkit-text-fill-color:#4A5462 !important;
}