:root{--tta-ink:#152530;--tta-muted:#576874;--tta-faint:#7A8993;--tta-bg:#F4F6F7;--tta-paper:#FFFFFF;--tta-rule:#DBE1E5;--tta-field:#B9C4CB;--tta-reading:#4C86A3;--tta-reading-dark:#1F4A63;--tta-math:#C2762F;--tta-action:#E9C56B}
body.tta-teacher-page{--ink:var(--tta-ink);--soft:var(--tta-muted);--paper:var(--tta-paper);--ground:var(--tta-bg);--rule:var(--tta-rule);--orange:var(--tta-math);--orange-dark:#8B491C;--green:var(--tta-reading-dark);--teal:var(--tta-reading);margin:0;background:var(--tta-bg);color:var(--tta-ink);font-family:"Atkinson Hyperlegible","Segoe UI",system-ui,-apple-system,sans-serif;line-height:1.5}
body.tta-teacher-page h1,body.tta-teacher-page h2,body.tta-teacher-page h3,body.tta-teacher-page h4,body.tta-teacher-page h5{font-family:Literata,Georgia,serif;color:var(--tta-ink)}
.tta-shell{position:relative;z-index:30;width:100%;padding:0!important;border:0!important;background:var(--tta-ink)!important;color:#fff;font-family:"Atkinson Hyperlegible","Segoe UI",system-ui,-apple-system,sans-serif}
.tta-shell-inner{width:min(100% - 32px,1080px);min-height:68px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}
.tta-shell-left{min-width:0;display:flex;align-items:center;gap:8px}
.tta-shell-brand{min-width:0;min-height:44px;display:inline-flex;align-items:center;color:#fff!important;font-size:17px;font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap}
.tta-shell-brand:hover{text-decoration:underline;text-underline-offset:4px}
.tta-shell-icon,.tta-shell-back{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #526B79;border-radius:8px;background:transparent;color:#fff!important;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.tta-shell-back{padding:0 11px}
.tta-shell-icon:hover,.tta-shell-back:hover{background:#203946;border-color:#77909D}
.tta-shell svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tta-region-field{position:relative;flex:0 1 auto}
.tta-region-field:after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.tta-region-select{min-height:44px;max-width:260px;padding:8px 38px 8px 14px;border:1px solid #6B8796;border-radius:8px;background:var(--tta-reading-dark);color:#fff;font:inherit;font-size:15px;font-weight:700;appearance:none;-webkit-appearance:none;cursor:pointer;text-overflow:ellipsis}
.tta-region-select option,.tta-region-select optgroup{background:#fff;color:var(--tta-ink)}
.tta-shell a:focus-visible,.tta-shell button:focus-visible,.tta-shell select:focus-visible{outline:3px solid var(--tta-action);outline-offset:3px}
.tta-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body.tta-teacher-page .card,body.tta-teacher-page .resource,body.tta-teacher-page .result,body.tta-teacher-page .download-grid a{background:var(--tta-paper);border-color:var(--tta-rule);border-radius:7px;box-shadow:none;color:var(--tta-ink)}
body.tta-teacher-page .card{border-top-width:1px;border-left:4px solid var(--tta-reading)}
body.tta-teacher-page .card.math{border-left-color:var(--tta-math)}
body.tta-teacher-page .resource,body.tta-teacher-page .result,body.tta-teacher-page .download-grid a{border-left:4px solid var(--tta-reading)}
body.tta-teacher-page .card:hover,body.tta-teacher-page .resource:hover,body.tta-teacher-page .result:hover,body.tta-teacher-page .download-grid a:hover{border-color:var(--tta-reading);transform:none}
body.tta-teacher-page .prog-head{border-bottom-color:var(--tta-reading)}
body.tta-teacher-page .picker button[aria-pressed=true],body.tta-teacher-page .controls button[aria-pressed=true]{background:var(--tta-ink);border-color:var(--tta-ink);color:#fff}
body.tta-teacher-page footer{background:var(--tta-ink);color:#B8C6CE;border-top:0}
body.tta-teacher-page footer a{color:#fff}
.tta-resource-menu{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid var(--tta-rule)}
.tta-resource-label{margin-right:3px;color:var(--tta-muted);font-size:13px;font-weight:700}
.tta-resource-menu a{min-height:44px;display:inline-flex;align-items:center;padding:7px 11px;border:1px solid var(--tta-field);border-radius:7px;background:#fff;color:var(--tta-ink);font-size:13px;font-weight:700;text-decoration:none}
.tta-resource-menu a:hover{border-color:var(--tta-reading)}
.tta-book-link{color:var(--tta-reading-dark);font-weight:600;text-decoration-thickness:1px;text-underline-offset:3px}
.tta-book-link:hover{color:var(--tta-math)}
.tta-book-context{margin:0 0 20px;padding:14px 16px;border-left:4px solid var(--tta-reading);background:#EDF4F7;color:var(--tta-muted)}
.tta-book-context strong{display:block;color:var(--tta-ink)}
.tta-book-context a{display:inline-block;margin-top:5px;color:var(--tta-reading-dark);font-weight:700}
body.tta-teacher-page .tally{row-gap:16px}
body.tta-teacher-page .tally>div{min-width:150px;max-width:205px}
body.tta-teacher-page .tally span{display:block;color:var(--tta-muted)}
@media(max-width:720px){.tta-shell-inner{width:min(100% - 20px,1080px);gap:8px}.tta-shell-left{gap:5px}.tta-shell-brand{font-size:14px}.tta-shell-back{width:44px;padding:0}.tta-shell-back span{display:none}.tta-region-select{max-width:112px;min-height:44px;padding-left:10px;padding-right:30px;font-size:14px}.tta-region-field:after{right:11px}.tta-resource-menu{align-items:stretch}.tta-resource-label{width:100%}.tta-resource-menu a{flex:1 1 145px;justify-content:center;text-align:center}}
@media(max-width:390px){.tta-shell-brand{font-size:12px;letter-spacing:-.01em}.tta-region-select{max-width:92px;font-size:13px}}
@media(max-width:350px){.tta-shell-brand{max-width:105px;overflow:hidden;text-overflow:ellipsis}.tta-region-select{max-width:74px;padding-left:8px;padding-right:25px}.tta-region-field:after{right:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.tta-shell,.tta-resource-menu{display:none!important}}
body.tta-teacher-page [data-secondary-library] a.resource[hidden]{display:none!important}


/* 2026-09-10 v3: shared Ron grid theme across teacher-facing subpages. */
:root{--tta-ink:#152547;--tta-muted:#52617B;--tta-faint:#66748B;--tta-bg:#F4F8FC;--tta-paper:#FFFFFF;--tta-rule:#DDE6F0;--tta-field:#AAB9CA;--tta-reading:#3E9BE0;--tta-reading-dark:#12295C;--tta-math:#B77A12;--tta-action:#765300}
body.tta-teacher-page{--ink:var(--tta-ink);--soft:var(--tta-muted);--paper:var(--tta-paper);--ground:var(--tta-bg);--rule:var(--tta-rule);--orange:var(--tta-reading);--orange-dark:var(--tta-reading-dark);--green:var(--tta-reading-dark);--teal:var(--tta-reading);background:var(--tta-bg);color:var(--tta-ink)}
.tta-shell{border-bottom:1px solid var(--tta-rule)!important;background:#fff!important;color:var(--tta-ink)!important}
.tta-shell-brand{color:var(--tta-ink)!important}
.tta-shell-icon,.tta-shell-back{border-color:var(--tta-rule);border-radius:9px;background:#fff;color:var(--tta-ink)!important}
.tta-shell-icon:hover,.tta-shell-back:hover{border-color:#9CCBEE;background:var(--tta-bg)}
.tta-region-select{border-color:var(--tta-reading-dark);border-radius:9px;background:var(--tta-reading-dark);color:#fff}
body.tta-teacher-page .hero{padding-top:18px}
body.tta-teacher-page .eyebrow{color:#366D9B}
body.tta-teacher-page .button{background:var(--tta-reading-dark);box-shadow:none}
body.tta-teacher-page .button.secondary{background:#fff;color:var(--tta-ink)}
body.tta-teacher-page .card,body.tta-teacher-page .resource,body.tta-teacher-page .result,body.tta-teacher-page .download-grid a{border-radius:12px}
body.tta-teacher-page .card,body.tta-teacher-page .resource,body.tta-teacher-page .result,body.tta-teacher-page .download-grid a{border-left-color:var(--tta-reading)}
body.tta-teacher-page .card.math{border-left-color:#D2A43B}
body.tta-teacher-page .card:hover,body.tta-teacher-page .resource:hover,body.tta-teacher-page .result:hover,body.tta-teacher-page .download-grid a:hover{border-color:var(--tta-reading-dark)}
body.tta-teacher-page .count{background:#E4F1FB;color:var(--tta-reading-dark)}
body.tta-teacher-page a:focus-visible,body.tta-teacher-page button:focus-visible,body.tta-teacher-page select:focus-visible,body.tta-teacher-page input:focus-visible{outline:3px solid var(--tta-action);outline-offset:3px}
body.tta-teacher-page footer{background:var(--tta-reading-dark);color:#C6D5E8}
@media(max-width:350px){body.tta-teacher-page .tta-shell-inner{width:calc(100% - 8px);gap:4px}body.tta-teacher-page .tta-shell-left{min-width:0;gap:2px}body.tta-teacher-page .tta-shell-brand{flex:0 0 auto;max-width:none;overflow:visible;text-overflow:clip;font-size:10px;letter-spacing:-.02em}body.tta-teacher-page .tta-region-select{max-width:68px;padding-left:6px;padding-right:23px;font-size:11px}body.tta-teacher-page .tta-region-field:after{right:8px}}


/* 2026-09-11 v5: responsive type, spacing, and identifier layout QA. */
body.tta-teacher-page a.resource[data-plan-id],
body.tta-teacher-page .download-grid a[data-plan-id]{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"title action" "identifier identifier";
  align-items:start;
  column-gap:12px;
  row-gap:8px;
}
body.tta-teacher-page a.resource[data-plan-id]>span:first-child,
body.tta-teacher-page .download-grid a[data-plan-id]>span:first-child{
  grid-area:title;
  min-width:0;
  overflow-wrap:anywhere;
}
body.tta-teacher-page a.resource[data-plan-id]>small,
body.tta-teacher-page .download-grid a[data-plan-id]>small{
  grid-area:action;
  justify-self:end;
  white-space:nowrap;
}
body.tta-teacher-page a.resource[data-plan-id]>.tta-plan-id,
body.tta-teacher-page .download-grid a[data-plan-id]>.tta-plan-id{
  grid-area:identifier;
  justify-self:start;
  flex:none;
  width:max-content;
  max-width:100%;
  margin-top:0;
  overflow-wrap:normal;
  white-space:nowrap;
}
html body.tta-grid-region .grid-reference-id,
body.tta-teacher-page .tta-plan-id{
  font-size:.8rem;
  overflow-wrap:normal;
  white-space:nowrap;
}
html body.tta-grid-region .grid-reference-note{
  display:block;
  margin-top:4px;
  color:var(--grid-muted);
  font-size:.8rem;
  line-height:1.45;
}
html body.tta-grid-region .meta,
html body.tta-grid-region .shared{
  font-size:.8rem;
  line-height:1.45;
}
html body.tta-grid-region .desc,
html body.tta-grid-region .open-plan,
html body.tta-grid-region .grid-standard-value{
  font-size:.8rem;
  line-height:1.45;
}
html body.tta-grid-region .unit-flag,
html body.tta-grid-region .grid-standard-label{
  font-size:.75rem;
  line-height:1.4;
}
html body.tta-grid-region .unit-flag{padding:3px 8px}
body.tta-text-sets .credo{
  display:grid;
  gap:8px;
}
body.tta-text-sets .credo p+p{margin-top:0}
body.tta-text-sets .pager .pt{
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
  overflow-wrap:anywhere;
}
body.tta-teacher-page .picker button{
  min-height:44px;
  padding:8px 14px;
  line-height:1.35;
}
body.tta-teacher-page ul.tales li{
  padding-block:7px;
  line-height:1.45;
}
body.tta-teacher-page .overlay-card .try{
  margin-bottom:10px;
  line-height:1.5;
}
body.tta-teacher-page .overlay-card .meta{line-height:1.45}
.tta-shell-brand-short,.tta-shell-brand-full{display:inline}
@media(max-width:820px){
  html body.tta-grid-region .card{
    grid-template-columns:1fr;
    row-gap:10px;
    min-height:0;
  }
  html body.tta-grid-region .grid-standard{
    justify-content:flex-start;
    padding:10px 0 0;
    border-top:1px solid var(--grid-rule);
    border-left:0;
  }
  body.tta-text-sets .pager{flex-wrap:wrap}
  body.tta-text-sets .pager a{flex:1 1 100%}
  body.tta-text-sets .pager a.mid{order:3;justify-content:center}
}
@media(max-width:680px){
  html body.tta-grid-region .meta,
  html body.tta-grid-region .shared,
  html body.tta-grid-region .desc,
  html body.tta-grid-region .open-plan,
  html body.tta-grid-region .grid-standard-value,
  html body.tta-grid-region .unit-flag,
  html body.tta-grid-region .grid-standard-label,
  html body.tta-grid-region .grid-reference-id,
  html body.tta-grid-region .grid-reference-note,
  body.tta-teacher-page .tta-plan-id{
    font-size:.875rem;
  }
}
@media(max-width:560px){
  body.tta-teacher-page .tta-shell-inner{
    width:calc(100% - 12px);
    gap:6px;
  }
  body.tta-teacher-page .tta-shell-left{
    min-width:0;
    gap:4px;
  }
  html body.tta-teacher-page .tta-shell-brand{
    flex:0 0 auto;
    max-width:none;
    overflow:visible;
    font-size:.875rem;
    letter-spacing:0;
    text-overflow:clip;
    white-space:nowrap;
  }
  body.tta-teacher-page .tta-shell-brand-full{display:none}
  html body.tta-teacher-page .tta-region-select{
    min-width:0;
    max-width:min(220px,calc(100vw - 178px));
    padding-left:8px;
    padding-right:26px;
    font-size:.875rem;
  }
  body.tta-teacher-page .tta-region-field:after{right:9px}
}