/* Exact opt-in roots only. Material models, not original study screenshots.
   Reader type, controllers, photos and the live print owner stay upstream. */
[data-learning-design-v7-case]{--ex7-ink:#242528;--ex7-muted:#66676b;--ex7-line:#deded9;--ex7-stage:#f6f6f2;--ex7-blue:#3454ff;--ex7-yellow:#f4ef3b;container-type:inline-size;container-name:ex7case;min-width:0}
[data-learning-design-v7-case] :where(div,section,ol,li,dl){min-width:0}

/* p031: a sheet, a machine and a shop each own their research procedure. */
#hma-p031-03[data-learning-design-v7-case] .ex7-study-stations{display:grid;gap:24px;margin-top:24px}
#hma-p031-03[data-learning-design-v7-case] .hma-study-task-frame{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;padding:24px 0 0;border-top:1px solid var(--ex7-line)}
#hma-p031-03[data-learning-design-v7-case] .hma-study-task-frame h4{margin:0 0 16px;font:inherit;font-weight:650;line-height:1.6}
#hma-p031-03[data-learning-design-v7-case] .hma-method-steps{grid-template-columns:minmax(0,1fr);gap:16px;padding:0 0 0 16px;border-left:2px solid var(--ex7-line)}
#hma-p031-03[data-learning-design-v7-case] .hma-method-steps>li{position:relative;padding:0;border:0}
#hma-p031-03[data-learning-design-v7-case] .hma-method-steps>li:before{content:'';position:absolute;left:-21px;top:8px;width:8px;height:8px;border:1px solid var(--ex7-muted);border-radius:50%;background:white}
#hma-p031-03[data-learning-design-v7-case] .hma-method-phase{font:inherit;font-weight:600;line-height:1.6;margin:0 0 4px;color:var(--ex7-ink)}
#hma-p031-03[data-learning-design-v7-case] .hma-atm-stimulus{width:100%;max-width:280px;margin:0;display:grid;gap:14px;padding:18px;border:1px solid #b6b7b3;border-radius:14px 14px 5px 5px;background:linear-gradient(110deg,#f4f4f0,#ddded8);box-shadow:inset 0 1px white,0 3px 0 #c8c9c3}
#hma-p031-03[data-learning-design-v7-case] .hma-atm-display{position:relative;aspect-ratio:1.65;padding:16px 8px 32px;display:grid;place-items:center;font:inherit;line-height:1.6;background:#fff;border:1px solid #9c9d98;border-radius:4px;box-shadow:inset 0 2px 5px #24252810}
#hma-p031-03[data-learning-design-v7-case] .hma-atm-display:before{content:'';position:absolute;left:12px;right:12px;bottom:14px;height:6px;background:linear-gradient(90deg,#d8d9d3 0 42%,transparent 42% 57%,#d8d9d3 57% 100%)}
#hma-p031-03[data-learning-design-v7-case] .hma-atm-keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0}
#hma-p031-03[data-learning-design-v7-case] .hma-atm-keys i{height:15px;border:1px solid #a7a8a2;border-radius:3px;background:linear-gradient(#fafaf7,#cfd0c9);box-shadow:0 2px 0 #b9bab4}
#hma-p031-03[data-learning-design-v7-case] .hma-atm-printed{max-width:280px;padding:18px;border:1px solid #c7c8c0;border-radius:0;background:#fff;box-shadow:5px 5px 0 var(--ex7-stage);transform:rotate(-1deg)}
#hma-p031-03[data-learning-design-v7-case] .hma-atm-printed .hma-atm-display{border-radius:0;background:#fff;box-shadow:none}
#hma-p031-03[data-learning-design-v7-case] .hma-atm-printed .hma-atm-keys i{border-radius:0;background:#e4e5df;box-shadow:none}
#hma-p031-03[data-learning-design-v7-case] .hma-store-stimulus{width:100%;max-width:320px;padding:0;border:1px solid #bfc0b9;border-radius:7px;background:#fff;box-shadow:0 3px 0 var(--ex7-stage);overflow:hidden}
#hma-p031-03[data-learning-design-v7-case] .hma-store-menu{position:relative;gap:8px;align-items:center;min-height:35px;padding:10px 38px 10px 12px;background:var(--ex7-stage);border-bottom:1px solid var(--ex7-line)}
#hma-p031-03[data-learning-design-v7-case] .hma-store-menu i{height:4px;width:28%;background:#aeb0a8}
#hma-p031-03[data-learning-design-v7-case] .hma-store-menu:after{content:'';position:absolute;right:13px;top:11px;width:13px;height:10px;border:1px solid var(--ex7-muted);border-top:0;transform:skew(-8deg);box-shadow:-3px 5px 0 -2px var(--ex7-muted),5px 5px 0 -2px var(--ex7-muted)}
#hma-p031-03[data-learning-design-v7-case] .hma-store-products{gap:8px;margin:0;padding:16px 12px 12px}
#hma-p031-03[data-learning-design-v7-case] .hma-store-products svg{padding:6px;color:#4d5049;background:linear-gradient(135deg,#f0eee7,#fafaf7);border:1px solid #e2e2db;border-radius:2px}
#hma-p031-03[data-learning-design-v7-case] .hma-store-stimulus p{margin:0;padding:0 12px 14px;font:inherit;line-height:1.6}

/* p034: same specimen geometry, visibly different surface/edge treatment.
   These aria-hidden original marks never become second interactive controls. */
#hma-p034-05[data-learning-design-v7-case] .ex7-material-study{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:24px}
#hma-p034-05[data-learning-design-v7-case] .hma-site-stimuli{grid-template-columns:minmax(0,1fr);gap:24px;margin:0}
#hma-p034-05[data-learning-design-v7-case] .hma-site-stimuli>section{padding:0;min-width:0}
#hma-p034-05[data-learning-design-v7-case] .hma-site-stimuli h4{font:inherit;font-weight:650;line-height:1.6;margin:0 0 12px}
#hma-p034-05[data-learning-design-v7-case] .hma-style-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#hma-p034-05[data-learning-design-v7-case] .hma-style-screen{aspect-ratio:auto;min-height:164px;padding:0;border:1px solid #b6b8b1;background:#fff;overflow:hidden}
#hma-p034-05[data-learning-design-v7-case] .hma-screen-chrome{gap:4px;align-items:center;min-height:25px;padding:8px;border-bottom:1px solid #c9cbc4;background:#f0f0ea}
#hma-p034-05[data-learning-design-v7-case] .hma-screen-chrome i{width:4px;height:4px;background:#91958c}
#hma-p034-05[data-learning-design-v7-case] .hma-screen-content{gap:14px;padding:18px 12px}
#hma-p034-05[data-learning-design-v7-case] .hma-screen-content>span{width:72%;height:5px;background:#969c90}
#hma-p034-05[data-learning-design-v7-case] .hma-screen-content>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#hma-p034-05[data-learning-design-v7-case] .hma-screen-content i{position:relative;width:100%;height:34px;border:1px solid #b7bbb0;background:#f6f7f2}
#hma-p034-05[data-learning-design-v7-case] .hma-screen-content i:after{content:'';position:absolute;left:7px;right:7px;top:15px;height:3px;background:#c9cdc1}
#hma-p034-05[data-learning-design-v7-case] .hma-screen-content>b{position:relative;width:70%;height:31px;border:1px solid #727c67;background:#8d987f}
#hma-p034-05[data-learning-design-v7-case] .hma-screen-content>b:after{content:'';position:absolute;left:50%;top:10px;width:7px;height:7px;border-top:1px solid white;border-right:1px solid white;transform:translateX(-50%) rotate(45deg)}
#hma-p034-05[data-learning-design-v7-case] .hma-style-skeuo{border-radius:8px;background:linear-gradient(120deg,#fefef9,#e7e9df);box-shadow:inset 0 1px #fff,0 3px 0 #c3c7b9,0 5px 8px #2425280b}
#hma-p034-05[data-learning-design-v7-case] .hma-style-skeuo .hma-screen-chrome{background:linear-gradient(#f9faf4,#e0e3d8);box-shadow:inset 0 1px #fff}
#hma-p034-05[data-learning-design-v7-case] .hma-style-skeuo .hma-screen-content i{border-radius:5px;background:linear-gradient(#e0e4d7,#fbfcf7);box-shadow:inset 0 2px 3px #24252812,0 1px white}
#hma-p034-05[data-learning-design-v7-case] .hma-style-skeuo .hma-screen-content>b{border-radius:5px;background:linear-gradient(#a9b49a,#77816b);box-shadow:inset 0 1px #dce3d2,0 3px 0 #68745d}
#hma-p034-05[data-learning-design-v7-case] .hma-style-flat{border-radius:0;box-shadow:none}
#hma-p034-05[data-learning-design-v7-case] .hma-style-flat .hma-screen-content :is(i,b){border-radius:0;box-shadow:none}
#hma-p034-05[data-learning-design-v7-case] .hma-style-pair>div>span{display:block;margin-top:10px;font:inherit;line-height:1.6}
#hma-p034-05[data-learning-design-v7-case] .hma-method-steps{grid-template-columns:minmax(0,1fr);gap:20px;padding:0}
#hma-p034-05[data-learning-design-v7-case] .hma-method-steps>li{padding:12px 0 0;border-top:1px solid var(--ex7-line)}
#hma-p034-05[data-learning-design-v7-case] .hma-method-phase{font:inherit;font-weight:600;line-height:1.6;margin:0 0 6px}
#hma-p034-05[data-learning-design-v7-case] .ex7-study-measures>p.hma-result-boundary{margin:20px 0 0;padding:0 0 0 12px;border-left:2px solid var(--ex7-line)}

/* p090: each sheet has an identifiable portrait front and back. The preserved
   selected/applied-value record follows its paper result. No live output owner. */
#lhv-p090-1[data-learning-design-v7-case] .lhv-print-comparison{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
#lhv-p090-1[data-learning-design-v7-case] .lhv-print-comparison>section{padding:0;border:0;background:transparent}
#lhv-p090-1[data-learning-design-v7-case] .lhv-print-comparison>section>strong{display:block;padding-bottom:12px;border-bottom:1px solid var(--ex7-line);font-weight:650;line-height:1.6}
#lhv-p090-1[data-learning-design-v7-case] .ex7-print-record{display:grid;gap:20px;margin-top:16px}
#lhv-p090-1[data-learning-design-v7-case] .lhv-print-tray{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:14px 8px;margin:0;background:var(--ex7-stage);list-style:none}
#lhv-p090-1[data-learning-design-v7-case] .lhv-print-tray>li{padding:0;border:0;background:none;min-width:0}
#lhv-p090-1[data-learning-design-v7-case] .lhv-print-tray>li>strong{display:block;margin:0 0 8px;font:inherit;font-weight:600;line-height:1.6}
#lhv-p090-1[data-learning-design-v7-case] .lhv-print-faces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#lhv-p090-1[data-learning-design-v7-case] .lhv-print-faces>div{min-width:0}
#lhv-p090-1[data-learning-design-v7-case] .lhv-print-faces>div>span{display:block;margin-bottom:6px;text-align:center;font:inherit;line-height:1.6}
#lhv-p090-1[data-learning-design-v7-case] .lhv-print-page{position:relative;display:block;width:100%;aspect-ratio:5/7;min-height:0;padding:8px 0 0;border:1px solid #c7c8c0;border-radius:0;background:white;box-shadow:2px 3px 0 #e2e3da;text-align:center;font:inherit;font-weight:600;line-height:1.6}
#lhv-p090-1[data-learning-design-v7-case] .lhv-print-page:before{content:'';position:absolute;top:44px;left:8px;right:8px;bottom:12px;background:repeating-linear-gradient(to bottom,#dedfd7 0,#dedfd7 2px,transparent 2px,transparent 10px)}
#lhv-p090-1[data-learning-design-v7-case] .lhv-print-blank{border-style:dashed;background:white;box-shadow:none;color:var(--ex7-muted);font-weight:400}
#lhv-p090-1[data-learning-design-v7-case] .lhv-print-blank:before{content:none}
#lhv-p090-1[data-learning-design-v7-case] .ex7-print-record>dl{margin:0;display:grid;gap:12px}
#lhv-p090-1[data-learning-design-v7-case] .ex7-print-record>dl>div{display:grid;gap:4px;padding:0 0 12px;border-bottom:1px solid var(--ex7-line)}
#lhv-p090-1[data-learning-design-v7-case] .ex7-print-record>dl dt{font-weight:600}
#lhv-p090-1[data-learning-design-v7-case] .ex7-print-record>dl dd{margin:0}
#lhv-p090-1[data-learning-design-v7-case] .lhv-print-owned-link{display:inline-block;margin-top:20px}

@container ex7case (min-width:520px){
 #hma-p031-03[data-learning-design-v7-case] .hma-study-task-frame{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px}
 #lhv-p090-1[data-learning-design-v7-case] .lhv-print-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
}
@container ex7case (min-width:720px){
 #hma-p034-05[data-learning-design-v7-case] .ex7-material-study{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px;align-items:start}
 #hma-p034-05[data-learning-design-v7-case] .ex7-study-measures{padding-left:24px;border-left:1px solid var(--ex7-line)}
}
@container ex7case (min-width:840px){
 #hma-p031-03[data-learning-design-v7-case] .ex7-study-stations{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
 #hma-p031-03[data-learning-design-v7-case] .hma-study-task-frame{grid-template-columns:minmax(0,1fr);align-content:start;gap:24px}
}
@media print{
 [data-learning-design-v7-case]{container-type:normal;break-inside:auto}
 #hma-p031-03[data-learning-design-v7-case] .ex7-study-stations{display:block}
 #hma-p031-03[data-learning-design-v7-case] .hma-study-task-frame{break-inside:avoid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);margin-bottom:20px}
 #hma-p031-03[data-learning-design-v7-case] .hma-atm-printed{transform:none}
 #hma-p034-05[data-learning-design-v7-case] .ex7-material-study{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
 #lhv-p090-1[data-learning-design-v7-case] .lhv-print-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}
 #lhv-p090-1[data-learning-design-v7-case] .lhv-print-tray>li{break-inside:avoid}
}