:root{--y6-brand:#2457d6;--y6-navy:#173968;--y6-line:#d8e2ef;--y6-soft:#eef5ff;--y6-text:#203047}
.static-topic-page:has(.breadcrumb a[href="/year6/curriculum/maths/"]) .static-topic-grid,.static-topic-page:has(.breadcrumb a[href="/year6/curriculum/science/"]) .static-topic-grid{grid-template-columns:minmax(0,1fr);max-width:980px;margin-inline:auto}.static-topic-page:has(.breadcrumb a[href="/year6/curriculum/maths/"]) .static-topic-sidebar,.static-topic-page:has(.breadcrumb a[href="/year6/curriculum/science/"]) .static-topic-sidebar{display:none}.static-topic-page:has(.breadcrumb a[href="/year6/curriculum/maths/"]) .static-topic-content,.static-topic-page:has(.breadcrumb a[href="/year6/curriculum/maths/"]) .static-topic-panel,.static-topic-page:has(.breadcrumb a[href="/year6/curriculum/science/"]) .static-topic-content,.static-topic-page:has(.breadcrumb a[href="/year6/curriculum/science/"]) .static-topic-panel{min-width:0}
.y6-board{border:1px dashed #b9c8db;background:#f8fafc;border-radius:14px;padding:13px;margin:8px 0;overflow:hidden}.y6-board>p{margin:9px 0 0;line-height:1.45}.y6-board .answer{margin:6px 0 0;text-align:center;font-weight:900;color:#17663a}
.y6-cards{display:flex;flex-wrap:wrap;gap:7px;margin:7px 0}.y6-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(--y6-navy);text-align:center}
.y6-flow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin:7px 0}.y6-flow span{border:1px solid #d9e5f5;border-radius:10px;background:#fff;padding:8px 10px;font-weight:850;color:var(--y6-navy)}.y6-flow b{color:var(--y6-brand)}
.y6-table{display:grid;border:1px solid #d9e5f5;border-radius:11px;overflow:hidden;background:#fff}.y6-table span{padding:7px;border-right:1px solid #e2e9f3;border-bottom:1px solid #e2e9f3;text-align:center}.y6-table span:nth-child(-n+8){font-weight:800;background:#f7faff}
.y6-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.y6-compare>div{display:grid;gap:5px;border:1px solid #d9e5f5;border-radius:11px;background:#fff;padding:9px}.y6-compare strong{color:var(--y6-brand)}
.y6-numberline{padding:20px 10px 30px}.y6-numberline .rail{position:relative;height:12px;border-bottom:3px solid var(--y6-navy)}.y6-numberline .rail:before,.y6-numberline .rail:after{content:"";position:absolute;bottom:-6px;width:2px;height:11px;background:var(--y6-navy)}.y6-numberline .rail:before{left:0}.y6-numberline .rail:after{right:0}.y6-numberline .rail i{position:absolute;bottom:-7px;transform:translateX(-50%)}.y6-numberline .rail .zero{width:3px;height:23px;bottom:-12px;background:#ef4444}.y6-numberline .rail .mark{width:14px;height:14px;border-radius:50%;background:var(--y6-brand)}.y6-numberline .rail .mark span{position:absolute;top:17px;left:50%;transform:translateX(-50%);white-space:nowrap;font-style:normal;font-size:.7rem;font-weight:850}.y6-numberline .ends{display:flex;justify-content:space-between;margin-top:9px;color:#49627f;font-size:.72rem}
.y6-fractions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px}.y6-fractions>div{display:grid;gap:5px;justify-items:center}.y6-fractions .bar{display:grid;width:100%;height:42px;border:2px solid var(--y6-navy);border-radius:8px;overflow:hidden;background:#fff}.y6-fractions .bar i{border-right:1px solid var(--y6-navy)}.y6-fractions .bar i:last-child{border-right:0}.y6-fractions .bar i.on{background:#a9c5fb}
.y6-grid{display:grid;gap:2px;width:min(100%,270px);margin:auto;border:2px solid var(--y6-navy);padding:3px;background:#fff}.y6-grid i{aspect-ratio:1;border:1px solid #d9e5f5}.y6-grid i.on{background:#78a4f4}
.y6-graph{display:flex;align-items:flex-end;justify-content:space-around;gap:8px;height:175px;padding:12px 8px 4px;border-left:3px solid var(--y6-navy);border-bottom:3px solid var(--y6-navy)}.y6-graph>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.y6-graph span{display:grid;place-items:start center;width:min(46px,80%);background:#8bb0f8;border:1px solid #557fd2}.y6-graph small{font-size:.68rem}.y6-graph b{font-size:.67rem;margin-top:3px}
.y6-sequence{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px}.y6-sequence>div{display:grid;gap:5px;border:1px solid #d9e5f5;border-radius:11px;background:#fff;padding:9px}.y6-sequence i,.y6-cycle i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#2457d6;color:#fff;font-style:normal;font-weight:900}.y6-sequence span{font-size:.75rem;color:#53677f}.y6-cycle{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}.y6-cycle>div{display:grid;justify-items:center;gap:5px;min-width:105px}.y6-cycle strong{font-size:.76rem;text-align:center}
.y6-coordinate{display:grid;gap:5px;max-width:500px;margin:auto}.y6-coordinate .plot{display:grid;border:1px solid #cbd9eb;background:#fff}.y6-coordinate .plot span{display:grid;place-items:center;min-height:34px;border-right:1px solid #d9e5f5;border-bottom:1px solid #d9e5f5;font-size:.65rem;font-weight:900}.y6-coordinate .plot span.xaxis{border-bottom:2px solid #173968}.y6-coordinate .plot span.yaxis{border-right:2px solid #173968}.y6-coordinate .plot span.point{background:#dcfce7;color:#17663a}.y6-coordinate>p{text-align:center;margin:0;font-size:.72rem;font-weight:850;color:#53677f}
.y6-angle-set{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.y6-angle-set .angle{position:relative;width:125px;height:100px}.y6-angle-set .angle span,.y6-angle-set .angle i{position:absolute;left:18px;bottom:25px;width:82px;height:4px;background:var(--y6-navy);transform-origin:left center;border-radius:999px}.y6-angle-set .angle i{background:var(--y6-brand)}.y6-angle-set .angle strong{position:absolute;left:18px;bottom:2px;font-size:.72rem}.y6-angle-set .angle small{position:absolute;right:4px;bottom:2px;color:#5d6c80}
.y6-cross-section{display:grid;grid-template-columns:150px auto 100px;align-items:center;justify-content:center;gap:15px;min-height:165px}.y6-cross-section .solid{position:relative;width:135px;height:105px;border:3px solid #2457d6;background:#dbeafe;transform:skewY(-7deg)}.y6-cross-section .solid i{position:absolute;left:18px;right:18px;top:45%;border-top:4px dashed #ef4444}.y6-cross-section>span{font-weight:900;color:#2457d6}.y6-cross-section .section{width:90px;height:65px;border:3px solid #ef4444;background:#fee2e2}.y6-cross-section .section.triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.y6-cross-section>strong{grid-column:1/-1;text-align:center}
.y6-tessellation{display:grid;grid-template-columns:repeat(6,1fr);gap:0;width:min(100%,420px);margin:auto}.y6-tessellation i{aspect-ratio:1;border:1px solid #2457d6;background:#dbeafe;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.y6-tessellation i.b{background:#bfdbfe;transform:rotate(30deg)}
.y6-circuit{position:relative;width:min(100%,480px);height:210px;margin:auto}.y6-circuit .cell,.y6-circuit .switch,.y6-circuit .load{position:absolute;display:grid;place-items:center;border:2px solid #2457d6;border-radius:10px;background:#fff;font-weight:900}.y6-circuit .cell{left:20px;top:75px;width:80px;height:55px}.y6-circuit .switch{left:190px;top:18px;width:100px;height:46px}.y6-circuit .load{right:20px;top:75px;width:85px;height:55px}.y6-circuit .wire{position:absolute;background:#173968}.y6-circuit .wire.top{left:95px;right:100px;top:39px;height:4px}.y6-circuit .wire.right{right:61px;top:39px;height:40px;width:4px}.y6-circuit .wire.bottom{left:95px;right:61px;bottom:42px;height:4px}.y6-circuit .wire.left{left:58px;top:39px;bottom:42px;width:4px}.y6-circuit .switch.open{transform:rotate(-4deg);border-color:#ef4444}.y6-circuit>strong{position:absolute;left:0;right:0;bottom:4px;text-align:center}
.y6-orbit{position:relative;width:min(100%,470px);height:280px;margin:auto}.y6-orbit .sun{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#fde68a;border:3px solid #d97706;font-weight:900}.y6-orbit .track{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:2px solid #9dbcf6;border-radius:50%}.y6-orbit .track i{position:absolute;left:50%;top:50%;transform-origin:0 0;width:13px;height:13px;border-radius:50%;background:#2457d6}.y6-orbit .track i b{position:absolute;left:16px;top:-2px;font-style:normal;font-size:.65rem}.y6-orbit>p{position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:.75rem;font-weight:850;color:#53677f}
.y6-particles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.y6-particles>div{display:grid;gap:5px;border:1px solid #d9e5f5;border-radius:11px;background:#fff;padding:8px;text-align:center}.y6-particles section{position:relative;height:115px;border:1px solid #cbd9eb;background:#f8fbff;border-radius:8px;overflow:hidden}.y6-particles i{position:absolute;left:var(--x);top:var(--y);width:10px;height:10px;border-radius:50%;background:#78a4f4}.y6-particles .solid i{position:static;display:inline-block;margin:3px}.y6-particles .liquid i{transform:translateY(22px)}.y6-particles span{font-size:.72rem;color:#53677f}
.y6-habitat{position:relative;width:min(100%,500px);height:250px;margin:auto;border-radius:16px;background:linear-gradient(#dbeafe 0 45%,#dcfce7 45% 72%,#92400e 72%);overflow:hidden}.y6-habitat>div{position:absolute;display:grid;place-items:center;border-radius:50%;font-weight:900;font-size:.68rem}.y6-habitat .sun{right:20px;top:15px;width:58px;height:58px;background:#fde68a}.y6-habitat .water{left:0;bottom:0;width:48%;height:70px;border-radius:50% 50% 0 0;background:#60a5fa}.y6-habitat .soil{right:0;bottom:0;width:52%;height:70px;border-radius:0;background:#92400e;color:#fff}.y6-habitat .plant{left:47%;top:105px;width:55px;height:82px;border-radius:50% 50% 10px 10px;background:#22c55e}.y6-habitat .animal{left:21%;top:124px;width:56px;height:48px;background:#f59e0b}.y6-habitat>p{position:absolute;left:10px;right:10px;bottom:7px;margin:0;background:rgba(255,255,255,.84);padding:5px;border-radius:8px;font-size:.7rem;font-weight:800;text-align:center}
.y6-evidence{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.y6-evidence>div{display:grid;gap:5px;border:1px solid #d9e5f5;border-radius:11px;background:#fff;padding:10px;min-width:170px;flex:1}.y6-evidence>div strong{color:var(--y6-brand)}.y6-evidence>b{color:var(--y6-navy)}
.y6-sentence{display:flex;align-items:stretch;justify-content:center;gap:7px;flex-wrap:wrap}.y6-sentence>div{display:grid;gap:4px;border:1px solid #d9e5f5;border-radius:11px;background:#fff;padding:9px;min-width:145px}.y6-sentence small{font-size:.66rem;text-transform:uppercase;font-weight:900;color:#53677f}.y6-sentence strong{color:var(--y6-navy)}
.y6-scale{padding:30px 12px 48px}.y6-scale .rail{position:relative;height:14px;border-radius:999px;background:linear-gradient(90deg,#fee2e2,#fef3c7,#dcfce7)}.y6-scale i{position:absolute;top:-4px;width:4px;height:22px;background:#173968;transform:translateX(-50%)}.y6-scale i span{position:absolute;top:26px;left:50%;transform:translateX(-50%);font-style:normal;font-size:.62rem;white-space:nowrap}
.y6-map{position:relative;width:min(100%,500px);height:230px;margin:auto;border:1px solid #cbd9eb;border-radius:14px;background:linear-gradient(135deg,#dbeafe,#dcfce7)}.y6-map span{position:absolute;transform:translate(-50%,-50%);border-radius:999px;background:#fff;border:2px solid #2457d6;padding:5px 8px;font-size:.68rem;font-weight:900}
@media(max-width:760px){.y6-particles{grid-template-columns:1fr}.y6-cross-section{grid-template-columns:1fr}.y6-cross-section>strong{grid-column:1}.y6-evidence{display:grid}.y6-evidence>b{transform:rotate(90deg)}.y6-table span{font-size:.75rem;padding:6px}.y6-coordinate .plot span{min-height:26px}}