/* v513G — Useful Guide hub UX polish.
   Scope: useful-guide.html only. Keeps main menu pages out of the card library. */

body.useful-guide-page .guide-hero{
  background:
    radial-gradient(circle at 15% 12%, rgba(219,234,254,.95), rgba(248,250,252,.22) 34%),
    linear-gradient(135deg,#f8fbff 0%,#eef6ff 48%,#fff7ed 100%) !important;
}

body.useful-guide-page .guide-hero-grid{
  align-items:center !important;
}

body.useful-guide-page .guide-hero-copy h1{
  max-width:980px !important;
  font-size:clamp(36px,4.2vw,56px) !important;
  line-height:1.03 !important;
  letter-spacing:-.045em !important;
}

body.useful-guide-page .guide-hero-copy p{
  max-width:820px !important;
  font-size:17px !important;
  line-height:1.65 !important;
  color:#475569 !important;
}

body.useful-guide-page .guide-hero-badges-v513G{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin:18px 0 0 !important;
}

body.useful-guide-page .guide-hero-badges-v513G span,
body.useful-guide-page .guide-card-meta-v513G span,
body.useful-guide-page .guide-route-card-v513G > span{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  border-radius:999px !important;
  padding:7px 11px !important;
  background:#eaf2ff !important;
  color:#174d73 !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
}

body.useful-guide-page .guide-visual-card{
  border-radius:28px !important;
  overflow:hidden !important;
  box-shadow:0 24px 60px rgba(15,23,42,.14) !important;
}

body.useful-guide-page .guide-shell{
  max-width:1368px !important;
}

body.useful-guide-page .guide-hub-intro-v513G{
  display:grid !important;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr) !important;
  gap:26px !important;
  align-items:stretch !important;
  margin-bottom:32px !important;
}

body.useful-guide-page .guide-intro-card-v513G,
body.useful-guide-page .guide-route-card-v513G,
body.useful-guide-page .guide-category-section-v513G,
body.useful-guide-page .guide-cta-panel-v513G{
  border:1px solid #dbe7f5 !important;
  background:#fff !important;
  border-radius:28px !important;
  box-shadow:0 16px 42px rgba(15,23,42,.06) !important;
}

body.useful-guide-page .guide-intro-card-v513G{
  padding:28px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
}

body.useful-guide-page .guide-intro-card-v513G h2,
body.useful-guide-page .guide-category-head-v513G h2,
body.useful-guide-page .guide-cta-panel-v513G h2{
  font-size:clamp(28px,3vw,40px) !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
  margin:8px 0 12px !important;
}

body.useful-guide-page .guide-intro-card-v513G p,
body.useful-guide-page .guide-category-head-v513G p,
body.useful-guide-page .guide-cta-panel-v513G p{
  color:#475569 !important;
  line-height:1.65 !important;
  margin:0 !important;
}

body.useful-guide-page .guide-do-dont-v513G{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  margin-top:20px !important;
}

body.useful-guide-page .guide-do-dont-v513G div{
  border-radius:20px !important;
  padding:16px !important;
  background:#f8fafc !important;
  border:1px solid #e2e8f0 !important;
}

body.useful-guide-page .guide-do-dont-v513G strong{
  display:block !important;
  color:#0f172a !important;
  margin-bottom:7px !important;
}

body.useful-guide-page .guide-do-dont-v513G ul{
  margin:0 !important;
  padding-left:18px !important;
  color:#475569 !important;
  font-size:14px !important;
  line-height:1.55 !important;
}

body.useful-guide-page .guide-route-grid-v513G{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
}

body.useful-guide-page .guide-route-card-v513G{
  padding:20px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}

body.useful-guide-page .guide-route-card-v513G h3{
  margin:0 !important;
  font-size:20px !important;
  line-height:1.18 !important;
  color:#0f172a !important;
}

body.useful-guide-page .guide-route-card-v513G p{
  margin:0 !important;
  color:#475569 !important;
  line-height:1.55 !important;
  font-size:14px !important;
}

body.useful-guide-page .guide-route-card-v513G a,
body.useful-guide-page .guide-card-body a,
body.useful-guide-page .guide-cta-links-v513G a{
  margin-top:auto !important;
  color:#dc2626 !important;
  font-weight:900 !important;
  text-decoration:none !important;
}

body.useful-guide-page .guide-category-section-v513G{
  padding:26px !important;
  margin-top:26px !important;
}

body.useful-guide-page .guide-category-head-v513G{
  display:flex !important;
  justify-content:space-between !important;
  gap:20px !important;
  align-items:flex-end !important;
  margin-bottom:20px !important;
}

