.view-services .main-wrapper {
  padding: 70px var(--padding-page);
  display: grid;
  grid-template-columns: 270px minmax(0, 1fr);
  gap: 20px;
}
.view-services .filters { display: flex; flex-direction: column; gap: 30px; padding-right: 20px; border-right: 1px solid white; }
.view-services .service-filter summary { cursor: pointer; font-size: 18px; padding: 10px 0; display: flex; align-items: center; justify-content: space-between; gap: 10px; list-style: none; }
.view-services .service-filter summary::-webkit-details-marker { display: none; }
.view-services .service-filter summary::after { content: ""; width: 24px; height: 24px; flex-shrink: 0; background: url('../images/chevron-arrow-down.png') center / contain no-repeat; transition: transform .2s; }
.view-services .service-filter[open] summary::after { transform: rotate(180deg); }
@media (prefers-reduced-motion: reduce) { .view-services .service-filter summary::after { transition: none; } }
.view-services .filter-options { padding: 12px 0; }
.view-services .filter-options fieldset { border: 0; padding: 0; margin: 0; min-inline-size: 0; }
.view-services .form-type-checkbox { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 8px; }
.view-services .filter-options label { cursor: pointer; line-height: 1.4; overflow-wrap: anywhere; }
.view-services input[type="checkbox"] { width: 22px; height: 22px; flex-shrink: 0; accent-color: var(--color-text-highlight--1); margin-top: 1px; }
.view-services .form-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.view-services .form-submit { padding: 18px; border: 1px solid white; border-radius: 45px; color: white; background: transparent; cursor: pointer; }
.view-services .view-content { display: flex; flex-direction: column; gap: 30px; }
.view-services .services-wrapper { position: relative; min-width: 0; }
.view-services .service-title { font-size: 32px; line-height: 34px; color: var(--color-text-highlight--1); }
.view-services .service-title a::after { content: ""; position: absolute; inset: 0; }
.view-services .services-wrapper:focus-within { outline: 2px solid currentColor; outline-offset: 5px; }
.view-services .end-user-wrapper { display: flex; gap: 7px; margin-top: 5px; margin-bottom: 10px; }
.view-services .service-description { font-size: 14px; line-height: 18px; opacity: .75; }
.view-services .core-capabilities-values ul { display: flex; flex-wrap: wrap; gap: 12px; }
.view-services .core-capabilities-values li { border: 1px solid white; background: rgba(255,255,255,.2); border-radius: 35px; padding: 12px 16px; font-size: 14px; text-align: center; overflow-wrap: anywhere; }
.view-services .views-field-field-service-tef { display: none; }
.view-services .pager { margin-top: 40px; }
.view-services .no-services-results { padding-block: 2rem; }
.view-services .views-exposed-form :focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
@media (max-width: 769px) {
  .view-services .main-wrapper { grid-template-columns: minmax(0, 1fr); }
  .view-services .filters { padding-right: 0; border-right: 0; gap: 20px; }
}