:root{--y5-brand:#2457d6;--y5-navy:#173968;--y5-line:#d8e2ef;--y5-soft:#eef5ff;--y5-green:#eaf8ee;--y5-amber:#fff8e8;--y5-text:#203047}
.static-topic-page:has(.breadcrumb a[href="/year5/curriculum/maths/"]) .static-topic-grid,.static-topic-page:has(.breadcrumb a[href="/year5/curriculum/science/"]) .static-topic-grid{grid-template-columns:minmax(0,1fr);max-width:980px;margin-inline:auto}.static-topic-page:has(.breadcrumb a[href="/year5/curriculum/maths/"]) .static-topic-sidebar,.static-topic-page:has(.breadcrumb a[href="/year5/curriculum/science/"]) .static-topic-sidebar{display:none}.static-topic-page:has(.breadcrumb a[href="/year5/curriculum/maths/"]) .static-topic-content,.static-topic-page:has(.breadcrumb a[href="/year5/curriculum/maths/"]) .static-topic-panel,.static-topic-page:has(.breadcrumb a[href="/year5/curriculum/science/"]) .static-topic-content,.static-topic-page:has(.breadcrumb a[href="/year5/curriculum/science/"]) .static-topic-panel{min-width:0}
.y5-board{border:1px dashed #b9c8db;background:#f8fafc;border-radius:14px;padding:13px;margin:8px 0;overflow:hidden}.y5-board>p{margin:9px 0 0;line-height:1.45}.y5-board .answer{margin:6px 0 0;text-align:center;font-weight:900;color:#17663a}
.y5-cards{display:flex;flex-wrap:wrap;gap:7px;margin:7px 0}.y5-cards 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(--y5-navy);text-align:center}
.y5-flow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin:7px 0}.y5-flow span{border:1px solid #d9e5f5;border-radius:10px;background:#fff;padding:8px 10px;font-weight:850;color:var(--y5-navy)}.y5-flow b{color:var(--y5-brand)}
.y5-table{display:grid;border:1px solid #d9e5f5;border-radius:11px;overflow:hidden;background:#fff}.y5-table span{padding:7px;border-right:1px solid #e2e9f3;border-bottom:1px solid #e2e9f3;text-align:center}.y5-table span:nth-child(-n+8){font-weight:800;background:#f7faff}
.y5-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.y5-compare>div{display:grid;gap:5px;border:1px solid #d9e5f5;border-radius:11px;background:#fff;padding:9px}.y5-compare strong{color:var(--y5-brand)}
.y5-numberline{padding:19px 10px 29px}.y5-numberline .rail{position:relative;height:12px;border-bottom:3px solid var(--y5-navy)}.y5-numberline .rail:before,.y5-numberline .rail:after{content:"";position:absolute;bottom:-6px;width:2px;height:11px;background:var(--y5-navy)}.y5-numberline .rail:before{left:0}.y5-numberline .rail:after{right:0}.y5-numberline .rail i{position:absolute;bottom:-7px;width:14px;height:14px;border-radius:50%;background:var(--y5-brand);transform:translateX(-50%)}.y5-numberline .rail i span{position:absolute;top:17px;left:50%;transform:translateX(-50%);white-space:nowrap;font-style:normal;font-size:.7rem;font-weight:850}.y5-numberline .ends{display:flex;justify-content:space-between;margin-top:9px;color:#49627f;font-size:.72rem}
.y5-fraction-set{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px}.y5-fraction-set>div{display:grid;gap:5px;justify-items:center}.y5-fraction-set .bar{display:grid;width:100%;height:42px;border:2px solid var(--y5-navy);border-radius:8px;overflow:hidden;background:#fff}.y5-fraction-set .bar i{border-right:1px solid var(--y5-navy)}.y5-fraction-set .bar i:last-child{border-right:0}.y5-fraction-set .bar i.on{background:#a9c5fb}
.y5-grid{display:grid;gap:2px;width:min(100%,270px);margin:auto;border:2px solid var(--y5-navy);padding:3px;background:#fff}.y5-grid i{aspect-ratio:1;border:1px solid #d9e5f5}.y5-grid i.on{background:#78a4f4}
.y5-array{display:grid;gap:3px;width:min(100%,500px);margin:auto}.y5-array i{aspect-ratio:1;border-radius:50%;background:#7da5f6;border:1px solid #527fd8;min-width:4px}.y5-array i.split{box-shadow:-4px 0 0 #fff,-6px 0 0 var(--y5-navy)}
.y5-graph{display:flex;align-items:flex-end;justify-content:space-around;gap:8px;height:175px;padding:12px 8px 4px;border-left:3px solid var(--y5-navy);border-bottom:3px solid var(--y5-navy)}.y5-graph>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.y5-graph span{display:grid;place-items:start center;width:min(46px,80%);background:#8bb0f8;border:1px solid #557fd2}.y5-graph small{font-size:.68rem}.y5-graph b{font-size:.67rem;margin-top:3px}
.y5-particles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.y5-particles>div{display:grid;gap:5px;border:1px solid #d9e5f5;border-radius:11px;background:#fff;padding:8px;text-align:center}.y5-particles section{position:relative;height:115px;border:1px solid #cbd9eb;background:#f8fbff;border-radius:8px;overflow:hidden}.y5-particles i{position:absolute;left:var(--x);top:var(--y);width:10px;height:10px;border-radius:50%;background:#78a4f4}.y5-particles .solid i{position:static;display:inline-block;margin:3px}.y5-particles .liquid i{transform:translateY(22px)}.y5-particles span{font-size:.72rem;color:#53677f}
.y5-rays{position:relative;display:grid;grid-template-columns:145px 1fr 120px 110px;align-items:center;gap:8px;min-height:150px}.y5-rays .source,.y5-rays .object,.y5-rays .shadow{display:grid;place-items:center;min-height:70px;border-radius:14px;font-weight:900}.y5-rays .source{background:#fef3c7;border:2px solid #d97706}.y5-rays .object{background:#dbeafe;border:2px solid #2457d6}.y5-rays .shadow{background:#334155;color:#fff}.y5-rays .ray-lines{display:grid;gap:16px}.y5-rays .ray-lines i{height:4px;background:#f59e0b}.y5-rays>strong{grid-column:1/-1;text-align:center}
.y5-erosion{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}.y5-erosion>div{display:grid;justify-items:center;gap:4px;min-width:105px}.y5-erosion i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#dbeafe;border:2px solid var(--y5-brand);font-style:normal;font-weight:900}.y5-erosion>b{color:var(--y5-brand)}
.y5-coordinate{display:grid;gap:4px;max-width:440px;margin:auto}.y5-coordinate .labels.x{display:grid;grid-template-columns:repeat(6,1fr);padding-left:0}.y5-coordinate .labels b{text-align:center}.y5-coordinate .plot{display:grid;grid-template-columns:repeat(6,1fr);border-left:3px solid var(--y5-navy);border-bottom:3px solid var(--y5-navy)}.y5-coordinate .plot span{display:grid;place-items:center;min-height:47px;border-right:1px solid #cbd9eb;border-top:1px solid #cbd9eb;background:#fff;font-size:.68rem;font-weight:900}.y5-coordinate .plot span.point{background:#dcfce7;color:#17663a}
.y5-transform{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.y5-transform>div{display:grid;justify-items:center;gap:5px;border:1px solid #d9e5f5;border-radius:11px;background:#fff;padding:9px}.y5-transform .shape{width:64px;height:52px;background:#93c5fd;border:3px solid #2457d6;clip-path:polygon(0 0,100% 15%,80% 100%,15% 80%)}.y5-transform .reflection .shape{transform:scaleX(-1)}.y5-transform .rotation .shape{transform:rotate(90deg)}.y5-transform span{font-size:.72rem;color:#53677f;text-align:center}
.y5-sentence{display:flex;align-items:stretch;justify-content:center;gap:7px;flex-wrap:wrap}.y5-sentence>div{display:grid;gap:4px;border:1px solid #d9e5f5;border-radius:11px;background:#fff;padding:9px;min-width:145px}.y5-sentence small{font-size:.66rem;text-transform:uppercase;font-weight:900;color:#53677f}.y5-sentence strong{color:var(--y5-navy)}
.y5-evidence{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.y5-evidence>div{display:grid;gap:5px;border:1px solid #d9e5f5;border-radius:11px;background:#fff;padding:10px;min-width:170px;flex:1}.y5-evidence>div strong{color:var(--y5-brand)}.y5-evidence>b{color:var(--y5-navy)}
.y5-sequence{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px}.y5-sequence>div{display:grid;gap:5px;border:1px solid #d9e5f5;border-radius:11px;background:#fff;padding:9px}.y5-sequence i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#2457d6;color:#fff;font-style:normal;font-weight:900}.y5-sequence span{font-size:.75rem;color:#53677f}
.y5-net{display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap}.y5-net .net-shape{position:relative;width:170px;height:145px}.y5-net .net-shape i{position:absolute;width:42px;height:42px;border:2px solid #2457d6;background:#dbeafe}.y5-net .n1{left:43px;top:43px}.y5-net .n2{left:0;top:43px}.y5-net .n3{left:86px;top:43px}.y5-net .n4{left:129px;top:43px}.y5-net .n5{left:43px;top:0}.y5-net .n6{left:43px;top:86px}.y5-net>b{color:#2457d6}.y5-net .cube{width:90px;height:90px;transform:skewY(-10deg);border:3px solid #2457d6;background:#dbeafe}.y5-net>strong{width:100%;text-align:center}
@media(max-width:760px){.y5-particles,.y5-transform{grid-template-columns:1fr}.y5-rays{grid-template-columns:1fr}.y5-rays .ray-lines i{transform:rotate(90deg)}.y5-evidence{display:grid}.y5-evidence>b{transform:rotate(90deg)}.y5-table span{font-size:.75rem;padding:6px}}