body.reviews-page-preview-body { background: #1f2937; }
body.reviews-page-preview-body header { background: #1f2937; }

.reviews-page-preview {
    --reviews-surface: #1f2937;
    --reviews-raised: #28343f;
    --reviews-ink: #f7f8fa;
    --reviews-muted: #c7d0d9;
    --reviews-subtle: #8e9aa6;
    --reviews-line: rgb(216 224 231 / .16);
    --reviews-accent: #f09400;
    color: var(--reviews-ink);
    background: var(--reviews-surface);
}

.reviews-page-preview__inner { width: min(100% - 2.5rem, 79rem); margin: 0 auto; }
.reviews-page-preview__hero { padding: 80px 0 44px; }
.reviews-page-preview__hero-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(18rem, .7fr); gap: clamp(2rem, 6vw, 7rem); align-items: end; }
.reviews-page-preview__eyebrow { margin: 0 0 14px; color: var(--reviews-accent); font-size: .78rem; font-weight: 800; line-height: 1.2; letter-spacing: .08em; text-transform: uppercase; }
.reviews-page-preview h1, .reviews-page-preview h2, .reviews-page-preview p { margin-top: 0; }
.reviews-page-preview h1 { max-width: 12ch; margin-bottom: 16px; color: var(--reviews-ink); font-size: clamp(2.4rem, 5vw, 4.5rem); font-weight: 750; line-height: 1.04; letter-spacing: -.035em; }
.reviews-page-preview h2 { margin-bottom: 0; color: var(--reviews-ink); font-size: clamp(1.7rem, 2.8vw, 2.55rem); font-weight: 750; line-height: 1.1; letter-spacing: -.025em; }
.reviews-page-preview__lead { max-width: 38rem; margin-bottom: 0; color: var(--reviews-muted); font-size: 1.05rem; line-height: 1.6; }
.reviews-page-preview__source { display: flex; gap: .9rem; align-items: flex-start; padding: 4px 0 4px 1.15rem; border-left: 2px solid var(--reviews-accent); }
.reviews-page-preview__source > i { color: var(--reviews-accent); font-size: 1.4rem; line-height: 1.1; }
.reviews-page-preview__source strong, .reviews-page-preview__source p { display: block; }
.reviews-page-preview__source strong { color: var(--reviews-ink); font-size: 1rem; }
.reviews-page-preview__source p { margin: .25rem 0 0; color: var(--reviews-subtle); font-size: .875rem; line-height: 1.45; }
.reviews-page-preview__content { padding: 36px 0 80px; }
.reviews-page-preview__filters { display: grid; grid-template-columns: minmax(15rem, 1fr) minmax(10rem, .4fr); gap: 12px; align-items: end; margin-bottom: 32px; padding: 0 0 18px; border: 0; border-bottom: 1px solid var(--reviews-line); background: transparent; }
.reviews-page-preview__filters label { display: grid; gap: 7px; color: var(--reviews-subtle); font-size: .76rem; font-weight: 750; letter-spacing: .05em; text-transform: uppercase; }
.reviews-page-preview__filters select { min-height: 48px; width: 100%; padding: 0 14px; border: 1px solid rgb(255 255 255 / .22); border-radius: 8px; color: var(--reviews-ink); background: #202a33; font: inherit; font-size: 1rem; font-weight: 650; }
.reviews-page-preview__filters select option { color: #f8fafc; background: #202a33; }
.reviews-page-preview__filters select:hover { border-color: var(--reviews-accent); }
.reviews-page-preview__filters select:focus-visible { outline: 2px solid var(--reviews-accent); outline-offset: 4px; }
.reviews-page-preview__filters select:disabled { opacity: 1; color: var(--reviews-muted); cursor: default; }
.reviews-page-preview__grid { position: relative; display: grid; gap: 0; }
.reviews-page-preview__card { position: relative; display: grid; grid-template-columns: minmax(190px, .36fr) minmax(0, 1fr); gap: clamp(26px, 4vw, 64px); padding: 30px 0 30px 32px; border: 0; border-bottom: 1px solid var(--reviews-line); background: transparent; transition: background-color .16s ease-out; }
.reviews-page-preview__card:first-child { padding-top: 0; }
.reviews-page-preview__card::before { position: absolute; top: 0; bottom: -1px; left: 8px; width: 1px; background: rgb(216 224 231 / .22); content: ""; }
.reviews-page-preview__card::after { position: absolute; top: 37px; left: 2px; width: 13px; height: 13px; border: 3px solid var(--reviews-surface); border-radius: 50%; background: var(--reviews-accent); content: ""; }
.reviews-page-preview__card:first-child::after { top: 7px; }
.reviews-page-preview__card:hover { background: rgb(255 255 255 / .025); }
.reviews-page-preview__meta { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.reviews-page-preview__review-body { min-width: 0; }
.reviews-page-preview__person { display: flex; gap: .7rem; align-items: center; }
.reviews-page-preview__person > span { display: inline-flex; width: 2.35rem; height: 2.35rem; flex: 0 0 2.35rem; align-items: center; justify-content: center; border-radius: 50%; color: #172033; background: var(--reviews-accent); font-weight: 800; }
.reviews-page-preview__person strong, .reviews-page-preview__person small { display: block; }
.reviews-page-preview__person strong { color: var(--reviews-ink); font-size: .95rem; }
.reviews-page-preview__person small, .reviews-page-preview__card time { color: var(--reviews-subtle); font-size: .8rem; line-height: 1.4; }
.reviews-page-preview__person small { margin-top: .16rem; }
.reviews-page-preview__quote { max-width: 62rem; margin: 0; color: var(--reviews-ink); font-size: 1.08rem; line-height: 1.7; }
.reviews-page-preview__details { margin: 0; }
.reviews-page-preview__details summary { display: block; list-style: none; cursor: pointer; }
.reviews-page-preview__details summary::-webkit-details-marker { display: none; }
.reviews-page-preview__details summary .reviews-page-preview__quote { display: block; margin: 0 0 12px; }
.reviews-page-preview__details-toggle { display: inline-flex; margin-top: -12px; color: var(--reviews-accent); font-size: .92rem; font-weight: 750; line-height: 1.4; }
.reviews-page-preview__details-toggle::after { content: attr(data-open-label); }
.reviews-page-preview__details-toggle { font-size: 0; }
.reviews-page-preview__details-toggle::after { font-size: .92rem; }
.reviews-page-preview__details[open] .reviews-page-preview__quote:not(.reviews-page-preview__quote--full) { display: none; }
.reviews-page-preview__details[open] .reviews-page-preview__details-toggle::after { content: attr(data-close-label); }
.reviews-page-preview__quote--full { margin-top: 20px; }
.reviews-page-preview__details summary:focus-visible { outline: 2px solid var(--reviews-accent); outline-offset: 4px; }
.reviews-page-preview__empty { display: flex; gap: .85rem; align-items: center; padding: 32px 0; color: var(--reviews-muted); font-size: 1rem; line-height: 1.55; }
.reviews-page-preview__empty i { color: var(--reviews-accent); font-size: 1.5rem; }
.reviews-page-preview__empty p { margin: 0; }
.reviews-page-preview__more { display: flex; justify-content: center; margin-top: 32px; }
.reviews-page-preview__more-button { display: inline-flex; align-items: center; gap: 9px; min-height: 48px; padding: 12px 18px; border: 1px solid var(--reviews-accent); border-radius: 8px; color: #fff; background: var(--reviews-accent); font-weight: 750; text-decoration: none; transition: background-color .16s ease-out, border-color .16s ease-out, transform .12s ease-out; }
.reviews-page-preview__more-button:hover { border-color: #ffad25; background: #ffad25; }
.reviews-page-preview__more-button[aria-busy="true"] { pointer-events: none; cursor: wait; opacity: .78; }
.reviews-page-preview__more-button:active { transform: translateY(1px); }
.reviews-page-preview__more-button:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
@media (max-width: 767px) { .reviews-page-preview__inner { width: min(100% - 2rem, 79rem); } .reviews-page-preview__hero { padding: 56px 0 32px; } .reviews-page-preview__hero-grid { grid-template-columns: 1fr; gap: 30px; } .reviews-page-preview h1 { max-width: 10ch; font-size: clamp(2.3rem, 12vw, 3.4rem); } .reviews-page-preview__content { padding: 28px 0 56px; } .reviews-page-preview__filters { grid-template-columns: 1fr; margin-bottom: 24px; } .reviews-page-preview__card { grid-template-columns: 1fr; gap: 16px; padding: 26px 0 26px 28px; } .reviews-page-preview__card::after { top: 32px; } .reviews-page-preview__card:first-child::after { top: 6px; } .reviews-page-preview__meta { gap: 8px; } .reviews-page-preview__quote { font-size: 1rem; line-height: 1.65; } }
@media (prefers-reduced-motion: reduce) { .reviews-page-preview *, .reviews-page-preview *::before, .reviews-page-preview *::after { scroll-behavior: auto; transition-duration: .01ms; } }