/* Bitcampus learning desk: work topics, paper-like assessment, readable controls. */
.bitLearning{--bit-ink:#26436e;--bit-green:#3e7950;--bit-line:#d9e3df}
.bitLearning .arcv2 .cur-list-head{background:#f1f6f3;border-bottom:1px solid var(--bit-line);padding:48px 0}
.bitLearning .arcv2 .cur-list-head .wrap{border-left:5px solid var(--bit-green);padding-left:28px}
.bitLearning .arcv2 .eyebrow{color:var(--bit-green);font-size:13px;letter-spacing:.08em}
.bitLearning .arcv2 .cur-list-head h1{font-size:clamp(28px,3vw,40px);line-height:1.35}
.bitLearning .arcv2 .cur-list-head p{font-size:17px;line-height:1.8;max-width:760px}
.bitWorkHead h2{font-size:24px;color:var(--bit-ink);margin:0 0 8px}
.bitWorkHead p{font-size:16px;color:#53665d;margin:0 0 20px}
.bitWorkTopics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:36px}
.bitWorkTopics a{display:flex;flex-direction:column;border:1px solid var(--bit-line);border-top:4px solid var(--bit-green);padding:26px;background:#fff;color:var(--bit-ink);text-decoration:none;border-radius:4px}
.bitWorkTopics a:hover{background:#f1f6f3;border-color:var(--bit-green)}
.bitWorkTopics span{font-size:14px;color:var(--bit-green)}
.bitWorkTopics h3{font-size:22px;line-height:1.5;margin:18px 0 8px}
.bitWorkTopics p{font-size:16px;line-height:1.6;margin:0 0 24px;color:#53665d}
.bitWorkTopics b{margin-top:auto;font-size:16px}
.bitLearning .arcv2 .reco-band{background:#f1f6f3;border:1px solid var(--bit-line);box-shadow:none;border-radius:6px}
.bitLearning .arcv2 .reco-band h3{font-size:22px;line-height:1.5}
.bitLearning .arcv2 .reco-band p{font-size:16px;line-height:1.7}
.bitLearning .arcv2 .cur-cover{border-radius:6px;min-height:260px;box-shadow:none;align-items:stretch;padding:0;flex-direction:column;justify-content:flex-end}
.bitLearning .arcv2 .cur-cover:before{display:none}
.bitLearning .arcv2 .cur-cover-in{background:#fff;color:var(--bit-ink);padding:22px;margin-top:120px;border:1px solid var(--bit-line)}
.bitLearning .arcv2 .cur-cover-in h3{text-shadow:none;font-size:23px;line-height:1.5}
.bitLearning .arcv2 .cur-cover-in p,.bitLearning .arcv2 .cur-cover-in em,.bitLearning .arcv2 .cur-cover-in .cnt{font-size:16px;line-height:1.7;opacity:1}
.bitLearning .arcv2 .cur-hero{border-bottom:6px solid var(--bit-green)}
.bitLearning .arcv2 .cur-hero h1{max-width:850px;line-height:1.4}
.bitLearning .arcv2 .reco-hero{background:#f1f6f3;color:var(--bit-ink);border-bottom:1px solid var(--bit-line)}
.bitLearning .arcv2 .reco-hero .sub{font-size:17px;line-height:1.8}
.bitLearning .arcv2 .reco-hero .btn{background:#fff;color:var(--bit-ink);border:1px solid var(--bit-line)}
.bitLearning .arcv2 .reco-hero .diag-box{background:#fff;color:var(--bit-ink);border:1px solid var(--bit-line)}
.bitLearning .arcv2 .reco-hero .diag-box a,.bitLearning .arcv2 .reco-hero .hint.light{color:var(--bit-ink)}
.bitLearning .kmDxWrap{--km-primary:#3e7950;--km-primary-light:#e9f2eb;background:#f4f7f5}
.bitLearning .kmDxWrap .kmWrap{max-width:1100px}
.bitLearning .kmDxHead h1{font-size:34px;line-height:1.4;color:var(--bit-ink)}
.bitLearning .kmDxHead h1 small{display:block;font-size:17px;font-weight:600;color:#53665d;margin-top:8px}
.bitLearning .kmDxHead p,.bitLearning .kmDxResHead p{font-size:17px;line-height:1.8}
.bitLearning .kmDxHead .ek{background:transparent;border:0;border-radius:0;padding:0;font-size:13px}
.bitCheckNote{padding:20px 24px;background:#fff;border-left:4px solid var(--bit-green);margin:24px 0;font-size:17px;color:var(--bit-ink)}
.bitCheckNote p{font-size:16px;line-height:1.8;margin:8px 0 0;color:#53665d}
.bitLearning .kmDxGrid{grid-template-columns:1fr;gap:24px}
.bitLearning .kmDxSteps{position:static;background:#fff;color:var(--bit-ink);border:1px solid var(--bit-line);border-radius:6px;padding:20px}
.bitLearning .kmDxSteps .prog .t,.bitLearning .kmDxSteps .prog .t b{color:var(--bit-ink);font-size:16px}
.bitLearning .kmDxSteps .prog .track{background:#e3ebe6}
.bitLearning .kmDxSteps .prog .track span{background:var(--bit-green)}
.bitLearning .kmDxSteps ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.bitLearning .kmDxSteps li{border:1px solid var(--bit-line);border-radius:4px;padding:12px;min-width:0}
.bitLearning .kmDxSteps li.on{background:#e9f2eb;border-color:var(--bit-green)}
.bitLearning .kmDxSteps li:hover{background:#f1f6f3}
.bitLearning .kmDxSteps li .tx b{font-size:16px;line-height:1.5;word-break:keep-all}
.bitLearning .kmDxSteps li .no{background:#edf1f5;color:var(--bit-ink)}
.bitLearning .kmDxSteps li.done .no{background:var(--bit-green);color:#fff}
.bitLearning .kmDxSteps li .ck{color:var(--bit-green)}
.bitLearning .kmDxSteps li:focus-visible,.bitLearning a:focus-visible{outline:3px solid var(--bit-ink);outline-offset:3px}
.bitLearning .kmDxPane{border-radius:6px;padding:12px 28px 24px}
.bitLearning .kmDxPane .ph h2{font-size:25px}
.bitLearning .kmDxPane .ph .step{font-size:14px}
.bitLearning .kmDxPane .dxq{padding:26px 0;border-bottom-style:solid}
.bitLearning .kmDxPane .dxq .qt{font-size:18px;line-height:1.8;gap:12px}
.bitLearning .kmDxPane .seg label{font-size:16px;min-height:48px;border-radius:4px;box-shadow:none}
.bitLearning .kmDxPane .seg label:has(input:focus-visible){outline:3px solid var(--bit-ink);outline-offset:3px}
.bitLearning .kmDxNav .km-btn{font-size:17px;min-height:48px}
.bitLearning .kmDxResHead{text-align:left;border-left:5px solid var(--bit-green);padding-left:24px}
.bitLearning .kmDxScores,.bitLearning .kmDxReco{border-radius:6px}
.bitLearning .kmDxScores h2,.bitLearning .kmDxReco h2{font-size:21px}
.bitLearning .kmDxScores .hint,.bitLearning .kmDxReco .hint{font-size:15px;line-height:1.8}
.bitLearning .kmDxScores .row .lab .nm{font-size:16px}
.bitLearning .kmDxScores .row .lab .tag{background:#e9f2eb;color:var(--bit-green);font-size:13px}
.bitLearning .kmDxScores .row .bar span,.bitLearning .kmDxScores .row.low .bar span{background:var(--bit-green)}
@media(max-width:768px){
 .bitWorkTopics{grid-template-columns:1fr;gap:12px}
 .bitWorkTopics a{padding:20px}.bitWorkTopics h3{margin-top:10px}
 .bitLearning .arcv2 .cur-list-head{padding:32px 0}
 .bitLearning .arcv2 .cur-list-head .wrap{padding-left:18px}
 .bitLearning .kmDxHead h1{font-size:28px}
 .bitLearning .kmDxSteps ol{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bitLearning .kmDxSteps li{gap:6px;padding:10px 8px}
 .bitLearning .kmDxSteps li .tx b{font-size:15px}
 .bitLearning .kmDxSteps{padding:14px}
 .bitLearning .kmDxPane{padding:8px 16px 20px}
 .bitLearning .kmDxPane .seg{grid-template-columns:1fr;gap:8px}
 .bitLearning .kmDxPane .seg label{justify-content:flex-start;padding:12px 16px}
 .bitLearning .kmDxPane .seg input{position:static;opacity:1;pointer-events:auto;margin-right:12px;accent-color:var(--bit-green)}
 .bitLearning .kmDxResGrid{grid-template-columns:1fr}
 .bitLearning .kmDxResHead{padding-left:16px}
 .bitLearning .kmDxNav .km-btn{padding:12px 16px}
}
@media(prefers-reduced-motion:reduce){.bitLearning .kmDxPane.on{animation:none}.bitLearning .kmDxSteps .prog .track span{transition:none}}