/* Business Navigator Program hub (aminurrahaman.com/BusinessNavigator/)
   Scoped add-on to site.css: everything is under .nh so no other page is affected.
   Markup of the journey/cards comes from assets/navigator.js + _tools/build_hub.py (shared renderer),
   so class names follow that markup (journey__*, card__*, btn--gold…). */

.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--navy);color:#fff;padding:8px 14px;border-radius:8px;font-weight:600}
.skip:focus{left:8px}
.nh .sec-alt{background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.nh .sec-head{max-width:760px;margin-bottom:34px}
.nh .sec-head.center{margin-left:auto;margin-right:auto}

/* hero */
.nh .hero .by{margin-top:22px;font-size:15px;color:var(--muted)}
.nh .hero .by b{font-family:"Cormorant Garamond",serif;font-size:19px;letter-spacing:1.5px;color:var(--ink)}
.nh .nav-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}
.nh .nav-row div{border:1px solid rgba(201,164,90,.35);border-radius:12px;padding:12px 6px}
.nh .nav-row b{display:block;font-family:"Hind Siliguri",sans-serif;font-size:26px;line-height:1.1;color:var(--gold-2)}
.nh .nav-row span{font-family:"Inter",sans-serif;font-size:12px;letter-spacing:1.3px;text-transform:uppercase;color:#C9D1E3}
.nh .nav-row small{display:block;font-size:13px;color:#E6EAF2;margin-top:2px}

/* buttons used by the generated markup (map to the site's btn-gold / btn-ghost look) */
.nh .btn--gold{background:var(--gold);color:#fff}
.nh .btn--gold:hover{background:#9a7733;color:#fff}
.nh .btn--ghost{border-color:var(--ink);color:var(--ink);background:transparent;box-shadow:none}
.nh .btn--ghost:hover{background:var(--ink);color:#fff}

/* journey */
.nh .journey{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.nh .journey__step{position:relative}
.nh .journey__step a,.nh .track__item{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"num name status" "num stage status";
  align-items:center;gap:2px 14px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--paper);
  text-decoration:none;color:var(--ink);height:100%;transition:border-color .2s, transform .2s, box-shadow .2s}
.nh .journey__step a:hover,.nh .track__item:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 18px 34px -28px rgba(14,28,56,.5)}
.nh .journey__num{grid-area:num;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:18px;
  border:2px solid var(--gold);color:#7a5c22;background:var(--card)}
.nh .is-live .journey__num{background:var(--gold);color:#fff}
.nh .journey__name{grid-area:name;font-family:"Inter",sans-serif;font-weight:700;font-size:16px;color:var(--ink)}
.nh .journey__stage{grid-area:stage;color:var(--muted);font-size:14px;line-height:1.45}
.nh .journey__status{grid-area:status;font-size:12.5px;padding:2px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:var(--card)}
.nh .is-live .journey__status{border-color:#9BD1AE;color:#1F5B35;background:#E7F6EC}
.nh .journey__step + .journey__step::before{content:"";position:absolute;left:35px;top:-12px;height:12px;width:2px;background:var(--line)}
@media (min-width:900px){
  .nh .journey{grid-template-columns:repeat(6,1fr);gap:14px}
  .nh .journey__step a{grid-template-columns:1fr;grid-template-areas:"num" "name" "stage" "status";justify-items:start;gap:8px;padding:18px 14px}
  .nh .journey__step + .journey__step::before{left:-14px;top:38px;width:14px;height:2px}
}
.nh .track{margin-top:24px;padding-top:20px;border-top:1px dashed var(--line)}
.nh .track__label{font-size:14.5px;color:var(--muted);margin:0 0 10px}
.nh .track__list{display:grid;gap:12px}
.nh .track__item{grid-template-columns:1fr auto;grid-template-areas:"name status" "stage status";border-style:dashed}
@media (min-width:900px){.nh .track__list{grid-template-columns:repeat(2,1fr)}}
.nh .journey-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;font-size:14px;color:var(--muted)}

/* badges (override site.css .badge used in page heroes) */
.nh .badge{display:inline-block;margin:0;font-family:"Hind Siliguri","Inter",sans-serif;font-size:12.5px;font-weight:600;
  padding:2px 10px;border-radius:999px;letter-spacing:.2px;line-height:1.6}
.nh .badge--live{background:#E7F6EC;color:#1F5B35;border:1px solid #9BD1AE}
.nh .badge--coming{background:var(--gold-bg);color:#7a5c22;border:1px solid #E6D3A6}

/* program cards */
.nh .subhead{font-size:20px;margin:40px 0 14px;color:var(--ink)}
.nh .sec-head + .subhead{margin-top:0}
.nh .sub-note{font-size:15px;color:var(--muted);margin:-6px 0 16px}
.nh .cards{display:grid;gap:18px}
@media (min-width:700px){.nh .cards{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.nh .cards--3{grid-template-columns:repeat(3,1fr)}}
.nh .card{display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);min-width:0;
  transition:transform .2s, box-shadow .2s, border-color .2s}
.nh .card.is-live{border:2px solid color-mix(in srgb, var(--gold) 55%, var(--line));box-shadow:0 22px 44px -34px rgba(14,28,56,.55)}
.nh .card:hover{transform:translateY(-3px);box-shadow:0 22px 40px -30px rgba(14,28,56,.5)}
.nh .card__top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:12px}
.nh .card__stage{font-size:13.5px;color:var(--muted)}
.nh .card__title{font-family:"Inter","Hind Siliguri",sans-serif;font-weight:700;font-size:20px;line-height:1.35;margin-bottom:8px;overflow-wrap:anywhere}
.nh .card__focus{color:var(--ink-soft);font-size:16px;flex:1 0 auto;margin-bottom:10px}
.nh .card__note{font-size:14px;color:var(--muted);margin-bottom:6px}
.nh .card__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.nh .card__actions .btn{padding:10px 18px;font-size:15px}
.nh .card__tools{font-size:14px;margin-top:12px;color:var(--muted)}
.nh .card__tools a{color:var(--gold);font-weight:600}
.nh .is-coming .card__title{color:var(--ink-2)}

/* where to start */
.nh .start{list-style:none;display:grid;gap:16px;counter-reset:st}
@media (min-width:800px){.nh .start{grid-template-columns:repeat(3,1fr)}}
.nh .start li{counter-increment:st;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px}
.nh .start li::before{content:counter(st, bengali);display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;
  background:var(--navy);color:var(--gold-2);font-weight:700;font-size:17px;margin-bottom:12px}
.nh .start h3{font-size:19px;margin-bottom:6px}
.nh .start p{color:var(--ink-soft);font-size:15.5px;margin-bottom:8px}
.nh .start a{color:var(--gold);font-weight:600}

/* faq (site.css styles details/summary; keep answer spacing) */
.nh .faq p a{color:var(--gold);font-weight:600}

@media (max-width:600px){
  .nh .card{padding:20px}
  .nh .nav-row b{font-size:22px}
}