/* =========================================================
   Shahrukh Skills Box — scoped styles (shk-sk- prefix)
   ========================================================= */
.shk-sk{
  --shk-sk-g1:#1b2a6b;
  --shk-sk-g2:#2547d0;
  --shk-sk-angle:135deg;
  --shk-sk-check:#7ee0b8;
  font-family:inherit;box-sizing:border-box;
  background:linear-gradient(var(--shk-sk-angle),var(--shk-sk-g1),var(--shk-sk-g2));
  border-radius:20px;padding:40px 32px;color:#fff;width:100%;
}
.shk-sk *{box-sizing:border-box;}
.shk-sk-title{font-size:26px;font-weight:800;text-align:center;margin:0 0 8px;line-height:1.2;color:#fff;}
.shk-sk-sub{text-align:center;opacity:.85;font-size:15px;margin:0 auto 28px;line-height:1.5;max-width:560px;}
.shk-sk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.shk-sk-col{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:20px;}
.shk-sk-col h3{font-size:15px;font-weight:800;margin:0 0 12px;color:#fff;}
.shk-sk-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.shk-sk-col li{font-size:13px;opacity:.95;display:flex;gap:8px;line-height:1.4;align-items:flex-start;color:#eaeeff;}
.shk-sk-check{color:var(--shk-sk-check);font-weight:800;flex:0 0 auto;}

@media(max-width:680px){
  .shk-sk-grid{grid-template-columns:1fr !important;}
  .shk-sk{padding:32px 22px;}
}