.eyebrow {
  display: inline-block;
  background: #f4a900;
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.home-hero h2 b {
  color: #ffb000;
}
.stats {
  background: #1d447c;
  color: #fff;
}
.stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  text-align: center;
  padding: 26px 0;
}
.stats-grid span {
  display: block;
  font-size: 22px;
}
.stats-grid strong {
  display: block;
  color: #ffb000;
  font-size: 30px;
}
.stats-grid small {
  color: #d8e6ff;
}
.section-title.left {
  text-align: left;
}
.quick-card {
  min-height: 210px;
  text-align: left;
}
.quick-card span {
  color: #0560ff;
  font-weight: 600;
  font-size: 13px;
}
.blue-card {
  background: #eef6ff;
  border-color: #a9d2ff;
}
.green-card {
  background: #effff4;
  border-color: #a2efc1;
}
.yellow-card {
  background: #fffbea;
  border-color: #f5d26c;
}
.purple-card {
  background: #fbf4ff;
  border-color: #dfbcff;
}
.red-card {
  background: #fff2f2;
  border-color: #ffb6b6;
}
.teal-card {
  background: #edfffc;
  border-color: #82eadb;
}
.news-layout {
  width: min(1180px, calc(100% - 32px));
  margin: auto;
  display: grid;
  grid-template-columns: 1.4fr 0.8fr;
  gap: 32px;
}
.notice-list {
  display: grid;
  gap: 12px;
}
.notice-item {
  display: flex;
  flex-direction: column;
  gap: 9px;
  align-items: stretch;
  padding: 17px;
  border: 1px solid #e3e8ef;
  border-radius: 9px;
  background: #fff;
  color: #123465;
}
.notice-item > div { display:flex; align-items:baseline; justify-content:space-between; gap:18px; width:100%; }
.notice-item small {
  display: block;
  color: #8b9bb2;
  margin-top: 0;
  margin-left: auto;
  white-space: nowrap;
}
.tag {
  font-size: 10px;
  padding: 4px 7px;
  border-radius: 4px;
  font-weight: 700;
}
.tag.blue {
  background: #dceaff;
  color: #1061ce;
}
.tag.green {
  background: #dffbe8;
  color: #07823b;
}
.tag.purple {
  background: #f0dcff;
  color: #7817bf;
}
.chair-card {
  background: #edf4ff;
  border-radius: 12px;
  padding: 20px;
  color: #173b70;
}
.chair-photo {
  height: 250px;
  border-radius: 8px;
  background: #dfeafb url('../images/chairman.jpg') center top/contain no-repeat;
  margin: 12px 0;
}
.chair-card h3 {
  margin-bottom: 2px;
}
.chair-card .role {
  font-size: 13px;
  color: #5d78a0;
}
.chair-card a {
  color: #0560ff;
  font-weight: 600;
}
.functions {
  background: #173865;
  color: #fff;
  padding: 58px 0;
}
.white {
  color: #fff;
}
.functions .white {
  color: #dceaff;
}
.function-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.function-grid div {
  padding: 18px;
  background: #244676;
  border: 1px solid #3c5d88;
  border-radius: 8px;
  color: #eaf2ff;
}
.complaint-cta {
  background: #fff9e8;
  text-align: center;
  padding: 48px 0;
  color: #173b70;
}
.complaint-cta p {
  max-width: 760px;
  margin: 0 auto 24px;
}
.button.outline {
  background: #fff;
  color: var(--blue);
  border: 2px solid var(--blue);
}
.footer-rule {
  border-top: 1px solid #2e5285;
  padding-top: 14px;
  margin-top: 14px;
}
@media (max-width: 800px) {
  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .news-layout {
    grid-template-columns: 1fr;
  }
  .function-grid {
    grid-template-columns: 1fr;
  }
}