/* ── Review Article Styles ── */
.review-header { padding: 48px 0 32px; }
.review-header .category {
  display: inline-block;
  padding: 4px 14px;
  background: #1f1f23;
  border-radius: 100px;
  font-size: .8rem;
  color: #71717a;
  margin-bottom: 16px;
}
.review-header h1 {
  font-size: 2rem;
  font-weight: 800;
  color: #fff;
  line-height: 1.25;
  letter-spacing: -0.02em;
  margin-bottom: 16px;
}
.review-header .subtitle {
  font-size: 1.05rem;
  color: #a1a1aa;
  margin-bottom: 24px;
}

/* ── TL;DR Box ── */
.tldr {
  background: linear-gradient(135deg, #1a1a2e 0%, #121214 100%);
  border: 1px solid #2a2a3e;
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 40px;
}
.tldr h2 {
  font-size: 1rem;
  font-weight: 700;
  color: #60a5fa;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-bottom: 12px;
}
.tldr p { font-size: 1rem; color: #e4e4e7; line-height: 1.6; margin-bottom: 0; }
.tldr .verdict {
  margin-top: 12px;
  display: inline-block;
  padding: 8px 20px;
  border-radius: 100px;
  font-weight: 700;
  font-size: .875rem;
}
.tldr .verdict.buy { background: #14532d; color: #4ade80; }
.tldr .verdict.skip { background: #450a0a; color: #f87171; }
.tldr .verdict.consider { background: #422006; color: #fbbf24; }

/* ── Specs Table ── */
.specs { margin: 40px 0; }
.specs h2 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 16px;
}
.specs table {
  width: 100%;
  border-collapse: collapse;
  font-size: .9rem;
}
.specs th, .specs td {
  padding: 12px 16px;
  text-align: left;
  border-bottom: 1px solid #1f1f23;
}
.specs th {
  background: #121214;
  color: #a1a1aa;
  font-weight: 500;
  width: 35%;
}
.specs td { color: #e4e4e7; }

/* ── Pros/Cons ── */
.pros-cons { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 40px 0; }
@media (max-width: 560px) { .pros-cons { grid-template-columns: 1fr; } }
.pros, .cons {
  padding: 20px;
  border-radius: 12px;
  border: 1px solid #1f1f23;
}
.pros { background: #052e16; }
.cons { background: #2e0505; }
.pros h3, .cons h3 { font-size: 1rem; font-weight: 700; margin-bottom: 12px; }
.pros h3 { color: #4ade80; }
.cons h3 { color: #f87171; }
.pros ul, .cons ul { list-style: none; padding: 0; }
.pros li, .cons li {
  padding: 4px 0;
  font-size: .9rem;
  color: #e4e4e7;
}
.pros li::before { content: "✓ "; color: #4ade80; font-weight: 700; }
.cons li::before { content: "✗ "; color: #f87171; font-weight: 700; }

/* ── Analysis ── */
.analysis { margin: 40px 0; }
.analysis h2 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 16px;
}
.analysis p {
  color: #a1a1aa;
  margin-bottom: 16px;
  font-size: .95rem;
  line-height: 1.8;
}
.analysis h3 {
  font-size: 1.05rem;
  font-weight: 600;
  color: #e4e4e7;
  margin-top: 24px;
  margin-bottom: 8px;
}
.analysis blockquote {
  border-left: 3px solid #60a5fa;
  padding: 12px 16px;
  margin: 16px 0;
  background: #121214;
  border-radius: 0 8px 8px 0;
  color: #a1a1aa;
  font-style: italic;
  font-size: .9rem;
}

/* ── Buy Button ── */
.btn-buy {
  display: inline-block;
  padding: 14px 32px;
  background: #60a5fa;
  color: #0a0a0b !important;
  font-weight: 700;
  font-size: 1rem;
  border-radius: 8px;
  transition: background .2s, transform .1s;
  margin: 24px 0;
}
.btn-buy:hover { background: #93c5fd; transform: translateY(-1px); }

/* ── Price/Score Grid ── */
.score-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 32px 0;
}
@media (max-width: 480px) { .score-grid { grid-template-columns: 1fr; } }
.score-card {
  padding: 20px;
  background: #121214;
  border: 1px solid #1f1f23;
  border-radius: 12px;
  text-align: center;
}
.score-card .label { font-size: .8rem; color: #71717a; margin-bottom: 4px; }
.score-card .value { font-size: 1.5rem; font-weight: 800; color: #fff; }
.score-card .value.green { color: #4ade80; }
.score-card .value.gold { color: #fbbf24; }

/* ── Final Verdict ── */
.final-verdict {
  margin: 40px 0;
  padding: 24px;
  background: #121214;
  border: 1px solid #60a5fa33;
  border-radius: 12px;
}
.final-verdict h2 { font-size: 1.25rem; font-weight: 700; color: #60a5fa; margin-bottom: 12px; }
.final-verdict p { color: #a1a1aa; font-size: .95rem; line-height: 1.8; margin-bottom: 0; }