/* ==============================
   Info Hero
============================== */
.info-hero {
  background: linear-gradient(to bottom, #f9fbff, #ffffff);
  padding: clamp(64px, 10vw, 120px) 1rem 56px;
  text-align: center;
}
.info-hero_content h1 {
  color:#1e2d64;
  font-weight:800;
  font-size:clamp(2rem, 3.8vw, 4rem);
  margin:10px 0 14px;
  letter-spacing:0.2px;
}
.info-hero_content p {
  color:#3f4b63;
  font-size:clamp(1.05rem, 1.3vw, 1.45rem);
  line-height:1.75;
  max-width:980px;
  margin:0 auto;
  padding:0 0.5rem;
}
@media (max-width:480px){
  .info-hero { padding:56px 1rem 44px; }
  .info-hero_content h1 { font-size:1.9rem; }
  .info-hero_content p { font-size:1rem; }
}

/* ==============================
   Tabs (anchors)
============================== */
.info-tabs { background:#f9f9f9; padding:1.25rem; }
.tabs-container {
  display:flex; justify-content:center; gap:.9rem;
  background:#f5f5f5; border-radius:14px; padding:.75rem;
  max-width:1040px; margin:0 auto;
  box-shadow:0 1px 3px rgba(0,0,0,.06);
}
.tabs-container .tab {
  display:inline-block;
  text-decoration:none;
  cursor:pointer;
  padding:.9rem 1.3rem;
  border-radius:10px;
  font-weight:700;
  font-size:1.02rem;
  color:#475569;
  transition:background .18s ease, box-shadow .18s ease, color .18s ease, transform .18s ease;
}
.tabs-container .tab:hover { background:#fff; color:#c42e2e; }
.tabs-container .tab.active {
  background:#fff; color:#c42e2e;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
}
.tabs-container .tab:focus-visible {
  outline:2px solid #c42e2e; outline-offset:2px;
}

/* ==============================
   Content Wrapper
============================== */
.content-wrap {
  max-width:1100px;
  margin:22px auto 60px;
  padding:0 1rem;
}

/* ==============================
   Quick Links
============================== */
.quicklinks { margin-top:32px; }
.quicklinks_header {
  text-align:center;
  margin-bottom:26px;
  max-width:820px;
  margin-inline:auto;
}
.quicklinks_header h2 {
  color:#1e2d64;
  font-weight:800;
  font-size:clamp(1.6rem, 1.2rem + 1.6vw, 2.2rem);
  margin-bottom:10px;
}
.quicklinks_header p {
  color:#475569;
  font-size:1.05rem;
  line-height:1.6;
}

/* grid */
.quicklinks_grid {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
  gap:20px;
}

/* card */
.quicklinks_card {
  background:#fff;
  border:1px solid #eee;
  border-radius:14px;
  padding:22px;
  text-align:center;
  box-shadow:0 4px 10px rgba(0,0,0,.05);
  transition:transform .16s ease, box-shadow .16s ease;
}
.quicklinks_card:hover {
  transform:translateY(-3px);
  box-shadow:0 8px 20px rgba(0,0,0,.08);
}

/* icons */
.ql-icon {
  width:48px; height:48px;
  display:grid; place-items:center;
  border-radius:10px;
  margin:0 auto 12px;
  font-size:24px;
}
.ql-icon-blue   { background:#eef3ff; color:#3758f9; }
.ql-icon-red    { background:#fff4f3; color:#c42e2e; }
.ql-icon-green  { background:#ecfdf5; color:#059669; }
.ql-icon-purple { background:#f5f3ff; color:#7c3aed; }

/* card text */
.quicklinks_card h3 {
  margin:0 0 6px;
  font-weight:700;
  color:#0f172a;
}
.quicklinks_card p {
  margin:0 0 14px;
  color:#475569;
  font-size:.95rem;
}

/* button */
.ql-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:.55rem 1rem;
  font-weight:600;
  font-size:.95rem;
  color:#1e2d64;
  border:1px solid #1e2d64;
  border-radius:8px;
  text-decoration:none;
  transition:all .18s ease;
}
.ql-btn:hover {
  background:#1e2d64;
  color:#fff;
}