/* Review archive uses Core's inherited query; Halo keeps ownership of its summary. */
.dose-review-archive {
    --dose-review-surface: var(--color-gd2, #fff);
    --dose-review-card: var(--color-gd3, #f4f4f6);
    --dose-review-heading: var(--color-head-text, #20242c);
    --dose-review-body: var(--color-body-text, #555b66);
    --dose-review-border: var(--color-border, #d8dbe2);
    background: var(--dose-review-surface) !important;
}
html[data-theme="dark"] .dose-review-archive {
    --dose-review-surface: var(--wp--preset--color--dose-dark-surface, #2c2d31);
    --dose-review-card: var(--wp--preset--color--dose-dark-surface-2, #393b42);
    --dose-review-heading: var(--wp--preset--color--dose-head-text, #f0f0f0);
    --dose-review-body: var(--wp--preset--color--dose-body-text, #9ea3af);
    --dose-review-border: var(--wp--preset--color--dose-border-dark, #4b4b4b);
}
.dose-review-archive .dose-review-main {
    max-width: var(--wp--style--global--wide-size, 1320px);
    margin-inline: auto;
    padding: 40px 32px 48px;
    box-sizing: border-box;
    color: var(--dose-review-heading);
}
.dose-review-archive .dose-review-heading {
    margin: 0 0 24px;
    font: 700 clamp(32px, 4vw, 48px)/1.2 proxima-nova-thai, sans-serif;
    color: var(--dose-review-heading);
}
.dose-review-archive header { background: linear-gradient(268.05deg, #080e40 11.64%, #085dff 111.07%); }
.dose-review-archive .trending { margin-block: 0 32px; padding: 0; background: none; }
.dose-review-archive .trending .container { padding: 0; }
.dose-review-archive .trending .trending_in { padding: 0; }
.dose-review-archive .trending .txt h2 { color: var(--dose-review-heading); }
.dose-review-archive .trending .trending_tag a { color: var(--dose-review-heading); background: var(--dose-review-card); }
.dose-review-archive .dose-review-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 32px;
    margin: 0;
    align-items: start;
}
.dose-review-layout > .wp-block-column { min-width: 0; }
.dose-review-query .wp-block-post-template {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    margin: 0;
    padding: 0;
}
.dose-review-query .wp-block-post-template > li:first-child { grid-column: 1 / -1; }
.dose-review-card {
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--dose-review-border);
    border-radius: 8px;
    background: var(--dose-review-card);
}
.dose-review-media { position: relative; }
.dose-review-media .wp-block-post-featured-image { margin: 0; }
.dose-review-media .wp-block-post-featured-image img { display: block; width: 100%; object-fit: cover; }
.dose-review-query li:first-child .wp-block-post-featured-image img { aspect-ratio: 21 / 9 !important; }
.dose-review-media .dose-review-field--score {
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px 16px;
    background: var(--wp--preset--color--dose-blue, #085dff);
    color: #fff;
    font-size: 24px;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
}
.dose-review-media .dose-review-field--score span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}
.dose-review-card-body { padding: 24px; }
.dose-review-card-body .wp-block-post-title {
    margin: 0;
    color: var(--dose-review-heading);
    font-size: 24px;
    line-height: 1.4;
    overflow-wrap: anywhere;
}
.dose-review-card-body .wp-block-post-title a { color: inherit; text-decoration: none; }
.dose-review-query li:first-child .wp-block-post-title { font-size: 32px; }
.dose-review-card-body .wp-block-post-excerpt { margin: 16px 0 0; color: var(--dose-review-body); font-size: 16px; line-height: 1.6; }
.dose-review-card-body .wp-block-post-excerpt p { margin: 0; }
.dose-review-card-body .wp-block-post-excerpt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.dose-review-card-body .dose-review-byline {
    gap: 8px 16px;
    margin: 16px 0 0;
    color: var(--dose-review-body);
    font-size: 14px;
    line-height: 1.5;
}
.dose-review-byline a { color: inherit; }
.dose-review-query .wp-block-query-pagination { margin: 32px 0 0; gap: 8px; }
.dose-review-query .wp-block-query-pagination > * { margin: 0; }
.dose-review-query .wp-block-query-pagination-numbers { display: flex; flex-wrap: wrap; gap: 8px; }
.dose-review-query .wp-block-query-pagination :is(a, .current) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    min-height: 40px;
    padding: 8px;
    box-sizing: border-box;
    color: var(--dose-review-heading);
    border: 1px solid var(--dose-review-border);
    text-decoration: none;
}
.dose-review-query .wp-block-query-pagination .current { background: #085dff; color: #fff; border-color: #085dff; }
.dose-review-sidebar { display: grid; gap: 24px; }
.dose-review-sidebar > * { margin: 0 !important; }
.dose-review-sidebar .topchart.revamp { padding: 24px; border: 1px solid var(--dose-review-border); border-radius: 8px; background: var(--dose-review-card); }
.dose-review-sidebar .topchart.revamp .txthead { margin: 0 0 16px; padding: 0; }
.dose-review-sidebar .topchart.revamp .txthead h2 { margin: 0; color: var(--dose-review-heading) !important; font-size: 24px; line-height: 1.3; }
.dose-review-sidebar .topchart.revamp .group { padding: 0; }
.dose-review-sidebar .topchart.revamp ul { margin: 0; padding: 0; list-style: none; counter-reset: dose-review-rank; }
.dose-review-sidebar .topchart.revamp .item { counter-increment: dose-review-rank; margin: 0; padding: 0; border-top: 1px solid var(--dose-review-border); }
.dose-review-sidebar .topchart.revamp .item a { display: block; padding: 16px 0; color: var(--dose-review-heading); text-decoration: none; }
.dose-review-sidebar .topchart.revamp .group .item a .txt { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; gap: 8px; align-items: start; width: auto; padding: 0; border: 0; }
.dose-review-sidebar .topchart.revamp .txt::before { content: counter(dose-review-rank); color: var(--dose-review-body); font-weight: 700; }
.dose-review-sidebar .topchart.revamp .group .item a .txt p { margin: 0; padding: 0; width: auto; color: inherit; font-size: 16px; line-height: 1.5; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.dose-review-sidebar .topchart.revamp .rate-label { position: static; width: auto; white-space: nowrap; padding: 0; background: none; color: var(--wp--preset--color--dose-accent-blue, #4d8bff); font-size: 18px; line-height: 1.5; }
.dose-review-chart-empty { color: var(--dose-review-body); line-height: 1.6; }
.dose-review-archive a:focus-visible { outline: 2px solid var(--wp--preset--color--dose-accent-blue, #4d8bff); outline-offset: 4px; }
.dose-review-archive :is(.dose-review-card a, .wp-block-query-pagination a, .topchart a) { transition: opacity 120ms ease-out !important; }
.dose-review-archive :is(.dose-review-card a, .wp-block-query-pagination a, .topchart a):hover { opacity: .85; }
.dose-review-archive :is(.dose-review-card a, .wp-block-query-pagination a, .topchart a):active { opacity: .65; }
@media (prefers-reduced-motion: reduce) {
    .dose-review-archive :is(.dose-review-card a, .wp-block-query-pagination a, .topchart a) { transition: none !important; }
}
/* Theme tokens and the 8px grid apply to both supported review sources. */
:is(.single-revamp, .editor-styles-wrapper) :is(.halo-review--dose, .reviewsection) { margin-block: 32px; }
:is(.single-revamp, .editor-styles-wrapper) .halo-review--dose { color: var(--color-head-text, #20242c); background: var(--color-gd2, #fff); }
html[data-theme="dark"] :is(.single-revamp, .editor-styles-wrapper) .halo-review--dose { color: #f0f0f0; background: #2c2d31; }
:is(.single-revamp, .editor-styles-wrapper) .halo-review--dose .hr-dose-title { text-wrap: balance; }
@media (max-width: 991px) {
    .dose-review-archive .dose-review-main { padding-inline: 24px; }
    .dose-review-archive .dose-review-layout { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767px) {
    .dose-review-archive .dose-review-main { padding: 32px 16px 40px; }
    .dose-review-query .wp-block-post-template { grid-template-columns: minmax(0, 1fr); }
    .dose-review-card-body .wp-block-post-title, .dose-review-query li:first-child .wp-block-post-title { font-size: 24px; }
    .dose-review-query li:first-child .wp-block-post-featured-image img { aspect-ratio: 16 / 9 !important; }
}