:where(body.provid-single-post){
  direction: rtl;
  text-align: right;
}

:where(.provid-post){
  padding: clamp(14px, 2.8vw, 34px) 0;
}

:where(.provid-post__container){
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 clamp(14px, 2.4vw, 22px);
}

:where(.provid-post-progress){
  position: fixed;
  top: 0; left: 0; right: 0;
  height: 3px;
  z-index: 999999;
  background: rgba(2,6,23,.08);
}
:where(.provid-post-progress > span){
  display:block;
  height: 100%;
  width: 0%;
  background: rgba(225,29,72,.95);
}

:where(.provid-post__header){
  display: grid;
  gap: 14px;
  margin-bottom: 16px;
}

:where(.provid-post__kicker){
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  color: rgba(15,23,42,.70);
  font-size: .95em;
}
:where(.provid-post__kickerVal a){
  color: rgba(225,29,72,.95);
  text-decoration: none;
}
:where(.provid-post__kickerVal a:hover){
  text-decoration: underline;
  text-decoration-color: rgba(225,29,72,.45);
  text-underline-offset: 3px;
}

:where(.provid-post__title){
  margin: 0;
  font-size: clamp(22px, 2vw + 14px, 40px);
  line-height: 1.18;
  color: rgba(15,23,42,.96);
}

:where(.provid-post__meta){
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

:where(.provid-chip){
  display:inline-flex;
  align-items:center;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.70);
  color: rgba(15,23,42,.78);
  font-size: .92em;
}

:where(.provid-post__hero){
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 18px 60px rgba(2,6,23,.08);
}
:where(.provid-post__thumb){
  display:block;
  width: 100%;
  height: auto;
}

:where(.provid-post__grid){
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 18px;
  align-items: start;
}

:where(.provid-card){
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 20px;
  background: rgba(255,255,255,.86);
  box-shadow: 0 18px 60px rgba(2,6,23,.08);
  overflow: hidden;
}

:where(.provid-card__head){
  padding: 12px 14px;
  font-weight: 900;
  color: rgba(15,23,42,.94);
  border-bottom: 1px solid rgba(15,23,42,.10);
  background: rgba(2,6,23,.02);
}

:where(.provid-card__body){
  padding: 12px 14px;
}

:where(.provid-article){
  min-width: 0;
}

:where(.provid-article__content){
  padding: 16px 16px;
  color: rgba(15,23,42,.92);
  font-size: clamp(15px, 0.9vw + 12px, 18px);
  line-height: 1.95;
}

:where(.provid-article__content p){ margin: 0 0 14px; }

:where(.provid-article__content h2),
:where(.provid-article__content h3),
:where(.provid-article__content h4){
  margin: 26px 0 10px;
  line-height: 1.35;
  color: rgba(15,23,42,.96);
}
:where(.provid-article__content h2){ font-size: clamp(18px, 1.2vw + 14px, 26px); }
:where(.provid-article__content h3){ font-size: clamp(17px, 1vw + 13px, 22px); }
:where(.provid-article__content h4){ font-size: clamp(16px, .7vw + 13px, 19px); }

:where(.provid-article__content a){
  color: inherit;
  text-decoration: underline;
  text-decoration-color: rgba(225,29,72,.45);
  text-underline-offset: 3px;
}

:where(.provid-article__content img){
  max-width: 100%;
  height: auto;
  border-radius: 14px;
}

:where(.provid-article__content blockquote){
  margin: 18px 0;
  padding: 14px 16px;
  border-right: 4px solid rgba(225,29,72,.55);
  background: rgba(225,29,72,.06);
  border-radius: 14px;
}

:where(.provid-post__aside){
  position: sticky;
  top: 16px;
  display: grid;
  gap: 14px;
}

:where(.provid-btn){
  width: 100%;
  border: 1px solid rgba(225,29,72,.22);
  background: rgba(225,29,72,.08);
  border-radius: 16px;
  padding: 12px 12px;
  cursor: pointer;
  font: inherit;
  font-weight: 900;
  color: rgba(225,29,72,.95);
}
:where(.provid-btn:hover){
  background: rgba(225,29,72,.12);
}

:where(.provid-toc__list){
  margin: 0;
  padding-right: 18px;
}
:where(.provid-toc__list li){ margin: 8px 0; }
:where(.provid-toc__list a){
  text-decoration: none;
  color: rgba(15,23,42,.90);
}
:where(.provid-toc__list a:hover){
  text-decoration: underline;
  text-decoration-color: rgba(225,29,72,.45);
  text-underline-offset: 3px;
}

