/* =========================================================
   STACK JOURNEYS - LIDAR CONTENT + FUTURE DATA TABLES
   Append this section to the ACTIVE TNG template's
   mytngstyle.css. Do not replace existing template styles.
   All selectors are scoped to .sj-lidar.
   ========================================================= */
.sj-lidar .sj-lidar-intro,
.sj-lidar .sj-lidar-faq {
    margin: 0 0 20px;
}
.sj-lidar .sj-lidar-intro h2,
.sj-lidar .sj-lidar-faq h2 {
    margin: 0 0 10px;
}
.sj-lidar .sj-lidar-intro p {
    margin: 0 0 10px;
    line-height: 1.55;
}
.sj-lidar .sj-lidar-faq {
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    padding: 14px 18px;
}
.sj-lidar .sj-lidar-faq details {
    border-top: 1px solid #d0d0d0;
    padding: 10px 0;
}
.sj-lidar .sj-lidar-faq details:last-child {
    padding-bottom: 0;
}
.sj-lidar .sj-lidar-faq summary {
    cursor: pointer;
    font-weight: 600;
    line-height: 1.45;
}
.sj-lidar .sj-lidar-faq summary:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}
.sj-lidar .sj-lidar-faq details p {
    margin: 10px 0 2px 18px;
    line-height: 1.5;
}
/* Reusable table wrapper for future LiDAR processing pages. */
.sj-lidar .sj-table-scroll {
    max-width: 100%;
    overflow-x: auto;
    margin: 16px 0;
}
.sj-lidar table.sj-data-table {
    width: 100%;
    border-collapse: collapse;
    font: inherit;
}
.sj-lidar table.sj-data-table th,
.sj-lidar table.sj-data-table td {
    padding: 9px 11px;
    border: 1px solid #d0d0d0;
    text-align: left;
    vertical-align: top;
}
.sj-lidar table.sj-data-table th {
    font-weight: 700;
}
.sj-lidar table.sj-data-table tbody tr:hover {
    background: rgba(128,128,128,.08);
}
@media (max-width: 640px) {
    .sj-lidar .sj-lidar-faq { padding: 12px; }
    .sj-lidar .sj-lidar-faq details p { margin-left: 8px; }
}