.learning-management{color:#173d55;padding-bottom:50px;font-size:16px;line-height:1.55}.learning-heading{margin:28px 0}.learning-heading p,.learning-space-header p{letter-spacing:.09em;color:#36769b;margin:0;font-size:14px;font-weight:800}.learning-heading h1{letter-spacing:-.03em;margin:8px 0;font-size:clamp(30px,4vw,44px)}.learning-heading>span{color:#536d7d}.learning-management h2{margin:0 0 15px;font-size:25px;line-height:1.2}.learning-management h3{margin:0 0 12px;font-size:20px}.learning-management p{margin:10px 0}.learning-management a{color:#0f668f;text-underline-offset:3px;font-weight:650}.learning-management button{cursor:pointer;color:#174968;background:#fff;border:1px solid #b5cfde;border-radius:10px;min-height:44px;padding:12px 16px;font-family:inherit;font-size:15px;font-weight:700;line-height:1.3}.learning-management button:disabled{opacity:.55;cursor:wait}.learning-management :is(button,input,select,textarea,a,summary):focus-visible{outline-offset:3px;outline:3px solid #e9912e}.learning-info{background:#fff8ea;border:1px solid #ecd7ae;border-radius:14px;margin:18px 0;padding:18px 22px}.learning-info p{margin-bottom:0}.learning-launch{background:#f3f8fb;border:1px solid #cadae3;border-radius:14px;margin-bottom:25px;padding:17px 22px}.learning-management summary{cursor:pointer;min-height:36px;padding:6px 0;font-size:16px;font-weight:750}.learning-launch li{margin:10px 0}.learning-error,.learning-notice{border-radius:10px;padding:15px 20px}.learning-error{color:#812727;background:#fff0ed;border:1px solid #efc2b6}.learning-notice{color:#256045;background:#eaf6f0;border:1px solid #b9ddcd}.learning-layout{grid-template-columns:290px minmax(0,1fr);align-items:start;gap:25px;display:grid}.learning-sidebar,.learning-detail{background:#fff;border:1px solid #d8e4ea;border-radius:18px;padding:24px}.learning-sidebar nav{flex-direction:column;gap:10px;margin-bottom:25px;display:flex}.learning-sidebar nav button{text-align:left;flex-direction:column;gap:4px;display:flex}.learning-sidebar nav button[aria-pressed=true]{background:#edf6fb;border:2px solid #287da8;padding:11px 15px}.learning-sidebar small,.learning-sidebar span{color:#526b7b;font-size:14px}.learning-form{gap:15px;display:grid}.learning-form label,.learning-inline label{gap:6px;font-size:14px;font-weight:700;display:grid}.learning-form input,.learning-form select,.learning-form textarea,.learning-inline input{color:#16374b;width:100%;min-height:44px;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #b5cbd8;border-radius:9px;min-width:0;padding:10px 12px;font-size:16px}.learning-form textarea{resize:vertical;min-height:90px}.learning-form button,.learning-inline button{color:#fff;background:#176b99;border-color:#176b99}.learning-form small{color:#526b7b;font-size:14px}.learning-space-header{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:16px;display:flex}.learning-space-header h2{margin:7px 0}.learning-space-header span{color:#37624c;background:#eaf5ef;border-radius:20px;padding:5px 12px;font-size:14px;display:inline-block}.learning-management .learning-danger{color:#8d3b35;border-color:#e1bbb2}.learning-period{background:#f3f8fb;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:25px 0;padding:18px;display:grid}.learning-period span{color:#597281;font-size:14px}.learning-period b{color:#164d6b;font-size:19px;display:block}.learning-detail>section{border-top:1px solid #dfe8ed;margin-top:25px;padding-top:25px}.learning-learners,.learning-assignments{padding:0;list-style:none}.learning-learners li,.learning-assignments li{border:1px solid #d7e4eb;border-radius:11px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:10px 0;padding:14px 16px;display:flex}.learning-learners li>div:last-child{flex-wrap:wrap;gap:15px;display:flex}.learning-learners small,.learning-assignments span{color:#607787;font-size:14px;display:block}.learning-inline{flex-wrap:wrap;align-items:end;gap:12px;margin:20px 0;display:flex}.learning-inline label{flex:1;min-width:150px}.learning-assignment-form{grid-template-columns:1fr 1fr;align-items:end}.learning-assignment-form button{grid-column:1/-1}.learning-score-inputs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.learning-detail details{background:#f4f8fa;border-radius:12px;padding:15px}.learning-detail details form{padding-top:15px}.learning-table-wrap{margin:20px 0;overflow-x:auto}.learning-table-wrap table{border-collapse:collapse;text-align:left;width:100%;font-size:15px}.learning-table-wrap th{color:#3b6075;background:#edf4f8}.learning-table-wrap th,.learning-table-wrap td{vertical-align:top;border-bottom:1px solid #dfe8ee;padding:12px}.learning-table-wrap small{color:#577386;font-size:14px;display:block}.learning-empty{padding:45px 10px}.learning-confirm{background:#fff6f2;border:2px solid #b65b4e;border-radius:14px;margin-top:25px;padding:24px}.learning-confirm button{margin:10px 12px 0 0}.learning-result-recorder{background:#f1f8fc;border:1px solid #b9d8e7;border-radius:14px;margin:16px 0;padding:18px;font-size:16px}.learning-result-recorder form{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.learning-result-recorder label{flex-direction:column;gap:6px;font-size:14px;font-weight:700;display:flex}.learning-result-recorder select{font:inherit;border:1px solid #adc9d8;border-radius:8px;max-width:270px;min-height:44px;padding:10px}.learning-result-recorder button{color:#fff;background:#176b99;border:0;border-radius:9px;min-height:44px;padding:12px 16px;font-size:15px;font-weight:700}.learning-result-recorder p{margin:8px 0}.learning-result-recorder small{font-size:14px}.learning-result-recorder a{color:#12618c;text-decoration:underline}.learning-result-recorder [role=alert]{color:#9b3024}.learning-result-recorder [role=status]{color:#22623f}@media (width<=1000px){.learning-layout{grid-template-columns:1fr}.learning-sidebar nav{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.learning-sidebar>.learning-form{max-width:520px}}@media (width<=600px){.learning-sidebar,.learning-detail{padding:18px}.learning-period{grid-template-columns:1fr;gap:12px}.learning-assignment-form,.learning-score-inputs{grid-template-columns:1fr}.learning-space-header{flex-direction:column}.learning-table-wrap table{min-width:510px}}
