.notice-detail { padding: 96px 64px 140px; max-width: 800px; margin: 0 auto; }

.notice-list-page { padding: 24px 64px 140px; max-width: 1200px; margin: 0 auto; }
.notice-tabs { display: flex; gap: 8px; margin-bottom: 24px; }
.notice-tabs a {
  padding: 9px 20px;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 600;
  color: oklch(0.4 0.02 255);
  background: oklch(0.96 0.005 255);
}
.notice-tabs a:hover { background: oklch(0.93 0.03 255); }
.notice-tabs a.active { background: oklch(0.45 0.14 255); color: #fff; }

.notice-empty { padding: 60px 0; text-align: center; color: oklch(0.55 0.01 255); font-size: 15px; }

@media (max-width: 860px) {
  .notice-list-page { padding: 16px 20px 96px; }
}

.notice-article-head {
  text-align: center;
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-bottom: 1px solid oklch(0.9 0.01 250);
}
.notice-article-head .tag { margin-bottom: 16px; }
.notice-article-head h2 { font-size: 26px; font-weight: 700; margin: 0 0 12px; color: oklch(0.22 0.03 260); }
.notice-date { font-size: 14px; color: oklch(0.55 0.01 255); }

.notice-body p {
  font-size: 16px;
  line-height: 1.8;
  color: oklch(0.3 0.02 255);
  margin: 0 0 4px;
}

.notice-pager {
  margin-top: 56px;
  border-top: 1px solid oklch(0.9 0.01 250);
  border-bottom: 1px solid oklch(0.9 0.01 250);
}
.pager-link {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 4px;
  border-bottom: 1px solid oklch(0.92 0.01 250);
  font-size: 14px;
}
.pager-link:last-child { border-bottom: none; }
.pager-dir { font-weight: 700; color: oklch(0.4 0.02 255); flex-shrink: 0; }
.pager-title { color: oklch(0.3 0.02 255); }
.pager-link:hover .pager-title { color: oklch(0.45 0.14 255); }

.notice-list-back { text-align: center; margin-top: 48px; }

@media (max-width: 860px) {
  .notice-detail { padding: 64px 20px 96px; }
}