.page-reviews{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:14px;margin:18px 0;scroll-margin-top:110px}
.page-review-panel,.page-review-card{border:1px solid #b5c8ef55;border-radius:14px;background:linear-gradient(125deg,#242743,#10182cee);padding:16px;min-width:0}
.page-review-panel h2{font-size:1.05rem;margin:0 0 .65rem}
.page-review-panel p{line-height:1.55;overflow-wrap:anywhere}
.page-review-list{max-height:420px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;margin-bottom:10px}
.page-review-card{padding:10px 12px;margin:0 0 8px;background:#151d34}
.page-review-card summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;cursor:pointer}
.page-review-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:4px}
.page-review-card .page-review-body,.page-review-preview{margin:5px 0;overflow-wrap:anywhere}
.page-review-card .page-review-expand>summary{display:block;list-style:none;margin:0;padding:0}
.page-review-card .page-review-expand>summary::-webkit-details-marker{display:none}
.page-review-preview{display:block}
.page-review-more,.page-review-less{display:inline-block;color:#d8c5ff;text-decoration:underline;text-underline-offset:.18em;font-size:.82rem;margin:3px 0 6px}
.page-review-less,.page-review-expand[open]>summary :is(.page-review-preview,.page-review-more){display:none}
.page-review-expand[open]>summary .page-review-less{display:inline-block}
.page-review-expand>summary:focus-visible{outline:2px solid #d8c5ff;outline-offset:3px;border-radius:3px}
.page-review-score{display:inline-flex;align-items:center;gap:4px;color:#f4cf73}
.page-review-score svg,.page-review-stars svg{fill:currentColor;stroke:currentColor}
.page-review-card time{font-size:.78rem;color:#c7c4df}
.page-review-panel fieldset{border:0;padding:0;margin:0;min-width:0}
.page-review-stars{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 12px}
.page-review-stars label{position:relative}
.page-review-stars input{position:absolute;opacity:0}
.page-review-stars span{display:grid;justify-items:center;padding:6px;min-width:39px;border:1px solid #b5c8ef55;border-radius:8px;color:#b8aed8;cursor:pointer}
.page-review-stars label:hover span,.page-review-stars label:has(input:focus-visible) span{outline:2px solid #d6b6ff}
.page-review-stars label:has(input:checked) span,.page-review-stars label:has(~label input:checked) span{color:#ffd47b;background:#32284b}
.page-review-text{display:grid;gap:6px}
.page-review-panel textarea,.page-review-panel button{padding:9px 12px;border:1px solid #b5c8ef77;border-radius:9px;background:#222943;color:inherit;font:inherit}
.page-review-panel button{margin-top:8px;cursor:pointer}
.page-review-panel :disabled{opacity:.6;cursor:default}
.page-review-panel a{color:#e2ccff}
.page-review-feed{width:min(950px,94vw);margin:18px auto}
@media(max-width:720px){.page-reviews{grid-template-columns:1fr}.page-review-list{max-height:320px}}
.tools-shell #page-reviews { position:relative; z-index:1; margin:18px 0; }
.tools-shell #page-reviews > .page-review-panel { display:block; color:#f6f3ff; background:#151d34f5; }
.tools-shell #page-reviews h2,.tools-shell #page-reviews p { color:#f6f3ff; opacity:1; }
.tools-shell #page-reviews .page-review-stars input { position:absolute; width:1px; height:1px; clip-path:inset(50%); opacity:0; }

#page-reviews .page-review-error { padding:8px 10px; border:1px solid #ffabc180; border-radius:8px; color:#ffccd7; background:#362337; }
#page-reviews .page-review-error[hidden] { display:none; }
#page-reviews textarea[aria-invalid=true] { border-color:#ffabc1; }

.page-review-admin-panel { color:#f6f3ff; }
.page-review-admin-panel h2 { margin-top:0; }
.page-review-admin-panel form { display:flex; flex-wrap:wrap; gap:6px; }

.tools-shell > .page-review-feed { position:relative; z-index:2; width:min(100%,1120px); color:#f6f3ff; }
.page-review-hero {
  margin-bottom:14px; padding:clamp(18px,4vw,34px); min-height:210px; display:flex; align-items:center;
  border:1px solid #b5c8ef66; border-radius:18px;
  background:linear-gradient(90deg,#10162fee 12%,#10162faa 47%,#10162f22 100%),url("reviews-hero.webp") center 54% / cover;
}
.page-review-hero-copy { max-width:620px; }
.page-review-hero h1 { margin:.35rem 0; font-size:clamp(25px,4vw,42px); }
.page-review-hero p { max-width:56ch; line-height:1.55; }
.page-review-kicker,.page-review-total { display:inline-flex; align-items:center; gap:8px; color:#d6b6ff; }
.page-review-total { padding:6px 10px; border:1px solid #b5c8ef66; border-radius:8px; background:#10182ce8; }
.wbs-notification-item[href*="/reviews/moderation/?review="],.wbs-event.wbs-review-priority {
  border:1px solid #f87996!important; background:#451f36!important; color:#ffe7ed!important;
}
.wbs-notification-item[href*="/reviews/moderation/?review="] strong,.wbs-review-priority .wbs-event-copy strong { color:#ffb2c4; }
