.page-projects-premium .services-intro-copy p { max-width: 60ch; }
.page-projects-premium .service-card-title { max-width: 18ch; }
.page-projects-premium .service-card-preview { max-width: 30ch; }
.page-projects-premium .service-detail-kicker { display: inline-flex; align-items: center; min-height: 2rem; padding: .32rem .72rem; border-radius: 999px; background: rgba(0, 179, 255, 0.10); color: #008fd1; }
.page-projects-premium .project-card .service-card-bg{ filter: saturate(1.04) contrast(1.02); }
.page-projects-premium .project-modal-figure { margin: 0 0 1.4rem 0; border-radius: 18px; overflow: hidden; background: rgba(11,15,26,0.03); }
.page-projects-premium .project-modal-figure img { width: 100%; max-height: 340px; object-fit: cover; }
.page-projects-premium .service-detail-text h3 { margin: 1.8rem 0 .8rem; font-size: 1.05rem; line-height: 1.35; font-weight: 700; color: var(--text); }
.page-projects-premium .service-detail-text p { margin: 0 0 1.15rem 0; }
.page-projects-premium .service-detail-text ul { margin: .25rem 0 1.25rem; padding-left: 1.2rem; list-style: disc; }
.page-projects-premium .service-detail-text li { margin-bottom: .8rem; color: var(--muted); line-height: 1.8; }
.page-projects-premium .service-detail-text li::marker { color: var(--accent); }
.page-projects-premium .project-table-wrap { margin-top: 1rem; overflow: auto; border: 1px solid rgba(11, 15, 26, 0.08); border-radius: 18px; }
.page-projects-premium .service-detail-text table { width: 100%; border-collapse: collapse; min-width: 640px; background: #fff; }
.page-projects-premium .service-detail-text th, .page-projects-premium .service-detail-text td { padding: .9rem 1rem; border-bottom: 1px solid rgba(11, 15, 26, 0.08); text-align: left; vertical-align: top; font-size: .98rem; line-height: 1.6; }
.page-projects-premium .service-detail-text th { background: rgba(11, 15, 26, 0.03); color: var(--text); font-weight: 700; }
.page-projects-premium .service-detail-text tr:last-child td { border-bottom: 0; }
@media (max-width: 900px){ .page-projects-premium .project-modal-figure img { max-height: 220px; } }

/* ===== Projects modal/table usability refinement ===== */
.page-projects-premium .service-modal-dialog{
  width: min(1120px, calc(100% - 2rem));
  max-height: min(90vh, 980px);
  scrollbar-gutter: stable both-edges;
  overscroll-behavior: contain;
}

.page-projects-premium .service-modal-inner{
  padding: clamp(1.35rem, 2.8vw, 2.6rem);
}

.page-projects-premium .service-detail-text{
  max-width: none;
}

.page-projects-premium .project-table-wrap{
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(11,15,26,0.28) rgba(11,15,26,0.08);
  border-radius: 20px;
}

.page-projects-premium .project-table-wrap::-webkit-scrollbar{
  height: 10px;
}

.page-projects-premium .project-table-wrap::-webkit-scrollbar-track{
  background: rgba(11,15,26,0.08);
  border-radius: 999px;
}

.page-projects-premium .project-table-wrap::-webkit-scrollbar-thumb{
  background: linear-gradient(90deg, rgba(0,179,255,0.78), rgba(11,15,26,0.30));
  border-radius: 999px;
  border: 2px solid rgba(255,255,255,0.65);
}

.page-projects-premium .project-table-wrap::-webkit-scrollbar-thumb:hover{
  background: linear-gradient(90deg, rgba(0,179,255,0.92), rgba(11,15,26,0.42));
}

.page-projects-premium .service-modal-dialog::-webkit-scrollbar{
  width: 10px;
}

.page-projects-premium .service-modal-dialog::-webkit-scrollbar-track{
  background: transparent;
}

.page-projects-premium .service-modal-dialog::-webkit-scrollbar-thumb{
  background: rgba(11,15,26,0.18);
  border-radius: 999px;
  border: 2px solid rgba(255,255,255,0.82);
}

.page-projects-premium .service-modal-dialog{
  scrollbar-width: thin;
  scrollbar-color: rgba(11,15,26,0.18) transparent;
}

@media (max-width: 900px){
  .page-projects-premium .service-modal-dialog{
    width: calc(100% - .8rem);
    max-height: calc(100vh - 1rem);
  }

  .page-projects-premium .project-table-wrap{
    border-radius: 16px;
  }
}