/* v2.3 — scoped authoring and learning interface. */
.learning-studio{--ls-ink:#17374d;--ls-muted:#63798b;--ls-blue:#246b91;--ls-border:#d7e2e9;width:min(1240px,calc(100% - 32px));margin:22px auto 40px;color:var(--ls-ink);font:15px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;min-width:0}
.learning-studio *{box-sizing:border-box;min-width:0}.learning-studio [hidden]{display:none!important}
.learning-studio h1{font-size:clamp(24px,3vw,34px)!important;letter-spacing:-.035em;margin:0!important;text-align:left!important;line-height:1.25!important;color:var(--ls-ink)!important}
.learning-studio h2{font-size:19px!important;margin:0 0 12px!important;text-align:left!important;line-height:1.35!important;color:var(--ls-ink)!important}.learning-studio h3{font-size:16px!important;margin:0 0 9px!important;color:var(--ls-ink)!important}
.learning-studio p{margin:7px 0 14px}.learning-studio small,.ls-muted{color:var(--ls-muted);font-size:13px}.ls-overline{font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#52839c;margin-bottom:5px}
.ls-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px}.ls-head p{color:var(--ls-muted);max-width:800px}.ls-actions,.ls-tabs,.ls-crumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ls-tabs{margin:0 0 18px;border-bottom:1px solid var(--ls-border);padding-bottom:12px}.ls-crumbs{font-size:12px;margin-bottom:16px}.ls-crumbs a{color:var(--ls-blue);text-decoration:underline;text-underline-offset:3px}
.learning-studio .ls-button,.learning-studio button{display:inline-flex;align-items:center;justify-content:center;min-height:38px!important;height:auto!important;border:1px solid #bbcfdb!important;border-radius:7px!important;padding:8px 12px!important;font:650 13px/1.3 system-ui!important;background:#fff!important;color:#245773!important;text-decoration:none;box-shadow:none!important;white-space:normal!important;cursor:pointer;max-width:100%}
.learning-studio .ls-primary{background:#246b91!important;color:white!important;border-color:#246b91!important}.learning-studio .ls-active{background:#e4f1f7!important;border-color:#81afc5!important}.learning-studio button:disabled{opacity:.55;cursor:default}
.learning-studio :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #88bace;outline-offset:2px}
.ls-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.ls-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:13px}.ls-card,.ls-panel{border:1px solid var(--ls-border);border-radius:11px;background:#fff;padding:18px;box-shadow:0 3px 14px #16374805}.ls-card{display:flex;flex-direction:column;gap:8px}.ls-card p{font-size:13px;color:var(--ls-muted);margin:0 0 8px;overflow-wrap:anywhere}.ls-card .ls-actions{margin-top:auto}.ls-row{display:flex;align-items:center;gap:12px;justify-content:space-between;border-bottom:1px solid #e4ebf0;padding:13px 0}.ls-row:last-child{border:0}.ls-row strong{display:block;overflow-wrap:anywhere}.ls-tag{display:inline-flex;font-size:11px;font-weight:650;padding:3px 7px;border:1px solid #c8dce7;border-radius:5px;color:#42738a;background:#f0f7fa}.ls-tag.is-locked{color:#8b6322;background:#fbf4e7;border-color:#e8d3aa}.ls-tag.is-draft{color:#72617e;background:#f4f0f8}
.ls-form{display:flex;flex-direction:column;gap:13px}.learning-studio label{display:flex;flex-direction:column;gap:5px;font:600 13px/1.45 system-ui!important;margin:0!important}.learning-studio input:not([type=checkbox]):not([type=radio]),.learning-studio select,.learning-studio textarea{width:100%;min-height:40px!important;height:auto!important;border:1px solid #c4d5df!important;background:#fff!important;border-radius:6px!important;padding:9px 10px!important;font:14px/1.45 system-ui!important;color:var(--ls-ink)!important;margin:0!important;box-shadow:none!important;max-width:100%}
.learning-studio textarea{resize:vertical;min-height:95px!important}.learning-studio input:is([type=checkbox],[type=radio]){appearance:auto!important;width:18px!important;height:18px!important;min-height:18px!important;margin:0!important;flex:none;accent-color:#246b91}.learning-studio .ls-check{display:flex;flex-direction:row;align-items:flex-start;gap:8px;font-weight:500!important;padding:8px 0}
.ls-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ls-wide{grid-column:1/-1}.ls-note{border-left:3px solid #5792af;background:#edf6fa;padding:11px 13px;border-radius:4px;font-size:13px;overflow-wrap:anywhere}.ls-note.is-error{background:#fff0ed;border-color:#cc624c;color:#843d30}.ls-note.is-success{background:#eef8f1;border-color:#4f966d;color:#286442}
.ls-search{max-width:420px}.learning-studio details>summary{cursor:pointer;font-weight:650;padding:8px 0}.ls-edit-block{border:1px solid var(--ls-border);border-radius:9px;margin-bottom:14px;padding:16px;background:#fff}.ls-edit-head{display:flex;align-items:center;gap:8px;margin-bottom:12px}.ls-edit-head strong{margin-right:auto}.ls-editor-tools{position:sticky;bottom:8px;padding:10px;border:1px solid #b8ccda;border-radius:9px;display:flex;gap:8px;align-items:center;background:#f4f9fd;z-index:5;box-shadow:0 5px 20px #143e4d14}.ls-editor-tools span{margin-right:auto;font-size:12px;color:var(--ls-muted)}
.ls-question{padding:18px 0;border-bottom:1px solid var(--ls-border)}.ls-question>legend{padding:0;font-weight:650;overflow-wrap:anywhere}.ls-question fieldset{border:0;padding:0;margin:0}.ls-question .ls-prompt{white-space:pre-wrap;font-weight:600;margin-bottom:10px}.ls-question .ls-points{font-size:12px;color:var(--ls-muted)}
.ls-question .ls-choice{flex-direction:row;align-items:center;border:1px solid #dce5eb;border-radius:7px;padding:11px!important;font-weight:450!important;margin:7px 0!important;gap:10px;cursor:pointer}.ls-question .ls-choice:has(input:checked){background:#eff8fc;border-color:#81b3cc}.ls-question :is(input,select){font-size:16px!important}
.ls-match-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px;margin:8px 0}.ls-crossword{display:grid;gap:2px;width:min(100%,420px);margin:14px 0;background:#d4dfe7;padding:3px;border-radius:5px}.ls-crossword label{position:relative;aspect-ratio:1}.learning-studio .ls-crossword input{min-height:0!important;height:100%!important;padding:0!important;text-align:center;border-radius:2px!important;font:650 clamp(10px,2.7vw,18px)/1 system-ui!important;text-transform:uppercase}.ls-crossword label small{position:absolute;top:1px;left:2px;font-size:8px;line-height:1;z-index:1;pointer-events:none}.ls-crossword .ls-black{background:#354d60}
.ls-feedback{margin:12px 0;padding:14px;background:#f5f9fc;border-radius:8px}.ls-feedback p{white-space:pre-wrap;font-size:14px}.ls-score{font-size:30px;font-weight:750}.ls-result-row{border-top:1px solid var(--ls-border);padding:12px 0}.ls-statbar{display:flex;gap:20px;flex-wrap:wrap;margin:12px 0 20px}.ls-statbar strong{font-size:23px;display:block}.ls-empty{padding:30px 18px;text-align:center;border:1px dashed #bdd0dc;border-radius:9px;color:var(--ls-muted)}
@media(max-width:960px){.ls-grid{grid-template-columns:1fr}.ls-head{align-items:flex-start;flex-direction:column}.ls-sidebar{order:-1}.ls-sidebar details:not([open]){padding-bottom:0}}
@media(max-width:540px){.learning-studio{width:calc(100% - 20px);margin-top:16px;font-size:14px}.ls-panel,.ls-card,.ls-edit-block{padding:13px}.ls-fields{grid-template-columns:1fr}.ls-row{align-items:flex-start;flex-direction:column;gap:8px}.ls-editor-tools{flex-wrap:wrap;bottom:4px}.ls-editor-tools span{width:100%}.ls-match-row{grid-template-columns:1fr}.ls-edit-head{flex-wrap:wrap}.ls-edit-head strong{width:100%}.learning-studio input:not([type=checkbox]):not([type=radio]),.learning-studio select,.learning-studio textarea{font-size:16px!important}}
@media print{.learning-studio .ls-actions,.ls-tabs,.ls-editor-tools{display:none!important}}
.learning-studio fieldset.ls-question{border:0;border-bottom:1px solid var(--ls-border);margin:0 0 16px;padding:12px 0 20px}.learning-studio .ls-gap-text{white-space:pre-wrap;line-height:2.4}.learning-studio .ls-gap-text input{display:inline-block;width:150px!important;margin:4px 6px!important}.learning-studio .ls-match-row>label{grid-column:1/-1}.learning-studio [data-exercise-result]{margin-top:20px}.learning-studio [data-exercise-result]>.ls-button{margin:10px}.learning-studio [data-exercise-questions] textarea{font-size:16px!important}.learning-studio .ls-crossword~label{margin-bottom:12px!important}.learning-studio [data-exercise-questions] :disabled{opacity:1;background:#f5f8fa!important;color:#426176!important}
.ls-space-nav{display:flex;flex-wrap:wrap;gap:6px;width:min(1240px,calc(100% - 32px));margin:16px auto 0;padding-bottom:10px;border-bottom:1px solid #d7e2e9}.ls-space-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:7px 12px;border-radius:7px;color:#245773;border:1px solid transparent;font:600 13px/1.3 system-ui;text-decoration:none}.ls-space-nav a[aria-current]{background:#e4f1f7;border-color:#b7d3e2}.ls-space-nav a:focus-visible{outline:3px solid #88bace;outline-offset:2px}@media(max-width:540px){.ls-space-nav{width:calc(100% - 20px);gap:3px;margin-top:10px}.ls-space-nav a{padding:7px 8px;min-height:42px;font-size:12px}}
