/* Dedicated Work-style review verdict card. Loaded after article-polish.css. */

#article.work-review-page{
  padding-top:26px;
}

#article.work-review-page>.review-parity-card{
  width:min(1160px,100%);
  margin:0 auto 66px;
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:22px;
  padding:24px;
  border:1px solid #334565;
  border-radius:22px;
  background:
    radial-gradient(circle at 100% 0%,rgba(40,202,229,.08),transparent 36%),
    linear-gradient(135deg,#111832 0%,#10172c 58%,#0b1b2a 100%);
  box-shadow:0 28px 80px rgba(0,0,0,.22);
}

.review-parity-score{
  min-height:304px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1px solid #4b668c;
  border-radius:20px;
  background:linear-gradient(180deg,#2a3c60 0%,#1d2d4e 100%);
}
.review-parity-score strong{
  font-size:56px;
  line-height:.9;
  color:#55e6f6;
  letter-spacing:-.055em;
  font-weight:850;
}
.review-parity-score span,
.review-parity-eyebrow,
.review-parity-proscons>section>span,
.review-parity-detail small,
.review-parity-disclosure b{
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.review-parity-score span{color:#a7b1cf}

.review-parity-main{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.review-parity-eyebrow{
  color:#9ea9c8;
  margin:9px 0 12px;
}
.review-parity-main>h2{
  margin:0 0 22px;
  max-width:900px;
  color:#f7f8ff;
  font-size:clamp(28px,2.5vw,40px);
  line-height:1.04;
  letter-spacing:-.035em;
  font-weight:650;
}

.review-parity-details{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:20px;
}
.review-parity-detail{
  min-height:66px;
  padding:13px 15px;
  border:1px solid #2d3b5d;
  border-radius:11px;
  background:rgba(5,10,25,.42);
}
.review-parity-detail small{
  display:block;
  margin-bottom:7px;
  color:#7885aa;
  font-size:8px;
}
.review-parity-detail strong{
  display:block;
  color:#fff;
  font-size:12px;
  line-height:1.3;
}

.review-parity-proscons{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.review-parity-proscons>section{
  position:relative;
  min-height:135px;
  padding:18px 20px 18px 28px;
  border:1px solid #2d3b5d;
  border-radius:12px;
  background:rgba(6,10,23,.58);
  overflow:hidden;
}
.review-parity-proscons>section::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  border-radius:4px;
}
.review-parity-pros::before{background:#5eeacb}
.review-parity-cons::before{background:#ff6c80}
.review-parity-proscons>section>span{color:#93a1c3}
.review-parity-proscons ul{
  margin:12px 0 0;
  padding:0;
  list-style:none;
}
.review-parity-proscons li{
  margin:5px 0;
  color:#e5e8f5;
  font-size:13px;
  line-height:1.35;
}

.review-parity-disclosure{
  grid-column:1/-1;
  margin:0;
  padding:14px 0 0;
  border-top:1px solid #2e3c5d;
  color:#7e89a8;
  font-size:10px;
}
.review-parity-disclosure b{color:#707b9b;font-size:8px}

/* The original generic review blocks remain in the generated article markup;
   hide them after the dedicated card is mounted so content is not duplicated. */
#article.work-review-page .article-body>.review-box,
#article.work-review-page .article-body>.review-details{
  display:none!important;
}

html[data-theme=light] #article.work-review-page>.review-parity-card{
  border-color:#c9d2df;
  background:
    radial-gradient(circle at 100% 0%,rgba(14,166,194,.09),transparent 38%),
    linear-gradient(135deg,#f3f6fb 0%,#eef4f8 100%);
  box-shadow:0 22px 58px rgba(28,45,70,.10);
}
html[data-theme=light] .review-parity-score{
  border-color:#b6c4d7;
  background:linear-gradient(180deg,#dfeafb 0%,#d4e3f4 100%);
}
html[data-theme=light] .review-parity-score span,
html[data-theme=light] .review-parity-eyebrow,
html[data-theme=light] .review-parity-disclosure{color:#68738d}
html[data-theme=light] .review-parity-main>h2,
html[data-theme=light] .review-parity-detail strong,
html[data-theme=light] .review-parity-proscons li{color:#111827}
html[data-theme=light] .review-parity-detail,
html[data-theme=light] .review-parity-proscons>section{
  border-color:#ced7e4;
  background:rgba(255,255,255,.72);
}
html[data-theme=light] .review-parity-disclosure{border-top-color:#d4dce7}

@media(max-width:900px){
  #article.work-review-page>.review-parity-card{
    grid-template-columns:118px 1fr;
    padding:18px;
    margin-bottom:48px;
  }
  .review-parity-score{min-height:260px}
  .review-parity-score strong{font-size:46px}
  .review-parity-details{grid-template-columns:1fr 1fr}
  .review-parity-proscons{grid-template-columns:1fr}
}

@media(max-width:640px){
  #article.work-review-page>.review-parity-card{
    display:block;
    padding:16px;
    border-radius:17px;
  }
  .review-parity-score{
    min-height:auto;
    flex-direction:row;
    justify-content:flex-start;
    padding:18px;
    margin-bottom:20px;
  }
  .review-parity-score strong{font-size:42px}
  .review-parity-main>h2{font-size:28px}
  .review-parity-details{grid-template-columns:1fr 1fr}
  .review-parity-proscons{grid-template-columns:1fr}
  .review-parity-disclosure{margin-top:18px}
}