.notice-board { width: min(760px, calc(100% - 30px)); margin: 24px auto; }
.notice-board-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.notice-board-heading a { color: #687078; }
.notice-board h1 { font-size: 18px; font-weight: 500; margin: 0; }
.notice-list { border-top: 1px solid #e5e7ea; }
.notice-row { width: 100%; display: flex; align-items: center; gap: 14px; padding: 16px 0; border: 0; border-bottom: 1px solid #e5e7ea; background: #fff; color: #14171a; text-align: left; cursor: pointer; font: inherit; }
.notice-row-copy { display: grid; flex: 1; min-width: 0; gap: 6px; }
.notice-row strong { font-size: 15px; font-weight: 500; overflow-wrap: anywhere; }
.notice-row time { font-size: 12px; color: #687078; }
.notice-row ti-icon { flex: 0 0 auto; color: #687078; }
.notice-state { color: #687078; font-size: 14px; padding: 18px 0; line-height: 1.7; }
.notice-detail { box-sizing: border-box; width: min(760px, calc(100% - 24px)); max-width: calc(100% - 24px); max-height: calc(100dvh - 40px); margin: auto; padding: 0; border: 1px solid #e5e7ea; border-radius: 4px; background: white; color: #14171a; }
.notice-detail::backdrop { background: rgb(0 0 0 / 35%); }
body:has(.notice-detail[open]) { overflow: hidden; }
.notice-detail header { display: flex; align-items: center; gap: 16px; justify-content: space-between; padding: 14px 20px; border-bottom: 1px solid #e5e7ea; position: sticky; top: 0; background: #fff; }
.notice-detail h2 { font-size: 18px; font-weight: 500; margin: 0; overflow-wrap: anywhere; }
.notice-detail header form { margin: 0; flex: 0 0 auto; }
.notice-detail header button { width: 40px; height: 40px; border: 0; background: transparent; display: grid; place-items: center; cursor: pointer; color: inherit; }
.notice-detail-body { padding: 20px; font-size: 15px; line-height: 1.8; overflow-wrap: anywhere; }
.notice-detail-body img { max-width: 100%; height: auto; }
.notice-detail-body pre { white-space: pre-wrap; }
.notice-detail-body table { display: block; max-width: 100%; overflow-x: auto; }
.notice-detail-body p { margin: 0 0 14px; }
.notice-board [hidden] { display: none !important; }