/* Site-wide near-white blue surfaces. No theme, judge, data, or whiteboard logic changes. */
/* Semantic success/error/warning colors, solid actions, artwork and dark editors stay intact. */

html:not(.theme--dark):not(.page--gespoj_whiteboard) {
  --sz-page: #f4f9fd;
  --sz-surface: #fbfdff;
  --sz-head: #f1f7fc;
  --sz-line: #dcebf5;
  --sz-line-soft: #eaf2f8;
  --sz-line-strong: #cbdfea;
  --sz-hover: #f0f7fc;
}

html:not(.theme--dark):not(.page--gespoj_whiteboard) body,
html:not(.theme--dark):not(.page--gespoj_whiteboard) #panel {
  background: var(--sz-page);
}

html:not(.theme--dark):not(.page--gespoj_whiteboard) .nav,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .footer {
  background: var(--sz-surface); border-color: var(--sz-line);
}

html:not(.theme--dark):not(.page--gespoj_whiteboard) .section,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .dropdown,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .dialog__content {
  background-color: var(--sz-surface); border-color: var(--sz-line);
}

html:not(.theme--dark):not(.page--gespoj_whiteboard) .section__header,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .data-table thead {
  background: var(--sz-head); border-color: var(--sz-line-soft);
}

html:not(.theme--dark):not(.page--gespoj_whiteboard) .data-table th,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .data-table td,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .section__body + .section__body,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .section__footer,
html:not(.theme--dark):not(.page--gespoj_whiteboard) hr {
  border-color: var(--sz-line-soft);
}

html:not(.theme--dark):not(.page--gespoj_whiteboard) .textbox,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .select,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .cr-field input,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .cr-field select,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .st-answer-input,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .ex-codetext {
  background-color: var(--sz-surface); border-color: var(--sz-line-strong);
}

html:not(.theme--dark):not(.page--gespoj_whiteboard) .lp-card,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .lp-empty,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .cj-card,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .cj-empty,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .cs-card,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .cs-empty,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .sk-card,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .cr-head,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .cr-panel,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .cr-tabs,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .st-card,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .st-paper,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .st-panel,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .st-empty,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .csp-classroom-admin-settings details {
  background: var(--sz-surface); border-color: var(--sz-line);
}

html:not(.theme--dark):not(.page--gespoj_whiteboard) .lp-hero,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .cj-hero,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .cs-hero,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .sk-hero,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .cr-hero,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .cr-head--level .cr-hero,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .st-hero,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .sz-wrongbook-hero,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .lg-submit-hero,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .dr-lg-hero,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .csp-final-take .ex-top {
  background: linear-gradient(115deg, #f0f7fd, #fbfdff); border-color: var(--sz-line);
}

html:not(.theme--dark):not(.page--gespoj_whiteboard) .cr-row,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .cr-contest-row,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .cr-toolbar,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .st-row,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .st-question-row,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .exam-sw,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .exam-row,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .ex-judge__row {
  border-color: var(--sz-line-soft);
}

html:not(.theme--dark):not(.page--gespoj_whiteboard) .cr-row:hover,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .cr-contest-row:hover,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .st-paper:hover,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .st-question-row:hover {
  background-color: var(--sz-hover);
}

html:not(.theme--dark):not(.page--gespoj_whiteboard) .ti-practice.ti-tech {
  --plain-line: #dcebf5; --plain-bg: #fbfdff; --plain-soft: #f1f7fc; --plain-selected: #e6f1f9;
}

html:not(.theme--dark):not(.page--gespoj_whiteboard) .ti-practice.ti-tech .ti-sw a.ti-sw__item:hover {
  background: var(--sz-hover); border-color: var(--sz-line-strong);
}

html:not(.theme--dark):not(.page--gespoj_whiteboard) .ti-practice.ti-tech .ti-sw a.ti-sw__item--active,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .ti-practice.ti-tech .ti-sw a.ti-sw__item--active:hover,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .ti-practice.ti-tech .ti-topic-list a.ti-topic--active,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .ti-practice.ti-tech .ti-topic-list a.ti-topic--active:hover {
  background: var(--plain-selected); border-color: #a8c7dc;
}

html:not(.theme--dark):not(.page--gespoj_whiteboard) .ti-practice.ti-tech .ti-tech-topic-art {
  background: #eef5fa;
}

html:not(.theme--dark):not(.page--gespoj_whiteboard) .gesp-history .section:first-child .section__header {
  background: var(--sz-head); border-color: var(--sz-line);
}

html:not(.theme--dark):not(.page--gespoj_whiteboard) .gesp-history .exam-sw {
  border-color: var(--sz-line-soft);
}

html:not(.theme--dark):not(.page--gespoj_whiteboard) .gesp-history a.exam-sw__item {
  background: var(--sz-head); border-color: var(--sz-line);
}

html:not(.theme--dark):not(.page--gespoj_whiteboard) .gesp-history a.exam-sw__item:hover {
  background: var(--sz-hover); border-color: var(--sz-line-strong);
}

html:not(.theme--dark):not(.page--gespoj_whiteboard) .gesp-history a.exam-sw__item--active,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .gesp-history a.exam-sw__item--active:hover,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .gesp-history a.exam-sw__item--active:visited,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .gesp-history a.exam-sw__item--active:focus {
  background: #e6f1f9; border-color: #a8c7dc;
}

html:not(.theme--dark):not(.page--gespoj_whiteboard) .gesp-history .exam-row {
  background: var(--sz-surface); border-color: var(--sz-line-soft);
}

html:not(.theme--dark):not(.page--gespoj_whiteboard) .gesp-history .exam-row:hover {
  background: var(--sz-hover);
}

html:not(.theme--dark):not(.page--gespoj_whiteboard) .lg-code-editor,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .lg-code-editor textarea,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .lg-console-pane,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .lg-console-pane textarea,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .ex-code textarea,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .dr-lg-card,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .ex-history-card {
  background-color: var(--sz-surface); border-color: var(--sz-line);
}

html:not(.theme--dark):not(.page--gespoj_whiteboard) .lg-ide-toolbar,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .lg-line-numbers,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .lg-console-pane header,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .csp-final-real-take .ex-code__bar,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .ti-cpp-console-title,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .ti-cpp-ide-actions {
  background: var(--sz-head); border-color: var(--sz-line);
}

html:not(.theme--dark):not(.page--gespoj_whiteboard) #scratchpad.ti-cpp-ide {
  background: var(--sz-page);
}