:where(.provid-toc__empty){
  display: none;
  color: rgba(15,23,42,.62);
  font-size: .92em;
}
:where(.provid-toc.is-empty [data-provid-toc-empty]){
  display:block;
}

:where(.provid-post__tax a){
  display:inline-flex;
  margin: 6px 6px 0 0;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(2,6,23,.02);
  color: rgba(15,23,42,.84);
  text-decoration: none;
  font-size: .92em;
}
:where(.provid-post__tax a:hover){
  border-color: rgba(225,29,72,.22);
  background: rgba(225,29,72,.06);
}

:where(.provid-rel){
  margin: 0;
  padding-right: 18px;
}
:where(.provid-rel li){ margin: 8px 0; }
:where(.provid-rel a){
  color: rgba(15,23,42,.90);
  text-decoration: none;
}
:where(.provid-rel a:hover){
  text-decoration: underline;
  text-decoration-color: rgba(225,29,72,.45);
  text-underline-offset: 3px;
}

/* Comments wrapper is already inside a card via template */
:where(.provid-comments){
  margin-top: 18px;
}
:where(.provid-comments__inner){
  padding: 16px;
}
:where(.provid-comments__head){
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
:where(.provid-comments__title){
  margin: 0;
  font-size: 20px;
  font-weight: 900;
  color: rgba(15,23,42,.94);
}
:where(.provid-comments__count){
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 34px;
  height: 34px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(225,29,72,.22);
  background: rgba(225,29,72,.07);
  color: rgba(225,29,72,.95);
  font-weight: 900;
}

:where(#comments .comment-list){
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}
:where(#comments .comment){
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 18px;
  background: rgba(2,6,23,.02);
  padding: 14px;
}
:where(#comments .avatar){
  float: none !important;
  margin: 0 !important;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,.10);
}
:where(#comments .comment-author){
  display:flex;
  align-items:center;
  gap: 10px;
}
:where(#comments .comment-metadata){
  margin: 8px 0 10px;
  color: rgba(15,23,42,.60);
  font-size: .92em;
}
:where(#comments .comment-content){
  line-height: 1.95;
  color: rgba(15,23,42,.92);
}

