.studio22 { max-width:1180px; margin:auto; }
.studio22 nav { display:flex; flex-wrap:wrap; gap:12px; margin:24px 0; }
.studio22 button { min-height:44px; margin:6px 8px 6px 0; padding:12px 18px; border-radius:12px; background:#e7eee5; color:#204d3a; border:1px solid #cad9ca; cursor:pointer; }
.studio22 button:disabled { opacity:.5; cursor:default; }
.studio22 label { display:block; margin:16px 0; }
.studio22 textarea { display:block; width:100%; min-height:200px; padding:18px; border:1px solid #c9d6c9; border-radius:14px; background:#fffdf7; color:#203b30; font:inherit; line-height:1.75; }
.studio22 select { display:block; width:100%; min-height:44px; margin-top:6px; }
.studio22 article,.studio22 details { padding:16px; margin:12px 0; background:#fffdf5; border:1px solid #d7dfd0; border-radius:14px; }
.studio22 p { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.7; }
.studio22 summary { cursor:pointer; min-height:32px; overflow-wrap:anywhere; }
#s22-text { min-height:280px; font-size:18px; }
#s22-status { color:#285a43; }
@media(max-width:760px) { .studio22 button { width:100%; margin-right:0; } .studio22 textarea { font-size:16px; } }
/* 2.2.1: grouped controls, readable reports and touch-friendly narrow layouts. */
.studio22 .s22-block { padding:24px; margin:24px 0; border:1px solid #d7dfd0; border-radius:18px; background:#fffdf7; }
.studio22 .s22-actions,.studio22 .s22-status,.s21-status,.s21-card > .s22-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:16px 0; }
.studio22 .s22-actions button,.studio22 .s22-status button { margin:0; flex:0 1 auto; }
.studio22 .s22-picker { display:grid; grid-template-columns:minmax(130px,1fr) minmax(220px,2fr) auto; gap:16px; align-items:end; }
.studio22 .s22-picker label { margin:0; }
.studio22 .s22-picker button { margin:0; }
.studio22 .s22-backups { background:#edf2e8; }
.studio22 ul { margin:12px 0; padding-left:24px; }
.studio22 li { white-space:pre-wrap; line-height:1.8; margin:10px 0; overflow-wrap:anywhere; }
.studio22 .danger,.studio21 .danger { background:#fff4ed; color:#8a3830; border:1px solid #ddb9ae; }
.studio21 .s21-backups { margin:20px 0; padding:20px; }
.studio21 .s21-card > button { margin:12px 12px 0 0; }
.studio21 .s21-nav { display:flex; flex-wrap:wrap; gap:12px; }
.editor-actions,.card-actions { display:flex; flex-wrap:wrap; gap:12px; }
.editor-actions button,.card-actions button { min-height:44px; }
#studio221-delete-status { flex-basis:100%; font-size:14px; overflow-wrap:anywhere; }
.studio22 [hidden],.studio21 [hidden] { display:none!important; }
@media(max-width:760px) {
 .studio22 .s22-block { padding:16px; margin:16px 0; }
 .studio22 .s22-picker { grid-template-columns:1fr; }
 .studio22 .s22-actions { display:grid; grid-template-columns:1fr; }
 .studio22 .s22-actions button,.studio22 .s22-picker button { width:100%; }
 .studio21 .s21-nav { display:grid; grid-template-columns:1fr; }
 .editor-actions button { flex:1 1 180px; }
}
#words,#review,#quiz,.old-progress{display:none!important}#exam-notice:not(:empty){padding:12px;border:2px solid #bc8035;font-weight:bold}#exam-comparison pre,.exam-diff{white-space:pre-wrap;overflow-wrap:anywhere}.exam-diff del{background:#ffe0e0;color:#922}.exam-diff ins{background:#d4f4df;color:#164e2a}.s21-filter{display:flex;align-items:end;gap:12px;flex-wrap:wrap}#s22-import{width:100%;min-width:0}#s21-import{padding:18px;border:1px solid #adc4b5;margin-bottom:20px}