:root{--navy:#071526;--panel:#0d2037;--blue:#2477ff;--gold:#f2c94c;--ink:#102a4c;--muted:#64748b;--line:#d7e0ec;--green:#12a36d;--red:#e5484d}*{box-sizing:border-box}.coding-page{margin:0;background:#edf2f8;color:var(--ink)}.coding-main{width:min(1600px,100%);margin:auto;padding:1rem}.coding-toolbar{display:grid;grid-template-columns:minmax(15rem,1fr) auto 8rem;align-items:center;gap:1rem;padding:1rem 1.2rem;border-radius:.8rem .8rem 0 0;background:var(--navy);color:#fff}.coding-toolbar small{color:#f4ce59;font-size:.72rem;font-weight:900;letter-spacing:.08em}.coding-toolbar h1{margin:.1rem 0;font-size:1.35rem}.coding-filters{display:flex;gap:.6rem;align-items:end}.coding-filters label{font-size:.7rem;color:#cbd5e1}.coding-filters select{display:block;min-width:9rem;height:2.3rem;margin-top:.2rem;padding:.3rem .5rem;border:1px solid #49617d;border-radius:.4rem;background:#102a47;color:#fff}.coding-filters button,.leaderboard-button,#toggleStatement,#resetCode{height:2.3rem;padding:.35rem .7rem;border:1px solid #49617d;border-radius:.4rem;background:#163250;color:#fff;font-weight:800}.coding-score{padding:.5rem;border-left:1px solid #405570;text-align:center}.coding-score span,.coding-score strong{display:block}.coding-score span{font-size:.65rem;color:#b9c8da}.coding-score strong{color:#f4ce59;font-size:1.35rem}.coding-layout{display:grid;grid-template-columns:17rem minmax(0,1fr);min-height:calc(100vh - 10rem);border:1px solid #bfcbd9;border-top:0;background:#fff}.problem-sidebar{border-right:1px solid var(--line);background:#f6f8fb}.problem-sidebar-head{display:flex;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--line)}.problem-sidebar-head span{display:grid;min-width:1.7rem;height:1.7rem;place-items:center;border-radius:999px;background:#dce8f8;font-size:.75rem}.problem-list{max-height:calc(100vh - 16rem);overflow:auto}.problem-card{display:block;width:100%;padding:.85rem 1rem;border:0;border-bottom:1px solid var(--line);background:#f6f8fb;text-align:left}.problem-card:hover,.problem-card.active{background:#eaf2ff}.problem-card.active{box-shadow:inset 4px 0 var(--blue)}.problem-card strong,.problem-card span{display:block}.problem-card strong{color:var(--ink);font-size:.86rem}.problem-card span{margin-top:.25rem;color:var(--muted);font-size:.7rem;text-transform:capitalize}.problem-card i{display:inline-block;margin-top:.35rem;padding:.2rem .4rem;border-radius:999px;background:#e7f8f0;color:#087f5b;font-style:normal;font-size:.65rem}.leaderboard-button{width:calc(100% - 1.4rem);margin:.7rem;color:#5c4700;background:#fff5cc;border-color:#ecd16c}.problem-workspace{min-width:0;background:#fff}.coding-empty{min-height:38rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.coding-empty>span{display:grid;width:4.5rem;height:4.5rem;place-items:center;border-radius:1rem;background:#eaf2ff;color:var(--blue);font:900 1.4rem monospace}.coding-empty h2{margin:1rem 0 .35rem}.coding-empty p{max-width:36rem;margin:0;color:var(--muted)}.coding-active{display:grid;grid-template-columns:minmax(23rem,42%) minmax(0,58%);grid-template-rows:minmax(31rem,1fr) auto}.problem-statement{grid-row:1/3;overflow:auto;max-height:calc(100vh - 10rem);border-right:1px solid var(--line);padding:1.15rem}.problem-statement>header{display:flex;justify-content:space-between;gap:1rem}.problem-statement h2{margin:.55rem 0 1rem;font-size:1.5rem}.problem-tags{display:flex;gap:.4rem}.problem-tags span{padding:.25rem .45rem;border-radius:999px;background:#eaf2ff;color:#1554ad;font-size:.65rem;font-weight:900;text-transform:uppercase}.problem-tags span:nth-child(2){background:#fff5d6;color:#765a00}.problem-tags span:nth-child(3){background:#e8f8f0;color:#087f5b}.problem-statement p,.problem-statement li{line-height:1.6;color:#42526a}.problem-spec{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.problem-spec article{padding:.75rem;border:1px solid var(--line);border-radius:.5rem;background:#f8fafc}.problem-spec h3,.problem-spec p{margin:.1rem 0}.example-card{margin:.55rem 0;padding:.7rem;border:1px solid var(--line);border-radius:.5rem;background:#f8fafc}.example-card pre{overflow:auto;margin:.35rem 0;padding:.55rem;background:#081725;color:#d7e5f4;border-radius:.35rem}.code-lab{min-width:0;background:#0a1829;color:#fff}.code-lab>header{display:flex;align-items:center;gap:.5rem;height:3rem;padding:.35rem .6rem;border-bottom:1px solid #2a405b}.editor-tabs{margin-right:auto}.editor-tabs button{height:2.25rem;border:0;border-bottom:2px solid var(--blue);background:transparent;color:#fff;font-weight:800}.code-lab label{font-size:.7rem;color:#aabbd0}.code-lab select{margin-left:.35rem;background:#132a45;color:#fff;border:1px solid #3b526d;border-radius:.3rem;padding:.3rem}.editor-shell{display:grid;grid-template-columns:3rem minmax(0,1fr);height:27rem;overflow:hidden}.line-numbers{padding:.75rem .45rem;overflow:hidden;background:#07111e;color:#607893;text-align:right;white-space:pre;font:14px/1.6 Consolas,monospace;user-select:none}.editor-shell textarea{width:100%;height:100%;padding:.75rem;border:0;outline:0;resize:none;background:#0b1b2e;color:#e4edf7;caret-color:#fff;font:14px/1.6 Consolas,"Courier New",monospace;tab-size:4}.run-actions{display:flex;align-items:center;gap:.55rem;padding:.65rem;border-top:1px solid #2a405b}.run-actions span{margin-right:auto;color:#aabbd0;font-size:.78rem}.run-button,.submit-code{min-height:2.4rem;padding:.45rem .8rem;border-radius:.4rem;font-weight:900}.run-button{border:1px solid #506984;background:#163250;color:#fff}.submit-code{border:1px solid #e0aa17;background:var(--gold);color:#172033}.run-button:disabled,.submit-code:disabled{opacity:.5}.test-console{grid-column:2;padding:.85rem;border-top:1px solid var(--line);background:#fff}.test-console>header{display:flex;justify-content:space-between}.test-console>header span{color:var(--muted);font-size:.78rem}.test-row{display:grid;grid-template-columns:1.5rem 1fr auto;gap:.65rem;margin-top:.55rem;padding:.65rem;border-radius:.45rem;background:#f7f9fc;font-size:.78rem}.test-row.pass{background:#eaf9f1;color:#087f5b}.test-row.fail{background:#fff0ef;color:#b42318}.test-row pre{grid-column:2/4;margin:.3rem 0;overflow:auto;color:#334155}.coding-muted{padding:1rem;color:var(--muted)}.leaderboard-dialog{width:min(38rem,calc(100% - 2rem));padding:0;border:0;border-radius:.8rem;box-shadow:0 24px 80px rgba(15,23,42,.4)}.leaderboard-dialog::backdrop{background:rgba(5,14,28,.65)}.leaderboard-dialog form{position:relative;padding:1.3rem}.dialog-close{position:absolute;right:.7rem;top:.5rem;border:0;background:none;font-size:1.5rem}.leaderboard-dialog small{color:#8a6700;font-weight:900}.leaderboard-dialog h2{margin:.25rem 0}.leaderboard-dialog p{color:var(--muted)}.leaderboard-table{max-height:24rem;overflow:auto}.leaderboard-table table{width:100%;border-collapse:collapse}.leaderboard-table th,.leaderboard-table td{padding:.65rem;border-bottom:1px solid var(--line);text-align:left}[hidden]{display:none!important}
@media(max-width:1050px){.coding-toolbar{grid-template-columns:1fr}.coding-filters{flex-wrap:wrap}.coding-score{position:absolute;right:1.5rem;top:5.5rem;border:0}.coding-active{grid-template-columns:1fr}.problem-statement{grid-row:auto;max-height:none;border-right:0;border-bottom:1px solid var(--line)}.test-console{grid-column:auto}.coding-layout{grid-template-columns:14rem minmax(0,1fr)}}
@media(max-width:720px){.coding-main{padding:.5rem}.coding-layout{grid-template-columns:1fr}.problem-sidebar{border-right:0;border-bottom:1px solid var(--line)}.problem-list{display:flex;max-height:none;overflow:auto}.problem-card{min-width:13rem;border-right:1px solid var(--line)}.problem-sidebar .leaderboard-button{width:auto}.coding-score{display:none}.coding-filters label{width:calc(50% - .3rem)}.coding-filters select{width:100%;min-width:0}.problem-spec{grid-template-columns:1fr}.editor-shell{height:24rem}.run-actions{flex-wrap:wrap}.run-actions span{width:100%;margin:0}.run-button,.submit-code{flex:1}.problem-statement{padding:.9rem}}

/* Coding Arena V3: focused workspace, IDE editor and learning-mode reveal. */
.coding-filters #toggleProblems{background:transparent}
.coding-layout{transition:grid-template-columns .2s ease}
.coding-layout.problems-collapsed{grid-template-columns:minmax(0,1fr)}
.coding-active.statement-collapsed{grid-template-columns:minmax(0,1fr)}
.coding-active.statement-collapsed .problem-statement{display:none}
.coding-active.statement-collapsed .test-console{grid-column:1}
.editor-shell.has-codemirror{display:block}
.editor-shell.has-codemirror .line-numbers{display:none}
.editor-shell .CodeMirror{height:100%;background:#0b1b2e;color:#e6edf5;font:14px/1.65 Consolas,"Courier New",monospace}
.CodeMirror-gutters{border-right:1px solid #203852!important;background:#07111e!important}
.CodeMirror-linenumber{color:#6883a0!important}
.CodeMirror-cursor{border-left:2px solid #f8fafc!important}
.CodeMirror-selected{background:#26496d!important}
.CodeMirror-matchingbracket{color:#fff!important;background:#176b87;font-weight:900}
.cm-s-default .cm-comment{color:#6a9955;font-style:italic}
.cm-s-default .cm-keyword{color:#c586c0}
.cm-s-default .cm-type{color:#4ec9b0}
.cm-s-default .cm-number{color:#b5cea8}
.cm-s-default .cm-string,.cm-s-default .cm-string-2{color:#ce9178}
.cm-s-default .cm-def{color:#dcdcaa}
.cm-s-default .cm-variable-2,.cm-s-default .cm-variable-3{color:#9cdcfe}
.cm-s-default .cm-meta{color:#c8c8c8}
.cm-s-default .cm-operator{color:#d4d4d4}
.cm-s-default .cm-builtin{color:#4fc1ff;font-weight:700}
.cm-comment.cm-builtin{color:#6a9955!important}
.run-button,.submit-code,.reveal-button{min-height:2.4rem;padding:.45rem .8rem;border-radius:.4rem;font-weight:900}
.reveal-button{border:1px solid #e4b33f;background:#392f17;color:#ffe7a1}
.reveal-button:disabled{opacity:.5}
.assistance-note{margin-top:.7rem;padding:.7rem .85rem;border:1px solid #e5ba43;border-radius:.5rem;background:#fff8dd;color:#5c4700;font-size:.78rem;line-height:1.5}
.test-row.revealed{border:1px solid #e5ba43;background:#fff8dd;color:#5c4700}
.test-row pre{white-space:pre-wrap}
@media(max-width:1050px){.coding-layout.problems-collapsed{grid-template-columns:minmax(0,1fr)}.coding-active.statement-collapsed{grid-template-columns:1fr}}
@media(max-width:720px){.coding-layout.problems-collapsed{grid-template-columns:1fr}.run-button,.submit-code,.reveal-button{flex:1}.code-lab>header{height:auto;min-height:3rem;flex-wrap:wrap}}

/* Coding Arena V4: full-width problem library and dedicated solve workspace. */
.problem-library-main{width:min(1540px,100%);margin:auto;padding:1.1rem}
.library-breadcrumb,.solve-breadcrumb{display:flex;gap:.55rem;align-items:center;margin:.2rem 0 .9rem;color:var(--muted);font-size:.82rem}.library-breadcrumb a,.solve-breadcrumb a{color:var(--blue);font-weight:800;text-decoration:none}
.problem-library-hero{display:grid;grid-template-columns:minmax(18rem,1fr) auto 7rem;gap:1.2rem;align-items:center;padding:1.35rem 1.5rem;border-radius:1rem;background:linear-gradient(120deg,#071526 0%,#0d2c51 100%);color:#fff;box-shadow:0 16px 34px rgba(7,21,38,.18)}
.problem-library-hero small,.problem-filter-panel small,.problem-results>header small{color:#f4ce59;font-size:.72rem;font-weight:900;letter-spacing:.09em}.problem-library-hero h1{margin:.15rem 0;font-size:clamp(1.65rem,3vw,2.35rem)}.problem-library-hero p{max-width:48rem;margin:.4rem 0 0;color:#c7d6e8;font-size:.96rem;line-height:1.55}
.library-hero-actions{display:flex;gap:.55rem}.library-hero-actions button,.solve-toolbar-actions button,.solve-toolbar-actions a{min-height:2.5rem;padding:.55rem .8rem;border:1px solid #56708e;border-radius:.5rem;background:#153556;color:#fff;font-weight:850;text-decoration:none}.library-hero-actions button:first-child{background:transparent}.problem-library-hero .coding-score{position:static;border-left-color:#4b6480}
.problem-filter-panel{margin-top:1rem;padding:1.15rem;border:1px solid var(--line);border-radius:1rem;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.06)}.filter-heading{display:flex;justify-content:space-between;gap:1.5rem;align-items:end}.filter-heading h2{margin:.15rem 0;font-size:1.25rem}.filter-heading p{max-width:34rem;margin:0;color:var(--muted);font-size:.85rem;line-height:1.5;text-align:right}
.library-mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:1rem 0}.library-mode-tabs button{display:grid;grid-template-columns:2.4rem 1fr;grid-template-rows:auto auto;column-gap:.75rem;align-items:center;padding:.75rem;border:1px solid var(--line);border-radius:.75rem;background:#f7f9fc;color:var(--ink);text-align:left}.library-mode-tabs button>span{grid-row:1/3;display:grid;width:2.4rem;height:2.4rem;place-items:center;border-radius:.65rem;background:#e5edf7;color:#315174;font-size:.7rem;font-weight:900}.library-mode-tabs strong{font-size:.9rem}.library-mode-tabs small{color:var(--muted);font-size:.72rem}.library-mode-tabs button[aria-selected="true"]{border-color:var(--blue);background:#edf4ff;box-shadow:0 0 0 2px rgba(36,119,255,.08)}.library-mode-tabs button[aria-selected="true"]>span{background:var(--navy);color:#f4ce59}
.problem-filter-form{display:grid;grid-template-columns:minmax(13rem,1.35fr) minmax(9rem,.8fr) minmax(13rem,1fr) auto;gap:.7rem;align-items:end}.problem-filter-form label{color:#42526a;font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.problem-filter-form label[hidden]{display:none!important}.problem-filter-form select,.problem-filter-form input{display:block;width:100%;min-height:2.65rem;margin-top:.3rem;padding:.55rem .65rem;border:1px solid #b9c7da;border-radius:.55rem;background:#fff;color:var(--ink);font:inherit;text-transform:none}.problem-filter-form button{min-height:2.65rem;padding:.55rem 1rem;border:1px solid var(--blue);border-radius:.55rem;background:var(--blue);color:#fff;font-weight:900}.problem-filter-form button:disabled{opacity:.55;cursor:wait}
.problem-results{margin-top:1rem;padding:1.15rem;border:1px solid var(--line);border-radius:1rem;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.05)}.problem-results>header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.problem-results>header h2{margin:.15rem 0;font-size:1.25rem}.result-count{display:flex;align-items:center;gap:.55rem;padding:.45rem .7rem;border-radius:.65rem;background:#eef4fc}.result-count strong{font-size:1.35rem}.result-count span{max-width:5.5rem;color:var(--muted);font-size:.66rem;line-height:1.2;text-transform:uppercase}
.problem-library-empty{min-height:21rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:1px dashed #bfd0e4;border-radius:.85rem;background:#f8fafc;text-align:center}.problem-library-empty>span{display:grid;width:4rem;height:4rem;place-items:center;border-radius:1rem;background:#e6effc;color:var(--blue);font:900 1.3rem monospace}.problem-library-empty h3{margin:1rem 0 .3rem;font-size:1.3rem}.problem-library-empty p{max-width:40rem;margin:0;color:var(--muted);line-height:1.55}
.problem-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.library-problem-card{display:flex;min-height:18rem;flex-direction:column;padding:1rem;border:1px solid var(--line);border-radius:.85rem;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.045);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.library-problem-card:hover{transform:translateY(-2px);border-color:#9fc0f7;box-shadow:0 12px 26px rgba(25,74,145,.1)}.library-card-top{display:flex;justify-content:space-between;gap:.65rem}.library-card-tags{display:flex;gap:.35rem;flex-wrap:wrap}.library-card-tags span,.progress-tag{padding:.25rem .45rem;border-radius:999px;font-size:.63rem;font-weight:900;text-transform:uppercase}.difficulty-tag{background:#eaf2ff;color:#1554ad}.difficulty-tag.intermediate{background:#fff3d5;color:#7d5a00}.difficulty-tag.advanced{background:#ffe9e7;color:#9f2c25}.topic-tag{background:#eef2f7;color:#4b5c70}.progress-tag.new{background:#eef2f7;color:#56667a}.progress-tag.attempted{background:#fff3d5;color:#7d5a00}.progress-tag.solved{background:#e7f8f0;color:#087f5b}.library-problem-card h3{margin:.85rem 0 .45rem;font-size:1.12rem}.library-card-description{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:0;color:#526277;font-size:.84rem;line-height:1.55}.library-skill-list{display:flex;gap:.35rem;flex-wrap:wrap;margin:.8rem 0}.library-skill-list span{padding:.22rem .45rem;border:1px solid #d7e1ee;border-radius:.35rem;background:#f8fafc;color:#526277;font-size:.65rem}.library-problem-card footer{display:flex;justify-content:space-between;gap:.8rem;align-items:end;margin-top:auto;padding-top:.8rem;border-top:1px solid #edf1f6}.library-problem-card footer>div{display:flex;gap:.3rem;flex-wrap:wrap}.library-problem-card footer span{color:var(--muted);font-size:.65rem}.library-problem-card footer span:first-child{color:#087f5b;font-weight:900}.library-problem-card footer a{flex:none;color:var(--blue);font-size:.78rem;font-weight:900;text-decoration:none}
.problem-pagination{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem}.problem-pagination button{min-height:2.35rem;padding:.45rem .75rem;border:1px solid #b9c7da;border-radius:.5rem;background:#fff;color:var(--ink);font-weight:850}.problem-pagination button:disabled{opacity:.45;cursor:not-allowed}.problem-pagination span{color:var(--muted);font-size:.78rem}
.track-guide-dialog{width:min(64rem,calc(100% - 2rem));max-height:calc(100vh - 2rem);padding:0;border:0;border-radius:1rem;box-shadow:0 24px 80px rgba(15,23,42,.4)}.track-guide-dialog::backdrop{background:rgba(5,14,28,.7)}.track-guide-dialog form{position:relative;padding:1.5rem}.track-guide-dialog form>small{color:#976d00;font-weight:900;letter-spacing:.08em}.track-guide-dialog h2{margin:.25rem 0;font-family:Georgia,serif}.guide-note{color:var(--muted);line-height:1.55}.track-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.track-guide-grid article{position:relative;padding:1rem 1rem 1rem 3.3rem;border:1px solid var(--line);border-radius:.75rem;background:#f8fafc}.track-guide-grid article>span{position:absolute;left:1rem;top:1rem;display:grid;width:1.8rem;height:1.8rem;place-items:center;border-radius:50%;background:var(--navy);color:#f4ce59;font-size:.65rem;font-weight:900}.track-guide-grid h3{margin:0 0 .4rem;font-size:1rem}.track-guide-grid p{margin:.2rem 0;color:#526277;font-size:.82rem;line-height:1.5}
.solve-main{padding-top:.75rem}.solve-toolbar{grid-template-columns:minmax(14rem,1fr) auto 7rem}.solve-toolbar-actions{display:flex;gap:.5rem;align-items:center}.solve-layout{grid-template-columns:minmax(0,1fr);min-height:calc(100vh - 12rem)}.solve-layout .problem-workspace{width:100%}.solve-layout .coding-empty{min-height:calc(100vh - 12rem)}.solve-page .coding-active{min-height:calc(100vh - 12rem)}.solve-page .problem-tags{flex-wrap:wrap}.solve-page .problem-tags span:nth-child(4){background:#f1ecff;color:#6340a4}.solve-page .problem-tags span:nth-child(5){background:#eef2f7;color:#4b5c70}.editor-tabs{display:flex;align-items:center;gap:.6rem}.editor-tabs>span{color:#7fd2b4;font-size:.68rem}.solve-page .test-console{max-height:20rem;overflow:auto}
html.full-assessment-embed body{padding-top:0!important}html.full-assessment-embed .top-header,html.full-assessment-embed .placement-global-footer,html.full-assessment-embed body>footer,html.full-assessment-embed .solve-breadcrumb,html.full-assessment-embed .solve-toolbar-actions{display:none!important}html.full-assessment-embed .solve-main{padding:.35rem!important}html.full-assessment-embed .solve-toolbar{grid-template-columns:minmax(0,1fr) auto}html.full-assessment-embed .solve-layout,html.full-assessment-embed .solve-page .coding-active{min-height:calc(100vh - 6rem)}
@media(max-width:1100px){.problem-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.problem-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))}.problem-filter-form button{width:100%}.problem-library-hero{grid-template-columns:1fr auto}.problem-library-hero .coding-score{grid-column:2;grid-row:1}.library-hero-actions{grid-column:1/3}.solve-toolbar{grid-template-columns:1fr auto}.solve-toolbar .coding-score{position:static;grid-column:2;grid-row:1}.solve-toolbar-actions{grid-column:1/3}}
@media(max-width:720px){.problem-library-main{padding:.6rem}.problem-library-hero{grid-template-columns:1fr;padding:1rem}.problem-library-hero .coding-score,.library-hero-actions{grid-column:auto;grid-row:auto}.problem-library-hero .coding-score{justify-self:start;padding-left:0;border-left:0}.library-hero-actions{align-items:stretch;flex-direction:column}.filter-heading{align-items:start;flex-direction:column}.filter-heading p{text-align:left}.library-mode-tabs,.problem-filter-form,.problem-library-grid,.track-guide-grid{grid-template-columns:1fr}.problem-results>header{align-items:flex-start}.result-count{flex:none}.library-problem-card{min-height:16rem}.solve-toolbar{grid-template-columns:1fr}.solve-toolbar .coding-score,.solve-toolbar-actions{grid-column:auto;grid-row:auto}.solve-toolbar .coding-score{display:flex;gap:.5rem;align-items:center;justify-self:start;padding:0;border:0}.solve-toolbar .coding-score strong{font-size:1rem}.solve-toolbar-actions{align-items:stretch;flex-direction:column}.solve-toolbar-actions>*{text-align:center}.solve-page .coding-active{min-height:auto}.solve-page .problem-statement{max-height:none}.solve-page .editor-shell{height:27rem}.editor-tabs>span{display:none}}
@media(prefers-reduced-motion:reduce){.library-problem-card{transition:none}}


/* V44: signed-in submission evidence + personal solve timer */
.solve-metrics{display:flex;align-items:stretch;gap:.7rem}.solve-metrics .coding-score{min-width:6.5rem}.solve-timer{min-width:9rem;padding:.42rem .65rem;border-left:1px solid #405570;text-align:center}.solve-timer span,.solve-timer strong{display:block}.solve-timer span{color:#b9c8da;font-size:.62rem;letter-spacing:.06em}.solve-timer strong{margin:.08rem 0;color:#7ee0c0;font:800 1.15rem/1.15 Consolas,monospace}.solve-timer button{padding:0;border:0;background:none;color:#9fc2e8;font-size:.62rem;text-decoration:underline;cursor:pointer}.solve-timer.completed strong{color:#f4ce59}
.solve-page .problem-statement{grid-row:1/4}.submission-panel{grid-column:2;padding:.9rem;border-top:1px solid var(--line);background:#f8fafc}.submission-panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.submission-panel-head small{display:block;color:#2477ff;font-size:.66rem;font-weight:900;letter-spacing:.08em}.submission-panel-head h3{margin:.12rem 0;font-size:1rem}.submission-panel-head button,.submission-code-head button{min-height:2.15rem;padding:.35rem .65rem;border:1px solid #b8c8dc;border-radius:.45rem;background:#fff;color:#183b64;font-weight:800}.submission-empty{margin-top:.7rem;padding:.8rem;border:1px dashed #c4d2e3;border-radius:.5rem;color:#64748b;background:#fff}.submission-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-top:.75rem}.submission-meta article{padding:.62rem;border:1px solid #d8e2ee;border-radius:.5rem;background:#fff}.submission-meta span,.submission-meta strong{display:block}.submission-meta span{color:#64748b;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.submission-meta strong{margin-top:.18rem;color:#173451;font-size:.82rem;overflow-wrap:anywhere}.submission-meta .accepted strong{color:#087f5b}.submission-code-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.75rem}.submitted-code{max-height:18rem;margin:.45rem 0 0;padding:.8rem;overflow:auto;border:1px solid #233c58;border-radius:.5rem;background:#071526;color:#dce9f7;font:13px/1.55 Consolas,"Courier New",monospace;white-space:pre}.submission-history{margin-top:.8rem;display:grid;gap:.55rem}.submission-history details{border:1px solid #d8e2ee;border-radius:.5rem;background:#fff}.submission-history summary{display:grid;grid-template-columns:minmax(7rem,.8fr) minmax(10rem,1.5fr) minmax(6rem,.7fr) minmax(6rem,.7fr);gap:.55rem;padding:.65rem .75rem;cursor:pointer;list-style:none}.submission-history summary::-webkit-details-marker{display:none}.submission-history summary strong.accepted{color:#087f5b}.submission-history .history-body{padding:0 .75rem .75rem}.submission-history .history-actions{display:flex;justify-content:flex-end;margin:.45rem 0}.submission-history .history-actions button{padding:.38rem .65rem;border:1px solid #b8c8dc;border-radius:.4rem;background:#edf4ff;color:#1554ad;font-weight:800}
html.full-assessment-embed .solve-timer,html.full-assessment-embed .submission-panel{display:none!important}
@media(max-width:1050px){.solve-page .problem-statement{grid-row:auto}.submission-panel{grid-column:auto}.solve-metrics{grid-column:2;grid-row:1}.solve-toolbar .coding-score{position:static;grid-column:auto;grid-row:auto}.submission-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.solve-metrics{grid-column:auto;grid-row:auto;justify-self:start;flex-wrap:wrap}.solve-toolbar .coding-score{display:flex}.solve-timer{border-left:0;border-top:1px solid #405570;padding-left:0;text-align:left}.submission-meta{grid-template-columns:1fr}.submission-panel-head,.submission-code-head{align-items:flex-start;flex-direction:column}.submission-history summary{grid-template-columns:1fr 1fr}.submitted-code{font-size:12px}}

/* V45: polished solve workspace, contained metrics and compact submission evidence. */
.solve-page .solve-toolbar{
  grid-template-columns:minmax(12rem,1fr) auto max-content;
  gap:.9rem;
  overflow:hidden;
}
.solve-page .solve-toolbar>div{min-width:0}
.solve-page .solve-toolbar-actions{flex-wrap:wrap;justify-content:flex-end}
.solve-page .solve-metrics{
  display:flex;
  align-items:stretch;
  gap:0;
  min-width:0;
  max-width:100%;
  border:1px solid #29425f;
  border-radius:.65rem;
  overflow:hidden;
  background:#0b1b2e;
}
.solve-page .solve-metrics .coding-score{
  min-width:6.25rem;
  padding:.55rem .75rem;
  border-left:0;
}
.solve-page .solve-timer{
  min-width:8.5rem;
  padding:.55rem .75rem;
  border-left:1px solid #405570;
}
.solve-page .solve-timer span{white-space:nowrap}
.solve-page .solve-timer button{margin-top:.12rem}

.solve-page .coding-layout{
  overflow:hidden;
  border-radius:0 0 .85rem .85rem;
  box-shadow:0 10px 28px rgba(15,35,58,.08);
}
.solve-page .coding-active{
  grid-template-columns:minmax(21rem,40%) minmax(0,60%);
  grid-template-rows:auto auto auto;
  align-items:start;
}
.solve-page .problem-statement{
  grid-row:1/4;
  background:#fff;
}
.solve-page .code-lab{border-bottom:1px solid #233a55}
.solve-page .test-console{
  grid-column:2;
  max-height:13rem;
  overflow:auto;
  padding:.8rem 1rem;
  background:#fbfdff;
}
.solve-page .submission-panel{
  grid-column:2;
  padding:1rem;
  border-top:1px solid #d8e2ee;
  background:#f4f7fb;
}
.solve-page .submission-panel-head{
  padding-bottom:.65rem;
  border-bottom:1px solid #dde6f0;
}
.solve-page .submission-panel-head h3{font-size:1.02rem}
.solve-page .submission-meta{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.65rem;
}
.solve-page .submission-meta article{
  min-height:4rem;
  padding:.68rem .72rem;
  border-color:#d6e0eb;
  box-shadow:0 2px 7px rgba(15,35,58,.035);
}
.solve-page .submission-code-head{
  margin-top:.8rem;
  padding-top:.75rem;
  border-top:1px solid #dde6f0;
}
.solve-page .submission-code-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}
.solve-page .submission-code-actions button,
.solve-page .submission-code-head>button{
  min-height:2.1rem;
  padding:.35rem .65rem;
  border:1px solid #b8c8dc;
  border-radius:.45rem;
  background:#fff;
  color:#183b64;
  font-weight:800;
}
.solve-page .submitted-code{
  max-height:12rem;
  margin-top:.55rem;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
.solve-page .submission-history{
  gap:.45rem;
  margin-top:.7rem;
}
.solve-page .submission-history details{overflow:hidden}
.solve-page .submission-history summary{
  grid-template-columns:minmax(7rem,.9fr) minmax(10rem,1.35fr) minmax(6rem,.65fr) minmax(5rem,.55fr);
  align-items:center;
  padding:.58rem .72rem;
}
.solve-page .submission-history .submitted-code{max-height:11rem}

@media(max-width:1250px){
  .solve-page .solve-toolbar{
    grid-template-columns:minmax(0,1fr) max-content;
    grid-template-areas:"title metrics" "actions actions";
  }
  .solve-page .solve-toolbar>div:first-child{grid-area:title}
  .solve-page .solve-toolbar-actions{grid-area:actions;justify-content:flex-start}
  .solve-page .solve-metrics{grid-area:metrics}
  .solve-page .coding-active{grid-template-columns:minmax(19rem,42%) minmax(0,58%)}
}
@media(max-width:900px){
  .solve-page .solve-toolbar{
    grid-template-columns:1fr;
    grid-template-areas:"title" "actions" "metrics";
  }
  .solve-page .solve-toolbar-actions{justify-content:stretch}
  .solve-page .solve-toolbar-actions>*{flex:1;text-align:center}
  .solve-page .solve-metrics{justify-self:start}
  .solve-page .coding-active{grid-template-columns:1fr;grid-template-rows:auto auto auto auto}
  .solve-page .problem-statement{grid-row:auto;border-right:0;border-bottom:1px solid var(--line);max-height:none}
  .solve-page .test-console,.solve-page .submission-panel{grid-column:auto}
  .solve-page .submission-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .solve-page .solve-metrics{width:100%}
  .solve-page .solve-metrics .coding-score,.solve-page .solve-timer{flex:1;min-width:0}
  .solve-page .submission-meta{grid-template-columns:1fr}
  .solve-page .submission-code-head{align-items:flex-start;flex-direction:column}
  .solve-page .submission-code-actions{width:100%;justify-content:stretch}
  .solve-page .submission-code-actions button{flex:1}
  .solve-page .submission-history summary{grid-template-columns:1fr 1fr}
}


/* V46: Hide Problem must expand the entire coding workspace.
   The V45 solve-page grid rule was more specific than the older
   .statement-collapsed rule, leaving an empty second column. */
.solve-page .coding-active.statement-collapsed{
  grid-template-columns:minmax(0,1fr);
}
.solve-page .coding-active.statement-collapsed .problem-statement{
  display:none;
}
.solve-page .coding-active.statement-collapsed .code-lab,
.solve-page .coding-active.statement-collapsed .test-console,
.solve-page .coding-active.statement-collapsed .submission-panel{
  grid-column:1 / -1;
  width:100%;
  min-width:0;
}
.solve-page .coding-active.statement-collapsed .test-console,
.solve-page .coding-active.statement-collapsed .submission-panel{
  justify-self:stretch;
}
@media(max-width:900px){
  .solve-page .coding-active.statement-collapsed{
    grid-template-columns:1fr;
  }
}
