/* Three visual pilots only. Reader typography and native state stay upstream. */
.learning-design-v6-case{--ex6-ink:#242528;--ex6-muted:#68696d;--ex6-line:#deded9;--ex6-stage:#f6f6f2;--ex6-yellow:#f4ef3b;min-width:0}
@media screen{
 .learning-design-v6-case .lu4-header{margin-bottom:16px}
 .learning-design-v6-case .lu4-product{border-color:var(--ex6-line);background:#fff;box-shadow:0 4px 16px #24252803}
 .learning-design-v6-case .lu4-productbar{padding-block:16px;border-color:var(--ex6-line)}
 .learning-design-v6-case .lu4-productbar h4{font-weight:600}
 .learning-design-v6-case .lu4-action{border-radius:8px;padding:12px 16px}
 .learning-design-v6-case .lu4-action--primary:not(:disabled){background:var(--ex6-yellow);color:var(--ex6-ink);border-color:var(--ex6-ink)}
 .learning-design-v6-case .lu4-action--secondary:not(:disabled){background:#fff;border-color:var(--ex6-line)}
 .learning-design-v6-case [data-lu4-action=reset]{background:transparent!important;border-color:transparent!important;color:var(--ex6-muted)}
 .learning-design-v6-case :is(button,input,select,summary):focus-visible{outline:2px solid var(--interaction,#3454ff);outline-offset:3px}

 /* p012: paper on a shared workbench, then an actual file receipt. */
 .learning-design-v6-case[data-learning-case-v4=p012] .lu4-workspace{padding-top:16px}
 .learning-design-v6-case[data-learning-case-v4=p012] .export-v4{gap:16px}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex6-workbench{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:24px;align-items:start}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex6-document-preview{min-width:0;background:var(--ex6-stage);padding:16px;border-radius:12px}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex4-source-identity{margin-bottom:16px;line-height:1.6}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex4-source-identity>span{color:var(--ex6-muted)}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex6-preview-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex6-preview-pages .ex4-paper{box-shadow:0 3px 8px #2425280a;border-color:#d8d8d1}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex6-export-panel{display:grid;gap:12px;min-width:0}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex4-modes{gap:8px}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex4-modes label{padding:10px;gap:8px;background:#fff}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex4-modes label:has(input:checked){background:var(--ex6-stage);border-color:var(--ex6-ink);box-shadow:inset 0 0 0 1px var(--ex6-ink)}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex4-breadcrumb{margin-bottom:8px;min-height:0}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex4-menu-heading{margin-bottom:8px}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex4-menu-heading>button{padding:8px 12px}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex4-menu--formats .ex4-choice{align-items:center;justify-content:center;text-align:center;padding:10px}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex4-menu .ex4-choice[aria-pressed=true]{background:var(--ex6-yellow);border-color:var(--ex6-ink);box-shadow:inset 0 0 0 1px var(--ex6-ink)}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex4-format-detail{margin-top:12px!important;min-height:0}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex4-run-actions{gap:8px;margin:0;padding-top:4px}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex4-result{border:0;border-radius:12px;background:var(--ex6-stage);padding:16px}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex4-result>h5{margin-bottom:8px}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex4-empty-result{background:transparent;border:0;padding:0}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex4-file{background:#fff;border-color:var(--ex6-line);border-radius:8px;padding:16px}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex4-file h6{display:flex;align-items:center;gap:8px;font-weight:600}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex4-file h6:before{content:'';flex:0 0 16px;width:16px;height:21px;border:1px solid var(--ex6-ink);border-radius:2px;background:linear-gradient(var(--ex6-line),var(--ex6-line)) 3px 7px/9px 1px no-repeat,linear-gradient(var(--ex6-line),var(--ex6-line)) 3px 11px/9px 1px no-repeat}
 .learning-design-v6-case[data-learning-case-v4=p012] .export-v4>.lu4-feedback{border-left:2px solid var(--ex6-line);padding:0 0 0 12px}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex4-document{background:transparent;border-top:1px solid var(--ex6-line);border-radius:0;padding:0}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex4-original>summary{padding:12px 0;min-height:48px;color:var(--ex6-muted)}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex4-source-pages{max-width:440px;padding-bottom:16px}
 .learning-design-v6-case[data-learning-case-v4=p012] .learning-ui-v4:not([data-export-ready=true]) .ex6-document-preview{display:none}

 /* p021: count and event toolbar lead into the existing review rows. */
 .learning-design-v6-case[data-learning-case-v4=p021] .lu4-description{margin:12px 0 0;color:var(--ex6-muted)}
 .learning-design-v6-case[data-learning-case-v4=p021] .lu4-workspace{padding-top:16px}
 .learning-design-v6-case[data-learning-case-v4=p021] .p021-progress-head{align-items:center;gap:8px}
 .learning-design-v6-case[data-learning-case-v4=p021] .p021-progress-head>span{font-weight:600}
 .learning-design-v6-case[data-learning-case-v4=p021] .p021-progress-head output{font-size:1.45em;line-height:1.4;font-variant-numeric:tabular-nums}
 .learning-design-v6-case[data-learning-case-v4=p021] progress{height:6px;margin:12px 0 16px;background:#e9e9e2}
 .learning-design-v6-case[data-learning-case-v4=p021] .p021-list-toolbar{margin:0 0 20px;gap:8px;align-items:center;background:var(--ex6-stage);padding:12px;border-radius:10px}
 .learning-design-v6-case[data-learning-case-v4=p021] .p021-list-toolbar .lu4-action{flex:0 1 auto}
 .learning-design-v6-case[data-learning-case-v4=p021] .p021-lists{border-top:1px solid var(--ex6-line)}
 .learning-design-v6-case[data-learning-case-v4=p021] .p021-row{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:12px;padding:16px 0;align-items:center;border-color:var(--ex6-line)}
 .learning-design-v6-case[data-learning-case-v4=p021] .p021-row:first-child{border-top:0}
 .learning-design-v6-case[data-learning-case-v4=p021] .p021-row-mark{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid #b2b2aa;border-radius:4px;background:#fff}
 .learning-design-v6-case[data-learning-case-v4=p021] .p021-row[data-state=done] .p021-row-mark{border-color:var(--ex6-ink);background:var(--ex6-ink);color:#fff}
 .learning-design-v6-case[data-learning-case-v4=p021] .p021-row[data-state=done] .p021-row-mark:after{content:'✓';font-size:1em;line-height:1}
 .learning-design-v6-case[data-learning-case-v4=p021] .p021-row-copy{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}
 .learning-design-v6-case[data-learning-case-v4=p021] .p021-row-name{flex:1 1 100%;font-weight:500}
 .learning-design-v6-case[data-learning-case-v4=p021] .p021-row-state{color:var(--ex6-muted)}
 .learning-design-v6-case[data-learning-case-v4=p021] .p021-row-reason:empty{display:none}
 .learning-design-v6-case[data-learning-case-v4=p021] .p021-row-reason:not(:empty){display:inline-block;background:var(--ex6-stage);padding:2px 8px;border-radius:4px;color:var(--ex6-ink)}
 .learning-design-v6-case[data-learning-case-v4=p021] .p021-row[data-state=review] .p021-row-mark,.learning-design-v6-case[data-learning-case-v4=p021] .p021-row[data-p021-row=additional-image]:not([data-state=done]) .p021-row-mark{background:var(--ex6-yellow);border-color:var(--ex6-ink)}
 .learning-design-v6-case[data-learning-case-v4=p021] .p021-row[data-state=review] .p021-row-reason{background:#f5eadf}
 .learning-design-v6-case[data-learning-case-v4=p021] .p021-row-action{border-color:var(--ex6-line);border-radius:8px;padding:10px 12px}
 .learning-design-v6-case[data-learning-case-v4=p021] .p021-completed{border-color:var(--ex6-line);padding-top:0}
 .learning-design-v6-case[data-learning-case-v4=p021] .p021-completed>summary{padding:12px 0;color:var(--ex6-muted)}
 .learning-design-v6-case[data-learning-case-v4=p021] .p021-completed li{padding:10px 0;border-top:1px solid var(--ex6-line)}
 .learning-design-v6-case[data-learning-case-v4=p021] .p021-review>.lu4-feedback{font:inherit;line-height:1.7;padding:12px 0;margin:0;color:var(--ex6-muted)}
 .learning-design-v6-case[data-learning-case-v4=p021] .p021-log{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px 12px;background:var(--ex6-stage);border:0;border-radius:10px;padding:12px 16px;margin:4px 0 0}
 .learning-design-v6-case[data-learning-case-v4=p021] .p021-log h4{grid-column:2;margin:0;color:var(--ex6-ink);font-weight:500}
 .learning-design-v6-case[data-learning-case-v4=p021] .p021-log-mark{grid-column:1;grid-row:1 / span 2;color:var(--ex6-muted)}
 .learning-design-v6-case[data-learning-case-v4=p021] .p021-log ol{grid-column:2;margin:0;padding-left:20px}

 /* p058: applied strip stays above the draft and its disclosure/save flow. */
 .learning-design-v6-case[data-learning-case-v4=p058] .lu4-facts{display:flex;flex-wrap:wrap;gap:8px 24px;padding-block:12px;margin:0;border-bottom:1px solid var(--ex6-line)}
 .learning-design-v6-case[data-learning-case-v4=p058] .lu4-facts>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;padding:0}
 .learning-design-v6-case[data-learning-case-v4=p058] .p058-v6-sheet{padding:20px 24px 0}
 .learning-design-v6-case[data-learning-case-v4=p058] .p058-v6-applied{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px 12px;align-items:start;background:var(--ex6-stage);border-radius:12px;padding:16px 20px}
 .learning-design-v6-case[data-learning-case-v4=p058] .p058-v6-applied-mark{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--ex6-ink);color:#fff;border-radius:50%;line-height:1;margin-top:2px}
 .learning-design-v6-case[data-learning-case-v4=p058] .p058-v6-applied dl{min-width:0}
 .learning-design-v6-case[data-learning-case-v4=p058] .p058-v6-applied dl>div{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:0}
 .learning-design-v6-case[data-learning-case-v4=p058] .p058-v6-applied time{font-size:1.2em;font-weight:600;font-variant-numeric:tabular-nums}
 .learning-design-v6-case[data-learning-case-v4=p058] .p058-v6-applied .p058-v4-timezone{grid-column:2;margin:0;color:var(--ex6-muted)}
 .learning-design-v6-case[data-learning-case-v4=p058] .p058-v6-draft{padding:20px 0 0;min-width:0}
 .learning-design-v6-case[data-learning-case-v4=p058] .p058-v6-draft-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:8px}
 .learning-design-v6-case[data-learning-case-v4=p058] .p058-v6-draft-head h5{font:inherit;font-weight:600;margin:0}
 .learning-design-v6-case[data-learning-case-v4=p058] .p058-v4-badge{margin:0;padding:4px 8px;border-radius:4px;background:var(--ex6-stage)}
 .learning-design-v6-case[data-learning-case-v4=p058] .p058-v4-badge[data-unsaved=true]{background:var(--ex6-yellow);color:var(--ex6-ink)}
 .learning-design-v6-case[data-learning-case-v4=p058] .p058-v6-draft:has([data-unsaved=true]){border-bottom:2px solid var(--ex6-yellow);padding-bottom:4px}
 .learning-design-v6-case[data-learning-case-v4=p058] .p058-v6-draft>dl>div{grid-template-columns:88px minmax(0,1fr);padding:8px 0}
 .learning-design-v6-case[data-learning-case-v4=p058] .p058-v6-disclosure{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:12px 0;margin-top:8px;border-top:1px solid var(--ex6-line)}
 .learning-design-v6-case[data-learning-case-v4=p058] .p058-v6-disclosure>span{color:var(--ex6-muted)}
 .learning-design-v6-case[data-learning-case-v4=p058] [data-lu4-panel]{padding:4px 0 16px}
 .learning-design-v6-case[data-learning-case-v4=p058] .lu4-stage{gap:12px}
 .learning-design-v6-case[data-learning-case-v4=p058] .p058-v6-commit{margin:0;gap:8px;padding-bottom:12px}
 .learning-design-v6-case[data-learning-case-v4=p058] .p058-v6-commit:not(:has(button:not([hidden]))){display:none}
 .learning-design-v6-case[data-learning-case-v4=p058] .p058-v6-draft>.lu4-feedback{font:inherit;line-height:1.7;margin:0;padding:12px 0 16px;color:var(--ex6-muted)}
 .learning-design-v6-case[data-learning-case-v4=p058] .p058-v6-draft>.lu4-feedback[data-state=unavailable],.learning-design-v6-case[data-learning-case-v4=p058] .p058-v6-draft>.lu4-feedback[data-state=invalid]{padding:12px 16px;margin-bottom:16px;border-left:3px solid #a3614b;background:#fbf4ef;border-radius:0 8px 8px 0;color:#843e2e}
 .learning-design-v6-case[data-learning-case-v4=p058] .p058-v4-failure{padding:12px 16px;margin:0 0 12px;background:#fbf4ef;border-left:3px solid #a3614b;border-radius:0 8px 8px 0}
 .learning-design-v6-case[data-learning-case-v4=p058] .p058-v4-experiments{padding:0 24px 12px}
 .learning-design-v6-case[data-learning-case-v4=p058] .p058-v4-experiments>summary{border-top:1px solid var(--ex6-line);padding:12px 0;min-height:48px}
 .learning-design-v6-case[data-learning-case-v4=p058] .p058-v4-secondary-actions{padding-top:0}
}

@media screen and (max-width:900px){
 .learning-design-v6-case[data-learning-case-v4=p012] .ex6-workbench{grid-template-columns:minmax(0,1fr);gap:16px}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex6-document-preview{padding:12px}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex4-source-identity{display:none}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex6-preview-pages{gap:12px}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex6-preview-pages .ex4-page{grid-template-columns:minmax(0,1fr);gap:4px}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex6-preview-pages .ex4-paper{aspect-ratio:auto;min-height:64px;justify-content:center;padding:8px 10px;border-radius:2px;gap:0}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex6-preview-pages .ex4-paper>strong{font-size:1em;line-height:1.5}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex6-preview-pages .ex4-paper>:not(strong){display:none}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex6-preview-pages .ex4-page-number{font-size:1em;line-height:1.5}
}
@media screen and (max-width:760px){
 .learning-design-v6-case[data-learning-case-v4=p012] .ex6-export-panel{gap:12px}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex4-menu-heading{margin-bottom:8px}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex4-modes{grid-template-columns:repeat(2,minmax(0,1fr))}
 .learning-design-v6-case[data-learning-case-v4=p012] .ex4-modes label{padding:8px}
 .learning-design-v6-case[data-learning-case-v4=p021] .p021-row{grid-template-columns:20px minmax(0,1fr);gap:8px 12px;align-items:start}
 .learning-design-v6-case[data-learning-case-v4=p021] .p021-row-mark{margin-top:5px}
 .learning-design-v6-case[data-learning-case-v4=p021] .p021-row-action{grid-column:2;justify-self:start;margin:4px 0 0}
 .learning-design-v6-case[data-learning-case-v4=p021] .p021-list-toolbar{padding:12px;gap:8px}
 .learning-design-v6-case[data-learning-case-v4=p021] .p021-log{padding:12px}
 .learning-design-v6-case[data-learning-case-v4=p058] .p058-v6-sheet{padding:16px 16px 0}
 .learning-design-v6-case[data-learning-case-v4=p058] .p058-v6-applied{padding:16px;gap:8px 12px}
 .learning-design-v6-case[data-learning-case-v4=p058] .p058-v6-draft>dl>div{grid-template-columns:72px minmax(0,1fr);gap:8px 12px}
 .learning-design-v6-case[data-learning-case-v4=p058] .p058-v4-experiments{padding-inline:16px}
}
@media print{
 .learning-design-v6-case[data-learning-case-v4=p058] :is([data-lu4-panel],.p058-v6-disclosure,.p058-v6-commit){display:none!important}
}