/*
 * 07_notifications.css — 새 댓글 알림 팝업과 이동한 댓글 강조
 *
 * 화면 아래에 뜨는 알림 상자의 위치·색·그림자와 링크로 이동한 댓글 강조입니다.
 * #notification-toast: 알림 팝업 / [id^="comment-"]:target: 이동한 댓글의 테두리
 * 알림 팝업 위치나 크기, 댓글 강조색을 바꾸고 싶을 때 수정하세요.
 * 휴대폰 상단바·잠금화면 알림 디자인은 운영체제가 정합니다. 이 CSS는 사이트 안의 표시입니다.
 * 고정 앱바 아래로 이동할 댓글의 여백은 08_navigation.css에서 보정합니다.
 */

#notification-toast {
  position: fixed;
  right: 20px;
  bottom: 24px;
  max-width: min(360px, calc(100vw - 40px));
  padding: 18px;
  background: white;
  border: 1px solid #ddd;
  border-radius: 16px;
  box-shadow: 0 8px 30px #0002;
  z-index: 1000;
}

[id^="comment-"] { scroll-margin-top: 24px; }
[id^="comment-"]:target { outline: 2px solid #0071e3; border-radius: 8px; }