.browse-tabs-v14{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.browse-tabs-v14 button,.print-actions-v14 button{border:1px solid #d7dff4;background:#fff;border-radius:12px;padding:9px 12px;font-weight:700;color:#3157d5}.browse-tabs-v14 button.active{background:#3157d5;color:#fff}.print-actions-v14{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.practice-v14{margin:18px 0 24px}.practice-title{display:flex;justify-content:space-between;gap:12px;align-items:end}.practice-title h2{margin:2px 0}.practice-card{background:#fff;border:1px solid #dfe5f2;border-radius:16px;padding:16px;margin:10px 0;box-shadow:0 4px 14px rgba(31,53,96,.05)}.practice-card h3{margin-top:0}.practice-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.unit-subject-grid-v14{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.unit-subject-v14{display:flex;justify-content:space-between;gap:14px;background:#fff;border:1px solid #dfe5f2;border-radius:16px;padding:16px}.unit-subject-v14 h3{margin:4px 0}.unit-subject-v14 ul{padding-left:18px;color:#60697c}.unit-subject-v14 .btn{align-self:center}
.bassa-recorder{margin:16px 0;overflow-wrap:anywhere}
.bassa-recorder h2{margin-top:0}
.bassa-recorder-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px}
.bassa-recorder select{display:block;width:100%;max-width:100%;font:inherit;min-height:44px}
.bassa-recorder-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
.bassa-recorder-actions .btn{max-width:100%;white-space:normal}
.bassa-recorder audio{display:block;width:min(100%,320px)}
.bassa-recorder [hidden]{display:none}
@media (max-width: 700px) {
  .unit-subject-v14 { flex-direction: column; }
  .unit-subject-v14 .btn { align-self: stretch; }
  .print-actions-v14 { width: 100%; }
  .subject-hero {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: 10px;
  }
  .subject-hero > .subject-icon.xlarge { width: 42px; height: 42px; font-size: 23px; }
  .lessonList { grid-template-columns: minmax(0, 1fr); }
  .subject-hero > .grow, .lessonItem > .grow { min-width: 0; overflow-wrap: anywhere; }
  .subject-hero > .print-actions-v14, .subject-hero > .btn {
    grid-column: 1 / -1;
    justify-self: start;
  }
  .subject-hero button { max-width: 100%; white-space: normal; }
}

@media (max-width: 480px) {
  .assessment-card { flex-direction: column; align-items: flex-start; }
  .assessment-card > div { max-width: 100%; overflow-wrap: anywhere; }
}