.programming-page{--code-purple:#7361ce;--code-ink:#283d3a;color:var(--code-ink)}
.programming-intro{padding:30px 24px 32px;background:linear-gradient(115deg,#eff6f2,#faf7ef);border-radius:24px;margin-bottom:24px}.programming-eyebrow{font-size:12px;font-weight:800;letter-spacing:1.8px;color:#6553a9}.programming-intro h2{font-size:clamp(30px,4vw,48px);line-height:1.12;margin:14px 0}.programming-intro p,.programming-card p,.programming-game-head p{color:#596e68;line-height:1.6}.programming-library{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),380px));gap:22px}.programming-card{display:block;overflow:hidden;border:1px solid #dfe8e2;border-radius:22px;background:#fff;color:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s}.programming-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #233e3512}.programming-card:focus-visible,.programming-back:focus-visible{outline:3px solid var(--code-purple);outline-offset:4px}.programming-cover{background:#eff6f2;padding:12px 24px}.programming-cover img{display:block;width:100%;height:210px;object-fit:contain}.programming-card-copy{padding:24px}.programming-card h3{font-size:25px;margin:10px 0}.programming-card-link{display:flex;align-items:center;justify-content:space-between;min-height:44px;font-weight:750;color:#6553a9}.programming-back{display:inline-flex;align-items:center;min-height:44px;color:#6553a9;text-decoration:none}.programming-game-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:12px 0 24px}.programming-game-head h2{font-size:30px;margin:8px 0}.programming-game-head p{margin:0}.programming-preview-label{font-size:12px;padding:10px 14px;border-radius:20px;background:#fff1ce;color:#775516}.programming-studio{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(170px,.65fr) minmax(210px,1fr);gap:16px}.programming-studio>section{border:1px solid #dce6e0;border-radius:20px;min-width:0;overflow:hidden;background:#fff;padding:16px}.programming-panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.programming-panel-title h3{font-size:16px;margin:0}.programming-panel-title>span{color:#7a8984;font-size:13px}.programming-board img{width:100%;display:block;border-radius:14px}.programming-board-note{font-size:13px;color:#66776f;margin:16px 0 0}.programming-block{position:relative;background:var(--code-purple);color:#fff;border-radius:9px;padding:15px 14px;margin:10px 0;font-weight:650;font-size:14px;min-height:48px}.programming-block:after{content:"";position:absolute;bottom:-5px;left:25px;width:22px;height:8px;background:inherit;border-radius:0 0 5px 5px}.programming-block--loop{background:#348d79;margin-top:22px}.programming-block-slot{height:38px;background:white;border-radius:7px;margin:14px -14px 0 12px}.programming-workspace{background:radial-gradient(#dbe4df 1px,transparent 1px) 0 0/16px 16px!important;display:flex;flex-direction:column;min-height:380px}.programming-start{background:#edb94e;color:#463717;border-radius:14px 14px 6px 6px;padding:12px 16px;font-weight:700;width:150px}.programming-example{width:150px;margin-top:3px}.programming-drop{border:2px dashed #d6dfd9;border-radius:12px;margin:18px 0;padding:22px 12px;color:#728078;font-size:13px;text-align:center}.programming-controls{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap;padding-top:20px}.programming-controls button{min-height:44px;border:1px solid #d5ddd8;border-radius:10px;padding:10px 12px;background:#f3f5f3;color:#69766e}.programming-controls button:first-child{background:#dcece3;color:#486e58}
@media(max-width:1100px){.programming-studio{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.programming-board{grid-column:1/-1}.programming-board img{max-height:340px}.programming-intro{padding:24px}}
@media(max-width:540px){.programming-studio{grid-template-columns:minmax(0,1fr)}.programming-game-head h2{font-size:25px}.programming-intro{padding:20px}.programming-workspace{min-height:330px}}