/* Palvelut page styles */

    .palvelut-intro {
      margin-top: 4.5rem;
      padding: 5rem 0 3rem;
      background: var(--surface-low);
    }
    .palvelut-intro h1 {
      margin-top: 1rem;
      font-size: clamp(2.25rem, 4.5vw, 3.25rem);
    }
    .palvelut-intro__lead {
      margin-top: 1.5rem;
      max-width: 760px;
      font-size: 1.1875rem;
      line-height: 1.7;
      color: var(--ink-muted);
    }

    .service-block {
      padding: 4.5rem 0;
      border-bottom: 1px solid var(--surface-dim);
      scroll-margin-top: 5.5rem; /* clear the fixed header on anchor jumps */
    }
    .service-block--alt {
      background: var(--surface-low);
    }
    .service-block__grid {
      display: grid;
      grid-template-columns: 1fr 1.8fr;
      gap: 3rem;
      align-items: start;
    }
    .service-block__num {
      display: block;
      font-family: var(--font-display);
      font-size: 2rem;
      font-weight: 800;
      color: var(--accent-teal);
      margin-bottom: 0.5rem;
    }
    .service-block__head h2 {
      font-size: clamp(1.5rem, 2.6vw, 2rem);
      color: var(--ink);
    }
    .service-block__content p {
      font-size: 1.0625rem;
      line-height: 1.75;
      color: var(--ink-muted);
    }
    .service-block__points {
      list-style: none;
      margin-top: 1.5rem;
      display: grid;
      gap: 0.75rem;
    }
    .service-block__points li {
      position: relative;
      padding-left: 1.75rem;
      color: var(--ink);
      line-height: 1.5;
    }
    .service-block__points li::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0.5em;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--primary);
    }

    .partner-band {
      padding: 5rem 0;
      background: var(--ink-deep);
      color: white;
      scroll-margin-top: 5.5rem;
    }
    .partner-band__inner {
      max-width: 820px;
    }
    .partner-band h2 {
      margin-top: 1rem;
      font-size: clamp(1.75rem, 3.4vw, 2.5rem);
    }
    .partner-band p {
      margin-top: 1.5rem;
      font-size: 1.0625rem;
      line-height: 1.75;
      color: rgba(255, 255, 255, 0.85);
    }

    @media (max-width: 768px) {
      .service-block__grid {
        grid-template-columns: 1fr;
        gap: 1.25rem;
      }
    }