/* ==========================================================
   Steel Auto Industries — RDSO Vendor Approval
   Plain document reproduction of the source PDF, in page order.
   ========================================================== */

*{ box-sizing:border-box; }

body{
    margin:0;
    padding:24px 16px 60px;
    background:#F6F5F1;                 /* light background */
    color:#1a1a1a;
    font-family:'Segoe UI', Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height:1.45;
}

.sheet{
    max-width:1180px;
    margin:0 auto 28px;
    background:#ffffff;
    border:1px solid #d4d2c8;
    padding:26px 30px;
}

/* logo / title block, mirrors page 1 of the PDF */
.doc-logo{
    display:block;
    margin:0 auto 10px;
    width:90px;
}
.doc-title{
    text-align:center;
    font-weight:700;
    font-size:1.05rem;
    border:1px solid #999;
    padding:6px;
    margin-bottom:0;
}
.doc-subtitle{
    text-align:center;
    font-weight:700;
    font-size:1rem;
    border:1px solid #999;
    border-top:none;
    padding:6px;
    margin-bottom:0;
}

/* generic bordered table look, like the PDF's ruled tables */
table.pdf-table{
    width:100%;
    border-collapse:collapse;
    margin-top:0;
}
table.pdf-table th,
table.pdf-table td{
    border:1px solid #999;
    padding:6px 8px;
    text-align:left;
    vertical-align:top;
    font-size:13px;
}
table.pdf-table th{
    background:#EAE8DE;
    font-weight:700;
}
table.pdf-table td.center, table.pdf-table th.center{ text-align:center; }
table.pdf-table tr:nth-child(even) td{ background:#FBFAF6; }

.section-caption{
    text-align:center;
    font-weight:700;
    text-decoration:underline;
    margin:18px 0 10px;
    font-size:1rem;
}

/* photo grids, exactly mirroring the PDF's photo pages */
.photo-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:14px;
    margin:14px 0;
}
.photo-grid.cols-2{ grid-template-columns:repeat(2, 1fr); }
.photo-grid figure{
    margin:0;
    text-align:center;
}
.photo-grid img{
    width:100%;
    height:170px;
    object-fit:cover;
    border:1px solid #bbb;
    display:block;
}
.photo-grid figcaption{
    margin-top:6px;
    font-weight:700;
    font-size:12px;
    letter-spacing:.02em;
}

.small-note{
    font-size:12px;
    color:#555;
    margin-top:6px;
}

/* client-list section headers */
h2.list-title{
    text-align:center;
    font-weight:700;
    font-size:1rem;
    margin:0 0 10px;
}

.page-break-note{
    text-align:center;
    color:#999;
    font-size:11px;
    margin:26px 0 -8px;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.table-scroll{ overflow-x:auto; }

td.num, th.num{ text-align:right; }