/* Small additions on top of the captured WordPress styles. */
html { scroll-behavior: smooth; }
body { margin: 0; }

/* ---- Comments ---- */
.ais-comments { margin-top: var(--wp--preset--spacing--30, 32px); font-size: 15px; }
.ais-comments__title { font-size: 20px; margin: 0 0 12px; }
.ais-comments__list, .ais-comments__children { list-style: none; margin: 0; padding: 0; }
.ais-comments__children { margin-top: 12px; padding-left: 20px; border-left: 2px solid #E5E7EB; }
.ais-comment { padding: 14px 0; border-top: 1px solid #E5E7EB; }
.ais-comments__children .ais-comment { border-top: 0; padding: 8px 0; }
.ais-comment__meta { display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap; }
.ais-comment__author { color: #111827; }
.ais-comment__date { color: #6B7280; font-size: 13px; }
.ais-comment__body p { margin: 6px 0 0; line-height: 1.6; white-space: pre-line; }
.ais-comment__reply, .ais-comments__cancel { background: none; border: 0; padding: 0; margin-top: 6px; color: #4F46E5; font: inherit; font-size: 13px; cursor: pointer; }
.ais-comments__cancel { margin-left: 8px; }
.ais-comments__empty { color: #6B7280; padding: 6px 0 2px; }
.ais-comments .comment-respond { margin-top: 20px; }
.ais-comments .comment-reply-title { font-size: 18px; margin: 0 0 10px; }
.ais-comments__box { border: 1px solid #111827; padding: 12px; background: #fff; }
.ais-comments__box textarea { width: 100%; box-sizing: border-box; border: 0; resize: vertical; font: inherit; font-size: 15px; min-height: 72px; outline: none; }
.ais-comments__actions { display: flex; gap: 10px; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-top: 8px; }
.ais-comments__actions input { flex: 1 1 180px; min-width: 0; padding: 8px 10px; border: 1px solid #D1D5DB; border-radius: 6px; font: inherit; font-size: 14px; }
.ais-comments__actions button { padding: 8px 18px; font-size: 14px; cursor: pointer; }
.ais-comments__actions button[disabled] { opacity: .6; cursor: default; }
.ais-comments__note { color: #6B7280; font-size: 13px; margin: 8px 0 0; }
.ais-comments__note a { color: #6B7280; }
.ais-comments__msg { color: #111827; font-size: 14px; margin: 6px 0 0; min-height: 1em; }
.ais-comments__hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }