.subject-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.subject-hub-card{position:relative;overflow:hidden}.subject-hub-open{width:100%;min-height:190px;padding:25px;border:0;background:#fff;text-align:left;color:var(--ink)}.subject-hub-open:hover{background:#f8fbfa}.subject-hub-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.subject-hub-top .subject-symbol{width:50px;height:50px}.subject-hub-arrow{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#edf5f3;color:#087f79}.subject-hub-card h2{font-size:1.1rem;margin:20px 0 5px}.subject-hub-card p{font-size:.84rem;color:var(--muted);margin:0 0 15px}.subject-hub-delete{position:absolute;right:14px;bottom:14px;z-index:2}.back-button{display:inline-flex;align-items:center;gap:7px;margin-bottom:17px}.chapter-stack{display:grid;gap:13px}.chapter-mastery-card{padding:19px 20px}.chapter-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:14px}.chapter-card-head h3{margin:0;font-size:1rem}.chapter-card-head p{margin:4px 0 0;color:var(--muted);font-size:.8rem}.chapter-delete{color:#bc4854;background:#fff0f1}.chapter-delete:hover{background:#ffe4e7}.chapter-steps{display:grid;grid-template-columns:repeat(5,minmax(105px,1fr));gap:8px}.subject-detail-summary{padding:24px;margin-bottom:17px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:17px;align-items:center}.subject-detail-summary h2{margin:0 0 5px;font-size:1.2rem}.subject-detail-summary p{margin:0;color:var(--muted)}.subject-detail-summary .subject-symbol{width:54px;height:54px}.detail-percent{text-align:right}.detail-percent strong{font-size:1.7rem;display:block}.detail-percent small{color:var(--muted)}
@media(max-width:1150px){.subject-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.subject-hub-grid{grid-template-columns:1fr}.chapter-steps{overflow-x:auto;grid-template-columns:repeat(5,118px);padding-bottom:5px}.subject-detail-summary{grid-template-columns:auto 1fr}.detail-percent{grid-column:2;text-align:left}}
@media(max-width:480px){.subject-hub-open{min-height:170px;padding:20px}.subject-detail-summary{padding:18px}.chapter-mastery-card{padding:16px}.chapter-card-head{gap:10px}}