:root {
  --bg: #0b1119;
  --panel: #151e2a;
  --panel-light: #202e3d;
  --line: #314355;
  --ink: #f2f6ff;
  --muted: #aebdce;
  --accent: #c6e4fc;
}
body { background: radial-gradient(ellipse 90% 26rem at 55% 0%, #233c53 0, transparent 92%), var(--bg); }
.header { background: #0b1119d9; }
.preview { padding-block: clamp(2rem, 5vw, 4rem); }
.review-heading { display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; margin-bottom: 1.1rem; }
.review-heading h1 { font-size: clamp(1.85rem, 4.8vw, 3.5rem); }
.review-heading .intro { margin-block: .55rem .7rem; }
.review-cover { width: min(29%, 260px); aspect-ratio: 16 / 9; object-fit: cover; border: 1px solid var(--line); border-radius: .8rem; }
.card .quotes { padding-block-end: .78rem; }
.card .quote { background: #101925; border-color: #344758; }
.card .quote-h { background: #192735; }
.card .quote h4 { color: var(--accent); }
.card mark {
  color: #101925;
  background: #cfdef6;
  border-bottom: 2px solid #8bafdd;
  border-radius: .22rem;
  padding-inline: .18em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  font-weight: 800;
}
.entry-note { margin: 0 1.2rem .8rem; color: var(--muted); font-size: .78rem; }
.entry-note summary { cursor: pointer; width: fit-content; color: var(--accent); }
.entry-note p { margin-top: .35rem; }
.entry-note bdi { display: block; color: var(--muted); overflow-wrap: anywhere; font-family: var(--latin); }
.filters button, .search input { background: #101925; }
.filters button[aria-pressed="true"] { background: var(--accent); color: #101925; }
@media (max-width: 600px) {
  .review-heading { flex-direction: column; align-items: start; gap: .6rem; }
  .review-cover { width: min(100%, 225px); }
}

.review-sections { display: flex; flex-wrap: wrap; gap: .6rem 1.2rem; margin: .15rem 0 1.1rem; font-size: .8rem; color: var(--accent); }
.review-sections a { text-underline-offset: .2rem; }
.case-section { scroll-margin-top: 1rem; }
.case-section + .case-section { margin-top: 1.45rem; }
.case-section h2 { font-size: clamp(1.25rem, 2.5vw, 1.9rem); margin: 0 0 .8rem; }
.section-cards { display: grid; gap: .95rem; }

.review-scope { margin-bottom: .9rem; }

.review-scope { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .7rem; }
.review-batch { display: flex; align-items: center; gap: .45rem; color: var(--muted); font-size: .78rem; }
.review-batch select { border: 1px solid var(--line); border-radius: .6rem; background: var(--panel); color: var(--ink); padding: .3rem .55rem; font: inherit; }