/* Extra styles for the MS Tuintechniek practice story only.
   Shared navigation, typography and page layouts remain in the existing assets. */
.ms-case-page .editorial-intro strong {
  color: var(--forest);
  font-weight: 600;
}

.ms-case-page .ms-case-summary h2 {
  font-size: clamp(25px, 2.5vw, 31px);
  line-height: 1.25;
}

.ms-case-page .ms-case-stat {
  margin-top: 24px;
  padding: 24px 27px 28px;
  background: var(--forest);
  border-radius: 9px;
  color: var(--white);
}

.ms-case-page .ms-case-stat-number {
  display: block;
  font-family: var(--heading);
  font-size: clamp(100px, 9.5vw, 142px);
  font-weight: 700;
  letter-spacing: -.065em;
  line-height: 1;
  font-variant-numeric: lining-nums tabular-nums;
}

.ms-case-page .ms-case-stat-label {
  margin-top: 15px;
  max-width: 25ch;
  color: var(--white);
  font-size: 17px;
  font-weight: 500;
  line-height: 1.55;
}

.ms-case-page .ms-case-period {
  margin-top: 12px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.7;
}

.ms-case-page .ms-case-focus {
  border-top: 1px solid #cbdcc3;
  padding-top: 7px;
  margin-top: 20px;
}

.ms-case-page .article-section .ms-case-company-link {
  margin-top: 24px;
}

.ms-case-page .ms-case-company-link .button {
  font-size: 14px;
  text-decoration: none;
}

.ms-case-page .ms-case-quote {
  margin: 27px 0;
  padding: 34px 36px;
  border: 1px solid var(--forest);
  border-radius: var(--radius);
  background: var(--forest);
  color: var(--white);
  break-inside: avoid;
}

.ms-case-page .ms-case-quote blockquote {
  margin: 0;
}

.ms-case-page .ms-case-quote blockquote p {
  margin: 0;
  color: var(--white);
  font-family: var(--heading);
  font-size: clamp(22px, 2.2vw, 27px);
  font-weight: 600;
  letter-spacing: -.025em;
  line-height: 1.55;
}

.ms-case-page .ms-case-quote figcaption {
  margin-top: 25px;
  padding-top: 20px;
  border-top: 1px solid #3b6554;
  color: #dcead5;
  font-size: 13px;
  line-height: 1.75;
}

.ms-case-page .ms-case-quote figcaption strong {
  color: var(--white);
  font-weight: 600;
}

.ms-case-page .ms-case-closing {
  margin-top: 24px;
  font-family: var(--heading);
}

@media (max-width: 1040px) and (min-width: 761px) {
  .ms-case-page .ms-case-stat {
    padding: 23px;
  }

  .ms-case-page .ms-case-stat-label {
    font-size: 16px;
  }
}

@media (max-width: 760px) {
  .ms-case-page .ms-case-summary h2 {
    font-size: 29px;
  }

  .ms-case-page .ms-case-stat {
    padding: 25px 27px 28px;
  }

  .ms-case-page .ms-case-stat-number {
    font-size: clamp(110px, 22vw, 138px);
  }

  .ms-case-page .ms-case-stat-label {
    font-size: 18px;
  }

  .ms-case-page .ms-case-period {
    font-size: 13px;
  }

  .ms-case-page .ms-case-quote {
    padding: 28px 25px;
  }

  .ms-case-page .ms-case-quote blockquote p {
    font-size: 23px;
  }
}

@media (max-width: 390px) {
  .ms-case-page .ms-case-stat {
    padding-inline: 23px;
  }

  .ms-case-page .ms-case-stat-label {
    font-size: 17px;
  }

  .ms-case-page .ms-case-quote {
    padding: 25px 22px;
  }

  .ms-case-page .ms-case-quote blockquote p {
    font-size: 21px;
  }
}

@media print {
  .ms-case-page .ms-case-quote {
    padding: 20px;
    border-color: var(--line);
    background: white;
  }

  .ms-case-page .ms-case-quote blockquote p,
  .ms-case-page .ms-case-quote figcaption,
  .ms-case-page .ms-case-quote figcaption strong {
    color: var(--forest);
  }

  .ms-case-page .ms-case-quote blockquote p {
    font-size: 17px;
  }

  .ms-case-page .ms-case-quote figcaption {
    border-color: var(--line);
  }
}

/* Practice stories on the homepage, following the existing editorial style. */
.practice-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.practice-card{display:flex;flex-direction:column;padding:38px 40px;border:1px solid #d4e2cc;border-radius:12px;background:var(--mist);text-decoration:none;color:var(--forest);transition:border-color .18s,box-shadow .18s}
.practice-card:hover{color:var(--forest);border-color:#83a570;box-shadow:0 10px 26px #073e2c0d}
.practice-card-result{min-height:161px;margin-bottom:30px;padding-bottom:27px;border-bottom:1px solid #c7d9bc}
.practice-card-result strong{display:block;font-family:var(--heading);font-size:78px;line-height:1.08;font-weight:700;letter-spacing:-.05em}
.practice-card-result strong.practice-card-month{font-size:clamp(36px,3.4vw,48px);line-height:1.76;letter-spacing:-.045em}
.practice-card-result span{display:block;margin-top:11px;font-size:14px;line-height:1.6;color:var(--muted)}
.practice-card>.eyebrow{font-size:10px;margin-bottom:12px}
.practice-card h3{font-size:29px;line-height:1.25;margin-bottom:17px}
.practice-card>p:not(.eyebrow){font-size:16px;line-height:1.8;color:var(--muted);max-width:42ch;margin-bottom:26px}
.practice-card-link{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:14px;font-weight:600;margin-top:auto}
.practice-card-featured{background:var(--forest);border-color:var(--forest);color:white}
.practice-card-featured:hover{background:#104e38;border-color:#104e38;color:white}
.practice-card-featured h3{color:white}
.practice-card-featured .practice-card-result{border-color:#52705a}
.practice-card-featured .practice-card-result span,.practice-card-featured>p:not(.eyebrow){color:#e2ebdf}
.practice-card-featured>.eyebrow{color:#cce4b9}
.practice-card-featured:focus-visible{outline-offset:6px}
@media(max-width:1040px){.practice-card{padding:32px}.practice-card h3{font-size:26px}.practice-card-result strong.practice-card-month{font-size:36px;line-height:2.33}}
@media(max-width:760px){.practice-cards{grid-template-columns:1fr;gap:20px}.practice-card{padding:30px 27px}.practice-card-result{min-height:0;margin-bottom:25px;padding-bottom:24px}.practice-card-result strong{font-size:76px}.practice-card-result strong.practice-card-month{font-size:39px;line-height:1.25}.practice-card h3{font-size:28px}.practice-card-result span{font-size:14px}.practice-card>p:not(.eyebrow){font-size:16px}}
@media(max-width:390px){.practice-card{padding:27px 23px}.practice-card-result strong.practice-card-month{font-size:34px}.practice-card h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){.practice-card{transition:none}}
@media print{.practice-card-featured{background:white;color:var(--forest)}.practice-card-featured h3,.practice-card-featured>p,.practice-card-featured .practice-card-result span{color:var(--forest)!important}}