/* Complete 4D table stays in HTML. Only offscreen painting is deferred.
 * The intrinsic row height follows the same font metrics, padding and borders
 * as visible cells, including when the user changes the number of columns. */
@supports (content-visibility:auto) and (contain-intrinsic-block-size:auto 1lh){
@media screen and (max-width:600px){
html .site #drawing-table.dxd-paito-four-render{display:block;width:100%;min-width:0;border-spacing:0;padding:1px 1px 2px}
html .site #drawing-table.dxd-paito-four-render :is(thead,tbody){display:block;width:100%}
html .site #drawing-table.dxd-paito-four-render thead tr{display:grid;grid-template-columns:repeat(var(--paito-columns,7),minmax(0,1fr));column-gap:1px;margin-bottom:1px}
html .site #drawing-table.dxd-paito-four-render tbody tr{display:grid;grid-template-columns:repeat(calc(var(--paito-columns,7)*5),minmax(0,1fr));column-gap:1px;margin-bottom:1px;font-family:Roboto,Arial,sans-serif;font-size:clamp(9px,calc(20vw / var(--paito-columns,7)),13px);line-height:normal;content-visibility:auto;contain-intrinsic-block-size:auto calc(1lh + 8px)}
html .site #drawing-table.dxd-paito-four-render tbody tr:last-child{margin-bottom:0}
html .site #drawing-table.dxd-paito-four-render :is(td,th){display:block;min-width:0;box-sizing:border-box}
}}
@media print{
html .site #drawing-table.dxd-paito-four-render tbody tr{content-visibility:visible;contain-intrinsic-block-size:none}
}
/* The overlay has no content until an AI pattern is drawn. */
html .site #drawing-table.dxd-paito-four-render + #pattern-lines:empty{display:none}