/* v7.9.5.1: Consistent student bottom navigation on Today, Library, Homework, Quizzes,
   Classroom, Games, Bank and Store. Only ONE bar is generated by app.js. */
#caa2-root .caa2-unified-nav {
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  align-items:stretch;
  gap:2px;
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:calc(7px + env(safe-area-inset-bottom,0px))!important;
  transform:translateX(-50%)!important;
  width:min(650px,calc(100vw - 16px))!important;
  max-width:none!important;
  z-index:99998!important;
  margin:0!important;
  padding:6px 5px!important;
  border:1px solid rgba(161,203,255,.55)!important;
  border-radius:25px!important;
  background:linear-gradient(145deg,rgba(5,30,79,.97),rgba(11,46,103,.96))!important;
  box-shadow:0 10px 27px rgba(9,34,83,.32),inset 0 1px 0 rgba(255,255,255,.17)!important;
  backdrop-filter:blur(20px) saturate(130%);
  -webkit-backdrop-filter:blur(20px) saturate(130%);
  box-sizing:border-box;
}
#caa2-root .caa2-unified-nav button {
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:57px!important;
  padding:6px 1px!important;
  gap:3px!important;
  background:transparent!important;
  border:1px solid transparent!important;
  border-radius:17px!important;
  color:#e7f4ff!important;
  box-shadow:none!important;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
#caa2-root .caa2-unified-nav button .nav-icon {
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:26px!important;
  height:26px!important;
  color:#f7fbff!important;
  line-height:1;
}
#caa2-root .caa2-unified-nav button .nav-icon svg {width:25px;height:25px;display:block;stroke:currentColor;}
#caa2-root .caa2-unified-nav button .nav-caption {
  font-size:clamp(9px,2.3vw,11px)!important;
  line-height:1.2!important;
  font-weight:800!important;
  white-space:nowrap;
  letter-spacing:-.025em;
  color:inherit!important;
}
#caa2-root .caa2-unified-nav button.active,
#caa2-root .caa2-unified-nav button[aria-current="page"] {
  background:linear-gradient(155deg,#207dff,#1260cd)!important;
  border-color:rgba(190,228,255,.70)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.37),0 2px 10px rgba(49,136,255,.35)!important;
}
#caa2-root .caa2-unified-nav button:focus-visible {
  outline:3px solid #ffd65d!important;outline-offset:1px;
}
/* A full-width school journey needs space for the same navigation as every other screen. */
#caa2-root .caa76-shell .caa76-content{padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))!important}
#caa2-root .caa2-kd-shell .caa2-kd-content{padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))!important}
#caa2-root .caa2-world-shell{padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))!important}
@media(max-width:920px) {
  /* Student PWA: keep the header's controls below iOS's top safe area. */
  #caa2-root .caa76-header{padding-top:calc(18px + env(safe-area-inset-top,0px))!important}
  #caa2-root .caa2-kd-shell .caa2-kd-account{padding-top:calc(10px + env(safe-area-inset-top,0px))!important}
}
@media(max-width:360px) {
  #caa2-root .caa2-unified-nav{width:calc(100vw - 8px)!important;padding:5px 2px!important;gap:0;border-radius:21px!important}
  #caa2-root .caa2-unified-nav button{min-height:54px!important;padding:5px 0!important;gap:2px!important}
  #caa2-root .caa2-unified-nav button .nav-caption{font-size:8.5px!important}
  #caa2-root .caa2-unified-nav button .nav-icon svg{width:23px;height:23px}
}
@media(prefers-reduced-motion:reduce){#caa2-root .caa2-unified-nav button{transition:none!important}}
@media print{#caa2-root .caa2-unified-nav{display:none!important}}

/* v7.9.5.3: One Home and responsive, non-duplicated navigation. */
@media(min-width:921px){
  #caa2-root .caa76-shell > .caa2-unified-nav{display:none!important}
}
#caa2-root .caa7953-learning-links{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:16px 0 18px;padding:15px;border:1px solid rgba(122,169,231,.6);border-radius:20px;background:rgba(255,255,255,.55);backdrop-filter:blur(14px);box-shadow:0 6px 20px rgba(10,57,115,.08)}
#caa2-root .caa7953-learning-links>div{flex:1 1 230px;display:flex;flex-direction:column;gap:2px;color:#153968}
#caa2-root .caa7953-learning-links>div strong{font-size:16px}
#caa2-root .caa7953-learning-links>div small{font-size:12px}
#caa2-root .caa7953-learning-links>button{color:#114184!important;background:rgba(246,252,255,.85)!important;border:1px solid #89b9f4!important;border-radius:13px;padding:11px 12px;font-weight:800;font-size:13px;min-height:45px;box-shadow:0 4px 10px rgba(5,54,114,.07)}
#caa2-root .caa7953-learning-links>button:focus-visible{outline:3px solid #ecb52a;outline-offset:2px}
#caa2-root .caa7953-vocab-page{width:min(1040px,100%);margin:auto;padding:16px 8px 110px;color:#143867}
#caa2-root .caa7953-vocab-head{padding:22px;border:1px solid #bad9fb;border-radius:26px;background:linear-gradient(125deg,rgba(255,255,255,.9),rgba(217,239,255,.82));margin-bottom:18px}
#caa2-root .caa7953-vocab-head button{background:#fff;border:1px solid #aacced;border-radius:12px;padding:10px 15px;color:#1a4e91;font-weight:800;display:block;margin-bottom:14px}
#caa2-root .caa7953-vocab-head span{color:#3976ae;font-size:11px;font-weight:800;letter-spacing:.12em}
#caa2-root .caa7953-vocab-head h1{font-size:clamp(25px,4vw,38px);margin:5px 0}
#caa2-root .caa7953-vocab-head p{margin:7px 0 0;line-height:1.55}
#caa2-root .caa7953-vocab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
#caa2-root .caa7953-vocab-card{padding:18px;background:rgba(255,255,255,.8)!important;border:1px solid #b6dafa;border-radius:24px;min-width:0}
#caa2-root .caa7953-vocab-card .caa793-vocab-illustration{display:block;text-align:center;margin:0 auto 10px;max-width:220px}
#caa2-root .caa7953-vocab-card .caa793-vocab-illustration img{max-width:100%;max-height:180px;object-fit:contain}
#caa2-root .caa7953-vocab-card h2{font-size:27px;margin:5px 0;color:#134581}
#caa2-root .caa7953-vocab-card small{font-weight:800;color:#517caf}
#caa2-root .caa7953-vocab-card p{font-size:14px;line-height:1.5;margin:10px 0}
#caa2-root .caa7953-vocab-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
#caa2-root .caa7953-vocab-actions button{background:#126bd1;color:#fff;border:none;border-radius:13px;padding:12px 16px;font-weight:800;min-height:45px}
@media(max-width:600px){#caa2-root .caa7953-learning-links{margin:12px 0;padding:12px}#caa2-root .caa7953-learning-links>button{flex:1 1 45%}#caa2-root .caa7953-vocab-page{padding-inline:5px}}