/* /resources/css/grade-1-place-value.css — styles for grade-1-place-value.html */

.pv-chart { display:inline-flex; border:2px solid #d1d5db; border-radius:10px; overflow:hidden; margin:14px 0; }
    .pv-col { display:flex; flex-direction:column; min-width:90px; text-align:center; }
    .pv-head { background:#374151; color:#fff; font-weight:700; padding:10px 14px; font-size:.95rem; }
    .pv-cell { padding:14px 10px; font-size:1.6rem; font-weight:800; color:#1f2937; background:#f9fafb; border-top:1px solid #e5e7eb; }
    .pv-col:not(:last-child) .pv-head,
    .pv-col:not(:last-child) .pv-cell { border-right:2px solid #e5e7eb; }
    .pv-note { font-size:.82rem; color:#6b7280; margin-top:4px; }
    .tens-block { display:inline-flex; flex-direction:column; gap:3px; margin:4px; vertical-align:top; }
    .tens-row { display:flex; gap:3px; }
    .cube { width:20px; height:20px; background:#f79522; border-radius:3px; border:1px solid #e07010; }
    .cube.one { background:#3b82f6; border-color:#1d4ed8; }
    .blocks-wrap { display:flex; flex-wrap:wrap; gap:12px; align-items:flex-end; margin:14px 0; background:#f9fafb; border:1px solid #e5e7eb; border-radius:10px; padding:14px; }
    .block-group { display:flex; flex-direction:column; align-items:center; gap:6px; }
    .block-label { font-size:.78rem; font-weight:600; color:#6b7280; }
    .expanded { background:#ecfdf5; border:1px solid #6ee7b7; border-radius:8px; padding:10px 16px; margin:10px 0; font-size:1.05rem; }