/* The Grades 7 to 12 library (/grades-7-12) */
.gr-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.gr-jump a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:3px solid #1b1340;border-radius:12px;background:var(--gr);color:#1b1340;font-weight:800;text-decoration:none;box-shadow:3px 3px 0 #1b1340}
.gr-hero{display:flex;align-items:center;gap:14px}
.gr-hero-face{flex:none;font-size:64px;line-height:1}
.gr-bubble{position:relative;margin:0;padding:16px 20px;border:3px solid #1b1340;border-radius:22px;background:#fff;box-shadow:5px 5px 0 #1b1340;font-size:1.1rem}
.gr-bubble::before{content:"";position:absolute;left:-14px;top:24px;width:20px;height:20px;border-left:3px solid #1b1340;border-bottom:3px solid #1b1340;background:#fff;transform:rotate(45deg)}
.gr-list{display:grid;gap:24px}
.gr-class{scroll-margin-top:90px;border:4px solid #1b1340;border-radius:24px;background:#fff;box-shadow:7px 7px 0 #1b1340;overflow:hidden}
.gr-class header{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 18px;border-bottom:4px solid #1b1340;background:var(--gr)}
.gr-class header>div{flex:1 1 200px}
.gr-class h2{margin:0;font-family:var(--cm-display,Impact,sans-serif);font-weight:400;font-size:clamp(26px,3vw,34px);letter-spacing:.02em}
.gr-class header p{margin:0;font-weight:700}
.gr-num{display:grid;place-items:center;width:58px;height:58px;border:3px solid #1b1340;border-radius:50%;background:#fff;font-family:var(--cm-display,Impact,sans-serif);font-size:28px}
.gr-terms{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px;padding:16px 18px}
.gr-term h3{margin:0 0 8px}
.gr-term ol{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.gr-term li a{display:flex;align-items:center;min-height:44px;padding:8px 12px;border:2px solid #1b1340;border-radius:12px;background:#fff8dc;color:#1b1340;font-weight:700;text-decoration:none}
.gr-term li a:hover{background:#ffd23f}
.gr-term li.soon{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;min-height:44px;padding:8px 12px;border:2px dashed #cfc8e6;border-radius:12px;color:#5b5277}
.gr-term li.soon small{font-size:12px}
.gr-how,.gr-cta{padding:18px 22px;border:3px solid #1b1340;border-radius:20px;background:#f7f4ff}
.gr-how h2,.gr-cta h2{margin:0 0 6px}.gr-how p,.gr-cta p{margin:0}
.gr-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;background:#e2fbf3}
@media(max-width:520px){.gr-hero{align-items:flex-start}.gr-hero-face{font-size:44px}}
/* the child safety page (/safety) */
.sf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:18px}
.sf-card{padding:18px 22px;border:3px solid #1b1340;border-radius:20px;background:#fff;box-shadow:5px 5px 0 #1b1340}
.sf-card h2{margin:0 0 8px;font-size:1.3rem}.sf-card ul{margin:0;padding-left:20px}.sf-card li{margin:.45rem 0}