.learning-report{max-width:1080px;margin:0 auto;padding:36px 24px 70px;color:#243653;font-family:inherit}
.learning-report-heading,.learning-period,.learning-section>header,.learning-products article>header,.learning-diary summary,.learning-entry,.learning-home{display:flex;align-items:center;justify-content:space-between;gap:18px}
.learning-report-heading{align-items:flex-start;margin-bottom:26px}.learning-report-heading h1{font-size:clamp(30px,4vw,44px);letter-spacing:-1px;margin:9px 0}.learning-report p{line-height:1.65}.learning-report-heading p{color:#617087;margin:0}
.learning-eyebrow{font-size:12px;letter-spacing:.08em;color:#38765B;font-weight:700}
.learning-report button,.learning-controls button,.learning-home button{font:inherit;font-size:14px;font-weight:650;border:1px solid #DCE3E9;border-radius:12px;background:#fff;color:#243653;padding:10px 15px;cursor:pointer;min-height:42px;white-space:normal}
.learning-report button:hover,.learning-controls button:hover,.learning-home button:hover{background:#F5F7FA}.learning-report button:focus-visible,.learning-controls button:focus-visible,.learning-home button:focus-visible,.learning-diary summary:focus-visible{outline:3px solid #E7755B;outline-offset:3px}
.learning-period{flex-wrap:wrap;margin-bottom:22px}.learning-period>div{display:flex;gap:4px;padding:4px;background:#E9EDF2;border-radius:14px}.learning-period>span{font-size:12px;color:#617087}.learning-period button{border:0;background:transparent}.learning-period button.is-current{background:#fff;box-shadow:0 2px 5px #24365312}
.learning-overview{display:grid;grid-template-columns:1.5fr 1fr 1fr;background:white;border:1px solid #DFE6EB;border-radius:20px;overflow:hidden;margin-bottom:24px}.learning-overview article{padding:25px;display:flex;flex-direction:column;gap:12px}.learning-overview article+article{border-left:1px solid #E9EDF2}.learning-overview span{font-size:14px}.learning-overview strong{font-size:30px;font-variant-numeric:tabular-nums;line-height:1.3;overflow-wrap:anywhere}.learning-overview small{font-size:12px;font-weight:400;color:#617087}.learning-overview .learning-total{background:#EDF5F0}.learning-total strong{color:#38765B}
.learning-section{background:#fff;border:1px solid #DFE6EB;border-radius:20px;padding:25px;margin-bottom:20px}.learning-section h2{font-size:20px;margin:0}.learning-section header p{font-size:13px;color:#617087;margin:8px 0 0}.learning-section>header{margin-bottom:22px}
.learning-chart-scroll{overflow-x:auto}.learning-chart{display:flex;gap:14px;align-items:flex-end;padding-top:6px}.learning-day{flex:1;min-width:45px;text-align:center;font-size:11px;color:#617087;display:flex;flex-direction:column;gap:9px}.learning-chart.is-month{min-width:1450px}.learning-day-value{color:#243653;white-space:nowrap;font-variant-numeric:tabular-nums}.learning-bar-track{height:140px;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(to top,#E9EDF2 1px,transparent 1px);background-size:100% 35px}.learning-bar{width:min(36px,70%);background:#E7755B;border-radius:7px 7px 0 0;min-height:0}.learning-bar.is-empty{height:2px!important;background:#DFE6EB}
.learning-modalities{display:flex;gap:16px;flex-wrap:wrap;margin-top:22px;font-size:13px}.learning-modalities span:before{content:"";display:inline-block;width:7px;height:7px;background:#38765B;border-radius:50%;margin-right:7px}.learning-muted{color:#617087;font-size:12px;line-height:1.7}.learning-products{display:grid;grid-template-columns:1fr 1fr;gap:16px}.learning-products article{border:1px solid #E9EDF2;border-radius:14px;padding:18px}.learning-products h3{font-size:16px;margin:0}.learning-products article>header>span{font-size:12px;color:#617087;white-space:nowrap}
.learning-product-progress{margin-top:16px;color:#243653}.learning-product-progress>div{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;font-size:12px}.learning-product-progress>div>span{color:#617087}.learning-product-progress progress{display:block;width:100%;height:8px;border:0;border-radius:8px;overflow:hidden;background:#E9EDF2;accent-color:#38765B;margin:10px 0}.learning-product-progress progress::-webkit-progress-bar{background:#E9EDF2;border-radius:8px}.learning-product-progress progress::-webkit-progress-value{background:#38765B;border-radius:8px}.learning-product-progress small{font-size:11px;color:#617087}
.learning-diary{border-top:1px solid #E9EDF2}.learning-diary summary{cursor:pointer;padding:18px 0;list-style:none}.learning-diary summary:after{content:"＋"}.learning-diary[open] summary:after{content:"−"}.learning-diary summary span{font-size:12px;color:#617087;margin-left:auto}.learning-entry{padding:18px 0;border-top:1px dashed #E9EDF2}.learning-entry h3{font-size:16px;margin:6px 0;overflow-wrap:anywhere}.learning-entry p{font-size:12px;color:#617087;margin:6px 0}.learning-entry small{font-size:11px;color:#617087}.learning-entry>div:last-child{text-align:right;display:flex;flex-direction:column;gap:8px;flex-shrink:0;font-size:13px}.learning-empty{text-align:center;padding:36px 14px}.learning-empty p,.learning-report-footer{font-size:12px;color:#617087;line-height:1.7}.learning-report-footer p{margin:7px 0}.learning-warning{background:#FFF0E9;padding:12px;border-radius:12px;font-size:13px}
.learning-home{border:1px solid #D9E6DD;background:#F0F6F2;border-radius:16px;padding:18px 22px;margin:0 0 18px}.learning-home p{margin:8px 0 0;font-size:12px;color:#617087}.learning-home p strong{font-size:24px;color:#38765B;margin-right:18px}.learning-home p span{white-space:nowrap}.learning-home button{background:transparent;border-color:#CCDCD2}.learning-badge{display:inline-block;color:#617087;font-size:11px;padding:3px 7px;border-radius:6px;background:#EDF0F4;margin:2px 0 6px}.learning-badge.is-complete{background:#E8F3EC;color:#38765B}.learning-catalog-progress{margin:0 0 18px;padding:0 3px}
.learning-controls{border:1px solid #D9E6DD;background:#F3F8F5;border-radius:16px;padding:16px 20px;margin:0 0 20px;color:#243653}.learning-control-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.learning-controls [data-learning-complete]{background:#38765B;color:#fff;border-color:#38765B}.learning-controls button:disabled{opacity:.65;cursor:default}.learning-controls p{font-size:12px;margin:8px 0}.learning-controls small{font-size:11px;color:#617087}.learning-lesson-status{font-size:13px;line-height:1.6}.learning-sync{color:#38765B}.learning-storage-note{color:#A0442D}.learning-controls [hidden]{display:none!important}
@media(max-width:700px){.learning-report{padding:22px 16px 85px}.learning-report-heading{gap:10px}.learning-report-heading p{font-size:12px}.learning-report-heading>button{padding:8px;font-size:12px;white-space:nowrap;flex-shrink:0}.learning-overview article{padding:16px 12px;gap:9px}.learning-overview strong{font-size:22px}.learning-overview span{font-size:12px}.learning-overview small{font-size:10px}.learning-section{padding:18px 14px;border-radius:16px}.learning-products{grid-template-columns:1fr}.learning-chart{gap:8px;min-width:340px}.learning-period{gap:10px}.learning-period>span{order:3;flex-basis:100%}.learning-home{padding:16px;gap:8px}.learning-home button{font-size:12px;max-width:120px}.learning-home p strong{font-size:22px;display:block;margin-bottom:6px}.learning-controls{padding:14px}.learning-entry{align-items:flex-start;gap:8px}.learning-entry>div:last-child{max-width:98px}.learning-entry button{font-size:12px;padding:8px}.learning-diary summary{flex-wrap:wrap;gap:6px}.learning-diary summary span{font-size:11px}.learning-report-heading h1{font-size:30px}}
@media print{.learning-controls,.learning-home,.learning-period button,.learning-report button{display:none!important}.learning-report{padding:0}.learning-chart-scroll{overflow:visible}.learning-chart.is-month{min-width:0}}
@media(max-width:700px){.learning-chart:not(.is-month){min-width:0;gap:6px}.learning-chart:not(.is-month) .learning-day{min-width:0}.learning-chart:not(.is-month) .learning-day-value{white-space:normal;overflow-wrap:anywhere;font-size:10px;min-height:28px;display:grid;place-items:end center}}