:root{--y4-brand:#2457d6;--y4-navy:#173968;--y4-line:#d8e2ef;--y4-soft:#eef5ff;--y4-green:#eaf8ee;--y4-amber:#fff8e8;--y4-text:#203047}
.curriculum-page:has(.breadcrumb a[href="/year4/curriculum/maths/"]) .curriculum-layout{grid-template-columns:minmax(0,1fr);max-width:980px;margin-inline:auto}.curriculum-page:has(.breadcrumb a[href="/year4/curriculum/maths/"]) .curriculum-sidebar{display:none}.curriculum-page:has(.breadcrumb a[href="/year4/curriculum/maths/"]) .curriculum-content{min-width:0}
.y4-maths-board{border:1px dashed #b9c8db;background:#f8fafc;border-radius:14px;padding:13px;margin:8px 0;overflow:hidden}.y4-maths-board>p{margin:9px 0 0;line-height:1.45}.y4-visual-answer{margin:6px 0 0!important;text-align:center;font-weight:900;color:#17663a}
.y4-card-row{display:flex;flex-wrap:wrap;gap:7px;margin:7px 0}.y4-card-row span{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:1px solid #d9e5f5;border-radius:10px;background:#fff;padding:8px 11px;font-weight:850;color:var(--y4-navy);text-align:center}
.y4-flow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin:7px 0}.y4-flow span{border:1px solid #d9e5f5;border-radius:10px;background:#fff;padding:8px 10px;font-weight:850;color:var(--y4-navy)}.y4-flow b{color:var(--y4-brand)}
.y4-table{display:grid;border:1px solid #d9e5f5;border-radius:11px;overflow:hidden;background:#fff}.y4-table span{padding:7px;border-right:1px solid #e2e9f3;border-bottom:1px solid #e2e9f3;text-align:center}.y4-table span:nth-child(-n+8){font-weight:800;background:#f7faff}
.y4-decimal-place{position:relative;display:grid;grid-template-columns:repeat(5,minmax(70px,1fr));gap:6px;padding:0 14px}.y4-decimal-place>div{border:1px solid #d9e5f5;border-radius:11px;background:#fff;text-align:center;overflow:hidden}.y4-decimal-place small{display:block;background:var(--y4-soft);padding:6px;font-size:.66rem;font-weight:900;text-transform:uppercase;color:var(--y4-navy)}.y4-decimal-place strong{display:block;padding:11px;font-size:1.45rem;color:var(--y4-brand)}.y4-decimal-place .ones{border-right:3px solid var(--y4-navy)}.y4-decimal-place .decimal-point{position:absolute;left:60%;bottom:7px;font-size:1.8rem;color:var(--y4-navy)}
.y4-hundred-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;width:min(100%,260px);margin:auto;border:2px solid var(--y4-navy);padding:3px;background:#fff}.y4-hundred-grid i{aspect-ratio:1;border:1px solid #d9e5f5}.y4-hundred-grid i.is-shaded{background:#78a4f4}
.y4-parity{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;max-width:430px;margin:auto}.y4-parity i{width:28px;height:28px;border-radius:50%;background:#7da5f6;border:1px solid #527fd8}.y4-parity i:nth-child(even){margin-right:10px}.y4-parity i.unpaired{background:#fde68a;border-color:#d97706}.y4-parity strong{width:100%;text-align:center;color:var(--y4-navy)}
.y4-fraction-wrap{display:grid;gap:5px;justify-items:center;margin:4px 0}.y4-fraction-bar{display:grid;width:min(100%,320px);height:43px;border:2px solid var(--y4-navy);border-radius:8px;overflow:hidden;background:#fff}.y4-fraction-bar i{border-right:1px solid var(--y4-navy)}.y4-fraction-bar i:last-child{border-right:0}.y4-fraction-bar i.is-shaded{background:#a9c5fb}.y4-equivalent{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}.y4-equivalent>.y4-fraction-wrap{width:min(44%,280px)}.y4-equivalent>b{font-size:1.3rem;color:var(--y4-brand)}.y4-fraction-set{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
.y4-number-line{padding:18px 10px 28px}.y4-number-line .rail{position:relative;height:12px;border-bottom:3px solid var(--y4-navy)}.y4-number-line .rail:before,.y4-number-line .rail:after{content:"";position:absolute;bottom:-6px;width:2px;height:11px;background:var(--y4-navy)}.y4-number-line .rail:before{left:0}.y4-number-line .rail:after{right:0}.y4-number-line .rail i{position:absolute;bottom:-7px;width:14px;height:14px;border-radius:50%;background:var(--y4-brand);transform:translateX(-50%)}.y4-number-line .rail i span{position:absolute;top:17px;left:50%;transform:translateX(-50%);white-space:nowrap;font-style:normal;font-size:.7rem;font-weight:850}.y4-number-line .ends{display:flex;justify-content:space-between;margin-top:9px;color:#49627f;font-size:.72rem}
.y4-place-shift{display:grid;gap:8px}.y4-array-wrap{display:grid;gap:7px;justify-items:center}.y4-array{display:grid;gap:3px;width:min(100%,500px)}.y4-array i{aspect-ratio:1;border-radius:50%;background:#7da5f6;border:1px solid #527fd8;min-width:4px}.y4-array i.split-start{box-shadow:-4px 0 0 #fff,-6px 0 0 var(--y4-navy)}
.y4-strategy{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.y4-strategy>div{display:grid;gap:5px;border:1px solid #d9e5f5;border-radius:11px;background:#fff;padding:9px}.y4-strategy strong{color:var(--y4-brand)}.y4-rounding>strong{display:block;text-align:center;color:#17663a}.y4-money-model{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:8px}.y4-money-model>div{display:grid;gap:3px;border:1px solid #d9e5f5;border-radius:11px;background:#fff;padding:9px}.y4-money-model p,.y4-money-model>b{width:100%;text-align:center}.y4-money-model>b{color:#17663a;font-size:1.05rem}
.y4-algorithm{display:grid;justify-items:center;gap:5px}.y4-algorithm span{border:1px solid #d9e5f5;border-radius:10px;background:#fff;padding:8px 12px;font-weight:850}.y4-algorithm span.decision{border-radius:999px;background:#fff8e8;border-color:#e8c979}.y4-algorithm b{color:var(--y4-brand)}
.y4-balance{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;text-align:center}.y4-balance>div{border:2px solid var(--y4-brand);border-radius:12px;background:#fff;padding:13px;font-weight:900}.y4-balance>span{font-size:2rem}.y4-balance>strong{grid-column:1/-1;color:#17663a}.y4-fact-network{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:520px;margin:auto}.y4-fact-network .centre{grid-column:2;grid-row:2;display:grid;place-items:center;border-radius:50%;min-height:80px;background:var(--y4-navy);color:#fff;font-weight:900}.y4-fact-network span{display:grid;place-items:center;border:1px solid #d9e5f5;border-radius:10px;background:#fff;padding:8px;text-align:center;font-weight:850}
.y4-scale{display:grid;gap:8px}.y4-scale .ticks{display:flex;align-items:flex-end;height:70px;border-bottom:3px solid var(--y4-navy)}.y4-scale .ticks i{position:relative;flex:1;border-left:1px solid var(--y4-navy);height:18px}.y4-scale .ticks i:nth-child(5n+1){height:36px}.y4-scale .ticks i.value{background:rgba(36,87,214,.15)}.y4-scale .ticks span{position:absolute;top:39px;left:-7px;font-style:normal;font-size:.58rem}.y4-scale>strong{text-align:center;color:var(--y4-brand)}
.y4-area-wrap{display:grid;gap:8px;justify-items:center}.y4-area-grid{display:grid;gap:2px;width:min(100%,380px);border:3px solid var(--y4-navy);padding:3px;background:#fff}.y4-area-grid i{aspect-ratio:1;background:#bfdbfe;border:1px solid #7da5f6}.y4-area-wrap>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.y4-area-wrap span{border-radius:999px;background:var(--y4-soft);padding:5px 8px;font-weight:850;color:var(--y4-navy)}
.y4-time-line{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}.y4-time-line>div{display:grid;gap:3px;border:1px solid #d9e5f5;border-radius:10px;background:#fff;padding:8px;min-width:110px;text-align:center}.y4-time-line>b{color:var(--y4-brand)}
.y4-angle-set{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.y4-angle{position:relative;width:125px;height:100px}.y4-angle span,.y4-angle i{position:absolute;left:18px;bottom:25px;width:82px;height:4px;background:var(--y4-navy);transform-origin:left center;border-radius:999px}.y4-angle i{background:var(--y4-brand)}.y4-angle strong{position:absolute;left:18px;bottom:2px;font-size:.72rem}.y4-angle small{position:absolute;right:4px;bottom:2px;color:#5d6c80}
.y4-composite{position:relative;width:min(100%,460px);height:210px;margin:auto;border:1px solid #d9e5f5;border-radius:12px;background:#fff;overflow:hidden}.y4-composite i{position:absolute;border:3px solid var(--y4-brand);background:#dbeafe}.y4-composite i.circle{border-radius:50%}.y4-composite i.triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.y4-composite>strong{position:absolute;left:10px;bottom:8px;background:#fff;padding:4px 7px;border-radius:999px}
.y4-grid-wrap{display:grid;gap:4px;max-width:480px;margin:auto}.y4-grid-head{display:grid;grid-template-columns:repeat(5,1fr);padding-left:32px;gap:3px}.y4-grid-head b{text-align:center}.y4-grid-body{display:grid;gap:3px}.y4-grid-body>b,.y4-grid-body>span{display:grid;place-items:center;min-height:48px}.y4-grid-body>span{border:1px solid #c7d6ea;border-radius:7px;background:#fff;font-size:.68rem;font-weight:850}.y4-grid-body>b{color:var(--y4-navy)}
.y4-symmetry{position:relative;width:230px;height:180px;margin:auto;border:1px solid #d9e5f5;border-radius:12px;background:#fff}.y4-symmetry .shape{position:absolute;inset:28px 55px;background:#93c5fd;border:3px solid var(--y4-brand);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.y4-symmetry>i{position:absolute;background:#ef4444}.y4-symmetry>i.vertical{top:12px;bottom:12px;left:50%;width:2px}.y4-symmetry>i.horizontal{left:12px;right:12px;top:50%;height:2px}.y4-symmetry>strong{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);white-space:nowrap;font-size:.72rem}
.y4-pictograph{display:grid;gap:6px}.y4-pictograph>div{display:grid;grid-template-columns:90px 1fr 40px;gap:6px;align-items:center;border-bottom:1px solid #e2e9f3;padding:5px}.y4-pictograph span{letter-spacing:.2em;color:var(--y4-brand)}.y4-pictograph>b{text-align:right;font-size:.72rem}.y4-bargraph{display:flex;align-items:flex-end;justify-content:space-around;gap:8px;height:170px;padding:12px 8px 4px;border-left:3px solid var(--y4-navy);border-bottom:3px solid var(--y4-navy)}.y4-bargraph>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.y4-bargraph span{display:grid;place-items:start center;width:min(46px,80%);background:#8bb0f8;border:1px solid #557fd2}.y4-bargraph small{font-size:.68rem}.y4-dotplot{display:flex;align-items:flex-end;justify-content:center;gap:8px;min-height:150px;border-bottom:3px solid var(--y4-navy)}.y4-dotplot>div{display:grid;align-items:end;min-width:28px;text-align:center}.y4-dotplot span{color:var(--y4-brand);line-height:1}.y4-dotplot b{margin-top:5px}
.y4-investigation{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.y4-investigation>div{display:grid;justify-items:center;gap:4px;min-width:90px}.y4-investigation i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--y4-soft);border:2px solid var(--y4-brand);font-style:normal;font-weight:900}.y4-investigation strong{font-size:.72rem;text-align:center}
.y4-chance-scale{padding:25px 12px 43px}.y4-chance-scale .rail{position:relative;height:12px;border-radius:999px;background:linear-gradient(90deg,#fee2e2,#fef3c7,#dcfce7)}.y4-chance-scale i{position:absolute;top:-4px;width:4px;height:20px;background:var(--y4-navy);transform:translateX(-50%)}.y4-chance-scale i span{position:absolute;top:24px;left:50%;transform:translateX(-50%);font-style:normal;font-size:.62rem;white-space:nowrap}.y4-chance-tree{display:grid;grid-template-columns:100px repeat(2,1fr);gap:8px;align-items:start}.y4-chance-tree>div{background:var(--y4-navy);color:#fff;border-radius:10px;padding:10px;text-align:center;font-weight:900}.y4-chance-tree section{display:grid;gap:6px;border:1px solid #d9e5f5;border-radius:10px;background:#fff;padding:8px}.y4-chance-tree section strong{color:var(--y4-brand)}.y4-chance-tree section span{border-radius:7px;background:#f7faff;padding:5px;text-align:center}.y4-trial-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.y4-trial-compare>div{display:grid;gap:5px;border:1px solid #d9e5f5;border-radius:10px;background:#fff;padding:8px}.y4-trial-compare strong{color:var(--y4-brand)}
@media(max-width:740px){.y4-decimal-place{grid-template-columns:repeat(3,1fr);padding:0}.y4-decimal-place .decimal-point{display:none}.y4-equivalent>.y4-fraction-wrap{width:100%}.y4-balance{grid-template-columns:1fr}.y4-balance>strong{grid-column:1}.y4-grid-body>span{min-height:38px}.y4-chance-tree{grid-template-columns:1fr}.y4-bargraph{height:145px}}