body.useful-guide-page .guide-category-head-v513G p{
  max-width:720px !important;
}

body.useful-guide-page .guide-category-kicker-v513G{
  color:#1d4ed8 !important;
  font-size:12px !important;
  font-weight:950 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

body.useful-guide-page .guide-card-grid-v513G{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
}

body.useful-guide-page .guide-card-v513G{
  border:1px solid #e2e8f0 !important;
  border-radius:24px !important;
  background:#fff !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  min-height:100% !important;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}

body.useful-guide-page .guide-card-v513G:hover{
  transform:translateY(-2px) !important;
  border-color:#bfdbfe !important;
  box-shadow:0 18px 44px rgba(15,23,42,.1) !important;
}

body.useful-guide-page .guide-card-media-v513G{
  height:174px !important;
  background:#eef6ff !important;
  overflow:hidden !important;
}

body.useful-guide-page .guide-card-media-v513G img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

body.useful-guide-page .guide-card-body{
  padding:18px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  flex:1 1 auto !important;
}

body.useful-guide-page .guide-card-body h3{
  margin:0 !important;
  font-size:21px !important;
  line-height:1.18 !important;
  letter-spacing:-.02em !important;
  color:#0f172a !important;
}

body.useful-guide-page .guide-card-body p{
  margin:0 !important;
  color:#475569 !important;
  line-height:1.58 !important;
  font-size:14px !important;
}

body.useful-guide-page .guide-card-meta-v513G{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
}

body.useful-guide-page .guide-card-meta-v513G span:nth-child(2){
  background:#fff7ed !important;
  color:#9a3412 !important;
}

body.useful-guide-page .guide-us-canada-v513G{
  margin-top:26px !important;
  display:grid !important;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr) !important;
  gap:22px !important;
  align-items:center !important;
  border-radius:30px !important;
  padding:28px !important;
  background:linear-gradient(135deg,#0f172a,#174d73) !important;
  color:#fff !important;
  overflow:hidden !important;
}

body.useful-guide-page .guide-us-canada-v513G h2{
  font-size:clamp(28px,3vw,42px) !important;
  line-height:1.08 !important;
  margin:8px 0 12px !important;
  letter-spacing:-.04em !important;
}

body.useful-guide-page .guide-us-canada-v513G p,
body.useful-guide-page .guide-us-canada-v513G li{
  color:#dbeafe !important;
  line-height:1.62 !important;
}

body.useful-guide-page .guide-us-canada-v513G ul{
  margin:0 !important;
  padding-left:18px !important;
}

body.useful-guide-page .guide-us-canada-v513G .eyebrow{
  color:#93c5fd !important;
}

body.useful-guide-page .guide-us-canada-v513G img{
  width:100% !important;
  min-height:260px !important;
  max-height:380px !important;
  object-fit:cover !important;
  border-radius:24px !important;
  box-shadow:0 20px 50px rgba(0,0,0,.22) !important;
}

body.useful-guide-page .guide-cta-panel-v513G{
  margin-top:26px !important;
  padding:28px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:20px !important;
  align-items:center !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
}

body.useful-guide-page .guide-cta-links-v513G{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  justify-content:flex-end !important;
}

body.useful-guide-page .guide-cta-links-v513G .btn{
  min-width:160px !important;
}

@media (max-width: 1100px){
  body.useful-guide-page .guide-hub-intro-v513G,
  body.useful-guide-page .guide-us-canada-v513G,
  body.useful-guide-page .guide-cta-panel-v513G{
    grid-template-columns:1fr !important;
  }

  body.useful-guide-page .guide-card-grid-v513G{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  body.useful-guide-page .guide-cta-links-v513G{
    justify-content:flex-start !important;
  }
}

@media (max-width: 760px){
  body.useful-guide-page .guide-hero-copy h1{
    font-size:clamp(32px,8vw,42px) !important;
  }

  body.useful-guide-page .guide-hub-intro-v513G,
  body.useful-guide-page .guide-route-grid-v513G,
  body.useful-guide-page .guide-do-dont-v513G,
  body.useful-guide-page .guide-card-grid-v513G{
    grid-template-columns:1fr !important;
  }

  body.useful-guide-page .guide-intro-card-v513G,
  body.useful-guide-page .guide-category-section-v513G,
  body.useful-guide-page .guide-us-canada-v513G,
  body.useful-guide-page .guide-cta-panel-v513G{
    padding:20px !important;
    border-radius:22px !important;
  }

  body.useful-guide-page .guide-category-head-v513G{
    display:block !important;
  }

  body.useful-guide-page .guide-card-media-v513G{
    height:190px !important;
  }
}