/* === YWP Readmore v1.3 - Minimal, marker-friendly === */
.ywp-readmore { /* keep layout normal */
  --ywp-collapsed: 180px;   /* used only if no marker is present */
  --ywp-speed: 240ms;
  --ywp-ease: ease;
}

.ywp-readmore__content {
  transition: max-height var(--ywp-speed) var(--ywp-ease);
  overflow: hidden; /* only the collapsible part clips */
}

/* Footer keeps the button separate so it never overlaps text */
.ywp-readmore__footer {
  margin-top: 12px;
}

/* Simple brand button */
.ywp-readmore__btn {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: -webkit-linear-gradient(top, #0042e1, #000053);
  color: #fff;
  font-family: 'Titillium Web', sans-serif !important;
  cursor: pointer;
  font-size: 15px !important;
}
.ywp-readmore__btn:hover { opacity: .92; }
.ywp-readmore__btn:active { opacity: .86; }
.ywp-readmore__btn:focus-visible { outline: 2px solid #7ea3ff; outline-offset: 2px; }

/* Label swap */
.ywp-readmore__btn .ywp-less { display: none; }
.ywp-readmore.is-open  .ywp-readmore__btn .ywp-more { display: none; }
.ywp-readmore.is-open  .ywp-readmore__btn .ywp-less { display: inline; }




        /* --- Main Section Wrapper --- */
        .spec-section-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
            background-color: #ffffff;
            border-radius: 12px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
        }

        /* --- Section Title --- */
        .spec-section__title {
            font-size: 1.75rem; /* 28px */
            font-weight: 600;
            color: #1a202c;
            margin-bottom: 1rem; /* 16px */
            padding-bottom: 0.5rem; /* 8px */
            border-bottom: 2px solid #e2e8f0;
        }

        /* --- Responsive Table Wrapper --- */
        .spec-table-wrapper {
            width: 100%;
            overflow-x: auto; /* This enables horizontal scrolling on small screens */
            -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
            border-radius: 8px;
            margin-bottom: 2.5rem; /* 40px - Spacing between tables */
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
            border: 1px solid #e2e8f0;
        }

        /* --- Modern Table Styling --- */
        .spec-table {
            width: 100%;
            border-collapse: collapse; /* Clean, modern look */
            text-align: left;
            min-width: 600px; /* Ensures table has a reasonable min-width before scrolling */
        }

        /* --- Table Header --- */
        .spec-table__header-cell {
            background-color: #f7fafc;
            color: #4a5568;
            font-size: 0.875rem; /* 14px */
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            padding: 0.75rem 1.5rem; /* 12px 24px */
            border-bottom: 2px solid #e2e8f0;
        }

        /* --- Table Body Rows --- */
        .spec-table__body-row:nth-child(even) {
            background-color: #fdfdff;
        }

        .spec-table__body-row:hover {
            background-color: #f6f9fc;
        }

        /* --- Table Body Cells --- */
        .spec-table__body-cell {
            padding: 1rem 1.5rem; /* 16px 24px */
            font-size: 0.9375rem; /* 15px */
            color: #2d3748;
            border-bottom: 1px solid #edf2f7;
        }

        /* Modifier for the "name" column in the first table */
        .spec-table__body-cell--name {
            font-weight: 500;
            color: #4a5568;
        }
        
        /* Modifier for the "value" column */
        .spec-table__body-cell--value {
            font-weight: 500;
            color: #1a202c;
        }

        /* Last row in body should not have a bottom border */
        .spec-table__body-row:last-child .spec-table__body-cell {
            border-bottom: none;
        }