html.ctoj-layout-v2{--cl-surface:var(--cu-surface,#fff);--cl-ink:var(--cu-ink,#203b55);--cl-line:var(--cu-border,#d1e2f2);--cl-soft:var(--cu-soft,#edf5fc);--cl-accent:var(--cu-accent,#1763a1)}
.ctoj-layout-v2 .content-app{box-sizing:border-box;min-width:0;max-width:100%;padding-left:16px;padding-right:16px}
.ctoj-layout-v2 .content-app > .ivu-row-flex,.ctoj-layout-v2 .content-app > .ivu-row-flex > .ivu-col{min-width:0;box-sizing:border-box}
.ctoj-layout-v2 .ivu-card,.ctoj-layout-v2 .ivu-card-body,.ctoj-layout-v2 .ivu-table-wrapper{min-width:0;box-sizing:border-box}
.ctoj-layout-v2 .ivu-table-wrapper{max-width:100%}
.ctoj-layout-v2 .ivu-table-body,.ctoj-layout-v2 .ivu-table-overflowX{overflow-x:auto}
@media(min-width:1121px){.ctoj-layout-v2 #header>ul.ivu-menu{max-width:100%;padding-left:16px!important;padding-right:16px!important}}
.ctoj-layout-v2 #header>.ivu-menu>.ivu-menu-item,.ctoj-layout-v2 #header>.ivu-menu>.ivu-menu-submenu{padding-left:11px!important;padding-right:11px!important}
.ctoj-layout-v2 #header .cl-ide-menu a{display:block;color:inherit;text-decoration:none;min-width:32px}
.ctoj-layout-v2 #header .cl-ide-menu a[aria-current=page]{color:var(--cl-accent);font-weight:bold}
.ctoj-layout-v2 :is(button,a,input,select,summary):focus-visible{outline:3px solid #408fc6;outline-offset:3px}
.ctoj-layout-v2 .cl-start{box-sizing:border-box;max-width:1440px;margin:0 auto 20px;padding:24px;background:var(--cl-surface);color:var(--cl-ink);border:1px solid var(--cl-line);border-radius:12px}
.cl-start h1{font-size:25px;line-height:1.4;margin:0 0 8px}.cl-start p{margin:0 0 16px}
.cl-search-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.cl-search-form label{flex-basis:100%;font-weight:bold}.cl-search-form input{min-width:0;flex:1 1 240px;padding:10px 12px;border:1px solid var(--cl-line);border-radius:8px;font:inherit;background:var(--cl-surface);color:var(--cl-ink)}
.cl-search-form button,.cl-start-actions a,.cl-news-toggle{display:inline-block;font:inherit;padding:9px 15px;border:1px solid var(--cl-line);border-radius:8px;background:var(--cl-soft);color:var(--cl-accent);cursor:pointer}.cl-search-form button{background:var(--cl-accent);color:#fff}.cl-start-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.cl-home .cl-home-main{display:flex;flex-direction:column;gap:18px;min-width:0}.cl-home .cl-home-learning{order:0}.cl-home .cl-announcements{order:1;margin-top:0!important}.cl-home .cl-announcements:not(.cl-news-expanded) .announcements-container>li:nth-child(n+4){display:none}.cl-news-toggle{margin:0 20px 16px}.cl-home .announcement>.ivu-col-span-5{min-width:0}.cl-home .announcements-container .date{white-space:nowrap;font-size:12px}.cl-home .announcements-container .creator{font-size:12px}
.ctoj-layout-v2 .csw-container{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}
.ctoj-layout-v2.csw-active .csw-main{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box;margin-left:0!important;margin-right:0!important}
.ctoj-layout-v2 .csw-main>*{min-width:0;box-sizing:border-box}
.ctoj-layout-v2 .csw-main>.csw-statement,.ctoj-layout-v2 .csw-main>#submit-code{max-width:100%;min-width:0!important}
.ctoj-layout-v2 .csw-editor>.ivu-card-body{box-sizing:border-box;width:100%;max-width:100%}
.ctoj-layout-v2 .csw-editor .header{display:flex;flex-wrap:wrap;gap:8px;margin:0!important}.ctoj-layout-v2 .csw-editor .header>.ivu-col{min-width:0;max-width:100%;flex:1 1 180px;width:auto!important}.ctoj-layout-v2 .csw-editor .header .fl-right{float:none!important}.ctoj-layout-v2 .csw-editor .ivu-select{max-width:100%}
.ctoj-layout-v2 .csw-toolbar,.ctoj-layout-v2 .ci-titlebar{gap:8px;align-items:center;min-width:0;flex-wrap:wrap}
.ctoj-layout-v2 .csw-toolbar>strong{font-size:14px}.cl-native-actions{display:flex;gap:8px;flex-wrap:wrap}.cl-native-actions button{min-width:100px}.ctoj-layout-v2 .cl-native-actions .cl-primary{background:var(--cl-accent);color:white;font-weight:bold}
.ctoj-layout-v2 .cl-proxied{display:none!important}.cl-settings{min-width:0;max-width:100%;font-size:13px}.cl-settings summary{padding:7px 10px;border:1px solid var(--cl-line);border-radius:7px;background:var(--cl-surface);color:var(--cl-ink);cursor:pointer;min-height:32px;box-sizing:border-box}.cl-settings[open]{flex-basis:100%;order:20}.cl-settings[open]>summary{display:list-item;width:max-content}.cl-settings-body{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:10px}.cl-settings-body label{max-width:100%}.cl-settings-body select{max-width:100%}
.ctoj-layout-v2 .csw-tests{grid-template-rows:auto auto auto auto;max-width:100%;min-width:0}.ctoj-layout-v2 .csw-tests h3{grid-row:1}.ctoj-layout-v2 .csw-tests .csw-trial-input,.ctoj-layout-v2 .csw-tests .csw-trial-output{grid-row:2}.ctoj-layout-v2 .csw-tests .csw-report{grid-row:3}.ctoj-layout-v2 .csw-tests>small{grid-row:5}.cl-test-options{grid-column:1/-1;grid-row:4;font-size:13px}.cl-test-options summary{cursor:pointer;padding:5px 0;color:var(--cl-accent)}.cl-test-options>div{display:flex;flex-direction:column;gap:8px}.cl-test-options button{align-self:flex-start}.ctoj-layout-v2 .csw-tests textarea{height:100px;min-width:0;max-width:100%}
.ctoj-layout-v2 .csw-status{background:var(--cl-soft);color:var(--cl-ink);overflow-wrap:anywhere;min-width:0;box-sizing:border-box}
.ctoj-layout-v2 .csw-main>#ctoj-progress{grid-column:1/-1!important;grid-row:auto!important;max-width:100%;min-width:0;margin:14px 0}
.ctoj-layout-v2 #ctoj-progress .cp-source pre{max-width:100%;box-sizing:border-box}
.ctoj-layout-v2 .ci-workbench{box-sizing:border-box;min-width:0;max-width:100%}.ctoj-layout-v2 .ci-workbench>*{min-width:0;box-sizing:border-box}.ctoj-layout-v2 .ci-titlebar{display:flex!important}.ctoj-layout-v2 .ci-titlebar .cl-settings summary{background:var(--ci-panel,var(--cl-surface));color:var(--ci-ink,var(--cl-ink))}
@media(min-width:1101px){.ctoj-layout-v2.csw-active .csw-main:not(.csw-classic):not(.csw-full){grid-template-columns:minmax(0,var(--csw-task,45fr)) minmax(0,var(--csw-code,55fr));grid-template-rows:auto max(620px,calc(100dvh - 160px)) auto}.ctoj-layout-v2 .csw-statement #problem-content{font-family:var(--cp-font,"Times New Roman",serif);line-height:1.8}.ctoj-layout-v2 .csw-statement .sample{gap:10px}.ctoj-layout-v2 .csw-statement .sample>div{min-width:0;box-sizing:border-box}}
@media(max-width:1100px){.ctoj-layout-v2.csw-active .csw-main:not(.csw-full){display:flex!important;flex-direction:column}.ctoj-layout-v2 .csw-main:not(.csw-full)>.csw-statement{order:1;overflow:visible;max-height:none}.ctoj-layout-v2 .csw-main:not(.csw-full)>.csw-toolbar{order:0}.ctoj-layout-v2.csw-active .csw-main:not(.csw-full)>#submit-code{order:2;height:auto!important;min-height:0!important;overflow:visible!important}.ctoj-layout-v2 .csw-main:not(.csw-full)>.csw-status{order:3}.ctoj-layout-v2 .csw-main:not(.csw-full)>#ctoj-progress,.ctoj-layout-v2 .csw-main:not(.csw-full)>.csw-below{order:4}.ctoj-layout-v2 .csw-editor>.ivu-card-body{overflow:visible;display:flex;flex-direction:column}.ctoj-layout-v2 .csw-editor>.ivu-card-body>div:first-child{height:var(--csw-editor-height,420px);flex:none}.ctoj-layout-v2 .cl-home-main,.ctoj-layout-v2.cl-home .announcement>.ivu-col-span-5{flex:0 0 100%;width:100%;max-width:100%}.cl-home .cl-home-learning>.ivu-col{width:50%;min-width:0}}
@media(max-width:600px){.ctoj-layout-v2 .content-app{padding-left:8px!important;padding-right:8px!important}.cl-start{padding:16px!important}.cl-start h1{font-size:22px}.cl-search-form button{width:100%}.cl-home .cl-home-learning{display:flex;flex-direction:column;gap:12px}.cl-home .cl-home-learning>.ivu-col{width:100%;max-width:100%}.cl-home .announcements-container .flex-container{flex-wrap:wrap!important}.cl-home .announcements-container .title{width:100%;flex:0 0 100%}.cl-home .announcements-container .creator{display:none}.cl-native-actions{flex:1 1 100%;order:5}.cl-native-actions button{flex:1;min-height:42px}.cl-settings{order:6}.ctoj-layout-v2 .csw-toolbar>strong{flex:1 1 100%}.ctoj-layout-v2 .csw-statement .sample{flex-direction:column!important}.ctoj-layout-v2 .csw-statement .sample>div{width:100%!important}.ctoj-layout-v2 .csw-tests{display:flex;flex-direction:column}.cl-test-options{width:100%}}
html.ctoj-layout-v2[data-cu-dark=true] .cl-search-form button,html.ctoj-layout-v2[data-cu-dark=true] .cl-primary{color:#142b40}

.ctoj-layout-v2 .csw-tests:not(.cl-has-actions) .csw-trial-input,.ctoj-layout-v2 .csw-tests:not(.cl-has-actions) .csw-trial-output{grid-row:3}.ctoj-layout-v2 .csw-tests:not(.cl-has-actions) .csw-report{grid-row:4}.ctoj-layout-v2 .csw-tests:not(.cl-has-actions) .cl-test-options{grid-row:5}.ctoj-layout-v2 .csw-tests:not(.cl-has-actions)>small{grid-row:6}

@media(max-width:600px){.ctoj-layout-v2 .content-app>.ivu-row-flex>.ivu-col{width:100%!important;max-width:100%!important;flex-basis:100%!important}}