.rdk-wrap{ max-width:1200px; margin:40px auto 80px; padding:0 16px; }
  .rdk-hero{
    text-align:center;
    padding:28px 14px 10px;
  }
  .rdk-hero h1{
    margin:0;
    font-size:44px;
    letter-spacing:.2px;
    text-decoration: underline;
    text-underline-offset:8px;
  }
  .rdk-welcome{
    margin:16px auto 0;
    max-width:900px;
    font-size:18px;
    line-height:1.55;
    opacity:.85;
  }

  .rdk-body{
    margin:18px auto 0;
    max-width:1000px;
  }

  .rdk-grid{
    margin-top:26px;
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap:18px;
  }
  .rdk-card{
    display:block;
    text-decoration:none;
    color:inherit;
    background:#fff;
    border:1px solid rgba(0,0,0,.06);
    border-radius:18px;
    padding:16px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition: transform .08s ease, box-shadow .2s ease;
    min-height:92px;
    text-align: center;
  }
  .rdk-card:hover{
    transform: translateY(-2px);
    box-shadow:0 14px 36px rgba(0,0,0,.12);
  }
  .rdk-card .t{
    font-weight:800;
    font-size:18px;
    margin:0 0 6px;
  }
  .rdk-card .s{
    margin:0;
    font-size:13px;
    opacity:.75;
  }