:where(#respond form){
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}
:where(#respond .comment-form-comment){
  grid-column: 1 / -1;
}
:where(#respond label){
  display:block;
  margin-bottom: 6px;
  color: rgba(15,23,42,.70);
  font-size: .92em;
}
:where(#respond input[type="text"]),
:where(#respond input[type="email"]),
:where(#respond input[type="url"]),
:where(#respond textarea){
  width: 100%;
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,.14);
  background: rgba(255,255,255,.78);
  padding: 12px;
  font: inherit;
  outline: none;
}
:where(#respond textarea){
  min-height: 160px;
  resize: vertical;
}
:where(#respond input:focus),
:where(#respond textarea:focus){
  border-color: rgba(225,29,72,.35);
  box-shadow: 0 0 0 4px rgba(225,29,72,.14);
}
:where(#respond .form-submit){
  grid-column: 1 / -1;
  margin: 0;
}

@media (max-width: 980px){
  :where(.provid-post__grid){
    grid-template-columns: 1fr;
  }
  :where(.provid-post__aside){
    position: static;
  }
  :where(#respond form){
    grid-template-columns: 1fr;
  }
}
/* =========================
   PROVID COMMENTS (FULL)
========================= */

:where(.provid-comments){
  margin-top: 18px;
}

:where(.provid-comments__inner){
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 20px;
  background: rgba(255,255,255,.86);
  box-shadow: 0 18px 60px rgba(2,6,23,.08);
  padding: 16px;
}

:where(.provid-comments__head){
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 12px;
}

:where(.provid-comments__title){
  margin: 0;
  font-size: clamp(18px, 1.1vw + 14px, 22px);
  font-weight: 900;
  color: rgba(15,23,42,.94);
}

:where(.provid-comments__count){
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 34px;
  height: 34px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(225,29,72,.22);
  background: rgba(225,29,72,.07);
  color: rgba(225,29,72,.95);
  font-weight: 900;
}

/* WordPress comment list */
:where(#comments .comment-list){
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

:where(#comments .comment){
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 18px;
  background: rgba(2,6,23,.02);
  padding: 14px;
}

:where(#comments .comment-body){
  margin: 0;
}

:where(#comments .comment-author){
  display: flex;
  align-items: center;
  gap: 10px;
}

:where(#comments .avatar){
  float: none !important;
  margin: 0 !important;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,.10);
}

:where(#comments .fn){
  font-weight: 900;
  color: rgba(15,23,42,.94);
}

:where(#comments .says){
  display: none;
}

:where(#comments .comment-metadata){
  margin: 8px 0 10px;
  color: rgba(15,23,42,.60);
  font-size: .92em;
}

:where(#comments .comment-metadata a){
  color: inherit;
  text-decoration: none;
}
:where(#comments .comment-metadata a:hover){
  text-decoration: underline;
  text-decoration-color: rgba(225,29,72,.45);
  text-underline-offset: 3px;
}

:where(#comments .comment-content){
  line-height: 1.95;
  color: rgba(15,23,42,.92);
}

:where(#comments .comment-content p){
  margin: 0 0 10px;
}
:where(#comments .comment-content p:last-child){
  margin-bottom: 0;
}

/* Reply button */
:where(#comments .reply){
  margin-top: 12px;
}

:where(#comments .reply a){
  display: inline-flex;
  align-items: center;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(255,255,255,.75);
  color: rgba(15,23,42,.88);
  text-decoration: none;
  font-size: .92em;
}
:where(#comments .reply a:hover){
  background: rgba(225,29,72,.06);
  border-color: rgba(225,29,72,.22);
}

/* Children (nested replies) */
:where(#comments .children){
  list-style: none;
  margin: 12px 0 0;
  padding-right: 16px;
  border-right: 2px dashed rgba(15,23,42,.10);
}

/* Pagination */
:where(#comments .navigation){
  margin-top: 14px;
}
:where(#comments .nav-links){
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
:where(#comments .nav-links a),
:where(#comments .nav-links span){
  display: inline-flex;
  align-items: center;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(255,255,255,.75);
  color: rgba(15,23,42,.88);
  text-decoration: none;
  font-size: .92em;
}
:where(#comments .nav-links .current){
  border-color: rgba(225,29,72,.22);
  background: rgba(225,29,72,.07);
  color: rgba(225,29,72,.95);
  font-weight: 900;
}

/* =========================
   COMMENT FORM (RESPOND)
========================= */

:where(#respond){
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(15,23,42,.10);
}

:where(#respond .comment-reply-title){
  margin: 0 0 12px;
  font-size: clamp(18px, 1.1vw + 14px, 22px);
  font-weight: 900;
  color: rgba(15,23,42,.94);
}

:where(#respond .comment-reply-title small){
  margin-right: 10px;
}

:where(#respond .comment-reply-title a){
  color: rgba(15,23,42,.70);
  text-decoration: none;
}
:where(#respond .comment-reply-title a:hover){
  text-decoration: underline;
  text-decoration-color: rgba(225,29,72,.45);
  text-underline-offset: 3px;
}

:where(#respond form){
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
}

:where(#respond p){
  margin: 0;
}

:where(#respond .comment-form-comment){
  grid-column: 1 / -1;
}

:where(#respond label){
  display:block;
  margin: 0 0 6px;
  color: rgba(15,23,42,.70);
  font-size: .92em;
}

:where(#respond input[type="text"]),
:where(#respond input[type="email"]),
:where(#respond input[type="url"]),
:where(#respond textarea){
  width: 100%;
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,.14);
  background: rgba(255,255,255,.78);
  padding: 12px;
  font: inherit;
  color: rgba(15,23,42,.92);
  outline: none;
}

:where(#respond textarea){
  min-height: 170px;
  line-height: 1.9;
  resize: vertical;
}

:where(#respond input:focus),
:where(#respond textarea:focus){
  border-color: rgba(225,29,72,.35);
  box-shadow: 0 0 0 4px rgba(225,29,72,.14);
}

:where(#respond .logged-in-as),
:where(#respond .comment-notes),
:where(#respond .form-allowed-tags){
  grid-column: 1 / -1;
  color: rgba(15,23,42,.60);
  font-size: .92em;
}

:where(#respond .form-submit){
  grid-column: 1 / -1;
  margin: 0;
}

/* Submit button (if you don't already have .provid-btn globally) */
:where(#respond .submit){
  width: 100%;
  border: 1px solid rgba(225,29,72,.22);
  background: rgba(225,29,72,.08);
  border-radius: 16px;
  padding: 12px 12px;
  cursor: pointer;
  font: inherit;
  font-weight: 900;
  color: rgba(225,29,72,.95);
}
:where(#respond .submit:hover){
  background: rgba(225,29,72,.12);
}

@media (max-width: 980px){
  :where(#respond form){
    grid-template-columns: 1fr;
  }
}
