body.cs-active { padding-right: 350px; }
@media ( max-width: 900px ) { body.cs-active { padding-right: 0; } #cs-panel { position: static !important; width: auto !important; height: auto !important; border-left: 0 !important; border-top: 2px solid #92278f; } }
#cs-panel { position: fixed; top: 0; right: 0; bottom: 0; width: 340px; overflow-y: auto; z-index: 102; background: #ffffff; border-left: 1px solid #92278f; box-sizing: border-box; padding: 12px; font-size: 14px; line-height: 1.4; }
#cs-panel h3 { margin: 0 0 4px; padding: 0; font-size: 1.1em; font-family: "Times New Roman", Times, serif; border: 0; }
#cs-panel .cs-help { color: #92278f; font-size: 0.9em; margin: 0 0 6px; }
#cs-panel .cs-toggle { font-size: 0.85em; color: #92278f; display: block; margin-bottom: 8px; }
.cs-card, .cs-composer { background: #ffffff; border: 1px solid #92278f; border-radius: 8px; padding: 10px; margin-bottom: 10px; box-shadow: none; cursor: default; }
.cs-card.cs-focus { border-color: #92278f; box-shadow: none; }
.cs-card.cs-status-accepted, .cs-card.cs-status-rejected, .cs-card.cs-status-resolved { opacity: .75; }
.cs-top { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-bottom: 6px; }
.cs-avatar { width: 24px; height: 24px; border-radius: 50%; background: #92278f; color: #ffffff; display: inline-flex; align-items: center; justify-content: center; font-weight: 600; font-size: 12px; }
.cs-type-suggestion .cs-avatar { background: #92278f; }
.cs-user { font-weight: 600; }
.cs-date { color: #92278f; font-size: .8em; }
.cs-badge { margin-left: auto; font-size: .75em; background: #ffffff; border-radius: 10px; padding: 1px 7px; color: #92278f; }
.cs-status-needs_manual .cs-badge { background: #ffffff; color: #92278f; }
.cs-status-accepted .cs-badge { background: #ffffff; color: #92278f; }
.cs-quote { margin: 4px 0; padding: 2px 8px; border-left: 3px solid #ffc333; color: #92278f; font-size: .9em; max-height: 6em; overflow: hidden; }
.cs-sugg del, #mw-content-text .cs-del { color: #92278f; text-decoration: line-through; }
.cs-sugg ins, #mw-content-text ins.cs-ins { color: #92278f; text-decoration: underline; background: #ffffff; margin-left: 3px; }
.cs-lbl { color: #92278f; font-size: .85em; }
.cs-text { white-space: pre-wrap; margin: 4px 0; }
.cs-note { font-size: .85em; color: #92278f; background: #ffffff; border-radius: 4px; padding: 4px 6px; margin: 4px 0; }
.cs-note.cs-warn, .cs-status-needs_manual .cs-note { background: #ffffff; color: #92278f; }
.cs-meta { font-size: .8em; color: #92278f; }
.cs-reply { border-top: 1px solid #92278f; margin-top: 6px; padding-top: 6px; }
.cs-replybox, .cs-composer textarea { width: 100%; box-sizing: border-box; margin-top: 6px; font: inherit; border: 1px solid #92278f; border-radius: 4px; padding: 4px 6px; resize: vertical; }
.cs-composer label { display: block; font-size: .85em; color: #92278f; margin-top: 6px; }
.cs-ctitle { font-weight: 600; }
.cs-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.cs-btn { border: 1px solid #92278f; background: #ffffff; border-radius: 4px; padding: 3px 10px; cursor: pointer; font-size: .9em; }
.cs-btn:hover { background: #ffffff; }
.cs-primary, .cs-accept { background: #92278f; color: #ffffff; border-color: #92278f; }
.cs-accept { background: #92278f; border-color: #25b29a; }
.cs-primary:hover, .cs-accept:hover { filter: brightness(1.1); background-color: inherit; }
.cs-reject { color: #92278f; border-color: #ed1c24; }
.cs-empty { color: #92278f; font-style: normal; }
#mw-content-text .cs-comment { background: #ffffff; border-bottom: 2px solid #ffc333; cursor: pointer; }
#mw-content-text .cs-del, #mw-content-text ins.cs-ins { cursor: pointer; }
#mw-content-text .cs-hl-focus { background: #ffffff; }
#mw-content-text ins.cs-hl-focus { background: #ffffff; }
#cs-bubble { position: absolute; z-index: 200; background: #92278f; border-radius: 6px; padding: 4px; box-shadow: none; display: flex; gap: 4px; }
#cs-bubble button { background: #92278f; color: #ffffff; border: 0; padding: 5px 9px; cursor: pointer; font-size: 13px; border-radius: 4px; }
#cs-bubble button:hover { background: #92278f; }

/* big, obvious buttons at the top of the panel (no text selection needed) */
.cs-bigbtns { display: flex; flex-direction: column; gap: 8px; margin: 8px 0 10px; }
.cs-big { font-size: 17px; font-weight: 600; padding: 12px 14px; border-radius: 8px; border: 2px solid #92278f; background: #92278f; color: #ffffff; cursor: pointer; text-align: left; }
.cs-big.cs-big-comment { background: #ffffff; color: #92278f; }
.cs-big:hover, .cs-big:focus-visible { outline: 3px solid #ffc333; outline-offset: 2px; }
.cs-practice { background: #ffffff; border: 2px solid #ffc333; border-radius: 8px; padding: 8px 10px; font-weight: 600; margin: 0 0 8px; }
.cs-composer label { display: block; margin-top: 6px; font-weight: 600; }

/* ---- Tilcayo Knowledge Systems palette + Times New Roman UI (2026-10-01) ---- */
#cs-panel, #cs-bubble, #cs-fab, .cs-composer { font-family: "Times New Roman", Times, serif; }
#cs-panel { background: #ffffff; border-left: 1px solid #92278f; border-top: 4px solid #ffc333; }
#cs-panel h3 { font-family: "Times New Roman", Times, serif; font-weight: 600; color: #92278f; }
.cs-card { border-color: #92278f; border-radius: 10px; }
.cs-card.cs-focus { border-color: #92278f; box-shadow: none; }
.cs-avatar { background: #92278f; }
.cs-type-suggestion .cs-avatar { background: #92278f; }
.cs-big { border-color: #92278f; background: #92278f; border-radius: 10px; }
.cs-big.cs-big-comment { color: #92278f; background: #ffffff; }
.cs-big:hover, .cs-big:focus-visible { outline-color: #ffc333; }
.cs-primary { background: #92278f; border-color: #92278f; }
.cs-accept { background: #92278f; border-color: #25b29a; color: #ffffff; }
.cs-reject { color: #92278f; border-color: #ed1c24; }
.cs-withdraw { color: #92278f; }
.cs-btn { border-radius: 8px; padding: 5px 12px; min-height: 34px; }
.cs-quote { border-left-color: #ffc333; }
.cs-sugg del, #mw-content-text .cs-del { color: #92278f; background: #ffffff; }
.cs-sugg ins, #mw-content-text ins.cs-ins { color: #92278f; background: #ffffff; text-decoration-color: #92278f; }
#mw-content-text .cs-comment { background: #ffffff; border-bottom-color: #ffc333; }
#mw-content-text .cs-hl-focus { background: #ffffff; }
.cs-status-outdated .cs-badge, .cs-status-needs_manual .cs-badge { background: #ffffff; color: #92278f; }
.cs-status-accepted .cs-badge { background: #ffffff; color: #92278f; }
.cs-status-withdrawn, .cs-status-outdated { opacity: .8; }
#cs-bubble { background: #92278f; border-radius: 10px; }
#cs-bubble button { font-family: "Times New Roman", Times, serif; font-size: 14px; padding: 8px 12px; }
#cs-bubble button:hover { background: #92278f; }
#cs-fab { display: none; }
@media ( max-width: 900px ) {
	#cs-panel { border-top: 4px solid #ffc333 !important; }
	#cs-fab { display: block; position: fixed; right: 14px; bottom: 16px; z-index: 150; border: 0; border-radius: 28px; padding: 12px 18px; background: #92278f; color: #ffffff; font-size: 16px; font-weight: 600; box-shadow: none; }
	#cs-bubble button { font-size: 16px; padding: 11px 14px; }
	body.cs-active #csup-fab { right: auto; left: 14px; bottom: 16px; }   /* "Need help?" goes bottom-left, the 💬 counter bottom-right */
	.cs-big { font-size: 18px; }
}

/* ---- client drafts + policy overrules (2026-10-02) ---- */
.cs-draftnote { background: #ffffff; border-radius: 8px; padding: 6px 8px; margin: 0 0 8px; font-size: .9em; }
.cs-blocked, .cs-draft-banner.cs-draft-blocked { background: #ffffff; border: 2px solid #ed1c24; color: #92278f; border-radius: 8px; padding: 6px 10px; font-weight: 600; }
.cs-draft-banner { font-family: "Times New Roman", Times, serif; background: #ffffff; border: 1px solid #92278f; border-left: 4px solid #92278f; border-radius: 8px; padding: 8px 12px; margin: 0 0 12px; }
.cs-draft-banner.cs-draft-blocked { border-left-width: 4px; font-weight: normal; }
.cs-draft-blockmsg { font-weight: 600; }
#mw-content-text .cs-overrule { text-decoration: line-through; text-decoration-color: #92278f; text-decoration-thickness: 2px; background: #ffffff; color: #92278f; cursor: pointer; }
#mw-content-text sup.cs-overrule-tag { font-size: .7em; font-weight: 600; color: #ffffff; background: #92278f; border-radius: 6px; padding: 0 4px; margin-left: 3px; cursor: pointer; }
.cs-type-overrule { border-left: 4px solid #ed1c24; }
.cs-type-overrule .cs-avatar { background: #92278f; }
.cs-type-overrule .cs-badge { background: #92278f; color: #92278f; }
.cs-status-rereview .cs-badge { background: #ffffff; color: #92278f; }
.cs-ovr-head { margin: 2px 0 4px; }
.cs-ovr-reason { font-weight: 700; color: #92278f; }
.cs-ovr-del, .cs-sugg del.cs-ovr-del { color: #92278f; text-decoration: line-through; text-decoration-color: #92278f; }
.cs-ovr-explain { background: #ffffff; color: #92278f; }
.cs-big.cs-big-overrule { background: #ffffff; color: #92278f; border-color: #ed1c24; }
#cs-bubble button.cs-b-overrule:hover { background: #92278f; }
.cs-composer select.cs-reason { width: 100%; font: inherit; padding: 4px 6px; border: 1px solid #92278f; border-radius: 6px; margin-top: 4px; }

/* ---- 0.4.0: CCO brand spec v1 (WikiNative client space) ---- */
.cs-ovr-reason { font-weight: 600; color: #92278f; }
.cs-replybox, .cs-composer textarea, .cs-composer select.cs-reason, .cs-mf-form select { border-color: #92278f; border-radius: 8px; }
.cs-composer textarea::placeholder, .cs-replybox::placeholder { color: #92278f; }
.cs-date, .cs-lbl, .cs-meta, .cs-help, #cs-panel .cs-help, #cs-panel .cs-toggle, .cs-empty { color: #92278f; }
.cs-btn { border: 1px solid #92278f; background: #ffffff; color: #92278f; font-weight: 500; min-height: 44px; padding: 8px 14px; font-family: "Times New Roman", Times, serif; text-decoration: none; display: inline-flex; align-items: center; box-sizing: border-box; }
.cs-btn:hover { background: #ffffff; border-color: #92278f; color: #92278f; }
.cs-btn:focus-visible, .cs-big:focus-visible, .cs-link:focus-visible, .cs-mode-btn:focus-visible { outline: 3px solid #92278f; outline-offset: 3px; }
.cs-btn.cs-primary { background: #92278f; border-color: #92278f; color: #ffffff; }
.cs-btn.cs-primary:hover { background: #92278f; border-color: #92278f; color: #ffffff; filter: none; }
.cs-btn.cs-accept { background: #92278f; border-color: #25b29a; color: #92278f; font-weight: 600; }
.cs-btn.cs-accept:hover { background: #92278f; border-color: #25b29a; color: #92278f; filter: none; }
.cs-btn.cs-reject { background: #ffffff; border-color: #ed1c24; color: #92278f; }
.cs-btn.cs-reject:hover { background: #ffffff; color: #92278f; }
.cs-btn.cs-danger, .cs-btn.cs-withdraw { background: #92278f; border-color: #ed1c24; color: #92278f; font-weight: 600; }
.cs-btn.cs-danger:hover, .cs-btn.cs-withdraw:hover { background: #ffffff; border-color: #ed1c24; color: #92278f; }
.cs-btn[aria-disabled="true"], .cs-btn[disabled] { background: #ffffff; border-color: #92278f; color: #92278f; cursor: not-allowed; }
.cs-link { background: none; border: 0; color: #92278f; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; font: inherit; padding: 8px 4px; min-height: 44px; }
.cs-link:hover { color: #92278f; text-decoration-thickness: 2px; }
.cs-big.cs-big-overrule { background: #ffffff; color: #92278f; border-color: #ed1c24; }
.cs-big.cs-big-overrule:hover { background: #ffffff; }
.cs-avatar { width: 32px; height: 32px; font-size: 13px; color: #ffffff; background: #92278f; }
.cs-role-reviewer .cs-avatar { background: #92278f; color: #92278f; }
.cs-role-member .cs-avatar { background: #92278f; color: #92278f; }
.cs-role-gattito .cs-avatar { background: #92278f; color: #92278f; }
.cs-role-system .cs-avatar { background: #ffffff; color: #92278f; }
.cs-type-suggestion.cs-role-owner .cs-avatar, .cs-type-suggestion .cs-avatar { }
.cs-role { font-size: 12px; font-weight: 500; color: #92278f; }
.cs-user { font-size: 14px; font-weight: 600; color: #92278f; }
.cs-card.cs-role-gattito { border-left: 4px solid #25b29a; }
.cs-card.cs-type-mustfix { border-left: 4px solid #ed1c24; }
.cs-type-mustfix .cs-badge { background: #92278f; color: #92278f; }
.cs-card.cs-status-accepted, .cs-card.cs-status-rejected, .cs-card.cs-status-resolved, .cs-status-withdrawn, .cs-status-outdated { opacity: 1; }
.cs-card.cs-status-resolved, .cs-card.cs-status-accepted, .cs-card.cs-status-rejected, .cs-card.cs-status-withdrawn { background: #ffffff; }
.cs-status-resolved .cs-badge, .cs-status-withdrawn .cs-badge { background: #ffffff; color: #92278f; }
.cs-status-accepted .cs-badge { background: #ffffff; color: #92278f; }
.cs-status-rejected .cs-badge { background: #ffffff; color: #92278f; }
#mw-content-text .cs-comment { border-bottom: 2px solid #ffc333; border-radius: 2px; }
#mw-content-text .cs-hl-focus { outline: 2px solid #92278f; outline-offset: 1px; }
#mw-content-text .cs-mustfix-hl { background: #ffffff; border-bottom: 2px solid #ed1c24; }
#mw-content-text sup.cs-overrule-tag { background: #92278f; color: #92278f; }
#mw-content-text .cs-overrule { text-decoration-color: #92278f; }
.cs-statusbar { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 0 0 8px; }
.cs-status-pill { font-size: 13px; font-weight: 600; background: #ffffff; color: #92278f; border-radius: 999px; padding: 4px 10px; }
.cs-mode { display: inline-flex; border: 1px solid #92278f; border-radius: 8px; overflow: hidden; margin: 0 0 8px; }
.cs-mode-btn { font: inherit; font-weight: 500; border: 0; background: #ffffff; color: #92278f; padding: 8px 14px; min-height: 44px; cursor: pointer; }
.cs-mode-btn[aria-pressed="true"] { background: #92278f; color: #ffffff; }
.cs-bulk { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 8px; }
.cs-mf-form { margin-top: 8px; padding-top: 8px; border-top: 1px solid #92278f; }
.cs-mf-form label { display: block; font-weight: 600; font-size: .9em; }
.cs-mf-form select { width: 100%; font: inherit; padding: 6px; border: 1px solid #92278f; margin-top: 4px; }
body.cs-mode-suggesting #ca-edit, body.cs-mode-suggesting #ca-ve-edit { display: none; }
.cs-draftnote { color: #92278f; }
/* "Show more" on long quotes (brand spec §5) */
.cs-quote { max-height: none; }
.cs-clamp { max-height: 4.5em; overflow: hidden; position: relative; }
.cs-clamp.cs-open { max-height: none; }
.cs-clamp:not(.cs-open)::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1.6em; background: linear-gradient(rgba(255,255,255,0), #ffffff); pointer-events: none; }
.cs-quote.cs-clamp:not(.cs-open)::after { background: linear-gradient(rgba(255,255,255,0), #ffffff); }
.cs-quote { background: #ffffff; }
.cs-more { min-height: 32px; padding: 2px 0; font-size: .9em; }
/* #13 edit / remove replies and comments */
.cs-linkbtn { background: none; border: 0; padding: 2px 4px; color: #92278f; cursor: pointer; font-size: .85em; text-decoration: underline; min-height: 32px; }
.cs-linkbtn:disabled { color: #92278f; text-decoration: none; cursor: default; }
.cs-reply-actions { display: flex; gap: 6px; }
.cs-removed { font-style: normal; color: #92278f; }
.cs-history { margin: 4px 0; padding: 6px 8px; background: #ffffff; border-left: 3px solid #92278f; font-size: .9em; }
.cs-history-item + .cs-history-item { margin-top: 4px; }
.cs-inline-edit { margin: 4px 0; display: flex; flex-wrap: wrap; gap: 6px; }
.cs-inline-edit textarea { flex: 1 1 100%; }
/* Google Docs import (wording PENDING CCO QA) */
.cs-import-card { border: 1px solid #92278f; background: #ffffff; border-radius: 8px; padding: 10px 12px; margin: 0 0 10px; }
.cs-import-card h4 { margin: 0 0 6px; font-size: 1em; color: #92278f; }
.cs-import-card ul { margin: 4px 0 8px 1.2em; }
.cs-import-link { margin: 0 0 6px; }
.cs-imported { margin: 2px 0 4px; }
.cs-imported-label { font-size: .8em; color: #92278f; background: #ffffff; border-radius: 999px; padding: 1px 8px; }
.cs-former { border-bottom: 1px dotted #92278f; cursor: help; }
.cs-reply .cs-role { margin-left: 4px; }

/* A stacked mobile panel needs no desktop alignment spacers. */
@media ( max-width: 900px ) { #cs-panel .cs-list { padding-top: 0 !important; padding-bottom: 0 !important; } }

/* Selected discussion: pair the card and its passage in WikiNative Green. */
#cs-panel .cs-card.cs-focus {
    border-color: transparent;
    background: #ffffff;
    box-shadow: none;
}
#mw-content-text .cs-hl.cs-hl-focus,
#mw-content-text ins.cs-ins.cs-hl-focus {
    background: rgba(146, 39, 143, .10);
    outline: none;
    box-shadow: none;
    border-radius: 5px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

/* Keep the active passage soft even when it is an ordinary comment. */
#mw-content-text .cs-comment.cs-hl-focus,
#mw-content-text .cs-mustfix-hl.cs-hl-focus { border-bottom-color: transparent; }

/* The comment sidebar can leave a narrow article inside a wide viewport. */
body.cs-active #mw-content-text .mw-parser-output { container-type: inline-size; }
@container (max-width: 600px) {
    body.cs-active #mw-content-text .infobox {
        float: none;
        clear: both;
        width: 100%;
        max-width: 100%;
        margin: 0 0 1em;
    }
}

/* Preserve explicit centre alignment while card content expands or reflows. */
#cs-panel { overflow-anchor: none; scroll-behavior: auto; }

/* Keep the review passage beside its discussion; utilities occupy the outer rail. */
@media screen and (min-width: 1000px) {
 html:is(.vector-feature-page-tools-pinned-enabled, .vector-feature-appearance-pinned-clientpref-1) body.skin-vector-2022.cs-active:not(.cs-modern-review) {
  padding-right: 566px;
 }
 html:is(.vector-feature-page-tools-pinned-enabled, .vector-feature-appearance-pinned-clientpref-1) body.skin-vector-2022.cs-active:not(.cs-modern-review) #cs-panel {
  right: 216px;
 }
 body.skin-vector-2022.cs-active:not(.cs-modern-review) .mw-body {
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: 'titlebar-cx' 'titlebar' 'toolbar' 'content';
 }
 body.skin-vector-2022.cs-active:not(.cs-modern-review) .vector-column-end {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 216px;
  box-sizing: border-box;
  padding: 24px 10px;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: var(--background-color-base, #ffffff);
  border-left: 1px solid #92278f;
  z-index: 101;
 }
 body.skin-vector-2022.cs-active:not(.cs-modern-review) .vector-column-end .vector-sticky-pinned-container {
  position: static;
  max-height: none;
 }
}

/* Mobile draft review: the original article and discussions in two scroll panes. */
#cs-mobile-prompt, #cs-mobile-review {
 font-family: "Times New Roman", Times, serif;
 color: #92278f;
 box-sizing: border-box;
}
#cs-mobile-prompt { border-left: 3px solid #92278f; padding: 10px 12px; margin: 10px 0 16px; background: #ffffff; }
#cs-mobile-prompt p { margin: 0 0 8px; }
#cs-mobile-review[hidden], #cs-mobile-review [hidden] { display: none !important; }
body.cs-mobile-reviewing { overflow: hidden; padding-right: 0 !important; }
body.cs-mobile-reviewing #cs-fab, body.cs-mobile-reviewing #csup-fab { display: none !important; }
#cs-mobile-review {
 position: fixed; z-index: 180; top: var(--cs-review-top, 0); left: var(--cs-review-left, 0);
 width: var(--cs-review-width, 100vw); height: var(--cs-review-height, 100dvh);
 padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
 display: flex; flex-direction: column; background: #ffffff; overflow: hidden;
 font-size: 14px; line-height: 1.45;
}
.cs-mobile-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; padding: 4px 8px; border-bottom: 1px solid #92278f; flex: 0 0 auto; }
.cs-mobile-private { flex: 1; font-size: 12px; min-width: 180px; }
.cs-rotation-cue { display: inline-flex; vertical-align: middle; flex: 0 0 auto; width: 120px; height: 90px; margin: 0 12px 0 0; color: #92278f; line-height: 0; }
.cs-rotation-cue[hidden] { display: none !important; }
.cs-rotation-cue svg { display: block; width: 100%; height: 100%; }
.cs-mobile-rotate { width: 100px; height: 75px; margin: 0; }
.cs-rotation-symbol { transform-box: view-box; transform-origin: 160px 120px; }
.cs-rotation-animate .cs-rotation-symbol { animation: cs-rotation-quarter-turn 3.2s cubic-bezier(.4, 0, .2, 1) 1 both; }
@keyframes cs-rotation-quarter-turn {
 0%, 15% { transform: rotate(0deg); }
 80%, 100% { transform: rotate(90deg); }
}
@media (prefers-reduced-motion: reduce) {
 .cs-rotation-animate .cs-rotation-symbol { animation: none !important; transform: none !important; }
}
.cs-review-landscape .cs-mobile-rotate, .cs-review-landscape .cs-mobile-tabs { display: none; }
.cs-mobile-tabs { display: flex; gap: 6px; }
.cs-mobile-tabs [aria-pressed="true"] { background: #92278f; color: #ffffff; }
.cs-mobile-panes { flex: 1 1 0; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(230px, 40%); }
.cs-mobile-comments-column, .cs-mobile-draft-column { min-width: 0; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
.cs-mobile-comments-column { border-left: 1px solid #92278f; background: #ffffff; }
.cs-mobile-scroll { flex: 1 1 0; min-width: 0; min-height: 0; overflow: auto; overscroll-behavior: contain; overflow-anchor: none; scroll-behavior: auto; -webkit-overflow-scrolling: touch; }
.cs-mobile-nav { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 4px; flex: 0 0 auto; padding: 4px 8px; background: #ffffff; border-bottom: 1px solid #92278f; }
.cs-mobile-nav label { display: block; font-weight: 600; font-size: 12px; }
#cs-mobile-thread { display: block; width: 100%; min-width: 0; min-height: 44px; font: inherit; font-size: 16px; border: 1px solid #92278f; border-radius: 4px; color: #92278f; background: #ffffff; padding: 4px; }
.cs-mobile-steps { display: flex; justify-content: space-between; align-items: center; gap: 4px; }
#cs-mobile-review .cs-mobile-nav .cs-btn { padding: 5px 6px; font-size: 12px; }
.cs-mobile-count { font-size: 12px; text-align: center; }
.cs-mobile-draft-label { flex: 0 0 auto; padding: 6px 10px; font-size: 12px; font-weight: 500; border-bottom: 1px solid #92278f; }
body.cs-mobile-reviewing #cs-panel {
 position: static !important; width: 100% !important; height: auto !important; max-height: none !important;
 border: 0 !important; padding: 8px; overflow: visible; background: transparent; font-size: 14px;
}
body.cs-mobile-reviewing #cs-panel .cs-list { padding-top: 0 !important; padding-bottom: var(--cs-comment-height, 160px) !important; }
body.cs-mobile-reviewing #cs-panel .cs-card { min-height: var(--cs-comment-height, 160px); box-sizing: border-box; margin-bottom: 16px; overflow-wrap: anywhere; }
body.cs-mobile-reviewing #cs-panel .cs-card.cs-focus { border-color: #92278f; box-shadow: none; }
#cs-mobile-tools { margin-bottom: 8px; }
#cs-mobile-tools > summary { padding: 8px 2px; min-height: 44px; box-sizing: border-box; color: #92278f; cursor: pointer; font-weight: 500; }
#cs-mobile-tools > .cs-head { padding: 4px 0 10px; }
#cs-mobile-tools .cs-project-guidance { padding: 8px !important; border-width: 1px !important; font-size: 14px; }
body.cs-mobile-reviewing #mw-content-text { margin: 0; padding: 12px; min-width: 0; box-sizing: border-box; font-family: "Times New Roman", Times, serif; font-size: 16px; line-height: 1.6; overflow-wrap: anywhere; }
body.cs-mobile-reviewing #mw-content-text .mw-parser-output { margin: 0; max-width: 100%; }
body.cs-mobile-reviewing #mw-content-text .mw-parser-output > :first-child { margin-top: 0; }
body.cs-mobile-reviewing #mw-content-text img { max-width: 100%; height: auto; }
body.cs-mobile-reviewing #mw-content-text table { max-width: 100%; }
body.cs-mobile-reviewing #mw-content-text .infobox { float: none; width: 100%; margin: 0 0 1em; }
body.cs-mobile-reviewing #cs-panel textarea, body.cs-mobile-reviewing #cs-panel input, body.cs-mobile-reviewing #cs-panel select { font-size: 16px; }
body.cs-mobile-reviewing #cs-bubble { position: fixed; max-width: calc(100vw - 16px); flex-wrap: wrap; box-sizing: border-box; }
#cs-mobile-review :focus-visible { outline: 3px solid #92278f; outline-offset: 2px; }
#cs-mobile-review .cs-mobile-scroll:focus-visible { outline-offset: -3px; }
.cs-review-portrait .cs-mobile-panes { display: flex; }
.cs-review-portrait .cs-mobile-comments-column, .cs-review-portrait .cs-mobile-draft-column { flex: 1; border-left: 0; }
@media (prefers-reduced-motion: reduce) { #cs-mobile-review *, #cs-mobile-prompt * { scroll-behavior: auto !important; } }

.cs-mobile-jump { display: none; }
body.cs-mobile-reviewing .cs-mobile-jump { display: inline-flex; margin-bottom: 8px; }

#cs-mobile-review .cs-mobile-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

body.cs-mobile-eligible:not(.cs-mobile-reviewing) #cs-fab { display: block; position: fixed; right: 14px; bottom: max(16px, env(safe-area-inset-bottom)); z-index: 150; border: 0; border-radius: 28px; padding: 12px 18px; background: #92278f; color: #ffffff; font-size: 16px; font-weight: 600; }

/* Private client tenants only. Management continues using its unchanged module. */
body.cs-inline-review #cs-panel,body.cs-inline-review #cs-panel input,body.cs-inline-review #cs-panel textarea,body.cs-inline-review #cs-panel button,body.cs-inline-review .cs-inline-title{font-family:"Times New Roman", Times, serif}
body.cs-inline-review #cs-panel{background:#ffffff;border-top:0;border-left-color:transparent;box-shadow:none}
body.cs-inline-review #cs-panel:hover,body.cs-inline-review #cs-panel:focus-within{border-left-color:#92278f}
body.cs-inline-review .cs-card{border-color:transparent;border-left:1px solid transparent;border-radius:0;box-shadow:none;background:#ffffff}
body.cs-inline-review .cs-card.cs-focus{border-color:transparent;box-shadow:none}
body.cs-inline-review .cs-card:hover,body.cs-inline-review .cs-card:active,body.cs-inline-review .cs-card:focus-within{border-left-color:#92278f;box-shadow:none}
body.cs-inline-review .cs-quote{border-left-color:transparent}
body.cs-inline-review .cs-card:hover .cs-quote,body.cs-inline-review .cs-card:focus-within .cs-quote{border-left-color:#92278f}
body.cs-inline-review .cs-ins,body.cs-inline-review .cs-sugg ins{color:#92278f;background:transparent;text-decoration:none}
body.cs-inline-review .cs-del,body.cs-inline-review .cs-sugg del{color:#92278f;background:transparent;text-decoration:line-through;text-decoration-color:#92278f}
body.cs-inline-review .cs-inline-title{color:#92278f;font-size:1.4rem;line-height:1.3;font-style:italic;font-weight:400;margin:0 0 1em}
body.cs-inline-review #cs-bubble{display:none!important}
body.cs-inline-review .cs-big{background:none!important;border:0!important;box-shadow:none !important;border-radius:0!important;color:#92278f!important;padding:0!important;font-size:1em!important}
body.cs-inline-review .cs-bigbtns{display:flex;gap:1rem}
body.cs-inline-review .cs-sugg{white-space:pre-wrap}
body.cs-inline-review.cs-mobile-reviewing #cs-panel .cs-card.cs-focus{border-color:transparent;box-shadow:none}
body.cs-inline-review.cs-mobile-reviewing #cs-panel .cs-card:hover,body.cs-inline-review.cs-mobile-reviewing #cs-panel .cs-card:focus-within{border-left-color:#92278f}

body.cs-inline-review .cs-inline-status{font:italic 1rem/1.4 "Times New Roman",Times,serif;color:#92278f;margin:.5em 0 1em}