/* Aanvullingen op de gedeelde artikelopmaak, alleen voor deze review. */
.reolink-review section { margin-block: 2rem; }
.reolink-review .reolink-disclosure, .reolink-review .reolink-tip { padding: 1rem 1.25rem; border-left: 4px solid var(--unity-green); border-radius: 0 .6rem .6rem 0; background: #e8eee1; }
.reolink-review .reolink-embed { aspect-ratio: 16 / 9; overflow: hidden; border-radius: .8rem; background: #172126; }
.reolink-review .reolink-embed iframe { display: block; width: 100%; height: 100%; border: 0; }
.reolink-review .reolink-note { margin-top: .8rem; color: var(--unity-muted); font-size: .9rem; }
.reolink-review .reolink-overview { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; }
.reolink-review .reolink-overview > div, .reolink-review .reolink-procons > div { padding: 1rem; border: 1px solid var(--unity-line); border-radius: .75rem; background: var(--unity-paper); }
.reolink-review .reolink-overview span, .reolink-review .reolink-overview strong { display: block; }
.reolink-review .reolink-overview span { color: var(--unity-muted); font-size: .85rem; }
.reolink-review .reolink-tutorial { padding: clamp(1rem, 3vw, 2rem); border: 1px solid var(--unity-line); border-radius: .9rem; background: var(--unity-cream); scroll-margin-top: 1rem; }
.reolink-review .reolink-flow { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; margin-block: 1.5rem; }
.reolink-review .reolink-flow span { padding: .65rem; border: 1px solid var(--unity-line); border-radius: .5rem; background: var(--unity-paper); }
.reolink-review .reolink-procons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.reolink-review .reolink-procons h3 { margin-top: 0; }
.reolink-review .reolink-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; border-top: 1px solid var(--unity-line); padding-top: 1.25rem; }
@media (max-width: 650px) {
    .reolink-review .reolink-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .reolink-review .reolink-procons { grid-template-columns: 1fr; }
    .reolink-review .reolink-flow { flex-direction: column; align-items: stretch; }
    .reolink-review .reolink-flow b { align-self: center; transform: rotate(90deg); }
}