/* Brave Harbor tool starter: compact, welcoming mobile navigation */
.resources-page .bh-tool-starter-section{
  background:radial-gradient(ellipse at 4% 10%,rgba(240,185,84,.16),transparent 46%),
    radial-gradient(ellipse at 95% 95%,rgba(21,111,134,.10),transparent 45%),#f6f7f3;
  padding:clamp(32px,4vw,60px) 0 clamp(35px,4vw,60px);
}
.resources-page .bh-tool-starter-head{max-width:760px;margin:0 0 26px}
.resources-page .bh-tool-starter-eyebrow{
  display:inline-flex;align-items:center;gap:9px;margin:0 0 10px;
  font-size:.73rem;line-height:1.4;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#9b6b1c
}
.resources-page .bh-tool-starter-eyebrow:before{content:"";width:26px;height:2px;background:#c69538;border-radius:2px}
.resources-page .bh-tool-starter-head h2{font-family:inherit;font-size:clamp(1.75rem,3.2vw,2.7rem);line-height:1.12;letter-spacing:-.028em;color:#092638;margin:0 0 9px}
.resources-page .bh-tool-starter-head > p:last-child{max-width:680px;margin:0;color:#435967;font-size:clamp(.94rem,1.3vw,1.05rem);line-height:1.55}
.resources-page .tool-starter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0}
.resources-page .tool-starter-card{
  --starter-ink:#103448;--starter-muted:#506877;
  position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:13px;
  min-width:0;min-height:120px;padding:17px 17px;
  border:1px solid #d8e2e3;border-radius:18px;
  background:linear-gradient(145deg,#fff 45%,#eff7f5 100%);
  color:var(--starter-ink);text-decoration:none;
  box-shadow:0 10px 24px rgba(5,37,54,.065);
  overflow:hidden;isolation:isolate;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease
}
.resources-page .tool-starter-card:before{
  content:"";position:absolute;right:-30px;bottom:-46px;width:132px;height:132px;
  border:1px solid rgba(27,109,125,.12);border-radius:50%;box-shadow:0 0 0 18px rgba(27,109,125,.035),0 0 0 36px rgba(27,109,125,.025);
  pointer-events:none;z-index:-1
}
.resources-page .tool-starter-card:nth-child(2),
.resources-page .tool-starter-card:nth-child(4){
  --starter-ink:#fff9ed;--starter-muted:#d3e4e8;
  border-color:#1c5668;background:linear-gradient(130deg,#10394d 4%,#0a2738 98%)
}
.resources-page .tool-starter-card:nth-child(2):before,
.resources-page .tool-starter-card:nth-child(4):before{border-color:rgba(239,191,105,.20);box-shadow:0 0 0 18px rgba(239,191,105,.035),0 0 0 36px rgba(239,191,105,.025)}
.resources-page .tool-starter-card:nth-child(5){background:linear-gradient(135deg,#fff9e9,#f7edd9);border-color:#e5d4ad}
.resources-page .tool-starter-card:hover{transform:translateY(-3px);border-color:#bd913f;box-shadow:0 15px 32px rgba(5,37,54,.13)}
.resources-page .tool-starter-card:focus-visible{outline:3px solid #c79233;outline-offset:4px}
.resources-page .tool-starter-card .tool-starter-icon{
  flex:0 0 50px;width:50px;height:50px;border-radius:15px;
  display:flex;align-items:center;justify-content:center;
  color:#b7832f;background:linear-gradient(135deg,#fff0ce,#f7e1b2);
  border:1px solid rgba(188,145,63,.22)
}
.resources-page .tool-starter-card:nth-child(2) .tool-starter-icon,
.resources-page .tool-starter-card:nth-child(4) .tool-starter-icon{
  background:rgba(242,198,115,.11);color:#f4c775;border-color:rgba(242,198,115,.28)
}
.resources-page .tool-starter-card .tool-starter-icon svg{width:27px;height:27px;display:block;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;fill:none}
.resources-page .tool-starter-card .tool-starter-copy{flex:1;display:grid;gap:5px;min-width:0}
.resources-page .tool-starter-card .tool-starter-copy strong{
  margin:0;color:var(--starter-ink);font-size:clamp(.96rem,1.35vw,1.08rem);font-weight:850;line-height:1.28;letter-spacing:-.012em
}
.resources-page .tool-starter-card .tool-starter-copy small{
  display:block;color:var(--starter-muted);font-size:clamp(.77rem,.95vw,.85rem);font-weight:500;line-height:1.35
}
.resources-page .tool-starter-card .tool-starter-arrow{
  flex:0 0 30px;width:30px;height:30px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:var(--starter-ink);background:rgba(19,80,100,.07);
  font-size:1.18rem;line-height:1;transition:transform .18s ease
}
.resources-page .tool-starter-card:nth-child(2) .tool-starter-arrow,
.resources-page .tool-starter-card:nth-child(4) .tool-starter-arrow{background:rgba(255,255,255,.10)}
.resources-page .tool-starter-card:hover .tool-starter-arrow{transform:translateX(3px)}
@media(max-width:980px){.resources-page .tool-starter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 .resources-page .bh-tool-starter-section{padding:29px 0 33px}
 .resources-page .bh-tool-starter-head{margin-bottom:20px}
 .resources-page .bh-tool-starter-head h2{font-size:1.72rem}
 .resources-page .tool-starter-grid{grid-template-columns:minmax(0,1fr);gap:10px}
 .resources-page .tool-starter-card{min-height:94px;padding:13px 14px;gap:12px;border-radius:17px}
 .resources-page .tool-starter-card .tool-starter-icon{flex-basis:45px;width:45px;height:45px;border-radius:13px}
 .resources-page .tool-starter-card .tool-starter-icon svg{width:24px;height:24px}
 .resources-page .tool-starter-card .tool-starter-copy strong{font-size:1rem}
 .resources-page .tool-starter-card .tool-starter-copy small{font-size:.78rem}
 .resources-page .tool-starter-card .tool-starter-arrow{flex-basis:28px;width:28px;height:28px}
}
@media(prefers-reduced-motion:reduce){
 .resources-page .tool-starter-card,.resources-page .tool-starter-card .tool-starter-arrow{transition:none}
 .resources-page .tool-starter-card:hover{transform:none}
}

/* Ensure helper text and action symbols remain readable on navy cards. */
.resources-page .tool-starter-card:nth-child(2) .tool-starter-copy small,
.resources-page .tool-starter-card:nth-child(4) .tool-starter-copy small{color:#e2edf0!important}
.resources-page .tool-starter-card:nth-child(2) .tool-starter-arrow,
.resources-page .tool-starter-card:nth-child(4) .tool-starter-arrow{color:#fff9ed!important}
.resources-page .tool-starter-card:nth-child(2) .tool-starter-icon svg,
.resources-page .tool-starter-card:nth-child(4) .tool-starter-icon svg{stroke:#f4c775!important}