/* Host page shell for Giscus: one quiet Apple-style card around the iframe. */
html body .comments.giscus-comments {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-top: 24px !important;
  overflow: visible !important;
  padding: 0 !important;
}

html body .comments.giscus-comments :is(.giscus, iframe.giscus-frame) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 20px !important;
  box-shadow: none !important;
}

/* Giscus renders its own controls inside the iframe. Keep every visible
   comment surface card-like and remove the theme's separator-line treatment. */
html body .comments.giscus-comments :is(.gsc-comment-box, .gsc-comment, .gsc-reply-box),
html body .comments.giscus-comments :is(.gsc-header, .gsc-comment-header, .gsc-comment-content, .gsc-comment-footer, .gsc-replies) {
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  background-image: none !important;
}

html body .comments.giscus-comments :is(.gsc-comment-box, .gsc-comment) {
  background: #fff !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 28px rgba(29, 29, 31, .08) !important;
  margin-bottom: 14px !important;
}

html body .comments.giscus-comments :is(.gsc-comment-header, .gsc-comment-content) {
  color: #1d1d1f !important;
}

html body.theme-force-dark .comments.giscus-comments,
html body.dark-mode .comments.giscus-comments,
html.dark-mode body .comments.giscus-comments {
  background: transparent !important;
  box-shadow: none !important;
}

html body.theme-force-dark .comments.giscus-comments :is(.giscus, iframe.giscus-frame),
html body.dark-mode .comments.giscus-comments :is(.giscus, iframe.giscus-frame),
html.dark-mode body .comments.giscus-comments :is(.giscus, iframe.giscus-frame) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.theme-force-dark .comments.giscus-comments :is(.gsc-comment-box, .gsc-comment),
html body.dark-mode .comments.giscus-comments :is(.gsc-comment-box, .gsc-comment),
html.dark-mode body .comments.giscus-comments :is(.gsc-comment-box, .gsc-comment) {
  background: #232323 !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .28) !important;
}

html body.theme-force-dark .comments.giscus-comments :is(.gsc-comment-header, .gsc-comment-content),
html body.dark-mode .comments.giscus-comments :is(.gsc-comment-header, .gsc-comment-content),
html.dark-mode body .comments.giscus-comments :is(.gsc-comment-header, .gsc-comment-content) {
  color: #f4f4f2 !important;
}

@media (max-width: 720px) {
  html body .comments.giscus-comments {
    border-radius: 0 !important;
    padding: 0 !important;
  }
}