/* =========================================
   SPECS PAGE
========================================= */

.specs-page {
   padding: 2.25rem 0 3rem;
}

.specs-page__header {
   margin-bottom: 1.5rem;
}

.content-page__header {
   text-align: center;
}

/* =========================================
   QUICK LINKS
========================================= */

.specs-quicklinks-section {
   margin-bottom: 2rem;
}

.specs-quicklinks__title {
   margin: 0 0 1rem;
   font-size: 1.1rem;
   font-style: italic;
   font-weight: 400;
   color: #666;
   line-height: 1.3;
}

.specs-quicklinks__list {
   list-style: none;
   margin: 0;
   padding: 0;
}

.specs-quicklinks__list li + li {
   margin-top: 0.4rem;
}

.specs-quicklinks__list a {
   color: #4f78b8;
   text-decoration: none;
   line-height: 1.45;
}

.specs-quicklinks__list a:hover,
.specs-quicklinks__list a:focus {
   text-decoration: underline;
}

/* =========================================
   SECTION SPACING
========================================= */

.specs-section {
   margin-bottom: 2rem;
}

.specs-page__subheader {
   margin-bottom: 2rem;
}

.specs-section__title {
   margin: 0 0 0.85rem;
   font-size: 1.2rem;
   font-style: italic;
   font-weight: 400;
   color: #666;
   line-height: 1.3;
}

.specs-section p {
   color: #555;
   font-size: 15px;
   line-height: 1.6;
   margin-bottom: 0.9rem;
}

/* =========================================
   TABLES
========================================= */

.specs-table-wrap {
   margin-top: 0.75rem;
   margin-bottom: 0.9rem;
}

.specs-page table {
   width: 100%;
   margin-bottom: 0;
   background: #fff;
   border: 1px solid #e2e2e2;
   border-radius: 10px;
   overflow: hidden;
   border-collapse: separate;
   border-spacing: 0;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}

.specs-page th,
.specs-page td {
   padding: 0.85rem 1rem;
   vertical-align: middle;
   border-bottom: 1px solid #ececec;
   color: #555;
   font-size: 14px;
   line-height: 1.5;
}

.specs-page tr:last-child td {
   border-bottom: 0;
}

.specs-page thead th {
   background: #f7f7f7;
   color: #444;
   font-weight: 600;
}

.specs-page tbody tr:nth-child(even) td {
   background: #fcfcfc;
}

/* =========================================
   BACK TO TOP
========================================= */

.specs-backtotop {
   margin-top: 0.6rem;
   text-align: right;
}

.specs-backtotop a {
   color: #4f78b8;
   text-decoration: none;
   font-size: 14px;
}

.specs-backtotop a:hover,
.specs-backtotop a:focus {
   text-decoration: underline;
}

/* =========================================
   ANCHOR OFFSET
========================================= */

.specs-page [id] {
   scroll-margin-top: 80px;
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {
   .specs-page {
      padding: 2rem 0 2.5rem;
   }

   .specs-quicklinks__title {
      font-size: 1.05rem;
   }

   .specs-page th,
   .specs-page td {
      padding: 0.7rem 0.8rem;
      font-size: 13px;
   }

   .specs-backtotop {
      text-align: left;
   }
}