.koi-pages{display:grid;gap:16px;min-width:0;margin-top:16px}
.koi-pages a{display:block;min-width:0;background:#fff;border:1px solid #dce5ee;border-radius:12px;overflow:hidden}
.koi-pages img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.koi-help-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:18px 0}
.koi-help-actions small{flex:1 1 200px;color:#64748b;font-size:12px}
.koi-help-actions [hidden]{display:none!important}
.koi-hints{padding-left:24px;line-height:1.85}
.koi-hints li+li{margin-top:14px}
@media(max-width:640px){.koi-pages{gap:10px}.koi-help-actions .btn{flex:1 1 120px}.koi-help-actions small{flex-basis:100%}}

/* Shared outer page geometry for student, teacher and administrator menus.
   Reading panels, dialogs and coding/exam workspaces retain their own widths. */
:root {
  --cogo-page-max: 1600px;
  --cogo-page-gutter: 28px;
}
@media (max-width: 1100px) {
  :root { --cogo-page-gutter: 20px; }
}
@media (max-width: 600px) {
  :root { --cogo-page-gutter: 12px; }
}
@media screen {
  html body[data-view]:not([data-view="solve"]):not([data-view="coding"]):not([data-view="workbookExam"]):not(.contest-focus9) #main.content {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: var(--cogo-page-max) !important;
    min-width: 0 !important;
    margin-inline: auto !important;
    padding-inline: var(--cogo-page-gutter) !important;
  }
  html body[data-view]:not([data-view="solve"]):not([data-view="coding"]):not([data-view="workbookExam"]):not(.contest-focus9) #main.content > :is(.page, .teacher-page298, .teacher-shell298, .contest-page298, .studio-desk6, .live22, .course21) {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
  }
  html body[data-view]:not([data-view="solve"]):not([data-view="coding"]):not([data-view="workbookExam"]):not(.contest-focus9) #main.content > .page > :is(.desk11, .v6-desk, .home9, .ranking283, .ranking287, .groups287, .course21, .class-hub28, .live22, .guide19, .guide23, .resources8, .resources9, .community8, .community9, .community284, .contests8, .contests15, .insights8, .criteria8, .listening8, .certifications8, .teacher-page298, .teacher-shell298, .teacher-guide298, .contest-page298, .studio-desk6, .media-desk11) {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
  }
  html body #main :is(.teacher-cards298, .teacher-content298, .teacher-group-page298, .admin-board7, .workspace-board6) {
    min-width: 0;
  }
}