/* Scoped production review layout. Site navigation and management chrome stay outside. */
body.cs-modern-review.cs-active { padding-right:0 !important; }
body.cs-modern-review .cs-review-workspace { --cs-review-height:580px; color:#29212a; background:#ffffff; font:17px/1.65 "Times New Roman",Times,serif; margin:20px 0 28px; min-width:0; clear:both; }
body.cs-modern-review .cs-review-workspace, body.cs-modern-review .cs-review-workspace * { box-sizing:border-box; }
body.cs-modern-review .cs-review-workspace :is(button,input,textarea,select,summary), body.cs-modern-review .cs-review-workspace #cs-panel { font-family:"Times New Roman", Times, serif; }
body.cs-modern-review .cs-review-workspace :is(h1,h2,h3,h4,h5,h6) { font-family:"Times New Roman", Times, serif; font-weight:400; color:#92278f; }
body.cs-modern-review .cs-review-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:0 0 12px; }
body.cs-modern-review .cs-review-workspace .cs-inline-title { font:italic 24px/1.4 "Times New Roman",Times,serif; color:#92278f; margin:0 auto 0 0; }
body.cs-modern-review .cs-review-tools { margin:0 0 16px; border:1px solid #e8e1e8; border-radius:3px; background:#ffffff; }
body.cs-modern-review .cs-review-tools > summary { color:#92278f; padding:8px 12px; cursor:pointer; min-height:44px; }
body.cs-modern-review .cs-review-tools > .cs-head { padding:8px 12px 12px; font-size:16px; max-width:100%; }
body.cs-modern-review .cs-review-tools .cs-head :is(h3,p) { max-width:none; }
body.cs-modern-review .cs-review-panes { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:28px; align-items:start; min-width:0; }
body.cs-modern-review :is(.cs-review-draft-column,.cs-review-comments-column) { min-width:0; position:relative; }
body.cs-modern-review .cs-review-workspace .cs-review-draft,
body.cs-modern-review .cs-review-workspace .cs-review-comments { height:var(--cs-review-height); min-height:64px; overflow:auto; overflow-anchor:none; overscroll-behavior-y:auto; scroll-behavior:auto; scroll-padding-block:12px; -webkit-overflow-scrolling:touch; }
body.cs-modern-review .cs-review-workspace .cs-review-draft { padding:0 12px 0 0; font-size:17px; line-height:1.65; }
body.cs-modern-review .cs-review-draft > .mw-parser-output { margin:0; max-width:none; min-height:0; width:auto; font-family:"Times New Roman", Times, serif; }
body.cs-modern-review .cs-review-draft > .mw-parser-output > :last-child { margin-bottom:0; }
body.cs-modern-review .cs-review-draft :is(.references,.reflist,ol.references,ol.reference,div.reference) { font-size:inherit; line-height:inherit; }
body.cs-modern-review .cs-review-draft sup.reference { font-size:.75em; line-height:0; }
body.cs-modern-review .cs-review-workspace #cs-panel.cs-review-panel { position:static !important; inset:auto !important; width:auto !important; height:auto !important; max-height:none !important; min-height:0; padding:0 !important; margin:0; overflow:visible !important; border:0 !important; border-radius:0; background:#ffffff; box-shadow:none; z-index:auto; font-size:16px; line-height:1.55; }
body.cs-modern-review .cs-review-workspace .cs-review-comments { padding:0; }
body.cs-modern-review .cs-review-workspace .cs-list { display:flex; flex-direction:column; gap:24px; margin:0; padding:0 12px !important; min-height:0; }
body.cs-modern-review .cs-review-workspace .cs-card { flex:0 0 auto; margin:0; padding:16px; border:1px solid #e8e1e8; border-radius:3px; box-shadow:none; background-color:#ffffff; opacity:1; overflow-wrap:anywhere; }
body.cs-modern-review .cs-review-workspace #cs-panel .cs-card.cs-focus { border-color:#92278f; box-shadow:none; }
body.cs-modern-review .cs-review-workspace .cs-quote { margin:0 0 16px; padding:0 0 0 12px; border-left:2px solid #92278f; color:inherit; font-size:15px; max-height:none; overflow:visible; }
body.cs-modern-review .cs-review-workspace .cs-user { color:#92278f; }
body.cs-modern-review .cs-review-workspace :is(.cs-btn,.cs-linkbtn,.cs-mode-btn) { min-height:44px; font-family:"Times New Roman", Times, serif; }
body.cs-modern-review .cs-review-workspace :is(input,textarea,select) { font-family:"Times New Roman", Times, serif; font-size:16px; max-width:100%; }
body.cs-modern-review .cs-review-workspace textarea { min-height:56px; }
body.cs-modern-review .cs-review-workspace .cs-composer { margin:0 0 16px; border-radius:3px; box-shadow:none; max-width:100%; }
body.cs-modern-review .cs-review-workspace .cs-note { max-width:100%; }
body.cs-modern-review .cs-review-workspace :focus-visible { outline:2px solid #92278f; outline-offset:3px; }
body.cs-modern-review .cs-review-workspace :is(.cs-review-draft,.cs-review-comments):focus-visible { outline-offset:-2px; }
body.cs-modern-review .cs-review-workspace .cs-review-tabs { display:none; gap:6px; }
body.cs-modern-review .cs-review-tabs button, body.cs-modern-review .cs-review-rotate { border:1px solid #92278f; border-radius:3px; color:#92278f; background:#ffffff; cursor:pointer; min-height:44px; min-width:44px; padding:8px 12px; font-size:16px; }
body.cs-modern-review .cs-review-tabs button[aria-selected="true"] { border-color:#92278f; background:#ffffff; }
body.cs-modern-review .cs-review-workspace .cs-review-rotate { display:none; padding:8px; }
body.cs-modern-review .cs-review-phone { display:block; width:15px; height:25px; border:1.5px solid currentColor; border-radius:3px; position:relative; transform-origin:center; animation:cs-review-rotate 6s ease-in-out infinite; }
body.cs-modern-review .cs-review-phone::after { content:""; position:absolute; left:4px; right:4px; height:1px; background:currentColor; bottom:3px; }
body.cs-modern-review .cs-review-rotate:is(.is-paused,.is-hidden) .cs-review-phone { animation-play-state:paused; }
body.cs-modern-review :is(#cs-fab,#cs-mobile-prompt,#cs-mobile-review,.cs-mobile-shell,.cs-mobile-open) { display:none !important; }
body.cs-modern-review .cs-review-workspace [hidden] { display:none !important; }
@keyframes cs-review-rotate { 0%,18%,82%,100% { transform:rotate(0); } 38%,62% { transform:rotate(90deg); } }
@media (max-width:760px) {
  body.cs-modern-review .cs-review-workspace { --cs-review-height:520px; margin-block:14px 20px; }
  body.cs-modern-review .cs-review-panes { grid-template-columns:minmax(0,1fr); gap:0; }
  body.cs-modern-review .cs-review-workspace .cs-review-tabs { display:flex; }
  body.cs-modern-review .cs-review-workspace .cs-review-rotate { display:inline-flex; align-items:center; justify-content:center; }
  body.cs-modern-review .cs-review-workspace .cs-review-draft { font-size:17px; padding-right:8px; }
  body.cs-modern-review .cs-review-workspace #cs-panel.cs-review-panel { font-size:18px; }
  body.cs-modern-review .cs-review-workspace .cs-quote { font-size:17px; }
  body.cs-modern-review .cs-review-workspace .cs-list { padding-inline:14px !important; }
}
body.cs-modern-review .cs-review-workspace.demo-landscape { --cs-review-height:390px; }
body.cs-modern-review .cs-review-workspace.demo-landscape .cs-review-panes { grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:20px; }
body.cs-modern-review .cs-review-workspace.demo-landscape :is(.cs-review-tabs,.cs-review-rotate) { display:none; }
body.cs-modern-review .cs-review-workspace.demo-viewport-compact :is(.cs-review-draft,.cs-review-comments) { position:relative; transform:translateY(var(--demo-pane-shift,0px)); height:var(--demo-pane-height,260px); min-height:64px; }
body.cs-modern-review .cs-review-workspace.demo-viewport-compact textarea { max-height:max(64px,min(160px,calc(var(--demo-pane-height,260px) - 76px))); resize:vertical; }
@media (prefers-reduced-motion:reduce) {
  body.cs-modern-review .cs-review-phone { animation:none; transform:rotate(90deg); }
}

/* Public demo wheel appearance; scoped to the shared authenticated review. */
body.cs-modern-review .cs-review-workspace .comment-wheel-shell { position: relative; isolation: isolate; --wheel-visible-top: 0px; --wheel-visible-height: 0px; --wheel-rim-phase: 0px; }
body.cs-modern-review .cs-review-workspace .comment-wheel-shell::before, body.cs-modern-review .cs-review-workspace .comment-wheel-shell::after { content: ""; position: absolute; pointer-events: none; z-index: 2; top: var(--wheel-visible-top); height: var(--wheel-visible-height); }
body.cs-modern-review .cs-review-workspace .comment-wheel-shell::before { inset-inline: 0px; border-radius: 50% / 20px; background: linear-gradient(rgba(41, 33, 42, 0.08), rgba(255, 255, 255, 0.18) 3px, transparent min(40px, 14%), transparent max(100% - 40px, 86%), rgba(41, 33, 42, 0.08)); box-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px inset; }
body.cs-modern-review .cs-review-workspace .comment-wheel-shell::after { right: 2px; width: 9px; max-height: 100%; border-radius: 50%; background-image: linear-gradient(to right, rgba(146, 39, 143, 0.04), rgba(255, 255, 255, 0.75) 35%, rgba(92, 54, 91, 0.24)), repeating-linear-gradient(rgba(146, 39, 143, 0.2) 0px, rgba(146, 39, 143, 0.2) 1px, transparent 1px, transparent 18px); background-size: initial, initial; background-repeat: initial, initial; background-attachment: initial, initial; background-origin: initial, initial; background-clip: initial, initial; background-color: initial; background-position: 0 0,0 var(--wheel-rim-phase); box-shadow: rgba(255, 255, 255, 0.8) 1px 0px 1px inset, rgba(41, 33, 42, 0.043) -2px 0px 5px; mask-image: linear-gradient(transparent, rgb(0, 0, 0) 12%, rgb(0, 0, 0) 88%, transparent); }
body.cs-modern-review .cs-review-workspace .comment-wheel { overscroll-behavior-y: auto; }
body.cs-modern-review .cs-review-workspace .comment-wheel .thread { --wheel-edge: 0; --wheel-curve: 0; transform: scaleX(calc(1 - var(--wheel-edge)*.024)); transform-origin: center center; opacity: 1; border-radius: calc(3px + var(--wheel-edge)*7px); background-image: linear-gradient(to bottom,rgba(41,33,42,calc((var(--wheel-edge) - var(--wheel-curve))*.04)),transparent min(90px,38%),transparent max(calc(100% - 90px),62%),rgba(41,33,42,calc((var(--wheel-edge) + var(--wheel-curve))*.04))) !important; box-shadow: inset 0 calc(var(--wheel-curve)*-5px) 10px rgba(41,33,42,calc(var(--wheel-edge)*.04)),0 1px 3px rgba(41,33,42,calc(var(--wheel-edge)*.045)) !important; }
body.cs-modern-review .cs-review-workspace .comment-wheel .thread:focus-within { transform: none; opacity: 1; border-radius: 3px; background-image: none !important; box-shadow: none !important; }
body.cs-modern-review .cs-review-workspace .comment-wheel-braking { scroll-behavior: auto; }
@media (prefers-reduced-motion: reduce) {
  body.cs-modern-review .cs-review-workspace .comment-wheel .thread { transform: none; opacity: 1; border-radius: 3px; background-image: none !important; box-shadow: none !important; }
  body.cs-modern-review .cs-review-workspace .comment-wheel-shell::after { background-position: 0px 0px; }
  body.cs-modern-review .cs-review-workspace .comment-wheel-shell::before { display: none; }
}
@media (forced-colors: active) {
  body.cs-modern-review .cs-review-workspace .comment-wheel-shell::before, body.cs-modern-review .cs-review-workspace .comment-wheel-shell::after { display: none; }
  body.cs-modern-review .cs-review-workspace .comment-wheel .thread { opacity: 1; transform: none; background-image: none !important; box-shadow: none !important; }
}

/* Permission checks decide whether a mode control exists; presentation must not hide it. */
body.cs-modern-review.cs-inline-review .cs-review-tools .cs-mode { display:flex !important; }

/* Contain ordinary article media without shrinking the text. */
body.cs-modern-review .cs-review-draft img { max-width:100%; height:auto; }
body.cs-modern-review .cs-review-draft table { max-width:100%; }
@media (max-width:600px) {
  body.cs-modern-review .cs-review-workspace:not(.demo-landscape) .cs-review-draft .infobox { float:none; width:100%; margin:0 0 1em; }
}

/* Primary review links need a white label on their purple fill. */
body.tilcayo.cs-modern-review .cs-review-workspace a.cs-btn.cs-primary:any-link {
  background-color: #92278f !important;
  color: #ffffff !important;
}

/* Demo card parity, 28 October 2026. Metadata and permission-gated actions remain
   available; comment prose uses reading ink rather than the action colour. */
body.cs-modern-review .cs-review-workspace .cs-review-comments-column { border-left:1px solid #e8e1e8; }
body.cs-modern-review .cs-review-workspace #cs-panel.cs-review-panel { color:#29212a; }
body.cs-modern-review .cs-review-workspace .cs-card .cs-top { gap:6px 8px; margin:0 0 8px; }
body.cs-modern-review .cs-review-workspace .cs-card .cs-avatar { display:none; }
body.cs-modern-review .cs-review-workspace .cs-card .cs-user { color:#92278f; font-size:inherit; font-weight:700; line-height:1.4; }
body.cs-modern-review .cs-review-workspace .cs-card :is(.cs-role,.cs-date,.cs-badge,.cs-meta,.cs-lbl,.cs-imported-label) { color:#6f626f; background:transparent; font-weight:400; }
body.cs-modern-review .cs-review-workspace .cs-card .cs-badge { margin-left:0; padding:0; border-radius:0; }
body.cs-modern-review .cs-review-workspace .cs-card .cs-text { color:#29212a; margin:12px 0 16px; }
body.cs-modern-review .cs-review-workspace .cs-card .cs-reply { border-top:1px solid #e8e1e8; padding-top:12px; margin-top:18px; }
body.cs-modern-review .cs-review-workspace .cs-card .cs-reply .cs-user { font-size:14px; }
body.cs-modern-review .cs-review-workspace .cs-card :is(.cs-note,.cs-removed) { color:#6f626f; }
body.cs-modern-review .cs-review-workspace #cs-panel .cs-card :is(textarea,input,select) { color:#29212a; background:#fff; border:1px solid #e8e1e8; border-radius:3px; padding:8px; }
body.cs-modern-review .cs-review-workspace .cs-card textarea::placeholder { color:#6f626f; }
body.cs-modern-review .cs-review-workspace .cs-card .cs-linkbtn { border:0; background:none; color:#92278f; padding:7px 9px; font-size:13px; }
body.cs-modern-review .cs-review-workspace .cs-card .cs-actions { gap:8px; margin-top:16px; }
body.cs-modern-review .cs-review-workspace .cs-card .cs-btn { min-height:44px; padding:7px 9px; font-size:13px; line-height:1.55; font-weight:400; border:1px solid #e8e1e8; border-radius:3px; color:#92278f; background:#fff; }
body.cs-modern-review .cs-review-workspace .cs-card .cs-btn:is(:hover,[aria-pressed="true"]) { border-color:#92278f; }
body.cs-modern-review .cs-review-workspace .cs-card .cs-btn:is(.cs-primary,.cs-accept) { background:#92278f; border-color:#92278f; color:#fff; }
body.cs-modern-review .cs-review-workspace .cs-card .cs-btn:is(.cs-danger,.cs-reject,.cs-withdraw) { background:#fff; border-color:#e8e1e8; color:#a52a2a; }
body.cs-modern-review .cs-review-workspace .cs-card .cs-btn:disabled { color:#6f626f; background:#fff; border-color:#e8e1e8; cursor:not-allowed; }
body.cs-modern-review .cs-review-workspace .cs-card .cs-sugg ins { color:#146b5c; background:#fff; text-decoration:underline; text-underline-offset:3px; }
body.cs-modern-review .cs-review-workspace .cs-card .cs-sugg del { color:#8b2929; background:#fff; text-decoration:line-through; }
@media(max-width:760px) {
  body.cs-modern-review .cs-review-workspace .cs-review-comments-column { border-left:0; }
  body.cs-modern-review .cs-review-workspace .cs-card .cs-btn { font-size:16px; min-width:44px; }
}
body.cs-modern-review .cs-review-workspace.demo-landscape .cs-review-comments-column { border-left:1px solid #e8e1e8; }

/* EP uses the article and ClientSuggest's real, independently scrollable comments. */
body.cs-modern-review .cs-ep-review {
  --cs-review-height: clamp(380px, 70dvh, 920px);
  color-scheme:light;
  color:#29212a; background:#fff;
}
body.cs-modern-review .cs-ep-review .cs-review-panes {grid-template-columns:minmax(0,1.65fr) minmax(265px,.95fr);gap:clamp(10px,1.8vw,28px)}
body.cs-modern-review .cs-ep-review .cs-review-comments-column {border-left:1px solid #cfbfcc}
body.cs-modern-review .cs-ep-review .ep-wheel-head {position:relative;padding:8px 12px;color:#302931;background:#fbf7fb;border-block:1px solid #c9b7c6}
body.cs-modern-review .cs-ep-review .ep-wheel-head h2 {margin:0;padding:0;border:none;font:bold 1.23rem/1.3 "Times New Roman",Times,serif;color:#3b2038}
body.cs-modern-review .cs-ep-review .ep-wheel-guide {margin:.35em 0;color:#4b3a47;font-size:.94rem;line-height:1.38}
body.cs-modern-review .cs-ep-review .ep-wheel-actions,
body.cs-modern-review .cs-ep-review .ep-wheel-actions .cs-bigbtns {display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:0}
body.cs-modern-review .cs-ep-review .ep-wheel-actions button {
  display:inline-flex;align-items:center;width:auto;min-height:36px;padding:4px 9px;
  cursor:pointer;font:1rem/1.25 "Times New Roman",Times,serif;color:#62255d!important;background:#fff!important;border:1px solid #a778a4;border-radius:4px;
}
body.cs-modern-review .cs-ep-review .cs-card.cs-focus {outline:2px solid #7a3774;outline-offset:-2px}
body.cs-modern-review .cs-ep-review .cs-ep-current {box-shadow:inset 3px 0 #92278f}
body.cs-modern-review .cs-ep-review .cs-ep-marker {
  display:inline-flex;position:relative;float:inline-start;align-items:center;justify-content:center;padding:0;width:28px;height:28px;min-height:0;
  margin:0 .42em .12em 0;border:1px solid #7b4877;border-radius:50%;cursor:pointer;background:#fff;color:#6c2c66;vertical-align:baseline;
}
body.cs-modern-review .cs-ep-review .cs-ep-marker::before {content:"";width:13px;height:9px;border:1.5px solid currentColor;border-radius:3px}
body.cs-modern-review .cs-ep-review .cs-ep-marker::after {content:"";position:absolute;left:8px;top:16px;width:4px;height:4px;transform:skew(-25deg) rotate(-22deg);background:white;border-inline-start:1.5px solid currentColor;border-bottom:1.5px solid currentColor}
body.cs-modern-review .cs-ep-review .cs-ep-marker:hover {background:#f4e8f3}
body.cs-modern-review .cs-ep-review .cs-ep-location,body.cs-modern-review .cs-ep-review .cs-ep-history {display:block;font-size:.9rem;margin:.32em 0}
body.cs-modern-review .cs-ep-review .cs-ep-history {color:#71346c}
body.cs-modern-review .cs-ep-review .cs-ep-policy {border:1px solid #a5639f;border-inline-start:4px solid #722f6d;background:#f5eaf4;color:#431a40;padding:.65em .9em}
body.cs-modern-review .cs-ep-review .cs-review-draft,body.cs-modern-review .cs-ep-review .cs-review-comments {overscroll-behavior:contain}
body.cs-modern-review .cs-ep-review .cs-review-comments {height:max(240px,calc(var(--cs-review-height) - var(--ep-wheel-head-height,115px)))}
body.cs-modern-review .cs-ep-review .cs-review-comments-column:has(.cs-composer:not(:empty)) .cs-review-comments {height:240px}
body.cs-modern-review .cs-ep-review .cs-card .cs-mobile-jump {display:inline-flex;color:#662c60;background:#fff}
body.cs-modern-review .cs-ep-review .cs-review-tabs,body.cs-modern-review .cs-ep-review .cs-review-rotate {display:none!important}
@media(min-width:701px) and (max-width:1000px){
  body.cs-modern-review .cs-ep-review .cs-review-draft .infobox {float:none;max-width:100%;margin:.7rem 0}
}
@media(max-width:700px){
  body.cs-modern-review .cs-ep-review .cs-review-panes {grid-template-columns:minmax(0,1fr);gap:8px}
  body.cs-modern-review .cs-ep-review .cs-review-comments-column {border-inline:0}
  body.cs-modern-review .cs-ep-review .cs-review-draft {height:clamp(160px,34dvh,390px)}
  body.cs-modern-review .cs-ep-review .cs-review-comments {height:clamp(164px,29dvh,350px)}
  body.cs-modern-review .cs-ep-review .ep-wheel-guide {font-size:.9rem}
  body.cs-modern-review .cs-ep-review .cs-review-draft .infobox {float:none;width:100%}
}
body.cs-modern-review .cs-ep-review .ep-wheel-actions .cs-bigbtns {display:contents}
body.cs-modern-review .cs-ep-review #cs-panel .ep-wheel-actions .cs-big {text-decoration:none;border:1px solid #a778a4!important;border-radius:4px!important;padding:4px 9px!important;font-size:1rem!important}
body.cs-modern-review .cs-ep-review .ep-wheel-actions .ep-wheel-sound {margin-inline-start:auto;order:1}

/* Compact controls leave the first discussion visible at tablet widths. */
html body.cs-modern-review .cs-ep-review .cs-review-toolbar {display:none!important}
html body.cs-modern-review .cs-ep-review .cs-review-tools {
  margin:0 0 .45rem;border:0;background:transparent;
}
html body.cs-modern-review .cs-ep-review .cs-review-tools > summary {
  min-height:0;width:max-content;padding:.25em 0;color:#6c3067;font:1rem/1.3 "Times New Roman",Times,serif;
}
html body.cs-modern-review .cs-ep-review .cs-live-status:is([data-state="current"],[data-state="loading"]) {
  position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;
  padding:0!important;margin:-1px!important;overflow:hidden;clip-path:inset(50%);border:0!important;
}
html body.cs-modern-review .cs-ep-review #cs-panel .ep-wheel-head {
  padding:5px 10px 7px;
}
html body.cs-modern-review .cs-ep-review .ep-wheel-title-row {display:flex;align-items:center;justify-content:space-between;gap:6px}
html body.cs-modern-review .cs-ep-review #cs-panel .ep-wheel-title-row h2 {font-size:1.12rem;line-height:1.2;margin:0;padding:0}
html body.cs-modern-review .cs-ep-review #cs-panel .ep-wheel-head .ep-wheel-guide {font-size:.9rem;line-height:1.23;margin:2px 0 5px}
html body.cs-modern-review .cs-ep-review #cs-panel .ep-wheel-actions {margin:0;padding:0;display:flex;gap:4px;flex-wrap:wrap}
html body.cs-modern-review .cs-ep-review #cs-panel .ep-wheel-actions .cs-bigbtns {display:contents!important}
html body.cs-modern-review .cs-ep-review #cs-panel .ep-wheel-actions .cs-big {width:auto!important;min-width:0!important;min-height:30px!important;flex:none!important;margin:0!important;padding:3px 6px!important;line-height:1.15!important;font-size:.94rem!important;border-radius:3px!important}
html body.cs-modern-review .cs-ep-review #cs-panel .ep-wheel-title-row .ep-wheel-sound {
  display:inline-flex;align-items:center;justify-content:center;position:relative;width:32px!important;height:32px!important;
  min-width:32px!important;min-height:32px!important;padding:0!important;margin:0!important;
  font-size:0!important;background:white!important;color:#70346b!important;border:1px solid #be9db9!important;border-radius:4px!important;cursor:pointer;
}
html body.cs-modern-review .cs-ep-review #cs-panel .ep-wheel-sound::before {
  content:"";width:18px;height:18px;background:currentColor;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 9h4l5-5v16l-5-5H3z'/%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' d='M15 9a4 4 0 0 1 0 6m3-9a8 8 0 0 1 0 12'/%3E%3C/svg%3E") center/contain no-repeat;
}
html body.cs-modern-review .cs-ep-review #cs-panel .ep-wheel-sound[aria-pressed="false"]::after {position:absolute;content:"";background:currentColor;width:20px;height:2px;transform:rotate(-45deg);box-shadow:0 -1px white}
/* Use the native element state. MediaWiki's CSS compressor may canonicalise
   whitespace in attribute selectors; matching a serialised style is unreliable. */
html body.cs-inline-review.cs-modern-review #cs-bubble.cs-ui.cs-ep-bubble:not([hidden]) {display:flex!important;flex-wrap:wrap;max-width:calc(100vw - 16px)}
html body.cs-inline-review.cs-modern-review #cs-bubble.cs-ui.cs-ep-bubble[hidden] {display:none!important}
@media(min-width:701px) {html body.cs-modern-review .cs-ep-review {--cs-review-height:clamp(420px,77dvh,980px)}}