/* Use the existing series palette, typography and navigation. */
body[data-workshop="skills"] .slide:not(.workshop-cover) .slide-inner{
 height:100%;min-height:0;max-width:1400px;padding:28px 64px;
 display:flex;flex-direction:column;justify-content:center;align-items:center;
 gap:24px;text-align:center;
}
body[data-workshop="skills"] .slide-body{
 flex:none;margin:0;width:100%;max-width:1120px;align-items:center;text-align:center;
}
body[data-workshop="skills"] .slide-body>h2,
body[data-workshop="skills"] .slide-inner>h1{margin:0;text-align:center;max-width:none;}
body[data-workshop="skills"] .slide-body>p{margin:0;width:100%;max-width:1100px;}
body[data-workshop="skills"] .feature-list{width:100%;max-width:1000px;margin:12px auto 0;}
body[data-workshop="skills"] .feature-list>div{grid-template-columns:220px minmax(0,1fr);}
body[data-workshop="skills"] .feature-list dt,
body[data-workshop="skills"] .feature-list dd{text-align:center;}
body[data-workshop="skills"] .columns{width:100%;max-width:1100px;gap:64px;}
body[data-workshop="skills"] .columns p{margin-top:18px;}
body[data-workshop="skills"] .screenshot-slide figure{
 flex:none;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:20px;
}
body[data-workshop="skills"] .screenshot-slide figcaption{
 width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center;gap:8px;
 font-size:var(--support);line-height:1.4;text-align:center;
}
body[data-workshop="skills"] .screenshot-slide figcaption p{margin:0;max-width:none;}
body[data-workshop="skills"] .screenshot-slide .screenshot-img{
 flex:none;width:auto;height:auto;max-width:100%;max-height:500px;object-fit:contain;
 object-position:center;border:0;border-radius:0;background:transparent;
}
@media(max-width:1000px){
 body[data-workshop="skills"] .slide:not(.workshop-cover) .slide-inner{padding:24px 32px;}
 body[data-workshop="skills"] .screenshot-slide .screenshot-img{max-height:46dvh;}
}
@media(max-width:600px){
 body[data-workshop="skills"] .slide:not(.workshop-cover) .slide-inner{height:auto;min-height:100%;padding:24px 20px;justify-content:safe center;gap:22px;}
 body[data-workshop="skills"] .feature-list>div{grid-template-columns:1fr;gap:8px;}
 body[data-workshop="skills"] .columns{grid-template-columns:1fr;gap:24px;}
 body[data-workshop="skills"] .screenshot-slide .screenshot-img{width:100%;max-height:none;}
}

/* Draft revision: follow fall-series left-aligned explanations in a centered content column. */
body[data-workshop="skills"]{--body:clamp(26px,2.4vw,34px);--support:clamp(23px,2vw,30px);}
body[data-workshop="skills"] .slide:not(.workshop-cover) .slide-inner{gap:22px;}
body[data-workshop="skills"] .slide-body{align-items:flex-start;text-align:left;}
body[data-workshop="skills"] .slide-body>h2,
body[data-workshop="skills"] .slide-inner>h1,
body[data-workshop="skills"] .feature-list dt,
body[data-workshop="skills"] .feature-list dd{text-align:left;}
body[data-workshop="skills"] .slide-inner>h1{width:100%;max-width:1120px;}
body[data-workshop="skills"] .screenshot-slide figcaption{max-width:1120px;align-items:flex-start;text-align:left;line-height:1.35;}
body[data-workshop="skills"] .screenshot-slide .screenshot-img{max-height:460px;}
body[data-workshop="skills"] .feature-list{margin:4px 0 0;}
body[data-workshop="skills"] .slide-body>p{max-width:1100px;}

/* Full copyable system-prompt clause, kept readable on one slide. */
body[data-workshop="skills"] .tool-prompt-clause{font-size:clamp(26px,2.2vw,32px);line-height:1.35;}
body[data-workshop="skills"] .tool-prompt-check{font-size:var(--support);line-height:1.35;}

/* Keep the model-card walkthrough inside the slide at shorter desktop heights. */
@media(min-width:601px){
 body[data-workshop="skills"] .model-skill-slide .screenshot-img{max-height:min(460px,calc(100dvh - 400px));}
}

@media print{
 body[data-workshop="skills"] .slide:last-child{break-after:auto;page-break-after:auto;}
}

/* Keep the existing introduction and earlier Clone walkthrough on one slide. */
body[data-workshop="skills"] .clone-setup-slide .slide-body{gap:12px;}
body[data-workshop="skills"] .clone-setup-slide .slide-body>p{font-size:clamp(22px,1.65vw,26px);line-height:1.3;}
body[data-workshop="skills"] .clone-setup-slide .clone-model-image{align-self:center;width:auto;height:auto;max-width:100%;max-height:min(320px,calc(100dvh - 520px));object-fit:contain;}
@media(max-width:600px){
 body[data-workshop="skills"] .clone-setup-slide .slide-inner{justify-content:flex-start;}
 body[data-workshop="skills"] .clone-setup-slide .clone-model-image{width:100%;max-height:none;}
}

/* Give the actual rendered game most of the result slide. */
body[data-workshop="skills"] .slide.result-layout:not(.workshop-cover) .slide-inner{
 display:grid;grid-template-columns:minmax(220px,.27fr) minmax(0,.73fr);gap:32px;
}
body[data-workshop="skills"] .result-layout .result-copy{text-align:left;}
body[data-workshop="skills"] .result-layout .result-copy h1{font-size:var(--heading);line-height:1.13;margin:0 0 24px;}
body[data-workshop="skills"] .result-layout .result-copy ol{margin:0 0 18px;}
body[data-workshop="skills"] .result-layout .result-copy li{font-size:var(--support);line-height:1.35;}
body[data-workshop="skills"] .result-layout .result-copy p{font-size:var(--support);line-height:1.35;margin:0 0 18px;}
body[data-workshop="skills"] .screenshot-slide.result-layout .screenshot-img{width:100%;max-height:min(720px,calc(100dvh - 140px));}
@media(max-width:760px){
 body[data-workshop="skills"] .slide.result-layout:not(.workshop-cover) .slide-inner{display:flex;gap:22px;}
 body[data-workshop="skills"] .result-layout .result-copy{width:100%;}
 body[data-workshop="skills"] .screenshot-slide.result-layout .screenshot-img{max-height:none;}
}

/* One list convention throughout: numbered actions and bulleted reflections. */
body[data-workshop="skills"] .slide ol,
body[data-workshop="skills"] .slide ul{padding-inline-start:1.3em;text-align:left;list-style-position:outside;}
body[data-workshop="skills"] .slide ol{list-style-type:decimal;}
body[data-workshop="skills"] .slide ul{list-style-type:disc;}
body[data-workshop="skills"] .slide li+li{margin-top:.4em;}
body[data-workshop="skills"] .screenshot-slide figcaption li{font-size:var(--support);line-height:1.35;}
body[data-workshop="skills"] .clone-setup-slide li{font-size:clamp(22px,1.65vw,26px);line-height:1.3;}