.page-hero {
  background: #1f447a;
  color: #fff;
  padding: 38px 0;
}
.page-hero h2 {
  margin: 10px 0 8px;
  font-size: 30px;
}
.breadcrumb {
  font-size: 12px;
  color: #9fc5f4;
}
.page-hero p {
  color: #c8defb;
  margin: 0;
}
.page-wrap {
  padding: 42px 0;
}
.page-card {
  background: #fff;
  border: 1px solid #e1e6ee;
  border-radius: 10px;
  box-shadow: 0 2px 8px #172e4d12;
  padding: 24px;
  margin-bottom: 24px;
}
.page-card h2,
.page-card h3 {
  color: #173b70;
  margin-top: 0;
}
.underline {
  width: 32px;
  height: 3px;
  background: #f4a900;
  margin: 10px 0 20px;
}
.two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}
.three-col {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.vision {
  background: #21477d;
  color: #fff;
}
.mission {
  background: #f6a000;
  color: #fff;
}
.vision h3,
.mission h3 {
  color: #fff;
}
.members .member {
  border-top: 6px solid #21477d;
  text-align: center;
}
.member-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin: 0 auto 14px;
  background: #dbe9ff;
  display: grid;
  place-items: center;
  font-size: 25px;
}
.member-photo { display:block; width:100%; height:250px; object-fit:contain; object-position:center; background:#edf4ff; border-radius:8px; margin:0 auto 14px; }
.member-role {
  display: inline-block;
  background: #fff1b8;
  color: #9b6800;
  padding: 3px 8px;
  border-radius: 10px;
  font-size: 10px;
  font-weight: 700;
}
.timeline {
  border-left: 2px solid #21477d;
  padding-left: 20px;
}
.timeline-item {
  position: relative;
  background: #fff;
  border: 1px solid #e2e7ef;
  border-radius: 7px;
  padding: 16px;
  margin: 14px 0;
}
.timeline-item:before {
  content: "";
  position: absolute;
  left: -29px;
  top: 22px;
  width: 10px;
  height: 10px;
  background: #f4a000;
  border-radius: 50%;
}
.timeline-item b {
  display: block;
  color: #ef9d00;
  font-size: 12px;
}
.info-blue {
  background: #edf5ff;
  border: 1px solid #c5ddff;
}
.act-head {
  background: #214c88;
  color: #fff;
  padding: 22px;
  border-radius: 9px 9px 0 0;
}
.act-head h2 {
  color: #fff;
  margin: 0;
}
.section-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.section-tile {
  border: 1px solid #e4e8ef;
  border-radius: 8px;
  padding: 16px;
}
.section-tile b {
  color: #1e65ce;
  font-size: 11px;
}
.rule-row,
.rti-row,
.pub-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px;
  border-top: 1px solid #edf0f4;
}
.rule-row a,
.rti-row a,
.pub-row a {
  margin-left: auto;
  color: #1464ee;
  font-weight: 600;
  font-size: 12px;
}
.rule-row > span { display: block; }
.rule-row > span small { display: block; margin-top: 4px; }
.pub-row > span { display: block; }
.pub-row > span small { display: block; margin-top: 4px; }
.rti-row > span { display: block; }
.rti-row > span small { display: block; margin-top: 4px; }
.download-icon { display:inline-grid; place-items:center; width:18px; height:18px; margin-right:4px; border:1px solid currentColor; border-radius:50%; font-size:14px; line-height:1; }
.rti-steps {
  background: #21477d;
  color: #fff;
}
.rti-steps h2 {
  color: #fff;
}
.step {
  background: #315688;
  padding: 18px;
  border-radius: 8px;
}
.contact-grid {
  display: grid;
  grid-template-columns: 0.9fr 1fr;
  gap: 22px;
}
.contact-line {
  display: flex;
  gap: 13px;
  margin: 18px 0;
}
.contact-icon {
  width: 32px;
  height: 32px;
  border-radius: 7px;
  background: #e4efff;
  display: grid;
  place-items: center;
}
.map-placeholder {
  height: 210px;
  background: #e9edf2;
  border-radius: 8px;
  display: grid;
  place-items: center;
  text-align: center;
  color: #56708e;
}
.search-card {
  max-width: none;
  margin: 0 auto;
}
.search-row {
  display: flex;
  gap: 12px;
}
.search-row .field {
  margin: 0;
}
.cause-table th {
  background: #edf5ff;
}
.cause-head {
  background: #214c88;
  color: #fff;
  padding: 22px;
  border-radius: 9px 9px 0 0;
}
.cause-head h2 {
  color: #fff;
  margin: 6px 0 0;
}
@media (max-width: 800px) {
  .two-col,
  .contact-grid {
    grid-template-columns: 1fr;
  }
  .three-col,
  .section-grid {
    grid-template-columns: 1fr 1fr;
  }
  .search-row {
    display: block;
  }
  .search-row .button {
    margin-top: 10px;
  }
}
@media (max-width: 520px) {
  .three-col,
  .section-grid {
    grid-template-columns: 1fr;
  }
}
.admin-layout{display:grid;grid-template-columns:230px 1fr;gap:22px;align-items:start;padding:24px 0 50px}.admin-sidebar{background:#fff;border:1px solid #dbe4f0;border-radius:12px;padding:12px;position:sticky;top:16px}.admin-sidebar h3{margin:8px 10px 12px;color:#1a3a6b}.admin-sidebar a{display:block;padding:11px 12px;border-radius:7px;margin:3px 0}.admin-sidebar a:hover,.admin-sidebar a.active{background:#1e4a8a;color:#fff}.admin-main{min-width:0}.admin-main .page-card{margin-bottom:18px}.admin-main .button{margin-top:10px}@media(max-width:760px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:static}.admin-sidebar a{display:inline-block;margin-right:4px}}