/* About Section V4 - unified redesign */

body.about-v4{
  background:
    radial-gradient(1000px 460px at 12% 8%, rgba(37,99,235,.16), transparent 58%),
    radial-gradient(900px 420px at 86% 12%, rgba(168,85,247,.14), transparent 62%),
    #f3f6fb;
}

body.about-v4 .aboutPageWrap{
  max-width:1280px;
  padding:26px 20px 64px;
}

body.about-v4 .aboutHero.aboutHeroRich{
  border-radius:28px;
  padding:26px;
  border:1px solid rgba(148,163,184,.35);
  background:
    linear-gradient(145deg, rgba(255,255,255,.96) 0%, rgba(239,246,255,.92) 100%);
  box-shadow:0 24px 70px rgba(15,23,42,.09);
}
body.about-v4 .aboutHeroTag{
  color:#1d4ed8;
  border-color:rgba(59,130,246,.28);
  background:#eff6ff;
}
body.about-v4 .aboutHero h1{
  font-size:34px;
  color:#0f172a;
  margin-bottom: 20px;
}
body.about-v4 .aboutHero p{
  font-size:15px;
  color:#475569;
  max-width:700px;
}

body.about-v4 .aboutV4Highlights{
  margin:14px 0 16px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
body.about-v4 .aboutV4Highlight{
  border-radius:16px;
  border:1px solid rgba(148,163,184,.30);
  background:#fff;
  box-shadow:0 14px 36px rgba(15,23,42,.06);
  padding:14px;
}
body.about-v4 .aboutV4Highlight .k{
  display:block;
  font-size:12px;
  color:#64748b;
  font-weight:800;
  margin-bottom:4px;
}
body.about-v4 .aboutV4Highlight .v{
  display:block;
  font-size:15px;
  color:#0f172a;
  font-weight:1000;
}

body.about-v4 .aboutCard{
  border-radius:20px;
  border:1px solid rgba(148,163,184,.3);
  background:#ffffff;
  box-shadow:0 18px 50px rgba(15,23,42,.07);
}

body.about-v4 .aboutUsLayout{
  grid-template-columns:320px minmax(0,1fr);
  gap:16px;
}
body.about-v4 .aboutUsLayoutNew .aboutUsSidebar{
  top:94px;
  border-right:1px dashed rgba(148,163,184,.35);
}
body.about-v4 .aboutUsNavBtn{
  border-radius:12px;
  padding:12px 14px 12px 34px;
}
body.about-v4 .aboutUsContent{
  padding:20px;
}
body.about-v4 .aboutUsContentInner{
  font-size:15px;
  line-height:1.95;
}

body.about-v4 .aboutAnnounceList{
  gap:12px;
}
body.about-v4 .aboutAnnounceItem{
  grid-template-columns:260px minmax(0,1fr);
  padding:18px;
}
body.about-v4 .aboutTimeline .aboutAnnounceItem:before{
  left:272px;
}
body.about-v4 .aboutAnnounceMain h2{
  font-size:21px;
  color:#111827;
}

body.about-v4 .aboutFaqGrid{
  grid-template-columns:340px minmax(0,1fr);
}
body.about-v4 .aboutFaqSidebar,
body.about-v4 .aboutFaqDetail{
  padding:18px;
}
body.about-v4 .aboutFaqTypeTitle{
  font-size:16px;
}
body.about-v4 .aboutFaqTypeLinks a{
  padding:10px 12px;
}

body.about-v4 .aboutFriendTypes{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
body.about-v4 .aboutFriendTypeCard{
  padding:18px;
}
body.about-v4 .aboutApply{
  margin-top:16px;
  grid-template-columns:1fr 1fr;
}

body.about-v4 .aboutSitemapGrid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
body.about-v4 .aboutSitemapCategory{
  padding:18px;
}
body.about-v4 .aboutSitemapCategory h3{
  font-size:16px;
}

@media (max-width:1024px){
  body.about-v4 .aboutV4Highlights{grid-template-columns:1fr}
  body.about-v4 .aboutUsLayout,
  body.about-v4 .aboutFaqGrid,
  body.about-v4 .aboutApply,
  body.about-v4 .aboutFriendTypes,
  body.about-v4 .aboutSitemapGrid{grid-template-columns:1fr}
  body.about-v4 .aboutAnnounceItem{grid-template-columns:1fr}
  body.about-v4 .aboutTimeline .aboutAnnounceItem:before{display:none}
}