/* Existing table artwork frames the course; original lesson diagrams remain intact. */
.tech-ref .hero-copy{position:relative;padding-top:155px}
.tech-ref .tech-hero-character{position:absolute;top:-35px;left:0;width:135px;height:170px;background:url(assets/characters/attack-from-mars-v1.png) left center/200% 100% no-repeat;pointer-events:none}
.tech-ref .tech-art-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-rows:auto auto;align-content:center;align-items:center;column-gap:36px;margin:0 0 30px;padding:30px;background:#eff5f3;border-top:5px solid #0d6e66;border-radius:4px}
.tech-ref .tech-art-heading h2{grid-column:1;align-self:end;margin:0 0 12px}
.tech-ref .tech-art-heading>p{grid-column:1;align-self:start;margin:0}
.tech-ref .tech-chapter-art{grid-column:2;grid-row:1/3;margin:0;min-width:0}
.tech-ref .tech-chapter-art img{display:block;width:100%;height:auto;object-fit:contain;border-radius:4px}
.tech-ref .tech-chapter-art figcaption{font:12px/1.4 system-ui,sans-serif;margin-top:9px;text-align:right}
.tech-ref .tech-art-heading.cutout{background:#faf5e9;border-color:#9a5312}
.tech-ref .cutout .tech-chapter-art img{max-height:300px}
.tech-ref #multiball .tech-art-heading{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);background:#eef1fb;border-color:#53478f}
.tech-ref #practice-plan .tech-art-heading{background:#faf5e9;border-color:#9a5312}
@media(max-width:650px){.tech-ref .hero-copy{padding-top:125px}.tech-ref .tech-hero-character{top:-35px;width:105px;height:140px}.tech-ref .tech-art-heading,.tech-ref #multiball .tech-art-heading{grid-template-columns:minmax(0,1fr);padding:20px;gap:10px}.tech-ref .tech-art-heading h2,.tech-ref .tech-art-heading>p{grid-column:1}.tech-ref .tech-chapter-art{grid-column:1;grid-row:3;margin-top:10px}.tech-ref .cutout .tech-chapter-art img{max-height:260px}}