.notice-page{padding:48px 16px 80px}.notice-page__inner{max-width:980px;margin:0 auto}.notice-page__top{text-align:center;margin-bottom:32px}.notice-title{font-size:28px;font-weight:800;letter-spacing:-.03em;margin:6px 0 8px;color:#222f3e}.notice-subtitle{font-size:13px;color:#6b7280}.notice-table{background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.04);overflow:hidden;border:1px solid #e5e7eb}.notice-table--empty{padding:40px 16px}.notice-table__head{display:grid;grid-template-columns:80px minmax(0,1fr) 120px 120px;align-items:center;padding:12px 18px;border-bottom:1px solid #e5e7eb;background:#f9fafb;font-size:13px;font-weight:600;color:#6b7280}.notice-col{min-width:0}.notice-col--date,.notice-col--no,.notice-col--status{text-align:center}.notice-table__body{display:flex;flex-direction:column}.notice-row{display:grid;grid-template-columns:80px minmax(0,1fr) 120px 120px;padding:12px 18px 8px;font-size:14px;color:#111827;border-bottom:1px solid #f3f4f6;position:relative;transition:background .16s ease}.notice-row:last-child{border-bottom:none}.notice-row:hover{background:#f9fbff}.notice-row--pinned{background:#fffdf5}.notice-row--pinned:hover{background:#fff9e8}.notice-pill{display:inline-flex;align-items:center;justify-content:center;min-width:46px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#fef3c7;color:#92400e}.notice-row__title-text{display:inline-block;max-width:100%;font-weight:500;color:#111827;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notice-tag{display:inline-flex;align-items:center;margin-left:8px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid transparent;white-space:nowrap}.notice-tag--popup{background:#eef2ff;color:#3730a3;border-color:#e0e7ff}.notice-tag--image{background:#ecfdf5;color:#166534;border-color:#bbf7d0}.notice-row__body{grid-column:2/5;padding-top:4px;padding-bottom:10px;font-size:13px;color:#4b5563}.notice-row__body-text{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.notice-empty{text-align:center;color:#64748b;font-size:14px}.notice-row__title-link{display:inline-flex;align-items:center;max-width:100%;text-decoration:none}.notice-row__title-link:hover .notice-row__title-text{text-decoration:underline}@media (max-width:768px){.notice-page{padding:32px 12px 56px}.notice-page__inner{max-width:100%}.notice-title{font-size:22px}.notice-subtitle{font-size:12px}.notice-table__head{display:none}.notice-row{grid-template-columns:1fr;padding:12px 14px 10px}.notice-col--no{text-align:left;margin-bottom:4px;font-size:12px;color:#6b7280}.notice-row__title-text{white-space:normal;word-break:keep-all}.notice-col--date,.notice-col--status{display:inline-block;text-align:left;font-size:12px;color:#6b7280;margin-right:8px}.notice-row__body{grid-column:auto}}