/* =========================================================
   TRUENORTH PHASE 21 — MONEY & CLAIMS
   Preserves the Phase 20 foundation.
   ========================================================= */

.money-nav-link-v21{
  color:var(--green-dark)!important;
  font-weight:800!important;
  text-decoration:none!important;
  white-space:nowrap;
}
.money-nav-link-v21:hover{
  color:var(--gold)!important;
}

.money-claims-main-v21{
  background:linear-gradient(180deg,#fbf8f1,#fffdf8);
}

.money-hero-v21{
  padding:76px 24px 56px;
  text-align:center;
  background:
    radial-gradient(circle at 50% 0%,rgba(189,138,56,.16),transparent 35%),
    linear-gradient(180deg,#fffdf8,#f5ecdf);
  border-bottom:1px solid rgba(189,138,56,.22);
}

.money-hero-inner-v21{
  max-width:950px;
  margin:auto;
}

.money-kicker-v21{
  display:inline-block;
  margin:0 0 16px;
  padding:9px 16px;
  border:1px solid rgba(189,138,56,.42);
  border-radius:999px;
  background:#fff8e9;
  color:#946216;
  font-size:12px;
  font-weight:900;
  letter-spacing:2.2px;
}

.money-hero-v21 h1{
  max-width:16ch;
  margin:0 auto 20px;
  color:#0b3d2e;
  font-size:clamp(46px,5.3vw,70px);
  line-height:1;
  text-wrap:balance;
}

.money-hero-v21 p{
  max-width:820px;
  margin:auto;
  color:#40594f;
  font-size:18px;
  line-height:1.7;
  text-wrap:pretty;
}

.money-priority-v21{
  width:min(1100px,calc(100% - 48px));
  margin:36px auto 0;
  padding:28px 32px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:30px;
  align-items:center;
  border-radius:16px;
  background:
    radial-gradient(circle at 95% 10%,rgba(214,166,79,.14),transparent 28%),
    linear-gradient(135deg,#0b3d2e,#155441);
  color:white;
  border-top:4px solid #bd8a38;
  box-shadow:0 16px 38px rgba(8,42,33,.14);
}

.money-priority-v21 span{
  color:#e6c580;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.8px;
}

.money-priority-v21 h2{
  margin:8px 0;
  color:white;
  font-size:clamp(30px,3.4vw,43px);
}

.money-priority-v21 p{
  margin:0;
  color:rgba(255,255,255,.88);
  line-height:1.58;
}

.money-check-v21{
  width:min(1100px,calc(100% - 48px));
  margin:auto;
  padding:60px 0;
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:40px;
}

.money-check-v21 h2{
  max-width:16ch;
  color:#0b3d2e;
  font-size:clamp(35px,4vw,50px);
  line-height:1.04;
}

.money-check-v21 ul{
  display:grid;
  gap:12px;
  list-style:none;
  margin:0;
  padding:0;
}

.money-check-v21 li{
  position:relative;
  padding:15px 18px 15px 48px;
  border:1px solid rgba(11,61,46,.13);
  border-radius:10px;
  background:#fff;
  line-height:1.52;
}

.money-check-v21 li::before{
  content:"✓";
  position:absolute;
  left:16px;
  top:13px;
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#0b3d2e;
  color:#fff;
  font-weight:900;
}

.money-categories-v21{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto 60px;
  display:grid;
  gap:32px;
}

.money-category-v21{
  overflow:hidden;
  border:1px solid rgba(11,61,46,.14);
  border-radius:18px;
  background:#fffdf8;
  box-shadow:0 14px 38px rgba(8,42,33,.08);
}

.money-category-v21 > header{
  position:relative;
  overflow:hidden;
  padding:25px 30px;
  background:linear-gradient(
    135deg,
    var(--money-color),
    color-mix(in srgb,var(--money-color) 78%,white)
  );
  color:#fff;
}

.money-category-v21 > header::after{
  content:"";
  position:absolute;
  right:-55px;
  top:-75px;
  width:190px;
  height:190px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.17);
  box-shadow:
    0 0 0 24px rgba(255,255,255,.04),
    0 0 0 48px rgba(255,255,255,.025);
}

.money-category-v21 > header h2{
  position:relative;
  z-index:1;
  margin:0;
  color:#fff;
  font-size:clamp(32px,3.3vw,46px);
}

.money-category-v21 > header p{
  position:relative;
  z-index:1;
  max-width:780px;
  margin:7px 0 0;
  color:rgba(255,255,255,.86);
  line-height:1.55;
}

.money-grid-v21{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  padding:26px;
}

.money-card-v21{
  display:flex;
  flex-direction:column;
  min-height:230px;
  padding:25px;
  background:linear-gradient(180deg,#fff,#fffdf8)!important;
}

.money-card-v21 h3{
  margin:0 0 11px;
  font-size:24px;
  line-height:1.17;
}

.money-card-v21 h3 a{
  color:#0b3d2e;
  text-decoration:none;
  transition:color .2s ease;
}

.money-card-v21 h3 a:hover{
  color:#bd8a38;
}

.money-card-v21 p{
  margin:0 0 18px;
  color:#40584f;
  line-height:1.62;
}

.money-button-v21{
  width:max-content;
  margin-top:auto;
  padding:11px 15px;
  border-radius:9px;
  background:var(--money-color);
  color:#fff;
  font-weight:900;
  text-decoration:none;
}

.money-button-v21:hover{
  background:#bd8a38;
  color:#082a21;
}

.money-reminder-v21{
  width:min(1100px,calc(100% - 48px));
  margin:0 auto 70px;
  padding:24px 28px;
  border:1px solid rgba(189,138,56,.32);
  border-radius:14px;
  background:linear-gradient(135deg,#f5ecdf,#fffdf8);
}

.money-reminder-v21 strong{
  display:block;
  color:#0b3d2e;
  font-size:20px;
}

.money-reminder-v21 p{
  margin-bottom:0;
  line-height:1.62;
}

@media(max-width:1120px){
  .site-nav{
    gap:14px!important;
  }
  .money-nav-link-v21{
    font-size:14px;
  }
}

@media(max-width:1000px){
  .money-priority-v21,
  .money-check-v21{
    grid-template-columns:1fr;
  }

  .money-grid-v21{
    grid-template-columns:1fr;
  }

  .money-priority-v21 .btn{
    width:100%;
    justify-content:center;
    text-align:center;
  }
}

@media(max-width:700px){
  .money-hero-v21{
    padding:56px 18px 42px;
  }

  .money-hero-v21 h1{
    font-size:clamp(40px,10.5vw,52px);
  }

  .money-hero-v21 p{
    font-size:16px;
  }

  .money-priority-v21,
  .money-check-v21,
  .money-categories-v21,
  .money-reminder-v21{
    width:calc(100% - 28px);
  }

  .money-priority-v21{
    padding:24px 20px;
  }

  .money-category-v21 > header{
    padding:21px 18px;
  }

  .money-grid-v21{
    padding:18px;
  }

  .money-button-v21{
    width:100%;
    text-align:center;
  }
}


/* Phase 21B verified compatibility refinements */
@supports not (background: color-mix(in srgb, #000 50%, #fff)){
  .money-category-v21 > header{
    background:var(--money-color)!important;
  }
}

@media(max-width:1180px){
  .money-nav-link-v21{
    font-size:13px!important;
  }
}
/* Phase 22 — consumer experience and conversion refinement */
.consumer-paths-v22{background:#f7f4ed}.consumer-paths-v22 .section-heading{max-width:780px;margin:0 auto 34px;text-align:center}.consumer-path-grid-v22{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;max-width:1240px;margin:auto}.consumer-path-grid-v22 a{display:flex;flex-direction:column;gap:10px;padding:25px 20px;background:#fff;border:1px solid rgba(11,61,46,.14);border-radius:16px;color:#17382f;text-decoration:none;box-shadow:0 8px 24px rgba(8,42,33,.06);transition:.2s ease}.consumer-path-grid-v22 a:hover{transform:translateY(-4px);border-color:#b98a3d;box-shadow:0 14px 30px rgba(8,42,33,.1)}.consumer-path-grid-v22 strong{font-family:"Cormorant Garamond",serif;font-size:1.35rem;line-height:1.05}.consumer-path-grid-v22 span{font-size:.92rem;line-height:1.55;color:#51645e}.free-tools-v22{display:grid;grid-template-columns:1.3fr .7fr;gap:52px;align-items:center;background:#eaf1ed}.free-tools-content-v22{max-width:760px}.free-tools-list-v22{display:grid;gap:12px}.free-tools-list-v22 span{padding:16px 18px;background:#fff;border-left:4px solid #b98a3d;border-radius:8px;font-weight:600;color:#17382f}.consultation-expectations-v22 ul{margin:18px 0 0;padding-left:20px;line-height:1.8}@media(max-width:1050px){.consumer-path-grid-v22{grid-template-columns:repeat(2,1fr)}.consumer-path-grid-v22 a:last-child{grid-column:1/-1}.free-tools-v22{grid-template-columns:1fr}}@media(max-width:620px){.consumer-path-grid-v22{grid-template-columns:1fr}.consumer-path-grid-v22 a:last-child{grid-column:auto}.free-tools-v22{gap:28px}.free-tools-v22 .hero-actions{display:grid}.free-tools-v22 .btn{width:100%;text-align:center}}