:root{--mastered:#477b54;--learning:#b7cda4;--unseen:#e9eee3}
.mastery-overview{padding:25px 27px 18px;border:1px solid #dce7d4;border-radius:23px;background:linear-gradient(120deg,#fff,#f3f7ec);overflow:hidden}
.mastery-overview-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.mastery-overview-top .eyebrow{font-size:10px;letter-spacing:.7px;color:#82966f}.mastery-overview-top h2{font-size:20px;letter-spacing:-.6px;margin-top:5px}.mastery-overview-top>.icon{color:#719457;width:29px;height:29px}
.mastery-overview-body{display:flex;align-items:center;gap:42px;justify-content:center;padding:25px 0 19px}.mastery-ring{width:168px;height:168px;padding:13px;border-radius:50%;background:conic-gradient(var(--mastered) 0deg var(--mastered-angle),var(--learning) var(--mastered-angle) var(--seen-angle),var(--unseen) var(--seen-angle) 360deg);flex-shrink:0}.mastery-ring>div{background:#fafcf6;border-radius:50%;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.mastery-ring strong{font-size:44px;line-height:1.2;color:#315b35;font-weight:700;letter-spacing:-1.8px;font-variant-numeric:tabular-nums}.mastery-ring strong>small{font-size:18px;letter-spacing:0;margin-left:2px;font-weight:500}.mastery-ring span{font-size:11px;color:#849871;margin-top:5px}.mastery-legend{flex:1;max-width:270px}.mastery-legend>div{display:flex;gap:10px;align-items:center;margin:10px 0}.mastery-legend i{width:9px;height:9px;border-radius:3px;flex-shrink:0}.mastery-legend i.mastered{background:var(--mastered)}.mastery-legend i.learning{background:var(--learning)}.mastery-legend i.unseen{background:var(--unseen);border:1px solid #d5decb}.mastery-legend>div>span{font-size:13px;color:#718264}.mastery-legend strong{font-size:21px;line-height:1.4;font-variant-numeric:tabular-nums;margin-left:auto}.mastery-legend strong>small{font-size:10px;font-weight:400;color:#9aac87;margin-left:4px}.mastery-legend>p{font-size:10px;color:#94a47f;border-top:1px solid #e0e8d7;padding-top:10px;margin-top:12px}.mastery-definition{border-top:1px solid #e1e9d9;padding-top:13px}.mastery-definition summary{display:flex;align-items:center;gap:6px;list-style:none;font-size:10px;color:#8a9a78;cursor:pointer;min-height:25px}.mastery-definition summary::-webkit-details-marker{display:none}.mastery-definition summary>.icon{width:13px;height:13px}.mastery-definition p{font-size:11px;color:#7b8e67;margin-top:10px;line-height:1.9;word-break:keep-all}
.category-progress-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.category-progress{border:1px solid #e0e7d9;background:#fff;border-radius:19px;padding:20px;min-width:0}.category-progress-heading{display:flex;align-items:center;gap:10px}.category-glyph{width:38px;height:40px;display:grid;place-items:center;background:var(--category-soft);color:var(--category-color);border-radius:12px;flex-shrink:0}.category-glyph .icon{width:21px;height:21px}.category-progress-heading h3{font-size:17px;color:var(--category-color);letter-spacing:-.3px}.category-progress-heading>div>small{font-size:10px;color:#a1ab94;display:block;margin-top:1px}.category-percent{font-size:27px;font-weight:650;line-height:1.2;letter-spacing:-1px;color:var(--category-color);margin-left:auto}.category-percent>small{font-size:12px;letter-spacing:0;margin-left:1px}.mastery-track{height:7px;background:var(--unseen);border-radius:10px;overflow:hidden;display:flex;min-width:0}.mastery-track>span{display:block;height:100%;flex-shrink:0}.mastery-track>.mastered{background:var(--mastered)}.mastery-track>.learning{background:var(--learning)}.category-progress>.mastery-track{margin:18px 0 9px}.category-counts{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#9ca88e;font-size:10px;font-variant-numeric:tabular-nums}.category-counts b{font-weight:600;color:#607a4e}.category-last{font-size:10px;color:#8e9d7f;margin-top:13px;min-height:18px;line-height:1.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-actions{display:flex;gap:8px;margin-top:13px}.category-actions>button{min-height:42px;border-radius:9px;font-size:11px;display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.category-actions>button:first-child{flex:1;background:var(--category-soft);color:var(--category-color);font-weight:700;padding:8px 10px}.category-actions>button:first-child:hover{filter:brightness(.96)}.category-actions>button:last-child{padding:8px 9px;color:#8c9b7c}.category-actions .icon{width:14px;height:14px}.quick-caption{font-size:10px;color:#8e9e7d;text-align:center;margin-top:9px}.category-section+.stats-grid{margin-top:22px}.source-note>.text-button{margin-left:auto;white-space:nowrap}
.category-picker{display:flex;gap:8px;margin:-7px 0 22px;flex-wrap:wrap}.category-chip{--category-color:#477b54;--category-soft:#edf3e8;display:inline-flex;gap:6px;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;border-radius:11px;background:white;border:1px solid #e2e9da;font-size:12px;white-space:nowrap;color:#89997a}.category-chip i{width:5px;height:5px;border-radius:50%;background:var(--category-color);opacity:.65}.category-chip.selected{background:var(--category-soft);border-color:var(--category-color);color:var(--category-color);font-weight:700}.category-chip:hover{border-color:var(--category-color)}.question-badges,.study-topline{display:flex;flex-wrap:wrap;gap:7px}.category-tag{background:#f1f2e9;color:#8c9574}.supplemental-tag{background:#eef0f3;color:#7b8493;border:1px solid #dce1e7;font-size:9px}.question-badges .important-label{margin-left:0}.study-topline .important-label{margin-left:0}.card-page{letter-spacing:.7px}
.library-progress{background:#f0f5e9;border:1px solid #e0e8d5;border-radius:14px;padding:17px 19px;margin:0 0 20px}.library-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.library-progress strong{font-size:13px;color:#5c7a45}.library-progress>div>span{font-size:10px;color:#95a582}.library-progress>.mastery-track{margin:12px 0 9px}.library-progress>p{font-size:10px;color:#889c74}.herb-meta{flex-wrap:wrap;gap:6px}.herb-card-progress{display:block;font-size:10px;color:#8fa37a;margin-top:10px}.herb-card-progress>.mini-track{display:block;height:3px;max-width:none;margin-top:7px;background:#edf2e6}.herb-card-progress .mini-track>i{display:block}.herb-meta .status-label{font-size:9px;padding:2px 5px;border-radius:4px}.status-label.unseen{background:#f2f3ef;color:#a1aa94}.status-label.learning{background:#eff4e6;color:#8c9f68}.status-label.mastered{background:#e7f1df;color:#50743c}.reference-herb{background:#fafbfc;border-color:#e1e5e9}.reference-herb .herb-title{color:#7c8795}.reference-herb .herb-number{background:#eef0f3;color:#8b93a0}
.detail-progress{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:15px 0 0;color:#91a17e;font-size:11px}.detail-progress>strong{font-size:11px;font-weight:600;color:#617e4c}.detail-progress>.mastery-track{flex-basis:100%;height:5px}.detail-content .supplemental-item{border-left:2px solid #d3d9e2;padding-left:11px}.detail-content .supplemental-item dt,.detail-content .supplemental-item dd{color:#7a8694}.supplemental-caption{display:inline-block;font-size:9px;font-weight:400;color:#929baa;margin-left:8px}.detail-content .blue-item dt,.detail-content .blue-item dd{color:#3d78a4}.detail-content>section:first-child{margin-top:20px}.session-category-progress{background:#eef4e7;border:1px solid #dfe9d3;border-radius:14px;padding:16px 20px;text-align:left;margin-bottom:24px}.session-category-progress>strong{font-size:13px;color:#62804b}.session-category-progress>.mastery-track{margin:11px 0 8px}.session-category-progress>span{font-size:10px;color:#92a47d}.source-list{display:grid;gap:8px;margin:17px 0 22px}.source-list>a{display:flex;align-items:center;gap:10px;justify-content:space-between;border:1px solid #e0e6d8;background:#f7faf2;border-radius:12px;padding:13px 14px}.source-list>a>span:first-child{min-width:0}.source-list strong{display:block;font-size:13px;color:#647e51}.source-list small{display:block;font-size:9px;color:#96a586;margin-top:4px;overflow-wrap:anywhere}.source-list>a>span:last-child{font-size:10px;white-space:nowrap;color:#8da176;display:flex;align-items:center;gap:5px}.source-list .icon{width:14px;height:14px}
@media(max-width:600px){.mastery-overview{padding:20px 19px 14px;border-radius:21px}.mastery-overview-top h2{font-size:17px}.mastery-overview-top .eyebrow{font-size:9px}.mastery-overview-top>.icon{width:24px;height:24px}.mastery-overview-body{gap:24px;padding:22px 0 18px}.mastery-ring{width:130px;height:130px;padding:10px}.mastery-ring strong{font-size:34px}.mastery-ring strong>small{font-size:15px}.mastery-ring span{font-size:10px}.mastery-legend>div{gap:7px;margin:8px 0}.mastery-legend>div>span{font-size:11px}.mastery-legend strong{font-size:19px}.mastery-legend strong>small{font-size:9px;margin-left:3px}.mastery-legend>p{font-size:8px;word-break:keep-all;line-height:1.8;margin-top:10px;padding-top:8px}.mastery-legend i{width:7px;height:7px;border-radius:2px}.mastery-definition summary{font-size:9px}.mastery-definition p{font-size:11px}.category-progress-grid{gap:11px}.category-progress{padding:16px 14px 12px;border-radius:16px}.category-glyph{display:none}.category-progress-heading{gap:5px}.category-progress-heading h3{font-size:17px}.category-progress-heading>div>small{font-size:8px}.category-percent{font-size:23px}.category-percent>small{font-size:10px}.category-progress>.mastery-track{margin-top:15px;height:5px}.category-counts{font-size:9px;gap:3px;flex-wrap:wrap}.category-last{font-size:9px;margin-top:10px;min-height:16px}.category-actions{gap:3px;margin-top:10px}.category-actions>button{font-size:10px;gap:4px;min-height:40px}.category-actions>button:first-child{padding:7px 6px}.category-actions>button:last-child{padding:7px 3px}.category-actions .icon{width:12px;height:12px}.category-section{margin-top:23px}.category-picker{gap:6px;margin-bottom:20px;display:grid;grid-template-columns:repeat(5,1fr)}.category-chip{font-size:11px;padding:9px 5px;min-height:41px;border-radius:9px;gap:4px}.category-chip i{width:4px;height:4px}.library-progress{padding:15px;border-radius:13px}.library-progress strong{font-size:12px}.library-progress>div>span{font-size:9px}.herb-card-progress{font-size:10px}.study-topline{gap:6px}.study-topline .tag{font-size:9px;padding:4px 7px}.study-topline .supplemental-tag{font-size:8px}.study-topline .icon-button{width:36px;height:36px}.study-topline .icon-button .icon{width:18px;height:18px}.card-page{font-size:8px;letter-spacing:.3px}.session-heading>span{min-width:0;line-height:1.5}.session-heading .muted{display:inline-block;margin-left:0}.source-list small{font-size:8px}.detail-footer{gap:9px}.detail-footer .source-link{font-size:10px}.detail-footer .button{font-size:11px;padding:12px 14px}}
@media(max-width:359px){.mastery-overview{padding:18px 15px 13px}.mastery-overview-body{gap:15px}.mastery-ring{width:110px;height:110px;padding:9px}.mastery-ring strong{font-size:30px}.mastery-ring span{font-size:9px}.mastery-legend>div>span{font-size:10px}.mastery-legend strong{font-size:17px}.mastery-overview-top h2{font-size:16px}.category-progress{padding:14px 11px 10px}.category-counts{font-size:8px}.category-actions{flex-wrap:wrap;gap:0}.category-actions>button:first-child{flex-basis:100%;min-height:36px}.category-actions>button:last-child{width:100%;min-height:31px}.category-chip{font-size:10px}.category-chip i{display:none}.category-progress-heading h3{font-size:16px}.category-progress-heading>div>small{font-size:7px}.category-percent{font-size:21px}}