/* ===================================================================
   NOTICE BOARD PAGE
   =================================================================== */

.notice-intro{
  font-size:12.5px;
  color:var(--rawm-charcoal-2);
  margin:0 0 12px;
}

.notice-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.notice-card{
  background:var(--rawm-surface);
  border:1px solid var(--rawm-line);
  border-radius:14px;
  overflow:hidden;
}

.notice-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding:14px;
  cursor:pointer;
}

.notice-row .notice-heading{
  font-size:13.5px;
  font-weight:600;
  color:var(--rawm-ink);
  margin:0 0 5px;
  line-height:1.35;
}

.notice-meta{
  display:flex;
  align-items:center;
  gap:5px;
  font-size:11px;
  color:var(--rawm-charcoal-2);
}
.notice-meta i{ font-size:11px; color:var(--rawm-orange-deep); }

.notice-caret{
  flex:0 0 auto;
  color:var(--rawm-line-strong);
  font-size:13px;
  margin-top:3px;
  transition:transform .2s ease;
}
.notice-row[aria-expanded="true"] .notice-caret{
  transform:rotate(180deg);
  color:var(--rawm-orange-deep);
}

.notice-body-wrap{
  padding:0 14px 16px 14px;
}
.notice-body{
  font-size:12.5px;
  line-height:1.6;
  color:var(--rawm-charcoal);
  margin:0;
  padding-top:6px;
  border-top:1px solid var(--rawm-line);
}