/* Inline editing, batch changes, and word-level history use native HTML controls. */
.bulk-toolbar { padding: 1.5rem; border-block-end: 1px solid var(--border, #e2e7e2); background: #f7faf6; display: flex; flex-wrap: wrap; align-items: end; gap: 1rem; }
.bulk-toolbar .field { margin: 0; min-width: 140px; flex: 1; }
.bulk-toolbar .bulk-reason { flex: 2; min-width: 220px; }
.bulk-caption { padding: .8rem 1.5rem 0; margin: 0; font-size: .85rem; color: #52655f; }
.batch-selection { width: 42px; text-align: center; }
.batch-selection input { width: 1.1rem; height: 1.1rem; accent-color: #2f625b; }
.inline-question-row > td { padding: 0; }
.inline-question-form { padding: 1.6rem; background: #f8faf7; border-block-end: 1px solid #dce5df; }
.inline-form-heading { display: flex; gap: 1rem; align-items: center; justify-content: space-between; margin-block-end: 1rem; }
.inline-form-heading h3 { margin: 0; }
.inline-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem 1.5rem; }
.inline-grid .field { margin: 0; }
.inline-grid .wide-field { grid-column: 1 / -1; }
.inline-actions { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin-block-start: 1rem; }
.inline-response { color: #285c41; white-space: pre-wrap; }
.inline-response.is-error { color: #a12937; }
.bulk-response { flex-basis: 100%; margin: 0; }
.quick-edit-button { white-space: nowrap; padding: .55rem .75rem; font-size: .85rem; }
.word-diff { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.9; padding: 1rem; background: #fcfdfb; border: 1px solid #e2e7e2; border-radius: .5rem; font-size: 1rem; }
.diff-added { background: #d9f3df; color: #174f2b; text-decoration: none; border-block-end: 2px solid #3e8050; }
.diff-removed { background: #ffe0e0; color: #8b2432; text-decoration: line-through; }
.diff-legend { display: flex; gap: 1rem; font-size: .8rem; margin-block: .6rem; }
.diff-legend span { padding: .12rem .4rem; border-radius: .2rem; }
.complete-diff { margin-block-start: .8rem; }
.complete-diff > summary { cursor: pointer; color: #37695f; font-size: .86rem; margin-block-end: .7rem; }
.inline-question-row[hidden] { display: none; }
[dir="rtl"] .bulk-toolbar, [dir="rtl"] .inline-question-form { font-family: Tahoma, Arial, sans-serif; }
@media (max-width: 700px) { .inline-grid { grid-template-columns: 1fr; } .inline-grid .wide-field { grid-column: 1; } .bulk-toolbar { align-items: stretch; } .bulk-toolbar .field { min-width: 100%; } .inline-question-form { padding: 1rem; } }

/* The review workspace keeps complete Arabic questions and all four answers visible. */
.review-workspace { --review-space: 22px; }
.review-heading { margin-block-end: 25px; }
.review-heading h1 { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-block-end: 8px; }
.review-heading .eyebrow { margin-block-end: 5px; }
.review-heading .page-description { max-width: 850px; margin: 0; }
.review-total { display: inline-flex; padding: 4px 11px; color: var(--teal); background: #e7eee6; border: 1px solid #d5e0d2; border-radius: 7px; font: 600 17px/1.5 -apple-system, BlinkMacSystemFont, sans-serif; letter-spacing: 0; }
.review-filters { margin-block-end: 21px; }
.review-filter-bar { display: grid; grid-template-columns: minmax(220px, 1.7fr) minmax(140px, 1fr) minmax(120px, .8fr) 90px auto; gap: 16px; padding: 20px 22px; border: 0; }
.review-filter-bar .field { min-width: 0; }
.review-filter-bar .field label { font-size: 11px; margin-block-end: 5px; }
.review-filter-bar .filter-search { min-width: 0; }
.review-filter-actions { display: flex; align-items: center; gap: 13px; }
.review-filter-actions .text-link { padding: 0; }
.review-advanced-filters { grid-column: 1 / -1; padding-block-start: 4px; }
.review-advanced-filters > summary { width: fit-content; font-size: 12px; font-weight: 600; color: var(--teal); }
.review-advanced-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; margin-block-start: 15px; border-block-start: 1px solid var(--line); padding-block-start: 15px; }
.review-list-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-block: 18px 14px; }
.review-list-summary { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; }
.review-select-page { display: flex; align-items: center; gap: 9px; font-size: 12px; font-weight: 600; cursor: pointer; }
.review-select-page input, .review-question-identifiers > input { width: 17px; height: 17px; margin: 0; cursor: pointer; flex-shrink: 0; }
.review-toolbar-divider { width: 1px; height: 18px; background: #cbd6cd; }
.review-result-range { font-size: 12px; color: var(--muted); }
.review-mode-switch { display: flex; padding: 3px; border: 1px solid #d4dfd5; border-radius: 8px; background: #eaf0e8; flex-shrink: 0; }
.review-mode-switch button { color: #566a61; padding: 6px 14px; border-radius: 5px; background: transparent; font-size: 12px; font-weight: 600; }
.review-mode-switch button[aria-pressed=true] { color: #163e35; background: #fff; box-shadow: 0 1px 4px #123c261a; }
.review-question-list { display: grid; gap: 14px; }
.review-question { background: white; border: 1px solid #dce3db; border-radius: 10px; box-shadow: 0 2px 5px #14332d03; overflow: hidden; scroll-margin-block: 18px; }
.review-question.is-selected { border-color: #81aa94; box-shadow: 0 0 0 1px #81aa94; }
.review-question.is-dirty { border-inline-start: 3px solid #b59341; }
.review-question-header { padding: 12px var(--review-space); background: #fafbf7; border-block-end: 1px solid #edf0e8; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.review-question-identifiers { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; min-width: 0; }
.review-question-id { font: 650 12px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; color: #587668; }
.review-question-header .category-label { font-size: 12px; color: #526354; }
.review-question-header .badge { font-size: 11px; padding: 3px 9px; }
.review-derived { font-size: 10px; color: var(--muted); }
.review-row-actions { display: flex; align-items: center; flex-shrink: 0; gap: 14px; }
.review-row-actions .button { min-height: 30px; padding: 4px 11px; font-size: 11px; background: transparent; }
.review-details-link { font-size: 11px; color: #607665; white-space: nowrap; }
.review-question-content { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 32px; padding: 22px var(--review-space); align-items: start; }
.review-prompt { min-width: 0; padding-block-start: 2px; }
.review-question-title { font-size: 11px; color: #7a867b; line-height: 1.65; margin-block-end: 10px; overflow-wrap: anywhere; }
.review-question-body { font-size: 18px; line-height: 1.85; color: #19333d; margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.review-explanation { border-block-start: 1px solid #e5eade; margin-block-start: 16px; padding-block-start: 10px; }
.review-explanation > summary { font-size: 12px; color: var(--teal); }
.review-explanation > p { font-size: 13px; color: #637264; line-height: 1.85; white-space: pre-wrap; margin-block-start: 8px; }
.review-answers { margin: 0; display: grid; gap: 0; }
.review-answer { display: grid; grid-template-columns: 95px minmax(0, 1fr); align-items: baseline; gap: 14px; padding: 9px 12px; border-block-end: 1px solid #edf0e8; }
.review-answer:last-child { border: 0; }
.review-answer dt { font-size: 11px; color: #7b8277; }
.review-answer dd { font-size: 15px; line-height: 1.8; margin: 0; overflow-wrap: anywhere; white-space: pre-wrap; }
.review-answer-correct { background: #edf6ed; border: 1px solid #d4e5d4; border-radius: 6px; margin-block-end: 3px; }
.review-answer-correct dt { color: #2f6c4f; font-weight: 600; }
.review-answer-correct dd { color: #25543e; font-weight: 600; }
.review-question-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; padding: 9px var(--review-space); border-block-start: 1px solid #eef0e9; background: #fdfefa; color: #788476; font-size: 10px; }
.review-revision-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 13px; }
.review-revision-number { color: #617b67; }
.review-actor-kind { color: #687b6b; border-inline-end: 1px solid #d9dfd3; padding-inline-end: 6px; margin-inline-end: 4px; }
.review-actor-kind.is-ai { color: #646ca0; }
.review-quality { display: flex; align-items: center; gap: 6px; }
.review-quality-dot { height: 5px; width: 5px; border-radius: 50%; background: #a1aba0; flex-shrink: 0; }
.review-quality-approved { color: #356f4d; }
.review-quality-approved .review-quality-dot { background: #6d9e79; }
.review-quality-needs_changes, .review-quality-stale { color: #90692e; }
.review-quality-needs_changes .review-quality-dot, .review-quality-stale .review-quality-dot { background: #bc9545; }
.review-dirty-badge { background: #fcf2d8; color: #866623; border-radius: 4px; padding: 2px 6px; font-size: 10px; }
.review-source-points { color: #676e83; font-size: 11px; }
.review-missing-media { color: #8a5f24; background: #fff4dd; border: 1px solid #edd9b2; border-radius: 5px; padding: 3px 8px; font-size: 10px; }
.review-media-note { display: flex; gap: 8px; align-items: start; color: #977038; font-size: 12px; line-height: 1.9; background: #fffbf1; border-inline-start: 2px solid #d7b46c; padding: 8px 12px; margin-block-start: 15px; }
.review-media-note > span:first-child { flex-shrink: 0; }
.review-pagination { background: transparent; border: 0; padding: 22px 0; }
.review-page-number { color: var(--muted); margin-inline-start: 20px; }
.review-selection-toolbar { position: sticky; bottom: 12px; margin-block-start: 12px; padding: 13px 19px; border: 1px solid #8aaf98; border-radius: 10px; background: #f6faf3; box-shadow: 0 4px 24px #24493721; z-index: 3; max-height: 54vh; overflow: auto; }
.review-selection-summary { display: flex; align-items: center; gap: 18px; font-size: 11px; color: #78866d; margin-block-end: 9px; }
.review-selection-summary > strong { font-size: 12px; color: #245840; }
.review-save-note { margin-inline-start: auto; }
.review-content-form { display: flex; flex-wrap: wrap; gap: 12px; align-items: end; }
.review-content-form .field { margin: 0; }
.review-content-form .review-batch-reason { flex: 1; min-width: 220px; }
.review-selection-toolbar .field label { font-size: 11px; margin-block-end: 5px; }
.review-content-form [data-feedback]:empty, .review-status-form [data-feedback]:empty, .review-assessment-form [data-feedback]:empty { display: none; }
.review-content-form [data-feedback] { flex-basis: 100%; margin: 0; font-size: 12px; }
.review-status-actions { margin-block-start: 11px; }
.review-status-actions > summary { font-size: 11px; color: #4f765c; width: fit-content; }
.review-status-actions[open] { border-block-start: 1px solid #dce5d6; padding-block-start: 9px; }
.review-status-form { background: transparent; padding: 12px 0 0; border: 0; }
.review-status-form .field, .review-assessment-form .field { margin: 0; }
.review-status-form .field:first-child { flex: .7; min-width: 140px; }
.review-inline-form { background: #f9fbf6; padding: 20px var(--review-space); border: 0; }
.review-editor-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: start; gap: 30px; }
.review-inline-form .field { margin-block-end: 12px; }
.review-inline-form .field label { margin-block-end: 6px; font-size: 12px; }
.review-inline-form .field textarea { font-size: 16px; line-height: 1.8; }
.review-editor-answers .field { display: grid; grid-template-columns: 95px minmax(0, 1fr); align-items: start; gap: 10px; margin-block-end: 8px; }
.review-editor-answers .field label { padding-block-start: 10px; font-size: 11px; }
.review-editor-answers .field textarea { font-size: 15px; padding: 8px 10px; min-height: 44px; }
.review-extra-fields > summary { font-size: 12px; color: var(--teal); margin-block-end: 11px; }
.review-editor-actions { border-block-start: 1px solid #e1e8d9; padding-block-start: 15px; margin-block-start: 12px; display: flex; align-items: end; gap: 15px; }
.review-editor-actions .field { margin: 0; }
.review-editor-status { flex: .6; min-width: 120px; }
.review-editor-reason { flex: 1.6; }
.review-inline-form [data-feedback]:not(:empty) { padding-block-start: 11px; font-size: 12px; }
.review-assessment-form { display: flex; align-items: end; gap: 12px; flex-wrap: wrap; padding-block-start: 12px; }
.review-assessment-form .field { flex: 1; min-width: 160px; }
.review-assessment-form .review-assessment-reason { flex: 2; }
.review-assessment-form [data-feedback] { flex-basis: 100%; margin: 0; font-size: 12px; }
.review-assessment-note { color: var(--muted); font-size: 11px; margin-block: 8px 0; }
.review-workspace [hidden] { display: none !important; }
html[lang=ar] .review-question-body { font-size: 18px; line-height: 1.95; }
html[lang=ar] .review-answer dd { font-size: 15px; line-height: 1.85; }
@media (min-width: 1450px) { .review-heading { margin-block-end: 26px; } }
@media (max-width: 1100px) { .review-filter-bar { grid-template-columns: minmax(180px, 1.5fr) minmax(120px, 1fr) minmax(100px, 1fr) 80px; } .review-filter-actions { grid-column: 1 / -1; } .review-advanced-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .review-question-content, .review-editor-grid { gap: 22px; } .review-save-note { display: none; } }
@media (max-width: 760px) { .review-workspace { --review-space: 17px; } .review-filter-bar { grid-template-columns: 1fr 1fr; gap: 13px; padding: 17px; } .review-filter-bar .filter-search { grid-column: 1 / -1; } .review-filter-actions { grid-column: auto; } .review-advanced-grid { grid-template-columns: 1fr 1fr; } .review-question-content, .review-editor-grid { grid-template-columns: 1fr; gap: 18px; } .review-question-header { align-items: start; } .review-question-identifiers { gap: 8px; } .review-question-header .category-label { font-size: 10px; } .review-question-header .badge { font-size: 9px; } .review-row-actions { gap: 8px; } .review-details-link { display: none; } .review-question-body { font-size: 17px; } .review-answer { grid-template-columns: 100px minmax(0, 1fr); } .review-selection-toolbar { bottom: 7px; padding: 12px; } .review-content-form .review-batch-reason { min-width: 100%; } .review-content-form > .button { flex: 1; } .review-editor-actions { flex-wrap: wrap; } .review-editor-status { flex: 1; } .review-editor-reason { flex: 2; } .review-editor-actions > .button { width: 100%; } .review-list-toolbar { gap: 10px; align-items: start; } .review-list-summary { gap: 8px; } .review-result-range { flex-basis: 100%; font-size: 11px; } .review-toolbar-divider { display: none; } .review-mode-switch button { padding: 6px 9px; font-size: 11px; } .review-pagination { font-size: 11px; } .review-page-number { display: block; margin: 3px 0 0; } .review-selection-summary { font-size: 10px; gap: 10px; } .review-selection-summary > strong { font-size: 11px; } }
@media (prefers-reduced-motion: no-preference) { .review-question { transition: border-color .12s, box-shadow .12s; } }

.review-toolbar-navigation { display: flex; align-items: center; gap: 12px; }
.review-compact-pagination { display: flex; align-items: center; gap: 6px; }
.review-compact-pagination .button { font-size: 17px; line-height: 1; min-height: 35px; padding: 7px 11px; }
@media (max-width: 600px) { .review-toolbar-navigation { flex-wrap: wrap; justify-content: end; gap: 7px; } .review-compact-pagination .button { min-height: 29px; padding: 5px 10px; } }

/* Classification is an editorial judgment; imported points retain their own identity. */
.review-classification-filters { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; border-block-start: 1px solid #e6ebdf; padding-block-start: 15px; }
.review-classification { display: flex; flex-wrap: wrap; column-gap: 22px; row-gap: 7px; margin: 0; padding: 11px var(--review-space, 22px); border-block-end: 1px solid #edf0e8; font-size: 11px; background: #fdfefa; }
.review-classification > div { display: flex; align-items: baseline; gap: 7px; min-width: 0; }
.review-classification dt { color: #818b7c; font-size: 10px; flex-shrink: 0; }
.review-classification dd { margin: 0; color: #465f4e; overflow-wrap: anywhere; }
.review-classification-fields { display: grid; grid-template-columns: 1fr 1.2fr 1fr; gap: 16px; border-block-start: 1px solid #e1e8d9; padding-block-start: 15px; margin-block-start: 14px; }
.review-classification-fields .field { margin-block-end: 0; }
.classification-panel .review-classification-fields { display: grid; grid-template-columns: 1fr; border: 0; padding: 0; margin: 0; gap: 15px; }
.classification-panel .review-classification { display: grid; border: 0; padding: 0; background: transparent; gap: 12px; }
.classification-panel .review-classification > div { justify-content: space-between; gap: 18px; }
.classification-panel .review-classification dt { font-size: 11px; }
.classification-panel .review-classification dd { font-size: 12px; }
.classification-panel .field-help { margin-block: 16px 0; }
.review-findings { padding: 10px var(--review-space, 22px); display: flex; flex-wrap: wrap; align-items: start; gap: 8px; border-block-end: 1px solid #ecefe4; background: #fffdfa; }
.review-finding { font-size: 11px; background: #fff8e8; border: 1px solid #e8d9b9; border-radius: 6px; color: #825f26; max-width: 100%; }
.review-finding > summary { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; padding: 5px 9px; list-style: none; }
.review-finding > summary::-webkit-details-marker { display: none; }
.review-finding > summary::after { content: "+"; margin-inline-start: 2px; font-size: 13px; }
.review-finding[open] > summary::after { content: "−"; }
.review-finding-severity { border-inline-start: 1px solid currentColor; padding-inline-start: 7px; font-size: 9px; opacity: .8; }
.review-finding-stale { font-size: 9px; color: #7b7766; }
.review-finding-critical { background: #fff0eb; border-color: #e7c1b9; color: #923f35; }
.review-finding-info { background: #f1f6f7; border-color: #d5e3e5; color: #536e77; }
.review-finding > p { padding: 2px 10px 9px; margin: 0; line-height: 1.9; white-space: pre-wrap; overflow-wrap: anywhere; }
.review-finding .review-finding-attribution { color: #7f8375; font-size: 10px; }
.review-findings-form { display: grid; grid-template-columns: 1.2fr 1fr 1fr; align-items: end; gap: 12px; padding-block-start: 12px; }
.review-findings-form .field { margin: 0; min-width: 0; }
.review-findings-form .review-finding-reason { grid-column: 1 / 3; }
.review-findings-form [data-feedback] { grid-column: 1 / -1; margin: 0; font-size: 12px; }
.review-findings-form [data-feedback]:empty { display: none; }
.detail-sidebar .review-findings { padding: 0; border: 0; background: transparent; }
@media(max-width:760px) { .review-classification { column-gap: 15px; padding-block: 9px; } .review-classification > div:last-child { flex-basis: 100%; } .review-classification-filters, .review-classification-fields { grid-template-columns: 1fr 1fr; gap: 12px; } .review-classification-filters > div:last-child, .review-classification-fields > div:last-child { grid-column: 1 / -1; } .review-findings-form { grid-template-columns: 1fr 1fr; } .review-findings-form > .field:first-child { grid-column: 1 / -1; } .review-findings-form .review-finding-reason { grid-column: 1 / -1; } .review-findings-form > .button { grid-column: 1 / -1; } }

/* Audience-specific estimates remain separate from intended source difficulty. */
.review-heading-actions { justify-content: end; flex-shrink: 0; }
.review-evaluation { padding: 11px var(--review-space, 22px); border-block-start: 1px solid #edf0e7; background: #fcfdf9; }
.review-evaluation-scores { display: flex; flex-wrap: wrap; align-items: center; gap: 13px 22px; }
.review-evaluation-score { display: flex; align-items: baseline; gap: 8px; font-size: 10px; color: #72826e; }
.review-evaluation-score strong { font-size: 16px; color: #315e4d; line-height: 1.2; }
.review-evaluation-score small { font-size: 10px; font-weight: 400; color: #8a9583; }
.review-evaluation-tags { display: flex; flex-wrap: wrap; gap: 5px; }
.review-evaluation-tags > span { background: #eef3ec; color: #677f60; border-radius: 4px; padding: 2px 7px; font-size: 10px; }
.review-evaluation-stale-note { font-size: 10px; color: #967739; }
.review-evaluation-context { margin-block-start: 8px; font-size: 10px; color: #798472; }
.review-evaluation-context > summary { width: fit-content; }
.review-evaluation-context > p { margin-block: 7px 0; font-size: 12px; line-height: 1.85; white-space: pre-wrap; color: #596b57; }
.review-evaluation-context .review-evaluation-attribution { font-size: 10px; color: #85917c; }
.review-evaluation-stale { background: #fffcf3; }
.review-evaluation-stale .review-evaluation-score strong { color: #8b794e; }
.review-no-evaluation { color: #8a9482; font-size: 11px; }
.review-evaluation-form { display: grid; grid-template-columns: 1fr 1fr 1.6fr; gap: 12px; align-items: start; padding-block-start: 12px; }
.review-evaluation-form .field { margin: 0; }
.review-evaluation-form .field-help { margin-block: 5px 0; font-size: 10px; }
.review-evaluation-form .review-evaluation-rationale { grid-column: 1 / 3; }
.review-evaluation-form > .button { align-self: end; }
.review-evaluation-form [data-feedback] { grid-column: 1 / -1; font-size: 12px; margin: 0; }
.review-evaluation-form [data-feedback]:empty { display: none; }
.review-experience-options { margin: 0; grid-column: 1 / -1; border: 1px solid #dce6d6; border-radius: 6px; padding: 10px 12px; min-width: 0; }
.review-experience-options legend { padding-inline: 5px; font-size: 11px; color: #5d7055; }
.review-experience-options > div { display: flex; flex-wrap: wrap; gap: 8px 15px; }
.review-experience-options label { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; cursor: pointer; }
.review-experience-options input { margin: 0; }
@media (max-width: 760px) { .review-heading-actions { justify-content: start; } .review-evaluation-form { grid-template-columns: 1fr 1fr; } .review-evaluation-audience, .review-evaluation-form .review-evaluation-rationale, .review-evaluation-form > .button { grid-column: 1 / -1; } .review-evaluation-scores { column-gap: 16px; row-gap: 8px; } .review-evaluation-tags { flex-basis: 100%; } }

/* Server-rendered distributions use current, scoped records with accessible counts. */
.overview-scope-panel { display: flex; justify-content: space-between; align-items: center; gap: 25px; padding: 20px 24px; margin-block-end: 25px; }
.overview-scope-form { display: flex; align-items: end; gap: 12px; min-width: 330px; }
.overview-scope-form .field { margin: 0; flex: 1; }
.overview-scope-form .field label { font-size: 11px; margin-block-end: 5px; }
.overview-estimate-notice { font-size: 12px; color: #7b826e; line-height: 1.8; margin: 0; max-width: 550px; }
.overview-metrics .metric-value { margin-block-end: 0; }
.overview-metrics .metric-value small { font: 400 12px/1.5 -apple-system, sans-serif; color: #8b9785; letter-spacing: 0; }
.overview-metrics .metric-detail { margin-block-start: 7px; }
.overview-chart-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 22px; align-items: start; }
.overview-chart { padding: 24px 26px; min-width: 0; }
.overview-chart-heading { margin-block-end: 23px; }
.overview-chart-heading h2 { font-size: 18px; margin-block-end: 7px; }
.overview-chart-heading p { font-size: 11px; line-height: 1.8; color: #82907d; margin: 0; }
.overview-chart-empty { color: #85917b; font-size: 12px; line-height: 1.85; border-inline-start: 2px solid #dbe6d2; padding-inline-start: 11px; margin-block-end: 20px; }
.overview-empty-note { padding: 18px 22px; margin-block-end: 22px; color: #7b8875; background: #edf2e7; border-radius: 8px; font-size: 13px; }
.overview-bars { padding: 0; margin: 0; list-style: none; display: grid; gap: 17px; }
.overview-bar-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-block-end: 7px; font-size: 12px; }
.overview-bar-heading > a, .overview-bar-heading > span { color: #47654d; overflow-wrap: anywhere; }
.overview-bar-heading > strong { color: #577257; font: 600 12px/1.5 -apple-system, BlinkMacSystemFont, sans-serif; flex-shrink: 0; }
.overview-bar-track { height: 8px; background: #edf2e8; border-radius: 4px; overflow: hidden; }
.overview-bar-track > span { display: block; background: #83a58b; height: 100%; border-radius: 4px; }
.overview-more { margin-block-start: 22px; font-size: 12px; }
.overview-more > summary { color: var(--teal); margin-block-end: 18px; }
.overview-chart-footnote { font-size: 11px; color: #85907b; border-block-start: 1px solid #e7ecdf; padding-block-start: 14px; margin-block: 20px 0; }
.overview-histogram { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 9px; direction: ltr; margin-block-start: 30px; }
.overview-histogram-axis { display: flex; flex-direction: column; justify-content: space-between; padding-block-end: 30px; color: #91a087; font: 10px/1.5 -apple-system, BlinkMacSystemFont, sans-serif; text-align: end; }
.overview-histogram-plot { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); gap: 7px; background: repeating-linear-gradient(to top, transparent 0, transparent 49px, #eff3e9 49px, #eff3e9 50px); background-size: 100% 150px; background-repeat: no-repeat; }
.overview-histogram-plot > li { display: grid; grid-template-rows: 150px 28px; min-width: 0; }
.overview-histogram-slot { height: 150px; display: flex; align-items: end; justify-content: center; border-block-end: 1px solid #d8e2d1; }
.overview-histogram-bar { display: block; width: 72%; position: relative; background: #61927f; border-radius: 3px 3px 0 0; }
.overview-histogram-count { position: absolute; inset-block-start: -22px; inset-inline: 0; text-align: center; color: #587454; font: 500 10px/1.5 -apple-system, BlinkMacSystemFont, sans-serif; }
.overview-histogram-label { font: 9px/1.5 -apple-system, BlinkMacSystemFont, sans-serif; text-align: center; padding-block-start: 9px; color: #86927b; white-space: nowrap; }
.overview-histogram-enjoyment .overview-histogram-bar { background: #b7a376; }
.overview-audiences { padding: 24px 26px; margin-block-start: 22px; }
.overview-table th { padding: 10px 13px; font-size: 11px; text-transform: none; letter-spacing: 0; }
.overview-table td { padding: 11px 13px; font-size: 12px; }
.overview-table td:last-child, .overview-table th:last-child { text-align: end; width: 100px; }
.overview-editorial { padding: 24px 26px; margin-block-start: 22px; }
.overview-editorial h2 { font-size: 18px; margin-block-end: 18px; }
.overview-editorial > div { display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px; }
.overview-summary-stat { display: flex; flex-direction: column; gap: 7px; color: #6a7b5f; font-size: 11px; }
.overview-summary-stat strong { color: #446945; font: 500 25px/1.5 -apple-system, BlinkMacSystemFont, sans-serif; }
@media (max-width: 1000px) { .overview-scope-panel { align-items: start; } .overview-scope-form { min-width: 280px; } .overview-chart { padding: 22px 18px; } .overview-histogram-plot { gap: 4px; } .overview-histogram-label { font-size: 8px; } .overview-editorial > div { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 760px) { .overview-scope-panel { display: block; padding: 18px; } .overview-scope-form { min-width: 0; } .overview-estimate-notice { margin-block-start: 15px; font-size: 11px; } .overview-chart-grid { grid-template-columns: 1fr; gap: 16px; } .overview-chart, .overview-audiences, .overview-editorial { padding: 22px 18px; } .overview-histogram-label { font-size: 9px; } .overview-editorial > div { grid-template-columns: 1fr 1fr; } }

.overview-audience-notice { padding: 13px 17px; border: 1px solid #e4d9bd; border-radius: 7px; margin-block-end: 22px; background: #faf6e9; color: #8a794b; font-size: 12px; line-height: 1.85; }
@media (max-width: 400px) { .overview-histogram-plot > li { grid-template-rows: 150px 37px; } .overview-histogram-label { font-size: 8px; transform: rotate(-38deg); transform-origin: center top; padding-block-start: 6px; } .overview-histogram-axis { padding-block-end: 39px; } }

/* Category guidance is rendered from sanitized Markdown; prose follows the UI locale. */
.markdown-rendered { color: #40534d; font-size: 15px; line-height: 1.95; overflow-wrap: anywhere; min-width: 0; }
.markdown-rendered > :first-child { margin-block-start: 0; }
.markdown-rendered > :last-child { margin-block-end: 0; }
.markdown-rendered h1, .markdown-rendered h2, .markdown-rendered h3, .markdown-rendered h4, .markdown-rendered h5, .markdown-rendered h6 { color: var(--navy); font-family: inherit; line-height: 1.5; letter-spacing: 0; margin-block: 1.65em .65em; }
.markdown-rendered h1 { font-size: 27px; }
.markdown-rendered h2 { font-size: 22px; padding-block-end: .4em; border-block-end: 1px solid #e4e9df; }
.markdown-rendered h3 { font-size: 18px; }
.markdown-rendered h4, .markdown-rendered h5, .markdown-rendered h6 { font-size: 16px; }
.markdown-rendered p { margin-block: 0 1.1em; }
.markdown-rendered ul, .markdown-rendered ol { margin-block: .6em 1.3em; padding-inline-start: 1.7em; padding-inline-end: 0; }
.markdown-rendered li { padding-inline-start: .2em; margin-block: .25em; }
.markdown-rendered li > p { margin-block-end: .45em; }
.markdown-rendered li > ul, .markdown-rendered li > ol { margin-block: .4em .65em; }
.markdown-rendered strong { color: #2c4941; }
.markdown-rendered a { color: var(--teal); text-decoration: underline; text-underline-offset: 3px; unicode-bidi: isolate; }
.markdown-rendered a:hover { text-decoration-thickness: 2px; }
.markdown-rendered a:focus-visible, .markdown-table-scroll:focus-visible { outline: 2px solid var(--teal); outline-offset: 3px; border-radius: 3px; }
.markdown-rendered .markdown-url { direction: ltr; unicode-bidi: isolate; display: inline-block; max-width: 100%; vertical-align: top; }
.markdown-rendered blockquote { margin-block: 1.5em; margin-inline: 0; padding: 15px 20px; border-inline-start: 3px solid #92b3a3; background: #f2f6ed; border-radius: 4px; color: #617564; }
.markdown-rendered blockquote > :last-child { margin-block-end: 0; }
.markdown-rendered hr { border: 0; border-block-start: 1px solid #dce5d6; margin-block: 2em; }
.markdown-rendered code { direction: ltr; unicode-bidi: isolate; display: inline-block; max-width: 100%; vertical-align: baseline; font: 13px/1.75 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: #466554; background: #eef2e9; padding: .1em .4em; border-radius: 4px; }
.markdown-rendered pre { direction: ltr; unicode-bidi: isolate; text-align: left; overflow-x: auto; white-space: pre; border: 1px solid #dfe7d8; background: #f5f7f0; border-radius: 7px; padding: 17px 20px; margin-block: 1.4em; max-width: 100%; }
.markdown-rendered pre code { display: block; max-width: none; background: transparent; padding: 0; white-space: pre; overflow-wrap: normal; }
.markdown-table-scroll { overflow-x: auto; margin-block: 1.5em; border: 1px solid #dfe7d8; border-radius: 7px; max-width: 100%; }
.markdown-rendered table { margin: 0; width: 100%; border-collapse: collapse; font-size: 13px; }
.markdown-rendered th, .markdown-rendered td { padding: 12px 16px; min-width: 115px; max-width: 450px; text-align: start; vertical-align: top; line-height: 1.85; border-block-end: 1px solid #e5ebdf; white-space: normal; }
.markdown-rendered th { color: #4d6a59; background: #eff4e9; font-size: 12px; font-weight: 700; text-transform: none; letter-spacing: 0; }
.markdown-rendered tr:last-child td { border-block-end: 0; }
.markdown-rendered tbody tr:nth-child(even) { background: #fafbf6; }
html[lang="ar"] .markdown-rendered { font-size: 16px; line-height: 2; }
@media (max-width: 760px) { .markdown-rendered h1 { font-size: 23px; } .markdown-rendered h2 { font-size: 20px; } .markdown-rendered h3 { font-size: 17px; } .markdown-rendered th, .markdown-rendered td { padding: 10px 12px; } .markdown-rendered pre { padding: 13px; } }

/* The administrative sign-in screen contains only authentication controls. */
.main-content.login-main { width: 100%; min-height: 100vh; min-height: 100dvh; padding: 32px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.login-main > .flash { width: 100%; max-width: 420px; }
.login-main .login-card { width: 100%; max-width: 420px; padding: 32px; }
.login-main .login-card h1 { font-family: inherit; font-size: 24px; font-weight: 600; letter-spacing: 0; line-height: 1.5; margin: 0 0 28px; }
.login-language { display: flex; justify-content: center; gap: 12px; margin-top: 24px; font-size: 12px; color: var(--muted); }
.login-language a[aria-current="true"] { text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 480px) { .login-main .login-card { padding: 26px 22px; } }