
  .rh-a10b4 * { box-sizing: border-box; font-family: 'Mont', sans-serif; }
  .rh-a10b4 { box-sizing: border-box !important; width: 100%; background: #f7f7f7; }
  .rh-a10b4-wrap { width: 100%; max-width: 1600px; margin: 0 auto; padding: 48px 80px; }
  .rh-a10b4 h2 { font-size: clamp(20px, 2.4vw, 28px); font-weight: 600; color: #262626; line-height: 1.2; border-top: 3px solid #BFD8B3; padding: 20px 0 0 0; margin: 0 0 24px 0; }
  .rh-a10b4 p { font-size: 16px; font-weight: 600; color: #464646; line-height: 1.75; margin: 0 0 28px 0; padding: 0; display: block; }
  .rh-a10b4-surfaces { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: 0 0 12px 0; }
  .rh-a10b4-surface { background: #ffffff; border-radius: 16px; padding: 24px 20px; position: relative; }
  .rh-a10b4-surface-num { font-size: 11px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #99AD8F; display: block; margin: 0 0 12px 0; }
  .rh-a10b4-surface-title { font-size: 15px; font-weight: 600; color: #262626; display: block; margin: 0 0 8px 0; line-height: 1.35; }
  .rh-a10b4-surface-text { font-size: 12px; font-weight: 600; color: #808080; line-height: 1.55; display: block; }
  .rh-a10b4-foot { font-size: 13px; font-weight: 600; color: #A3A3A3; line-height: 1.6; margin: 16px 0 0 0; display: block; }
  @media (max-width: 1280px) { .rh-a10b4-wrap { padding: 40px 60px; } }
  @media (max-width: 900px) { .rh-a10b4-surfaces { grid-template-columns: 1fr 1fr; } }
  @media (max-width: 600px) {
    .rh-a10b4-wrap { padding: 32px 20px; }
    .rh-a10b4 p { font-size: 15px; }
    .rh-a10b4-surfaces { grid-template-columns: 1fr; }
  }
