.home-notice-board.home-notice-compact {
  display: block;
  margin-top: 16px;
  padding: 0;
  overflow: hidden;
  border: 1px solid #d7e1ec;
  border-radius: 9px;
  background: #fff;
}

.home-notice-compact > summary {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  min-height: 58px;
  padding: 10px 16px;
  color: #0d2f4f;
  cursor: pointer;
  list-style: none;
}

.home-notice-compact > summary::-webkit-details-marker { display: none; }
.home-notice-compact > summary:focus-visible { outline: 3px solid #1769d24d; outline-offset: -3px; }
.home-notice-compact > summary:hover { background: #f7fbff; }

.home-notice-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  background: #174f82;
  color: #fff;
  font-size: .66rem;
  font-weight: 900;
}

.home-notice-compact > summary strong { font-size: .86rem; font-weight: 900; }
.home-notice-compact > summary small { min-width: 0; color: #718092; font-size: .72rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.home-notice-toggle::before { content: "펼쳐보기"; color: #174f82; font-size: .7rem; font-weight: 850; }
.home-notice-toggle::after { content: "⌄"; display: inline-block; margin-left: 6px; font-size: 1rem; transition: transform .18s ease; }
.home-notice-compact[open] .home-notice-toggle::before { content: "접기"; }
.home-notice-compact[open] .home-notice-toggle::after { transform: rotate(180deg); }

.home-notice-content { border-top: 1px solid #d7e1ec; background: linear-gradient(135deg,#f7fbff 0%,#eef5fc 100%); padding: 18px; }
.home-notice-compact .home-notice-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; }
.home-notice-compact .home-notice-list li { border-top: 0; border-left: 1px solid #cedceb; padding: 2px 18px; }
.home-notice-compact .home-notice-list li:first-child { border-left: 0; }

@media (max-width: 720px) {
  .home-notice-board.home-notice-compact { margin-top: 12px !important; padding: 0 !important; }
  .home-notice-compact > summary { grid-template-columns: auto minmax(0, 1fr) auto; gap: 8px; min-height: 52px; padding: 8px 11px; }
  .home-notice-compact > summary strong { font-size: .8rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
  .home-notice-compact > summary small { display: none; }
  .home-notice-toggle::before { content: "보기"; font-size: .66rem; }
  .home-notice-compact[open] .home-notice-toggle::before { content: "접기"; }
  .home-notice-toggle::after { margin-left: 3px; }
  .home-notice-content { padding: 6px 14px 10px; }
  .home-notice-compact .home-notice-list { grid-template-columns: 1fr; }
  .home-notice-compact .home-notice-list li { border-top: 1px solid #cedceb; border-left: 0; grid-template-columns: 28px minmax(0,1fr) !important; gap: 10px !important; padding: 13px 0 !important; }
  .home-notice-compact .home-notice-list li:first-child { border-top: 0; }
  .home-notice-compact .home-notice-list li > b { width: 28px !important; height: 28px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .home-notice-toggle::after { transition: none; }
}