html { color-scheme: light; }
.starting { font-family: "Segoe UI", sans-serif; padding: 3rem; color: #293c8f; }
body { min-width: 320px; }
button, input, select { touch-action: manipulation; }
@media (min-width: 1000px) { .topbar { flex-wrap: wrap; } }
.csgbHelperDialog { background: #fff; width: min(640px, calc(100vw - 32px)); max-height: calc(100vh - 40px); overflow: auto; padding: 28px; border-radius: 18px; box-shadow: 0 24px 80px #18233a33; color: #18233a; font: 15px/1.6 'Segoe UI', sans-serif; }
.csgbHelperDialog h2 { margin: 0; font-size: 22px; color: #293c8f; }
.csgbHelperDialog .sectionTitle { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.csgbHelperDialog li { margin: 10px 0; }
.csgbHelperDialog a { color: #293c8f; }
.csgbHelperDialog a.button.primary { color: #fff; text-decoration: none; }
.csgbHelperActions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 22px; }
.csgbHelperStatus { min-height: 24px; font-size: 13px; color: #52627b; }
.csgbHelpPage { max-width: 680px; margin: 50px auto; padding: 24px; font-family: 'Segoe UI', sans-serif; line-height: 1.7; color: #18233a; }
.csgbHelpPage h1 { font-size: 28px; color: #293c8f; }
.csgbHelpPage .button { text-decoration: none; }

/* READABILITY_25_PERCENT_LAYOUT */
.tableWrap { overflow-x: auto; }
.tableWrap > table { min-width: 1200px; }
.tableWrap th, .tableWrap td { white-space: normal; }
.tableWrap td:nth-child(2) { overflow-wrap: anywhere; }
.rowActions { flex-wrap: wrap; gap: 6px; }