:root { --notice-ink: #9f1d26; --notice-paper: #fff1f2; --notice-line: #edb2b7; }
:root[data-theme="dark"] { --notice-ink: #fdba74; --notice-paper: #342317; --notice-line: #895d36; }
.point-notice { display: flex; align-items: flex-start; gap: 8px; width: fit-content; max-width: 100%; margin: 8px 0; padding: 7px 10px; border-radius: 8px; background: var(--notice-paper); color: var(--notice-ink); font-size: 14px; font-weight: 400; line-height: 1.5; text-align: left; overflow-wrap: anywhere; }
.point-notice svg { flex: none; width: 18px; height: 18px; margin-top: 1px; }
.point-notice strong { font-size: inherit; font-weight: 650; }
.point-notice-expanded { margin: 20px 0; padding: 12px 16px; border: 1px solid var(--notice-line); border-radius: 12px; background: var(--notice-paper); color: var(--notice-ink); }
.point-notice-expanded .point-notice { margin: 0; padding: 0; }
.point-notice-expanded p { margin: 8px 0 0; color: inherit; font-size: 15px; }
.point-notice-expanded a { color: inherit; }
.result-card > .point-notice { grid-column: 1 / -1; }
.timetable-day li > .point-notice { grid-column: 2; margin: 0; }
.point-list > li > .point-notice { margin-top: 0; margin-bottom: 12px; }
@media print { .point-notice { color: #000; background: transparent; border: 1px solid #777; } }