/* Local review components, built on the shared tutorial layout. */
.crreo-review h1 { text-wrap: balance; }
.crreo-review .review-hero .article-actions { margin-bottom: 0; }
.crreo-review .review-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; margin: 1.25rem 0 1rem; }
.crreo-review .review-facts > div { padding: 1rem 1.15rem; border: 1px solid var(--color-line); border-radius: var(--radius); background: var(--color-surface); }
.crreo-review .review-facts dt { color: var(--color-accent-dark); font-size: .75rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; margin-bottom: .4rem; }
.crreo-review .review-facts dd { margin: 0; font-size: .95rem; line-height: 1.55; overflow-wrap: anywhere; }
.crreo-review .review-balance { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; margin: 1.25rem 0; }
.crreo-review .review-balance section { border-top: 2px solid var(--color-line); }
.crreo-review .review-balance h3 { margin-top: 1rem; }
.crreo-review .review-balance ul { padding-left: 1.25rem; }
.crreo-review .review-balance li { margin-bottom: .65rem; }
.crreo-review th, .crreo-review td { overflow-wrap: break-word; }
@media (max-width: 560px) {
  .crreo-review .review-facts, .crreo-review .review-balance { grid-template-columns: 1fr; }
}