.student-gradebook{margin-top:22px;background:#fff;border:1px solid #dbe3ef;border-radius:18px;box-shadow:0 18px 45px rgba(30,58,138,.08);overflow:hidden}.gradebook-public-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px;background:linear-gradient(120deg,#172554,#1e3a8a);color:#fff}.gradebook-public-head p{margin:0 0 5px;color:#93c5fd;font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.gradebook-public-head h2{margin:0;font-size:23px}.gradebook-public-head>span{padding:7px 12px;border:1px solid rgba(255,255,255,.25);border-radius:20px;color:#dbeafe;font-size:12px}.period-block{padding:22px 24px;border-bottom:1px solid #e2e8f0}.period-block:last-child{border-bottom:0}.period-title{display:flex;align-items:center;gap:12px;margin-bottom:14px}.period-title>span{display:grid;place-items:center;width:43px;height:43px;background:#dbeafe;border-radius:11px;color:#1d4ed8;font-weight:900}.period-title strong,.period-title small{display:block}.period-title small{margin-top:3px;color:#64748b}.public-grade-table-wrap{overflow-x:auto;border:1px solid #e2e8f0;border-radius:12px}.public-grade-table{min-width:880px}.public-grade-table th{padding:12px 10px;background:#f1f5f9;text-align:center}.public-grade-table th:nth-child(2){text-align:left}.public-grade-table td{text-align:center}.public-grade-table td:nth-child(2){max-width:360px;text-align:left}.public-grade-table td:nth-child(2) small,.public-grade-table td:nth-child(2) strong{display:block}.public-grade-table td:nth-child(2) small{margin-bottom:4px;color:#2563eb;font-size:10px;font-weight:800;text-transform:uppercase}.public-grade-table td:nth-child(n+3):nth-child(-n+7){font-weight:750;color:#172554}.public-average{background:#eff6ff;color:#1d4ed8!important;font-size:17px;font-weight:900!important}@media(max-width:700px){.student-gradebook{border-radius:14px}.gradebook-public-head{align-items:flex-start;flex-direction:column;padding:21px}.period-block{padding:18px 14px}.public-grade-table-wrap{border-radius:10px}.public-grade-table{min-width:760px}.public-grade-table td,.public-grade-table th{padding:11px 8px;font-size:12px}}