.learning-dashboard,.completion-card{min-width:0;color:var(--ink,#19345c);border:2px solid #bfdcf5;border-radius:21px;background:#fff;box-shadow:0 5px 0 #dfebf8}
.learning-dashboard{margin:22px 0 25px;padding:22px 25px}
.learning-dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:19px}
.learning-kicker{color:#4b87b9;font-size:9px;letter-spacing:1.3px;font-weight:800;line-height:1.6}
.learning-dashboard h2{font-size:19px;font-weight:850;line-height:1.5;margin:3px 0 0}
.learning-sticker{color:#a84c0b;background:#fff2d8;border:1px solid #f4c486;border-radius:6px;padding:3px 7px;font-size:9px;letter-spacing:.5px;font-weight:850;white-space:nowrap;transform:rotate(4deg)}
.learning-progress-label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:700;margin-bottom:8px}
.learning-progress-label strong{font-size:23px;color:#157dca;line-height:1.3;white-space:nowrap}
.learning-progress-label small{font-size:11px;color:#6c829d;font-weight:500}
.learning-progress-track{height:13px;border-radius:12px;background:#edf4fc;border:1px solid #d4e6f8;overflow:hidden}
.learning-progress-track>span{display:block;height:100%;border-radius:12px;background:repeating-linear-gradient(120deg,#1684d4 0 10px,#329ce8 10px 19px);transition:width .2s ease;max-width:100%}
.learning-counts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}
.learning-counts>div,.learning-counts>a{display:flex;align-items:center;gap:12px;min-width:0;min-height:70px;background:#f1f8ff;border-radius:13px;padding:13px 16px}
.learning-counts>a{background:#fff6e9}
.learning-counts>div>.icon{color:#228bd7}.learning-counts>a>.icon{color:#c16b15}
.learning-counts span{display:flex;flex-direction:column;min-width:0}
.learning-counts strong{font-size:25px;font-weight:850;line-height:1.2;overflow-wrap:anywhere}
.learning-counts small{font-size:11px;color:#637d9a;margin-top:4px}
.learning-counts>a>.icon:last-child{margin-left:auto;width:15px;height:15px;flex:none}
.learning-footnote{font-size:10px;color:#70869f;line-height:1.8;margin-top:12px}
.completion-card{position:relative;margin:25px 0 18px;padding:27px 24px 24px;text-align:center;background:radial-gradient(#d6eaff 1px,transparent 1px) 0 0/13px 13px,#f8fcff;scroll-margin:25px;outline-offset:5px}
.completion-badge{display:grid;place-items:center;width:47px;height:47px;border:2px solid #ffc37f;background:#fff1da;border-radius:15px;color:#bc6311;margin:0 auto 12px;box-shadow:0 3px 0 #f4d3ab;transform:rotate(-7deg)}
.completion-badge .icon{width:27px;height:27px;stroke-width:2.5}
.completion-card h2{font-size:23px;line-height:1.5;font-weight:900;margin:7px 0 5px}
.completion-title{font-size:13px;color:#54759b;overflow-wrap:anywhere}
.completion-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:22px 0 14px;gap:8px}
.completion-stats>div{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:16px 6px;border:1px solid #d2e5f8;border-radius:12px;background:#fff}
.completion-stats>div:nth-child(2){background:#fff7e9;border-color:#f4d4a8}
.completion-stats strong{font-size:27px;line-height:1.25;color:#147ec9;font-weight:850;overflow-wrap:anywhere}
.completion-stats>div:nth-child(2) strong{color:#bd6617}
.completion-stats span{font-size:11px;color:#5b7697;line-height:1.6;margin-top:5px}
.completion-note{max-width:470px;font-size:11px;color:#6a829c;line-height:1.85;margin:0 auto}
.completion-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px}
.completion-actions .btn{min-height:46px;max-width:100%}
.completion-wordbook{display:flex;justify-content:center;align-items:center;gap:4px;min-height:44px;color:#2e77b0;font-size:12px}
.completion-wordbook .icon{width:14px;height:14px}
.saved-card footer .text-link{min-height:44px}
@media(max-width:600px){.learning-dashboard{margin:19px 0 23px;padding:19px 17px}.learning-dashboard-head{gap:7px;margin-bottom:15px}.learning-dashboard h2{font-size:17px}.learning-kicker{font-size:8px;letter-spacing:.8px}.learning-sticker{font-size:8px;padding:3px 5px}.learning-counts{gap:9px;margin-top:14px}.learning-counts>div,.learning-counts>a{gap:9px;padding:12px 10px;min-height:74px}.learning-counts strong{font-size:24px}.learning-counts small{font-size:10px}.learning-counts>a>.icon:last-child{display:none}.learning-footnote{font-size:10px}.completion-card{padding:23px 13px 19px;border-radius:17px}.completion-card h2{font-size:20px}.completion-title{font-size:12px}.completion-stats{gap:6px;margin:18px 0 13px}.completion-stats>div{padding:15px 3px}.completion-stats strong{font-size:24px}.completion-stats span{font-size:10px}.completion-note{font-size:10px}.completion-actions{flex-direction:column;align-items:stretch;gap:11px}.completion-actions .btn{width:100%;font-size:12px}.completion-wordbook{font-size:12px}}
@media(max-width:350px){.learning-dashboard{padding:17px 13px}.learning-dashboard h2{font-size:16px}.learning-sticker{display:none}.learning-counts>div,.learning-counts>a{gap:7px;padding:10px 8px}.learning-counts .icon{width:18px;height:18px}.learning-counts strong{font-size:22px}.learning-counts small{font-size:9px}.completion-card h2{font-size:18px}.completion-stats strong{font-size:22px}.completion-stats span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.learning-progress-track>span{transition:none}}