/* R7 teaching-support: mobile-usable, keyboard operable; Chinese UI only */
.teaching-inbox-buckets{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}
.teaching-inbox-buckets button{
  appearance:none;border:1px solid #c9d5cf;background:#fff;color:#153f35;
  border-radius:999px;padding:.45rem .9rem;font:inherit;cursor:pointer;
  min-height:44px;
}
.teaching-inbox-buckets button[aria-pressed="true"]{background:#153f35;color:#fff;border-color:#153f35}
.teaching-inbox-buckets button:focus-visible{outline:3px solid #f0b429;outline-offset:2px}
.teaching-next-step{
  border-left:4px solid #153f35;background:#f4f8f6;padding:.85rem 1rem;margin:1rem 0;border-radius:0 .6rem .6rem 0
}
.teaching-next-step strong{display:block;margin-bottom:.35rem}
.teaching-version-note{font-size:.92rem;color:#4a5c55;margin:.4rem 0}
.teaching-diff{
  display:grid;gap:.75rem;grid-template-columns:1fr;margin:1rem 0
}
@media (min-width:900px){.teaching-diff{grid-template-columns:1fr 1fr}}
.teaching-diff article{border:1px solid #d7e0db;border-radius:.6rem;padding:.85rem;background:#fff}
.teaching-support-card .actions{display:flex;flex-wrap:wrap;gap:.5rem}
.teaching-support-card .actions .btn{min-height:44px}
.modal:focus{outline:none}
.modal-backdrop{overflow:auto}
@media (max-width:430px){
  .shell{display:block}
  .sidebar{position:sticky;top:0;z-index:5;background:#0f2f28;color:#f4f7f4}
  /* Dark-green header: brand + logout need light text (near-black was unreadable) */
  .sidebar .brand,.sidebar .brand strong,.sidebar .brand small{color:#f4f7f4}
  .sidebar .mark{border-color:#c5d6ca;color:#f4f7f4}
  .sidebar .side-bottom .text-btn{color:#e8f0ea;text-decoration-color:#c5d6ca}
  .sidebar .side-bottom .text-btn:focus-visible{outline-color:#f0b429}
  .nav{display:flex;overflow-x:auto;gap:.25rem;padding:.35rem}
  .nav button{white-space:nowrap;min-height:44px}
  .teaching-inbox-buckets{gap:.4rem}
  .teaching-inbox-buckets button{flex:1 1 auto}
  /* Keep primary actions above fixed bottom nav (style-only; no nav structure change) */
  .main{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}
  .support-list .actions,.r16-qa-actions,.r16-qa-material-nav{margin-bottom:.5rem}
}