.grade-hub-topics>h2,.grade-hub-topics .material-list{margin-bottom:var(--space-24)}
.g4-puzzle{margin-block:var(--space-24)}
.g4-work>p:first-child{margin-bottom:var(--space-16)}
.g4-answer{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-8);margin-top:var(--space-24);font-size:var(--type-label-size);line-height:var(--type-label-line);font-weight:var(--type-label-weight)}
.g4-answer input{width:var(--layout-class4-answer-width);min-height:var(--layout-class4-cell);padding:var(--space-8) var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);font-size:var(--type-item-title-size);line-height:var(--type-item-title-line);font-variant-numeric:tabular-nums}
.g4-motion{display:grid;gap:var(--space-16)}.g4-motion-row{min-width:0}.g4-motion-label{font-size:var(--type-label-size);line-height:var(--type-label-line);font-weight:var(--type-label-weight)}
.g4-track{height:var(--layout-motion-track);position:relative;margin-top:var(--space-8);border-bottom:1px solid var(--color-border)}.g4-track-direction{position:absolute;right:var(--space-4);bottom:var(--space-4);color:var(--color-primary)}.g4-left{transform:rotate(180deg)}
.g4-motion-robot{position:absolute;left:calc(var(--layout-motion-inset) + (100% - 2 * var(--layout-motion-inset)) * var(--position));bottom:var(--space-8);width:var(--layout-motion-art);height:var(--layout-motion-art);padding:0;border:0;background:transparent;transform:translateX(-50%);touch-action:none;transition:left var(--motion-pet-settle) var(--motion-ease);cursor:grab}.g4-motion-robot[data-dragging=true]{transition:none;cursor:grabbing}.g4-motion-robot img{display:block;width:100%;height:100%;object-fit:contain}.g4-motion-row:nth-child(2) .g4-track{border-bottom-style:dashed}
.g4-motion-static{display:flex;gap:var(--space-24)}.g4-motion-static p{display:flex;align-items:center;gap:var(--space-8)}
.g4-digit-draft{display:flex;gap:var(--space-8);margin-block:var(--space-16)}.g4-digit-draft output{display:grid;place-items:center;min-width:var(--layout-class4-cell);min-height:var(--layout-class4-cell);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);font-size:var(--type-item-title-size)}.g4-digit-bank{display:flex;flex-wrap:wrap;gap:var(--space-8)}
.g4-pet-bank,.g4-pet-places{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-8);margin-block:var(--space-16);min-height:var(--layout-class4-pet-bank);align-items:start}.g4-pet-bank button,.g4-pet-places button{width:100%;min-width:0;min-height:var(--layout-class4-pet-place);padding:var(--space-8) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);font-size:var(--type-label-size);line-height:var(--type-label-line);touch-action:none}.g4-pet-bank button{display:flex;flex-direction:column;align-items:center}.g4-pet-bank button[hidden]{display:block!important;visibility:hidden}.g4-pet-bank img,.g4-pet-places img{width:var(--layout-motion-art);height:var(--layout-motion-art);object-fit:contain;display:block;margin:auto}.g4-pet-bank button[aria-pressed=true],.g4-pet-places button[data-selected=true]{background:var(--color-selection);outline:2px solid var(--color-primary)}.g4-place-number{display:block;font-size:var(--type-help-size);line-height:var(--type-help-line);color:var(--color-secondary)}.g4-empty-place{display:block;width:var(--layout-min-target);height:var(--layout-motion-art);margin:auto;border-bottom:1px dashed var(--color-border)}.g4-drag-ghost{position:fixed;z-index:100;pointer-events:none;transform:translate(-50%,-50%);width:var(--layout-motion-art);height:var(--layout-motion-art)}
.g4-square-picture{width:calc(3 * var(--layout-class4-grid));height:auto;color:var(--color-primary)}
@media(max-width:600px){.g4-pet-bank button span{font-size:var(--type-help-size);line-height:var(--type-help-line)}.g4-pet-bank,.g4-pet-places{gap:var(--space-4)}}
@media(prefers-reduced-motion:reduce){.g4-motion-robot{transition:none}}
.g4-quarters{display:grid;grid-template-columns:repeat(4,1fr);max-width:var(--layout-class4-draft-width);margin-block:var(--space-16)}.g4-quarters button{min-height:var(--layout-class4-cell);border:1px solid var(--color-border);background:var(--color-surface)}.g4-quarters button+button{border-left:0}.g4-quarters button[aria-pressed=true],.g4-square-grid button[aria-pressed=true]{background:var(--color-selection);box-shadow:inset 0 0 0 2px var(--color-primary)}
.g4-equations{display:grid;gap:var(--space-16);font-size:var(--type-item-title-size);font-variant-numeric:tabular-nums}.g4-equations>div{display:flex;align-items:center;gap:var(--space-12)}.g4-equations img{width:var(--layout-motion-art);height:var(--layout-motion-art);object-fit:contain}
.g4-chip-bank{display:flex;gap:var(--space-8);flex-wrap:wrap}.g4-chip-bank .button{padding:var(--space-8);flex-direction:column}.g4-chip{width:var(--layout-min-target);height:var(--layout-min-target)}.g4-chip circle{stroke:var(--color-text);stroke-width:1}.g4-chip-0 circle{fill:var(--color-puzzle-red)}.g4-chip-1 circle{fill:var(--color-puzzle-blue)}.g4-chip-2 circle{fill:var(--color-primary)}.g4-chip text{fill:var(--color-on-primary);font-size:var(--type-label-size);font-family:var(--font-body);font-weight:var(--type-label-weight)}.g4-chip-draft{min-height:var(--layout-class4-chip-draft);display:flex;align-content:flex-start;gap:var(--space-8);flex-wrap:wrap;margin-top:var(--space-16)}.g4-chip-draft button{width:var(--layout-min-target);height:var(--layout-min-target);padding:0;border:0;background:transparent}
.g4-square-grid{display:grid;grid-template-columns:repeat(3,var(--layout-class4-grid));width:fit-content;border:1px solid var(--color-border);margin-block:var(--space-16)}.g4-square-grid button{width:var(--layout-class4-grid);height:var(--layout-class4-grid);border:0;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-surface);border-radius:0}
.g4-integers{display:grid;grid-template-columns:repeat(6,minmax(var(--layout-min-target),1fr));gap:var(--space-8);margin-top:var(--space-16)}.g4-integers .button{padding:var(--space-8)}.g4-integers button[aria-pressed=true]{background:var(--color-selection);color:var(--color-primary);outline:2px solid var(--color-primary)}
.g4-neighbors{display:grid;grid-template-columns:var(--layout-class4-cell) repeat(var(--neighbor-rest,4),minmax(var(--layout-min-target),1fr));gap:var(--space-4);max-width:var(--layout-class4-draft-width);width:100%}.g4-answer .g4-neighbors input{width:100%;padding:var(--space-4);text-align:center}.g4-neighbors>span{height:var(--layout-class4-cell);display:grid;place-items:center;border:1px solid var(--color-border);background:var(--color-subtle);font-size:var(--type-item-title-size);color:var(--color-secondary);border-radius:var(--radius-control)}
@media(max-width:600px){.g4-integers{grid-template-columns:repeat(var(--neighbor-rest,4),minmax(var(--layout-min-target),1fr))}}

.g4-track-left{right:auto;left:var(--space-4)}.g4-track[data-common-start=true]::before{content:"";position:absolute;left:50%;bottom:0;height:var(--space-12);border-left:2px solid var(--color-border)}

.g4-pet-bank button{justify-content:center}