html:not(.theme--dark):not(.page--gespoj_whiteboard) #scratchpad.ti-cpp-ide .ti-cpp-editor-pane,
html:not(.theme--dark):not(.page--gespoj_whiteboard) #scratchpad.ti-cpp-ide .ti-cpp-console-pane,
html:not(.theme--dark):not(.page--gespoj_whiteboard) #scratchpad.ti-cpp-ide .scratchpad__toolbar__item .select,
html:not(.theme--dark):not(.page--gespoj_whiteboard) #scratchpad.ti-cpp-ide .ti-cpp-font-chip {
  background-color: var(--sz-surface); border-color: var(--sz-line);
}

html:not(.theme--dark):not(.page--gespoj_whiteboard) #scratchpad.ti-cpp-ide .scratchpad__toolbar {
  background: var(--sz-head); border-color: var(--sz-line);
}

html:not(.theme--dark):not(.page--gespoj_whiteboard) #scratchpad.ti-cpp-ide .ti-cpp-console-pane:not(.ti-cpp-console-pane--output) > .scratchpad__data-input {
  background: var(--sz-surface);
}

/* Knowledge lists, sample blocks and read-only submission code use the same quiet surfaces. */
html:not(.theme--dark):not(.page--gespoj_whiteboard) .skb-head {
  background: linear-gradient(115deg, #f0f7fd, #fbfdff); border-color: var(--sz-line);
}
html:not(.theme--dark):not(.page--gespoj_whiteboard) .skb-row,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .skb-empty,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .sz-content-block,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .sz-exam-content > .sz-content-block {
  background: var(--sz-surface); border-color: var(--sz-line);
}
html:not(.theme--dark):not(.page--gespoj_whiteboard) .sz-content-block--muted,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .sz-exam-content > .sz-content-block--muted,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .skb-order {
  background: var(--sz-head);
}
html:not(.theme--dark):not(.page--gespoj_whiteboard) .section__body > pre.line-numbers,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .problem-content pre {
  background-color: var(--sz-surface); border-color: var(--sz-line);
}

/* Monaco light editors only: retain token colors, selections and all vs-dark/hc themes. */

html:not(.theme--dark):not(.page--gespoj_whiteboard) .monaco-editor.vs,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .monaco-editor.vs .monaco-editor-background,
html:not(.theme--dark):not(.page--gespoj_whiteboard) .monaco-editor.vs .inputarea.ime-input {
  background-color: var(--sz-surface) !important;
}

html:not(.theme--dark):not(.page--gespoj_whiteboard) .monaco-editor.vs .margin {
  background-color: var(--sz-head) !important;
}

/* Whiteboard never loads this file; light login page is the only immersive target. */

html:not(.theme--dark):not(.page--gespoj_whiteboard) .immersive--center {
  background-color: var(--sz-surface);
}

html.layout--immersive:not(.theme--dark):not(.page--gespoj_whiteboard) #panel {
  background: linear-gradient(145deg, #f1f8fd, #fbfdff);
}

/* Compact topic cards: six on desktop, progressively fewer on narrow screens. */
html.page--problem_main:not(.page--gespoj_whiteboard) .ti-practice.ti-tech .ti-topic-list { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
html.page--problem_main:not(.page--gespoj_whiteboard) .ti-practice.ti-tech .ti-topic-list .ti-topic { min-height: 88px; padding: 12px; gap: 10px; }
html.page--problem_main:not(.page--gespoj_whiteboard) .ti-practice.ti-tech .ti-tech-topic-art { width: 40px; height: 40px; border-radius: 8px; }
html.page--problem_main:not(.page--gespoj_whiteboard) .ti-practice.ti-tech .ti-tech-topic-name { font-size: 15px; line-height: 1.45; }
html.page--problem_main:not(.page--gespoj_whiteboard) .ti-practice.ti-tech .ti-tech-topic-copy { gap: 6px; }
html.page--problem_main:not(.page--gespoj_whiteboard) .ti-practice.ti-tech .ti-tech-topic-meta { gap: 4px 7px; }
@media (max-width: 1199px) {
  html.page--problem_main:not(.page--gespoj_whiteboard) .ti-practice.ti-tech .ti-topic-list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 899px) {
  html.page--problem_main:not(.page--gespoj_whiteboard) .ti-practice.ti-tech .ti-topic-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  html.page--problem_main:not(.page--gespoj_whiteboard) .ti-practice.ti-tech .ti-topic-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html.page--problem_main:not(.page--gespoj_whiteboard) .ti-practice.ti-tech .ti-topic-list .ti-topic { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 380px) {
  html.page--problem_main:not(.page--gespoj_whiteboard) .ti-practice.ti-tech .ti-topic-list { grid-template-columns: minmax(0, 1fr); }
  html.page--problem_main:not(.page--gespoj_whiteboard) .ti-practice.ti-tech .ti-topic-list .ti-topic { flex-direction: row; align-items: center; }
}