:root{font-family:system-ui,sans-serif;color:#203e38;background:#f5f6ee;line-height:1.6}*{box-sizing:border-box}body{margin:0}header{display:flex;gap:20px;align-items:center;flex-wrap:wrap;background:white;padding:18px 5%;border-bottom:1px solid #d7e2d7}.brand{font-size:23px;font-weight:850}header>span:nth-child(2){margin-right:auto;color:#63746c}main{max-width:1120px;margin:auto;padding:24px}.hero{display:flex;justify-content:space-between;align-items:center;background:#e1eee2;padding:30px;border-radius:28px;margin-bottom:24px}.hero h1{font-size:clamp(32px,5vw,48px);margin:8px 0}.hero p{max-width:580px}.hero small{letter-spacing:2px;font-weight:bold}.guide{font-size:90px}nav,.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}button,select,input{font:inherit;border:1px solid #cad7cc;border-radius:12px;padding:10px 16px;background:white;color:#203e38}button{cursor:pointer;min-height:46px}button:hover{background:#edf4eb}button:focus-visible,input:focus-visible{outline:3px solid #da8c23}button.active,.primary{background:#17685b;color:white;border-color:#17685b}.toolbar{align-items:end}.toolbar label{display:flex;flex-direction:column}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.card{background:white;border:1px solid #dce4d9;border-radius:20px;padding:22px}.card h2{font-size:20px;margin:8px 0}.card small{color:#667a6d}.card button{width:100%;margin-top:10px}.tag{background:#f5edda;border-radius:8px;padding:3px 7px;font-size:12px}.lesson{background:white;border-radius:24px;padding:28px;border:1px solid #dae5dc}h2{line-height:1.3}.question{font-size:24px;line-height:1.5}.feedback{padding:15px;background:#ecf4ec;border-radius:12px;min-height:60px}.row{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.block{padding:6px;width:38px;min-height:38px;background:#edb652}.block.removed{opacity:.3}.tools{border:1px dashed #99b5a4;padding:18px;border-radius:16px;margin:20px 0}.line{display:flex;gap:5px;flex-wrap:wrap}.tick{padding:6px;border:1px solid #a3bdaf;border-radius:6px}.current{background:#f3c366}footer{padding:30px;text-align:center;color:#65776b}canvas{width:100%;height:340px;touch-action:none;background-color:white;background-image:linear-gradient(#dce8e1 1px,transparent 1px),linear-gradient(90deg,#dce8e1 1px,transparent 1px);background-size:20px 20px;border:1px solid #a2baa8}.print-only{display:none}[hidden]{display:none!important}@media(max-width:600px){main{padding:14px}.hero{padding:20px}.guide{font-size:55px}.lesson{padding:18px}header>span:nth-child(2){display:none}}@media print{header,footer,nav,.toolbar,#catalog,.no-print{display:none!important}body,main,.lesson{background:white;margin:0;padding:0;border:0}.print-only{display:block}.question{font-size:16px}button,input{display:none}}
.marysia-hero{width:150px;height:130px;object-fit:cover;border-radius:24px;border:5px solid white}.drawing-panel{margin:20px 0;border:2px solid #eadac3;border-radius:20px;padding:16px;background:#fffaf1}.drawing-panel summary{font-size:20px;font-weight:750;cursor:pointer}.paint-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:15px 0}.paint-toolbar label{display:flex;align-items:center;gap:6px}.paint-toolbar input[type=color]{width:56px;height:48px;padding:4px}.paint-toolbar input[type=range]{width:110px}.paint-toolbar [aria-pressed=true]{background:#17685b;color:white}.drawing-host canvas,#artBoard canvas,#freeBoard canvas{height:auto;aspect-ratio:5/3;background:white;border-radius:12px;display:block}.art-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:20px 0}.art-grid button{text-align:left;padding:20px;background:#fff5df;border:2px solid #e5ce9d}.art-grid span{display:block;font-size:14px;margin-top:8px}.picture-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.picture-tiles button{font-size:clamp(18px,3vw,32px);min-height:100px;border:3px solid #344a56;border-radius:24px;background:#fff}.picture-tiles button[aria-pressed=true]{background:#f7ca69;box-shadow:inset 0 0 0 5px white}.paint-status{font-size:14px;color:#526c60}@media(max-width:600px){.marysia-hero{width:80px;height:90px}.hero .guide{display:none}.picture-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.paint-toolbar button{padding:10px;font-size:14px}}@media print{body.print-art #lesson,body.print-art #extra{display:block!important}body.print-art .drawing-panel{display:block!important}body.print-art .print-only,body.print-art .paint-toolbar,body.print-art .paint-status,body.print-art details:not(.drawing-panel),body.print-art #answer,body.print-art #feedback{display:none!important}body.print-art canvas{display:block;max-height:145mm;break-inside:avoid}.picture-tiles button{display:block!important;color:black}.marysia-hero{display:none}}
@media print{body.print-art #lesson[hidden],body.print-art #extra[hidden]{display:none!important}body.print-art .template-label{display:none!important}}
.picture-tiles button[aria-pressed=true]{background:var(--tile-ink,#f7ca69)}.picture-tiles button[aria-pressed=true][style*="#dc2626"],.picture-tiles button[aria-pressed=true][style*="#2563eb"],.picture-tiles button[aria-pressed=true][style*="#16a34a"]{color:white}.art-navigation{position:sticky;bottom:0;background:#fffdf4;border:1px solid #eadac3;border-radius:16px;padding:12px;box-shadow:0 -3px 15px #203e3810;z-index:2}.art-navigation button:disabled{opacity:.45;cursor:default}#optionalDrawing{margin:20px 0;border:1px dashed #a3bdaf;padding:16px;border-radius:16px}#optionalDrawing summary{cursor:pointer;font-weight:700}@media print{.art-navigation,#artFeedback,#checkArt{display:none!important}body.print-art #optionalDrawing{display:block!important}body.print-art #optionalDrawing summary{display:none}}

/* Industry link – independent of existing lesson styles */
.industry-entry{margin:20px 0;padding:0 2px}.industry-entry a{display:block;padding:17px 20px;border-radius:18px;background:#153f37;color:#fff;font:700 17px/1.5 system-ui,sans-serif;text-decoration:none;box-shadow:0 3px 10px #0001}.industry-entry a:hover,.industry-entry a:focus-visible{background:#17685b;outline:3px solid #c4e3d6;outline-offset:2px}

.training-hubs{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:20px 0}.training-tile{display:flex;flex-direction:column;gap:10px;border-radius:20px;padding:22px;text-decoration:none;color:#153e34;border:2px solid #a3d1b9;background:#e8f6ef;box-shadow:0 3px 8px #1232}.training-tile strong{font-size:20px}.training-tile span{line-height:1.5}.training-tile b{margin-top:auto}.training-tile.math-tile{background:#fff4db;border-color:#ecc982}.training-tile:hover{transform:translateY(-2px)}