.md-refonte .fotolia .category > .container-fluid:first-child {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  margin-bottom: 28px;
  min-height: clamp(340px, 33.333vw, 520px);
  padding: 44px 20px 38px;
  border-top: 1px solid #d8dfda;
  border-bottom: 1px solid #d8dfda;
  background: #f7f8f6 url('/assets/client/forest-category-20260924/forest-hero-wide.png') center center / cover no-repeat;
}
.md-refonte .fotolia .category > .container-fluid:first-child::after {
  content: none;
}
.md-refonte .fotolia .category > .container-fluid:first-child .row { position: relative; z-index: 1; width: 100%; }
.md-refonte .fotolia .category > .container-fluid:first-child h1 { color: #20382d; text-shadow: none; }
.md-refonte .fotolia .category > .container-fluid:first-child .subtitle-ctn::after { content: none !important; display: none !important; }
.mdr-forest-hero-copy { width: min(900px, calc(100% - 40px)); margin: 0 auto; padding: 28px 34px 24px; border: 1px solid rgba(255,255,255,.72); border-radius: 18px; background: rgba(255,255,255,.62); box-shadow: 0 14px 40px rgba(25,43,34,.18); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.mdr-forest-hero-copy h1 { margin-top: 0 !important; }
.mdr-forest-hero-intro { max-width: 820px; margin: 0 auto; padding: 0 18px; color: #24352d; font-size: 16px; line-height: 1.6; text-shadow: none; }

.mdr-forest-editorial {
  width: min(1120px, calc(100% - 40px));
  margin: 58px auto 42px;
  padding: 44px;
  border: 1px solid #dde6dc;
  border-radius: 18px;
  background: #f7f9f5;
  color: #1e3027;
}
.mdr-forest-editorial__intro { max-width: 860px; margin: 0 auto 42px; text-align: center; }
.mdr-forest-editorial__eyebrow { margin: 0 0 10px; color: #607761; font-size: 12px; font-weight: 700; letter-spacing: .14em; }
.mdr-forest-editorial h2 { margin: 0 0 18px; color: #183126; font-size: clamp(26px, 3vw, 38px); line-height: 1.15; }
.mdr-forest-editorial__intro p { margin: 0 auto 12px; font-size: 17px; line-height: 1.7; }
.mdr-forest-editorial a { color: #344f40; font-weight: 700; text-decoration: underline; text-decoration-color: #9cae9f; text-underline-offset: 3px; }
.mdr-forest-editorial__sections { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 0 auto 46px; }
.mdr-forest-editorial__sections section { padding: 28px; border: 1px solid #dde6dc; border-radius: 14px; background: #fff; }
.mdr-forest-editorial__sections h2 { font-size: 24px; }
.mdr-forest-editorial__sections p { margin: 0 0 14px; font-size: 15px; line-height: 1.7; }
.mdr-forest-editorial__sections p:last-child { margin-bottom: 0; }
.mdr-forest-faq { max-width: 900px; margin: 0 auto; }
.mdr-forest-faq > h2 { margin-bottom: 20px; font-size: clamp(23px, 2.4vw, 31px); text-align: left; }
.mdr-forest-faq details { border-top: 1px solid #ced9cd; }
.mdr-forest-faq details:last-child { border-bottom: 1px solid #ced9cd; }
.mdr-forest-faq summary { position: relative; padding: 19px 42px 19px 0; font-size: 16px; font-weight: 700; cursor: pointer; list-style: none; }
.mdr-forest-faq summary::-webkit-details-marker { display: none; }
.mdr-forest-faq summary::after { content: "+"; position: absolute; top: 15px; right: 6px; color: #607761; font-size: 24px; font-weight: 400; }
.mdr-forest-faq details[open] summary::after { content: "−"; }
.mdr-forest-faq details p { margin: -4px 42px 20px 0; font-size: 15px; line-height: 1.65; }

@media (max-width: 700px) {
  .md-refonte .fotolia .category > .container-fluid:first-child { min-height: 260px; padding: 14px 14px 10px; background-position: center center; }
  .md-refonte .fotolia .category > .container-fluid:first-child h1 { margin-top: 0; margin-bottom: 11px; font-size: 29px; line-height: 1.05; }
  .md-refonte .fotolia .category > .container-fluid:first-child .back { margin-top: 8px; }
  .md-refonte .fotolia .category > .container-fluid:first-child .subtitle-ctn { margin-bottom: 32px; }
  .mdr-forest-hero-copy { width: calc(100% - 10px); padding: 14px 11px 12px; border-radius: 13px; background: rgba(255,255,255,.68); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
  .mdr-forest-hero-intro { margin-bottom: 0; padding: 0; font-size: 12px; line-height: 1.3; }
  .mdr-forest-editorial { width: calc(100% - 24px); margin: 38px auto 28px; padding: 28px 20px; border-radius: 14px; }
  .mdr-forest-editorial__intro { margin-bottom: 32px; text-align: left; }
  .mdr-forest-editorial__intro p { font-size: 16px; line-height: 1.62; }
  .mdr-forest-faq summary { padding-right: 34px; }
  .mdr-forest-editorial__sections { grid-template-columns: 1fr; gap: 16px; margin-bottom: 34px; }
  .mdr-forest-editorial__sections section { padding: 22px 18px; }
  .mdr-forest-editorial__sections h2 { font-size: 22px; }
}