/* Scoped layouts for four different reading tasks; shared Lumina navigation. */
.workshop-page { overflow-wrap: anywhere; }
.workshop-page .workshop-kicker { color:#dcc391; font-size:13px; letter-spacing:.09em; text-transform:uppercase; margin-bottom:8px; }
.workshop-page .workshop-note { padding:18px 20px; border-left:3px solid #dcc391; background:#21192e; margin:24px 0; }
.workshop-page .workshop-case { padding:22px; margin:28px 0; border:1px solid #655172; border-radius:16px; background:linear-gradient(145deg,#21192e,#171422); }
.workshop-page .workshop-case h2:first-child, .workshop-page .workshop-case h3:first-child { margin-top:0; }
.workshop-page .workshop-controls { display:grid; gap:14px; padding:22px; margin:24px 0; background:#272035; border:1px solid #8a739d; border-radius:16px; }
.workshop-page .workshop-controls label { display:block; font-weight:600; color:#eee9fa; }
.workshop-page select, .workshop-page button { font:inherit; font-size:16px; max-width:100%; padding:12px; border:1px solid #9c86b8; border-radius:8px; color:#f4efff; background:#171422; }
.workshop-page select { width:100%; min-width:0; white-space:normal; }
.workshop-page button { cursor:pointer; font-weight:600; background:#dcc391; color:#20182e; min-height:46px; }
.workshop-page .workshop-result { border-top:1px solid #8a739d; padding-top:4px; margin-top:12px; }
.workshop-page .workshop-result h3 { color:#f2dcb1; }
.workshop-page .workshop-result p:last-child { margin-bottom:0; }
.workshop-page [hidden] { display:none!important; }
.workshop-page .workshop-card-row { display:flex; flex-wrap:wrap; gap:18px; justify-content:center; align-items:flex-start; margin:24px 0; }
.workshop-page .workshop-card { flex:0 1 170px; min-width:0; text-align:center; margin:0; }
.workshop-page .workshop-card img, .workshop-page .workshop-card-row img { display:block; width:130px; max-width:100%; height:auto; margin:0 auto 10px; border:1px solid #806993; border-radius:9px; }
.workshop-page figcaption { font-size:14px; line-height:1.6; margin-top:8px; }
.workshop-page .workshop-steps { counter-reset:workshop-step; list-style:none; padding:0; }
.workshop-page .workshop-steps > li { counter-increment:workshop-step; border-top:1px solid #574664; padding:18px 0 14px 40px; position:relative; }
.workshop-page .workshop-steps > li::before { content:counter(workshop-step); position:absolute; left:0; color:#dcc391; font-size:20px; font-weight:600; }
.workshop-page .workshop-comparison { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:22px 0; }
.workshop-page .workshop-comparison > * { min-width:0; padding:18px; border:1px solid #655172; border-radius:12px; }
.workshop-page .workshop-comparison > h3 { grid-column:1 / -1; border:0; padding:0; margin:0; }
.workshop-page .workshop-exercise { margin:28px 0; padding:22px; border:1px dashed #9c86b8; border-radius:14px; }
.workshop-page .workshop-checklist { padding-left:22px; }
.workshop-page .workshop-checklist li { padding-left:6px; }
.workshop-page table th { color:#eee9fa; }
.workshop-page :focus-visible { outline:3px solid #e7cc8f; outline-offset:4px; }
@media(max-width:520px) {
 .workshop-page .workshop-controls, .workshop-page .workshop-case, .workshop-page .workshop-exercise { padding:16px; }
 .workshop-page .workshop-comparison { grid-template-columns:minmax(0,1fr); }
 .workshop-page .workshop-card { flex-basis:125px; }
 .workshop-page .workshop-card-row { gap:14px; }
}
@media print {
 body.workshop-page, .workshop-page .reading-guide { color:#111!important; background:white!important; }
 .workshop-page .starfield, .workshop-page nav, .workshop-page footer, .workshop-page .breadcrumb, .workshop-page .workshop-controls { display:none!important; }
 .workshop-page h1, .workshop-page h2, .workshop-page h3, .workshop-page a, .workshop-page p { color:#111!important; }
 .workshop-page .workshop-case, .workshop-page .workshop-note { background:white!important; border-color:#999; }
 .workshop-page .workshop-card img { max-height:120px; width:auto; }
 .workshop-page details { break-inside:avoid; }
}