#newsList .article-item { cursor:pointer; }
#newsPopup { border:0; border-radius:16px; padding:30px 40px; width:min(900px, calc(100vw - 40px)); max-height:90vh; box-sizing:border-box; overflow:auto; color:#151515; background:#fff; box-shadow:0 20px 60px #0005; font-family:inherit; }
#newsPopup::backdrop { background:rgba(0,0,0,.7); backdrop-filter:blur(4px); }
#newsPopup .news-popup-close { position:absolute; top:15px; right:15px; width:40px; height:40px; border:0; border-radius:50%; background:#fff; box-shadow:0 2px 10px #0002; cursor:pointer; color:#151515; font-size:28px; line-height:1; }
#newsPopupTitle { font-size:24px; line-height:1.45; margin:0 38px 20px 0; }
#newsPopup .news-popup-body { display:flow-root; }
#newsPopupImage { float:left; width:36%; height:auto; margin:0 24px 14px 0; border-radius:6px; object-fit:contain; }
#newsPopupText { flex:1; min-width:0; white-space:normal; overflow-wrap:anywhere; font-size:14px; line-height:1.55; margin:0;  text-align: justify;}
#newsPopupText .news-popup-paragraph { display:block; margin:0 0 10px; }
#newsPopupText .news-popup-paragraph:last-child { margin-bottom:0; }
#newsPopup .news-popup-close { transition:transform .25s ease, background-color .25s ease; }
#newsPopup .news-popup-close:hover { transform:rotate(90deg); background:#eef3ff; }
#newsPopup .news-popup-close:active { transform:rotate(90deg) scale(.92); }
#newsPopup .news-popup-footer { display:flex; justify-content:flex-end; align-items:center; gap:20px; margin-top:20px; }
#newsPopupFull { transition:background-color .2s ease, transform .2s ease, box-shadow .2s ease; }
#newsPopupFull:hover { background:#1d4ed8; transform:translateY(-2px); box-shadow:0 5px 14px #2563eb40; }
#newsPopupFull:active { transform:translateY(0); }
#newsPopupText p { margin:0 0 10px;     font-weight: 300; }
#newsPopupText h1, #newsPopupText h2, #newsPopupText h3, #newsPopupText h4 { font-size:17px; line-height:1.4; margin:16px 0 8px; font-weight:700; }
#newsPopupText > :first-child { margin-top:0; }
#newsPopupText > :last-child { margin-bottom:0; }
#newsPopupText ul, #newsPopupText ol { margin:8px 0 12px; padding-left:22px; list-style-position:inside; }
#newsPopupText li { margin:4px 0; }
#newsPopupText blockquote { margin:12px 0; padding-left:14px; border-left:3px solid #2563eb; color:#475569; }
#newsPopupText a { color:#2563eb; text-decoration:none; }
#newsPopupText pre { white-space:pre-wrap; overflow-wrap:anywhere; }
#newsPopupFull { flex-shrink:0; background:#2563eb; color:white; padding:13px 20px; border-radius:8px; text-decoration:none; font-size:14px; font-weight:600; }
#newsPopup [hidden] { display:none !important; }
#newsPopup a:focus-visible, #newsList a:focus-visible { outline:3px solid #7aa7ff; outline-offset:3px; }
#newsPopup .news-popup-close {
  -webkit-appearance:none; appearance:none; -webkit-tap-highlight-color:transparent;
  display:flex; align-items:center; justify-content:center;
  box-sizing:border-box; padding:0; margin:0;
  width:40px; height:40px; min-width:40px; max-width:40px; min-height:40px; max-height:40px;
  flex:0 0 40px; aspect-ratio:1; border-radius:50%; border:0; outline:none;
  font-family:Arial, sans-serif; font-size:28px; line-height:1;
}
#newsPopup .news-popup-close:focus, #newsPopup .news-popup-close:focus-visible { outline:none; }
@media(max-width:650px) {
  #newsPopup { padding:24px 20px; width:calc(100vw - 24px); max-height:90dvh; }
  #newsPopupTitle { font-size:19px; }
  #newsPopupImage { float:none; width:100%; max-height:280px; margin:0 0 16px; }
  #newsPopup .news-popup-footer { flex-direction:column; align-items:stretch; }
  #newsPopupFull { text-align:center; }
}
@media(prefers-reduced-motion:reduce) {
  #newsPopup .news-popup-close, #newsPopupFull { transition:none; }
  #newsPopup .news-popup-close:hover, #newsPopup .news-popup-close:active, #newsPopupFull:hover { transform:none; }
}
