.reviews-header, .reviews-main { width: min(860px, calc(100% - 2 * var(--frame))); margin-inline: auto; }
.reviews-header { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; padding-block: 18px; border-bottom: 1px solid var(--rule); }
.reviews-header .wordmark { margin-inline-end: auto; }
.reviews-header button, .reviews-actions button { background: transparent; color: inherit; border: 1px solid var(--rule); min-height: 44px; padding: 8px 12px; }
.reviews-main { padding-block: clamp(32px,8vw,80px); }
.reviews-main h1 { font-size: clamp(38px,7vw,78px); line-height: .98; margin-top: 0; }
.reviews-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-block: 24px; }
#reviews-status { margin-inline-end: auto; flex: 1 1 215px; }
#review-list { list-style: none; padding: 0; }
#review-list li { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 5px 14px; padding-block: 12px; border-top: 1px solid var(--rule); }
.review-author { font-weight: 600; overflow-wrap: anywhere; }
.review-meta { font-size: 13px; grid-column: 1; }
#review-list button { background: transparent; color: inherit; border: 1px solid var(--rule); padding: 8px 12px; grid-column: 2; grid-row: 1 / 3; min-height: 44px; }
