/* Global Politics — article page polish
   Removes the duplicate inner article container and improves the comment form layout. */

body.isArticle #articleContent.prose,
body.isArticle .articleMain #articleContent.prose {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body.isArticle .articleMain {
  overflow: visible !important;
}

/* Keep screen-reader text accessible but invisible, including the article rail search label. */
.sr-only,
body.isArticle .railSearch .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

body.isArticle .commentsMount {
  background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(238,246,255,.98)) !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  border-radius: 18px !important;
  padding: 24px !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.08) !important;
}

body.isArticle .commentsPanel {
  display: grid !important;
  gap: 12px !important;
}

body.isArticle .commentsPanel h2 {
  margin: 0 !important;
  color: #07182f !important;
  font-size: 1.35rem !important;
}

body.isArticle #commentStatus {
  margin: 0 !important;
  color: #475569 !important;
  font-size: .95rem !important;
}

body.isArticle #commentText {
  width: 100% !important;
  min-height: 120px !important;
  resize: vertical !important;
  display: block !important;
  padding: 14px 16px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(15,23,42,.14) !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font: inherit !important;
  line-height: 1.5 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
}

body.isArticle #commentText:focus {
  outline: none !important;
  border-color: rgba(31,78,216,.45) !important;
  box-shadow: 0 0 0 4px rgba(31,78,216,.12), inset 0 1px 0 rgba(255,255,255,.9) !important;
}

body.isArticle #postCommentBtn {
  justify-self: start !important;
  min-height: 46px !important;
  padding: 0 22px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #d6b35a, #f4c96a) !important;
  color: #07182f !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  box-shadow: 0 12px 26px rgba(7,24,47,.16) !important;
}

body.isArticle #postCommentBtn:hover,
body.isArticle #postCommentBtn:focus-visible {
  transform: translateY(-1px) !important;
  filter: brightness(1.03) !important;
  outline: none !important;
}

body.isArticle #postCommentBtn:disabled {
  opacity: .62 !important;
  cursor: not-allowed !important;
  transform: none !important;
}

body.isArticle #commentMsg {
  min-height: 1.2em !important;
  margin: 0 !important;
}

body.isArticle .commentList {
  display: grid !important;
  gap: 12px !important;
  margin-top: 4px !important;
}

body.isArticle .comment {
  margin: 0 !important;
  background: rgba(255,255,255,.96) !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  border-radius: 16px !important;
  padding: 14px 16px !important;
}

@media (max-width: 640px) {
  body.isArticle .commentsMount {
    padding: 18px !important;
  }

  body.isArticle #postCommentBtn {
    width: 100% !important;
    justify-self: stretch !important;
  }
}