/* Paito-only styles; same declarations as the audited upstream 6D stylesheet. */
.dxd-sixd{padding:20px 10px;max-width:100%;color:inherit}
.dxd-sixd .paito{width:100%;max-width:100%}
.dxd-sixd .table-full{overflow:visible;position:relative}
.dxd-sixd #drawing-table{width:100%;min-width:0;table-layout:fixed;margin:0;border-spacing:1px;user-select:none}
.dxd-sixd #drawing-table td{color:#111;border:1px solid #d9d9d9;font-weight:700;background:transparent;font-size:clamp(8px,1.5vw,13px);cursor:crosshair}
.dxd-sixd #drawing-table td:nth-child(7n){color:#c4bdc4;background:#fff}
.dxd-sixd #drawing-table th{min-width:0;font-size:clamp(9px,1.6vw,13px)}
.dxd-sixd .search{display:flex;flex-wrap:wrap}
.dxd-sixd .search input{width:40px}
.dxd-sixd #pattern-lines{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
.dxd-sixd td.hit{background:var(--hit)!important;color:#fff!important}
.dxd-sixd td.ai-mark{outline:2px solid var(--ai-color);outline-offset:-2px}
.dxd-sixd .palette{position:sticky;top:0;z-index:20}
.dxd-sixd-paito .analysis{max-width:100%}
body[data-theme=hitam] .dxd-sixd #drawing-table td{background:#111;color:#fff}
body[data-theme=putih] .dxd-sixd #drawing-table td{background:#fff;color:#111}
@media (max-width:600px){.dxd-sixd{padding:16px 4px}
.dxd-sixd #drawing-table{border-spacing:0}
.dxd-sixd #drawing-table td{font-size:8px;padding:3px 0}
.dxd-sixd .search{gap:3px}
.dxd-sixd .search input{width:32px}}
@media (min-width:768px){.dxd-sixd .paito{width:65%;max-width:100%}}
@media (max-width:600px){.dxd-sixd #drawing-table{border-collapse:collapse;border-spacing:0}}

/* Keep the complete table in HTML and its full scroll height. Modern mobile
 * browsers can skip painting offscreen rows; no data is collapsed or fetched. */
@supports (content-visibility:auto) and (contain-intrinsic-block-size:auto 16px){
@media screen and (max-width:600px){
html .site .dxd-sixd-paito #drawing-table.dxd-paito-render{display:block;width:100%;border-spacing:0}
html .site .dxd-sixd-paito #drawing-table.dxd-paito-render :is(thead,tbody){display:block;width:100%}
html .site .dxd-sixd-paito #drawing-table.dxd-paito-render thead tr{display:grid;grid-template-columns:repeat(var(--paito-columns,7),minmax(0,1fr))}
html .site .dxd-sixd-paito #drawing-table.dxd-paito-render tbody tr{display:grid;grid-template-columns:repeat(calc(var(--paito-columns,7)*7),minmax(0,1fr));content-visibility:auto;contain-intrinsic-block-size:auto 16px}
html .site .dxd-sixd-paito #drawing-table.dxd-paito-render tbody tr:last-child{contain-intrinsic-block-size:auto 15px}
html .site .dxd-sixd-paito #drawing-table.dxd-paito-render :is(td,th){display:block;min-width:0;box-sizing:border-box}
}}
@media print{
html .site .dxd-sixd-paito #drawing-table.dxd-paito-render tbody tr{content-visibility:visible;contain-intrinsic-block-size:none}
}