/* Applied only when the WCC report is opened directly.
   page.php extracts the report body and supplies the site layout itself. */
html { box-sizing: border-box; }
body {
    box-sizing: border-box;
    margin: 0;
    min-width: 320px;
    padding: clamp(18px, 2.5vw, 36px);
    background: #ddd;
    color: #111;
    font: 13px/1.42 Consolas, "Courier New", monospace;
}
.wcc-report .wcc-photo-grid {
    width: min(100%, 930px) !important;
    table-layout: fixed;
    border-spacing: 6px 28px !important;
}
.wcc-report .wcc-photo-grid td {
    width: 33.333%;
}
.wcc-report .wcc-photo-grid img {
    width: 100% !important;
    max-width: 100% !important;
}
@media (max-width: 700px) {
    body { padding: 14px; }
    .wcc-report .wcc-photo-grid { table-layout: auto; }
    .wcc-report .wcc-photo-grid td { width: 100%; }
    .wcc-report .wcc-photo-grid img {
        width: auto !important;
        max-width: 100% !important;
    }
}