.maths-overlay[hidden]{display:none!important}
.maths-overlay{position:absolute;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;background:rgba(7,22,46,.82);backdrop-filter:brightness(.86);color:#18334d;pointer-events:auto}
.maths-panel{width:1270px;height:1000px;max-height:1000px;overflow-y:auto;padding:26px 43px 38px;border:6px solid #191b1d;border-radius:36px;background:linear-gradient(150deg,#f2f0e8 0%,#e8e5db 100%);box-shadow:0 11px 0 #101215b3,0 28px 65px #07111ec9;text-align:left;display:flex;flex-direction:column}
.maths-header{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:24px}
.maths-header h2{margin:0;font-size:53px;line-height:1.08;color:#183d65;letter-spacing:-.7px;font-weight:900}
.maths-close{width:64px;height:64px;border:3px solid #171717;border-radius:50%;background:#f8f5ec;color:#20272e;font-size:46px;line-height:1;flex-shrink:0;box-shadow:0 5px 0 #17171799,0 9px 16px #00000026;transition:background-color .16s ease,box-shadow .16s ease}
.maths-section-label{color:#204867;font-size:24px;font-weight:900;margin-bottom:8px}
.maths-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.maths-tab{height:94px;border:3px solid #171717;border-radius:19px;background:#e7f2f4;color:#243f50;font-weight:900;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;box-shadow:0 5px 0 #2a2a2a66,0 11px 18px #00000020;transition:background .15s,filter .15s}
.maths-tab-mark{font-size:33px;line-height:1.1}.maths-tab-label{font-size:23px}
.maths-tab.selected,.maths-objective.selected{background:#547992;color:#fff;border-color:#171717;box-shadow:0 6px 0 #17171799,0 12px 20px #0000002b}
.maths-tab:hover,.maths-objective:hover{filter:brightness(1.04)}
.maths-close:hover{background:#fff;box-shadow:0 5px 0 #17171799,0 9px 18px #00000035}
.maths-second-label{margin-top:27px}
.maths-objectives{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch;grid-auto-rows:122px}
.maths-objective{height:122px;min-height:122px;max-height:122px;border:3px solid #171717;border-radius:18px;background:#f8f5ec;color:#1d3247;text-align:left;padding:14px 20px;display:flex;flex-direction:column;justify-content:center;gap:6px;box-shadow:0 6px 0 #2a2a2a55,0 12px 22px #00000024;overflow:hidden}
.maths-option-title{font-size:26px;line-height:1.08;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.maths-option-desc{font-size:18px;line-height:1.16;font-weight:700;color:#4a5f73;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.maths-objective.selected .maths-option-desc{color:#e3f5ff}

.maths-footer{display:flex;align-items:center;justify-content:center;margin-top:auto;padding-top:22px;flex-shrink:0}
.maths-apply{display:block;width:340px;height:57px;border-radius:17px;border:3px solid #171717!important;font-size:24px;font-weight:900;cursor:pointer;background:#203f5a!important;color:#fff!important;box-shadow:0 5px 0 #17171780,0 10px 17px #00000028;transition:background-color .18s ease,box-shadow .18s ease}
.maths-apply:hover{background:#345c78!important;box-shadow:0 5px 0 #17171780,0 10px 17px #00000028,0 0 0 3px #a8cade88,0 0 18px 4px #88b5d098}
.maths-apply:active{background:#294c68!important;box-shadow:0 3px 0 #17171770,0 6px 12px #00000020}
.maths-overlay button:focus-visible{outline:5px solid #ffc74c;outline-offset:4px}


.maths-years{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.maths-year{height:64px;border:3px solid #171717;border-radius:17px;background:#eaf0e3;color:#294135;font-size:27px;font-weight:900;box-shadow:0 5px 0 #2a2a2a66,0 10px 16px #00000020;transition:background .15s,filter .15s}
.maths-year.selected{background:#547992;color:#fff;border-color:#171717;box-shadow:0 6px 0 #17171799,0 12px 20px #0000002b}
.maths-year:hover{filter:brightness(1.04)}
.maths-year-section .maths-second-label{margin-top:12px}
.maths-objective-label.maths-second-label{margin-top:13px}