.rc-section {
      padding: 70px 0;
   }
   .rc-note {
      background: #fff8e1;
      border-left: 4px solid #f0ad4e;
      padding: 14px 20px;
      margin: 0 0 35px;
      font-size: 15px;
      line-height: 26px;
      border-radius: 4px;
      max-width: 900px;
      margin-left: auto;
      margin-right: auto;
   }
   .rc-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 22px;
   }
   .rc-card {
      background: #fff;
      border: 1px solid #ecedf5;
      border-radius: 14px;
      padding: 28px 24px;
      box-shadow: 0 4px 18px rgba(16,16,46,0.06);
      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
      position: relative;
      overflow: hidden;
   }
   .rc-card::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 4px; height: 100%;
      background: linear-gradient(180deg, #0056b3, #3b8bff);
   }
   .rc-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 14px 30px rgba(0,86,179,0.15);
      border-color: #cfe0f7;
   }
   .rc-icon {
      width: 52px; height: 52px;
      border-radius: 12px;
      background: rgba(0,86,179,0.08);
      color: #0056b3;
      display: flex; align-items: center; justify-content: center;
      font-size: 22px;
      margin-bottom: 18px;
   }
   .rc-card h4 {
      font-size: 24px;
      font-weight: 700;
      color: #10102e;
      margin: 0 0 8px;
      line-height: 1.25;
   }
   .rc-card p {
      color: #6a6a7a;
      font-size: 15px;
      margin: 0;
   }
   .rc-example {
      max-width: 900px;
      margin: 40px auto 0;
      background: #f5f8ff;
      border: 1px solid #dbe6fb;
      border-radius: 12px;
      padding: 26px 30px;
   }
   .rc-example h5 {
      color: #0056b3;
      font-size: 18px;
      margin: 0 0 10px;
   }
   .rc-example p {
      font-size: 15px;
      line-height: 26px;
      color: #3a3a48;
      margin: 0;
   }
   .rc-footnote {
      max-width: 900px;
      margin: 20px auto 0;
      font-size: 13px;
      line-height: 22px;
      color: #8a8a99;
      text-align: center;
   }
   @media(max-width:1199px){
      .rc-grid { grid-template-columns: repeat(2, 1fr); }
   }
   @media(max-width:576px){
      .rc-grid { grid-template-columns: 1fr; }
      .rc-example { padding: 20px; }
   }